/* BONDOK Responsive Motion System V4 — polished navigation + gallery */
:root{--bm-gold:#E0B84F;--bm-champagne:#E0B84F;--bm-ease:cubic-bezier(.16,1,.3,1);--bm-med:820ms}
html{scroll-behavior:smooth}body{overflow-x:hidden}

/* Intro loader removed in V4. */

/* HERO — more cinematic, less generic */
body.bm-loading .hero .hero-text>*{opacity:0!important}
.hero .hero-text{transform:translateY(calc(var(--bm-hero-scroll,0px) * -1));transition:transform .15s linear}
body.bm-ready .hero #heroSubtitle{animation:bmHeroEyebrow .8s var(--bm-ease) .08s both}
body.bm-ready .hero #heroTitle{animation:bmHeroTitle 1.05s var(--bm-ease) .2s both}
body.bm-ready .hero #heroDescription{animation:bmHeroUp .82s var(--bm-ease) .44s both}
body.bm-ready .hero .hero-buttons{animation:bmHeroButtons .82s var(--bm-ease) .62s both}
.hero{--bm-parallax:0px;background-position:center calc(50% + var(--bm-parallax));background-size:cover;transition:background-position .14s linear}
.hero::before{will-change:transform;animation:bmHeroBreath 15s ease-in-out infinite alternate}
.hero-background-video{transform:scale(1.055);animation:bmHeroBreath 15s ease-in-out infinite alternate}
@keyframes bmHeroEyebrow{from{opacity:0;letter-spacing:.12em;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes bmHeroTitle{from{opacity:0;filter:blur(6px);transform:translateY(34px) scale(.965)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes bmHeroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes bmHeroButtons{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes bmHeroBreath{from{transform:scale(1.055)}to{transform:scale(1.015)}}

/* NAVBAR */
.navbar{transition:padding .42s var(--bm-ease),background .42s ease,box-shadow .42s ease,backdrop-filter .42s ease}
.navbar.bm-scrolled{background:rgba(5,5,5,.82)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.navbar nav a{position:relative}.navbar nav a::after{content:"";position:absolute!important;left:0!important;right:0!important;bottom:2px!important;width:auto!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,var(--bm-champagne) 18%,var(--bm-champagne) 82%,transparent 100%)!important;transform:scaleX(0)!important;transform-origin:center!important;transition:transform .38s var(--bm-ease)!important}.navbar nav a[aria-current="page"]::after{transform:scaleX(1)!important}
@media (hover:hover) and (pointer:fine){.navbar nav a:hover::after,.navbar nav a:focus-visible::after{transform:scaleX(1)!important}}

/* REVEALS — intentionally visible */
.bm-reveal{opacity:0;will-change:opacity,transform;transition:opacity var(--bm-med) var(--bm-ease),transform var(--bm-med) var(--bm-ease),filter var(--bm-med) ease;transition-delay:var(--bm-delay,0ms)}
.bm-reveal.bm-up{transform:translateY(42px);filter:blur(2px)}
.bm-reveal.bm-card{transform:translateY(34px) scale(.94);filter:blur(3px)}
.bm-reveal.bm-in{opacity:1;transform:none;filter:none}

/* DIVIDERS */
.bondok-section-divider{overflow:hidden}.bondok-section-divider::before,.bondok-section-divider::after,.bondok-section-divider .bondok-divider-symbol,.story-luxury-divider span,.story-luxury-topline span{transform:scaleX(0);transition:transform 1.15s var(--bm-ease);transform-origin:center}
.bondok-section-divider.bm-in::before,.bondok-section-divider.bm-in::after,.bondok-section-divider.bm-in .bondok-divider-symbol,.bondok-story-luxury.bm-in .story-luxury-divider span,.bondok-story-luxury.bm-in .story-luxury-topline span{transform:scaleX(1)}

/* COLLECTION */
.filter-btn{position:relative;transition:color .32s ease,transform .22s ease,opacity .25s ease}.filter-buttons .filter-btn,.collection-page .filter-btn{min-width:0!important}.filter-buttons .filter-btn::after,.collection-page .filter-btn::after{content:"";position:absolute!important;left:2px!important;right:2px!important;bottom:0!important;width:auto!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,var(--bm-champagne) 16%,var(--bm-champagne) 84%,transparent 100%)!important;transform:scaleX(0)!important;transform-origin:center!important;transition:transform .38s var(--bm-ease)!important}.filter-buttons .filter-btn.active::after,.collection-page .filter-btn.active::after{transform:scaleX(1)!important}@media (hover:hover) and (pointer:fine){.filter-buttons .filter-btn:hover::after,.collection-page .filter-btn:hover::after{transform:scaleX(1)!important}}
.home-filter-buttons.bm-filter-changing .filter-btn:not(.active){opacity:.55}
.collection-grid.bm-filter-out .perfume-card{opacity:0!important;transform:translateY(14px) scale(.91)!important;filter:blur(3px);transition:opacity .22s ease,transform .22s ease,filter .22s ease!important}
.perfume-card{position:relative;transition:transform .58s var(--bm-ease),box-shadow .58s ease,opacity .45s ease,filter .45s ease!important;overflow:hidden}
.perfume-card img{transition:transform .9s var(--bm-ease),filter .55s ease!important}
.perfume-card::before{content:"";position:absolute;z-index:5;inset:-45% -90%;background:linear-gradient(108deg,transparent 43%,rgba(224,184,79,.06) 47%,rgba(255,229,154,.28) 50%,rgba(224,184,79,.08) 53%,transparent 58%);transform:translateX(-55%) rotate(5deg);opacity:0;pointer-events:none}
@media (hover:hover) and (pointer:fine){.perfume-card:hover{transform:translateY(-12px) scale(1.018)!important;box-shadow:0 24px 55px rgba(0,0,0,.34)}.perfume-card:hover img{transform:translateY(-6px) scale(1.075)!important;filter:brightness(1.06)}.perfume-card:hover::before{opacity:1;transform:translateX(58%) rotate(5deg);transition:transform 1s var(--bm-ease),opacity .18s ease}.perfume-card:hover h3,.perfume-card:hover .perfume-category{transform:translateY(-3px)}}
.perfume-card h3,.perfume-card .perfume-category{transition:transform .45s var(--bm-ease)}

/* GALLERY */
.gallery-card,.bondok-home-media-card{position:relative;overflow:hidden}.gallery-card img,.bondok-home-media-card img{transition:transform .9s var(--bm-ease),filter .48s ease!important}.gallery-card::after{content:"VIEW";position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,0,0,.18),rgba(0,0,0,.58));color:#fff7de;font:600 .76rem/1 Poppins,sans-serif;letter-spacing:.34em;opacity:0;transform:scale(1.04);transition:opacity .42s ease,transform .55s var(--bm-ease);pointer-events:none;z-index:4}
@media (hover:hover) and (pointer:fine){.gallery-card:hover img,.bondok-home-media-card:hover img{transform:scale(1.09)!important;filter:brightness(.58)}.gallery-card:hover::after{opacity:1;transform:none}}
.home-media-modal{opacity:0!important;transform:scale(.985);transition:opacity .32s ease,transform .45s var(--bm-ease)!important}.home-media-modal.is-open{opacity:1!important;transform:none}.home-media-frame img{transition:opacity .28s ease,transform .42s var(--bm-ease)!important}.home-media-frame img.is-changing{opacity:0!important;transform:translateX(22px) scale(.965)!important}

/* REVIEWS */
.review-card{transition:transform .55s var(--bm-ease),box-shadow .55s ease,opacity .45s ease!important}.review-card img{transition:transform .8s var(--bm-ease),filter .45s ease!important}@media (hover:hover) and (pointer:fine){.review-card:hover{transform:translateY(-9px) scale(1.015)!important;box-shadow:0 24px 50px rgba(0,0,0,.28)}.review-card:hover img{transform:scale(1.055)!important;filter:brightness(1.04)}}

/* STORY — cinematic mask + content sequencing */
.bondok-story-luxury{position:relative;overflow:hidden}.story-luxury-shell{clip-path:inset(0 0 42% 0);opacity:.28;transform:translateY(28px);transition:clip-path 1.2s var(--bm-ease),opacity .85s ease,transform 1.05s var(--bm-ease)}.bondok-story-luxury.bm-in .story-luxury-shell{clip-path:inset(0);opacity:1;transform:none}

/* CONTACT + BUTTONS */
a.hero-btn,.contact-primary-cta,.contact-app-cta,button:not(.menu-toggle){transition:transform .22s var(--bm-ease),background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease!important}a.hero-btn:active,.contact-primary-cta:active,.contact-app-cta:active,button:active{transform:scale(.965)!important}.contact-primary-cta i:last-child,.contact-app-arrow{transition:transform .34s var(--bm-ease)}@media (hover:hover) and (pointer:fine){a.hero-btn:hover{transform:translateY(-3px)}.contact-primary-cta:hover,.contact-app-cta:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.26)}.contact-primary-cta:hover i:last-child,.contact-app-cta:hover .contact-app-arrow{transform:translate(5px,-2px)}}

/* WHATSAPP */
.bm-whatsapp{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:1100;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#171717,#0a0a0a);border:1px solid rgba(224,184,79,.75);color:#E0B84F;text-decoration:none;box-shadow:0 16px 40px rgba(0,0,0,.44),inset 0 0 0 1px rgba(255,255,255,.025);opacity:0;transform:translateY(18px) scale(.88);transition:opacity .55s var(--bm-ease),transform .55s var(--bm-ease),box-shadow .3s ease}.bm-whatsapp.bm-wa-in{opacity:1;transform:none}.bm-whatsapp i{font-size:1.52rem}.bm-whatsapp:active{transform:scale(.91)!important}.bm-whatsapp.bm-pulse{animation:bmPulse 1.25s ease 1}.bm-whatsapp__tip{position:absolute;right:70px;white-space:nowrap;padding:10px 13px;border:1px solid rgba(224,184,79,.3);background:rgba(8,8,8,.96);color:#eee;font:400 .72rem/1.3 Poppins,sans-serif;opacity:0;transform:translateX(10px);pointer-events:none;transition:.3s var(--bm-ease);box-shadow:0 10px 28px rgba(0,0,0,.34)}@media (hover:hover) and (pointer:fine){.bm-whatsapp:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,0,0,.5),0 0 0 1px rgba(224,184,79,.2)}.bm-whatsapp:hover .bm-whatsapp__tip{opacity:1;transform:none}}@keyframes bmPulse{0%,100%{box-shadow:0 16px 40px rgba(0,0,0,.44)}45%{box-shadow:0 0 0 15px rgba(224,184,79,0),0 16px 40px rgba(0,0,0,.44);transform:scale(1.1)}}

/* internal pages: subtle entrance, NO loader */
body:not(.bm-loading) main,body:not(.bm-loading) .product-page,body:not(.bm-loading) .collection-page,body:not(.bm-loading) .gallery-page{animation:bmPageIn .62s var(--bm-ease) both}@keyframes bmPageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.bm-pressed{transform:scale(.965)!important}
@media (max-width:768px){:root{--bm-med:610ms}.bm-reveal.bm-up{transform:translateY(27px);filter:none}.bm-reveal.bm-card{transform:translateY(24px) scale(.955);filter:none}.hero{background-position:center center!important}.hero::before,.hero-background-video{animation:none!important;transform:none!important}.hero .hero-text{transform:none!important}.perfume-card::before{display:none}.bm-whatsapp{width:52px;height:52px;right:14px;bottom:max(16px,env(safe-area-inset-bottom))}.bm-whatsapp__tip{display:none}.menu-open nav a,.navbar.open nav a,.navbar.active nav a{animation:bmMenuItem .45s var(--bm-ease) both;animation-delay:calc(var(--bm-menu-i,0) * 60ms)}}
@keyframes bmMenuItem{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before,.hero-background-video,.bm-whatsapp{animation:none!important}.bm-reveal,.navbar,.perfume-card,.gallery-card img,.review-card{transition-duration:.01ms!important}.bm-reveal{opacity:1!important;transform:none!important;filter:none!important}}

/* V6 refined gold motion */
:root{--bm-gold:#E0B84F;--bm-champagne:#FFE59A}
@media (hover:hover) and (pointer:fine){
  .perfume-card::before{background:linear-gradient(108deg,transparent 42%,rgba(224,184,79,.05) 46%,rgba(255,229,154,.34) 50%,rgba(224,184,79,.10) 54%,transparent 59%)!important}
  .contact-social-grid a:hover{color:#FFE59A!important;box-shadow:0 0 0 1px rgba(255,229,154,.16),0 0 24px rgba(224,184,79,.14)!important;transform:translateY(-4px)!important}
}