.elementor .btn-primary{font-family:var(--font-figtree);font-weight:500;font-size:16px;color:var(--white);letter-spacing:1px;padding-block-start:8px;padding-block-end:7px;padding-inline-start:20px;padding-inline-end:20px;border-radius:80px;border-width:2px;border-color:var(--st-blue-lite);border-style:solid;background-color:var(--st-blue-primary);}.elementor .btn-primary:hover,.elementor .btn-primary:focus-visible{border-width:2px;border-color:var(--st-blue-lite);background-color:var(--st-blue-lite);}.elementor .supply-header{width:100%;position:fixed;inset-block-start:0px;z-index:100;padding-block-start:25px;padding-block-end:25px;/* This targets the baseline state (when it slides back DOWN / shows) */
transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease !important;
background-color: #ffffff !important;
will-change: transform; /* Tells the browser to prepare the graphics card for smooth movement */
}

/* When scrolling DOWN (hiding the header) */
.supply-header.scroll-down {
transform: translateY(-100%) !important;
/* Use a smoother 'ease-in-out' curve just for hiding so it starts gently */
transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) !important;
box-shadow: none !important; /* Keeps it shadowless as it exits */
}

/* When scrolling UP (revealing the header) */
.supply-header.scroll-up {
transform: translateY(0) !important;
/* Keeps your premium, snappy deceleration curve for entering */
transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important; /* Brings back the floating shadow */\n}.elementor .body-S{font-family:var(--body-font);font-weight:400;font-size:0.875rem;}