.button,.menu-button,.summary-mobile-toggle,.app-tabs button,.gallery-buttons button,.payback-presets button,.payment-option,.delivery-option,.back-step{transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.75,.25,1)}
.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1d2a0f12}.button:active{transform:translateY(0) scale(.985);box-shadow:none}
.gallery-buttons button:hover,.payback-presets button:hover{transform:translateY(-2px)}.payment-option:hover,.delivery-option:hover{border-color:#899c78}.payment-option:has(input:checked),.delivery-option:has(input:checked){box-shadow:0 0 0 1px #6f875524}
.summary-mobile-toggle img{transition:transform .25s cubic-bezier(.2,.75,.25,1)}.checkout-progress li,.checkout-progress li>span{transition:background-color .25s,color .25s,border-color .25s}
.step-heading:focus{outline:none}.step-heading:focus-visible{outline:2px solid #cbd7bf;outline-offset:8px;border-radius:6px}.checkout-body [data-order-total]{display:inline-block}
.button img,.text-link img{transition:transform .25s ease}.button:hover img,.text-link:hover img{transform:translateX(3px)}.app-tabs button{position:relative}.app-tabs button:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.75,.25,1)}.app-tabs button[aria-selected=true]:before{transform:scaleX(1)}.phone-nav button{transition:background .25s,color .25s}.faq summary span,.purchase-questions summary span{transition:transform .3s}.phone{transition:box-shadow .4s ease}.phone:hover{box-shadow:12px 28px 56px #263b2438}.sticky-buy{transition:opacity .3s,transform .4s cubic-bezier(.2,.75,.25,1)}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.sticky-buy{opacity:0;visibility:hidden;pointer-events:none}.sticky-buy.visible{opacity:1;visibility:visible;pointer-events:auto}
/* Brief directional highlights draw attention without interrupting reading. */
.red-button,.coupon-link,#apply-coupon{position:relative;isolation:isolate;overflow:hidden}
.red-button::after,.coupon-link::after,#apply-coupon::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff30 48%,transparent 70%);transform:translateX(-140%)}
.attention-cue.red-button::after,.attention-cue.coupon-link::after,#apply-coupon.attention-cue::after{animation:fg-light-sweep 1200ms 250ms ease-out both}
.individual-offer.attention-cue{animation:fg-offer-glow 1800ms ease-out both}
.individual-offer{transition:background-color .4s,border-color .4s,box-shadow .4s}
.individual-offer.coupon-applied:not(.coupon-expired){background:#f0f6eb;border-color:#8eac7c}
.coupon-applied #apply-coupon{background:#335b2e;opacity:1}
.coupon-applied #apply-coupon::before{content:'✓';margin-right:7px}
.coupon-entry button,.coupon-link{transition:background-color .25s,box-shadow .25s,transform .25s}
.checkout-body .field input,.checkout-body .field select,.coupon-entry input{transition:border-color .22s,box-shadow .22s,background-color .22s}
.checkout-body .field:focus-within label,.coupon-entry:focus-within label{color:#9d2b1d;transition:color .22s}
.checkout-body .field input:focus,.checkout-body .field select:focus,.coupon-entry input:focus-visible{border-color:#cf6c57;box-shadow:0 0 0 3px #e7603d15}
.installation-steps li,.function-card,.tech-list{transition:box-shadow .3s,transform .3s}
@media(hover:hover) and (pointer:fine){.installation-steps li:hover{transform:translateY(-5px);box-shadow:0 14px 28px #2838240c}.coupon-link:hover,#apply-coupon:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 18px #1d2a0f1a}}
@keyframes fg-light-sweep{from{transform:translateX(-140%)}to{transform:translateX(140%)}}
@keyframes fg-offer-glow{0%,100%{box-shadow:0 0 0 0 #ed4b2400}40%{box-shadow:0 0 0 6px #ed4b2414,0 10px 26px #ed4b240b}}
@media(prefers-reduced-motion:reduce){.attention-cue,.attention-cue::after{animation:none!important}.installation-steps li:hover,.coupon-link:hover,#apply-coupon:not(:disabled):hover{transform:none}}