:root{--t-instant:80ms;--t-fast:160ms;--t-base:240ms;--t-slow:380ms;--t-reveal:540ms;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-standard:cubic-bezier(0.4,0,0.2,1);}
@keyframes bcs-page-in{from{opacity:0}to{opacity:1}}
body{animation:bcs-page-in var(--t-slow) var(--ease-out-expo) both}
.bcs-reveal{opacity:0;transform:translateY(22px);transition:opacity var(--t-reveal) var(--ease-out-expo),transform var(--t-reveal) var(--ease-out-expo)}
.bcs-reveal.is-visible{opacity:1;transform:translateY(0)}
.bcs-reveal-group>*{opacity:0;transform:translateY(16px);transition:opacity var(--t-reveal) var(--ease-out-expo),transform var(--t-reveal) var(--ease-out-expo)}
.bcs-reveal-group.is-visible>*:nth-child(1){transition-delay:0ms}.bcs-reveal-group.is-visible>*:nth-child(2){transition-delay:60ms}.bcs-reveal-group.is-visible>*:nth-child(3){transition-delay:120ms}.bcs-reveal-group.is-visible>*:nth-child(4){transition-delay:180ms}.bcs-reveal-group.is-visible>*:nth-child(5){transition-delay:240ms}.bcs-reveal-group.is-visible>*:nth-child(6){transition-delay:300ms}.bcs-reveal-group.is-visible>*:nth-child(n+7){transition-delay:340ms}
.bcs-reveal-group.is-visible>*{opacity:1;transform:translateY(0)}
.slide-btn-primary,.slide-btn-secondary,.btn-add-to-cart,.btn-book-slot,.btn-whatsapp-enquire,.btn-submit-old-ac,.btn-checkout,.btn-book-service,.btn-service-whatsapp{transition:background var(--t-fast) var(--ease-standard),color var(--t-fast) var(--ease-standard),box-shadow var(--t-fast) var(--ease-standard),transform var(--t-instant) var(--ease-spring),opacity var(--t-fast) var(--ease-standard);will-change:transform}
.slide-btn-primary:hover,.btn-add-to-cart:hover,.btn-book-slot:hover,.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,116,240,.30)}
.slide-btn-primary:active,.btn-add-to-cart:active,.btn-book-slot:active,.btn-checkout:active{transform:translateY(0) scale(.97);box-shadow:0 2px 6px rgba(40,116,240,.18);transition-duration:var(--t-instant)}
.slide-btn-secondary:hover,.btn-whatsapp-enquire:hover,.btn-submit-old-ac:hover,.btn-service-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.14)}
.slide-btn-secondary:active,.btn-whatsapp-enquire:active{transform:scale(.97);transition-duration:var(--t-instant)}
.chip-btn,.spare-filter-chip,.refurb-tab-btn{transition:background var(--t-fast) var(--ease-standard),border-color var(--t-fast) var(--ease-standard),color var(--t-fast) var(--ease-standard),transform var(--t-instant) var(--ease-spring)}
.chip-btn:hover,.spare-filter-chip:hover{transform:translateY(-1px)}.chip-btn:active,.spare-filter-chip:active{transform:scale(.95)}
.btn-carousel-prev,.btn-carousel-next{transition:background var(--t-fast) var(--ease-standard),transform var(--t-instant) var(--ease-spring)}
.btn-carousel-prev:hover,.btn-carousel-next:hover{transform:scale(1.08)}.btn-carousel-prev:active,.btn-carousel-next:active{transform:scale(.94)}
.product-card,.service-card,.spare-card,.refurb-card{transition:transform var(--t-base) var(--ease-out-expo),box-shadow var(--t-base) var(--ease-out-expo),border-color var(--t-fast) var(--ease-standard);will-change:transform}
.product-card:hover,.service-card:hover,.spare-card:hover,.refurb-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -6px rgba(0,0,0,.12)}
.amc-card{transition:transform var(--t-base) var(--ease-out-expo),box-shadow var(--t-base) var(--ease-out-expo)}
.amc-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 28px -4px rgba(40,116,240,.18)}
@keyframes bcs-modal-in{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes bcs-backdrop-in{from{opacity:0}to{opacity:1}}
.modal-backdrop.open{animation:bcs-backdrop-in var(--t-base) var(--ease-standard) both}
.modal-backdrop.open .modal-box,.modal-backdrop.open .cart-panel,.modal-backdrop.open .filter-sidebar{animation:bcs-modal-in var(--t-base) var(--ease-out-expo) both}
.main-header{transition:box-shadow var(--t-base) var(--ease-standard)}
.main-header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.12)}
.nav-menu-link{position:relative;transition:color var(--t-fast) var(--ease-standard),background var(--t-fast) var(--ease-standard)}
.nav-menu-link::after{content:'';position:absolute;left:50%;bottom:-2px;width:0;height:2px;background:var(--fk-blue);border-radius:9999px;transition:width var(--t-base) var(--ease-out-expo),left var(--t-base) var(--ease-out-expo)}
.nav-menu-link:hover::after,.nav-menu-link.active::after{width:80%;left:10%}
.product-img-wrap img,.spare-img-wrap img,.refurb-img-wrap img{transition:transform var(--t-slow) var(--ease-out-expo)}
.product-card:hover .product-img-wrap img,.spare-card:hover .spare-img-wrap img,.refurb-card:hover .refurb-img-wrap img{transform:scale(1.05)}
@keyframes bcs-toast-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bcs-toast-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
#toastMessage{animation:bcs-toast-in var(--t-base) var(--ease-out-expo) both}
#toastMessage.hiding{animation:bcs-toast-out var(--t-fast) var(--ease-standard) both}
@keyframes bcs-wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5),0 6px 20px rgba(37,211,102,.45)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0),0 6px 20px rgba(37,211,102,.45)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 6px 20px rgba(37,211,102,.45)}}
.floating-whatsapp-btn{animation:bcs-wa-pulse 2.4s ease-out 2s infinite}
.floating-whatsapp-btn:hover{animation:none;transform:scale(1.1);box-shadow:0 10px 30px rgba(37,211,102,.55)}
.slide-content h1,.slide-content h2{animation:bcs-page-in var(--t-slow) var(--ease-out-expo) 120ms both}
.slide-content p{animation:bcs-page-in var(--t-slow) var(--ease-out-expo) 200ms both}
.slide-cta-wrap{animation:bcs-page-in var(--t-slow) var(--ease-out-expo) 280ms both}
@keyframes bcs-badge-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.9)}100%{transform:scale(1)}}
.cart-count-badge.pop{animation:bcs-badge-pop var(--t-base) var(--ease-spring)}
input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color var(--t-fast) var(--ease-standard),box-shadow var(--t-fast) var(--ease-standard)}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--fk-blue) !important;box-shadow:0 0 0 3px rgba(40,116,240,.15)}
.section-badge{transition:transform var(--t-fast) var(--ease-spring)}.section-badge:hover{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}body{animation:none}.bcs-reveal,.bcs-reveal-group>*{opacity:1;transform:none;transition:none}.floating-whatsapp-btn{animation:none}}

#productsGrid > *, .product-card { opacity: 1 !important; transform: none !important; visibility: visible !important; }