/* Bae Hero Slider v2.0.0 — Editorial Luxe + Classic skins */
.bae-hero{position:relative;overflow:hidden;background:#241812;font-family:'Jost',-apple-system,'Segoe UI',sans-serif}
.bhs-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.bhs-slide.is-active{opacity:1;pointer-events:auto;z-index:2}
.bhs-bg{position:absolute;inset:0;overflow:hidden}
.bhs-bg img,.bhs-bg video{width:100%;height:100%;object-fit:cover;opacity:.82;transform:scale(1.08);display:block}
.bhs-slide.is-active .bhs-bg img,.bhs-slide.is-active .bhs-bg video{animation:bhsKb 8.5s ease-out forwards}
@keyframes bhsKb{to{transform:scale(1.01)}}
.bhs-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(23,16,9,.9) 0%,rgba(23,16,9,.6) 45%,rgba(23,16,9,.1) 80%)}
.bhs-cont{position:relative;z-index:4;max-width:1240px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(34px,6vw,80px);color:#FFF8F3}

/* eyebrow + drawn gold rule */
.bhs-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.bhs-eyebrow i{display:block;width:44px;height:1px;background:#C9A96A;transform:scaleX(0);transform-origin:left}
.bhs-slide.is-active .bhs-eyebrow i{animation:bhsRule .7s .25s ease forwards}
@keyframes bhsRule{to{transform:none}}
.bhs-eyebrow span{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:#C9A96A;font-weight:500}

/* headline (JS splits into word-stagger on editorial skin) */
.bhs-h{font-family:'Fraunces',Georgia,'Times New Roman',serif;font-weight:300;font-size:clamp(34px,5.4vw,70px);line-height:1.05;letter-spacing:-.015em;max-width:15ch;margin:0}
.bhs-h em{font-style:italic;font-weight:300;color:#E9CD96}
.bhs-h .bhs-w{display:inline-block;overflow:hidden;vertical-align:bottom}
.bhs-h .bhs-w>span{display:inline-block;transform:translateY(115%)}
.bhs-slide.is-active .bhs-h .bhs-w>span{animation:bhsWup .8s cubic-bezier(.22,.7,.3,1) forwards}
@keyframes bhsWup{to{transform:none}}

.bhs-price{font-family:'Fraunces',Georgia,serif;font-size:clamp(20px,2.4vw,30px);margin:14px 0 0;color:#E9CD96}
.bhs-price del{color:#8d7a63;font-size:.7em;margin-right:8px}
.bhs-price ins{text-decoration:none}
.bhs-stock{display:inline-block;margin-left:14px;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#D98E5F;vertical-align:middle}

.bhs-sub{font-size:14.5px;color:#D9CBB5;font-weight:300;line-height:1.75;max-width:46ch;margin:16px 0 0;opacity:0;transform:translateY(12px)}
.bhs-slide.is-active .bhs-sub{animation:bhsFup .7s .55s ease forwards}
@keyframes bhsFup{to{opacity:1;transform:none}}

/* countdown */
.bhs-count{display:flex;align-items:baseline;gap:6px;margin:18px 0 0;opacity:0;transform:translateY(12px)}
.bhs-slide.is-active .bhs-count{animation:bhsFup .7s .62s ease forwards}
.bhs-count span{font-family:'Fraunces',Georgia,serif;font-size:24px;color:#FFF8F3;min-width:38px;text-align:center;border:1px solid rgba(233,205,150,.35);padding:6px 4px}
.bhs-count i{font-style:normal;font-size:9px;letter-spacing:.2em;color:#C9A96A;margin-right:6px}

.bhs-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;opacity:0;transform:translateY(12px)}
.bhs-slide.is-active .bhs-ctas{animation:bhsFup .7s .7s ease forwards}
.bhs-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;font-weight:500;transition:.3s;border:1px solid transparent;text-decoration:none;cursor:pointer;font-family:'Jost',sans-serif}
.bhs-solid{background:#FFF8F3;color:#3A2B20}
.bhs-solid:hover{background:#C9A96A;color:#3A2B20}
.bhs-line{border-color:rgba(233,205,150,.55);color:#E9CD96;background:transparent}
.bhs-line:hover{background:rgba(233,205,150,.12);color:#E9CD96}

/* corner badge */
.bhs-badge{position:absolute;top:clamp(28px,3.4vw,44px);right:clamp(34px,5vw,70px);z-index:5;border:1px solid rgba(233,205,150,.35);color:#E9CD96;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;padding:7px 14px;background:rgba(23,16,9,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* ═══ EDITORIAL SKIN devices ═══ */
.bhs-frame{position:absolute;inset:clamp(14px,2vw,26px);border:1px solid rgba(233,205,150,.35);z-index:6;pointer-events:none}
.bhs-frame::after{content:'BAE BEAUTÉ';position:absolute;top:-8px;left:32px;background:#241812;padding:0 14px;font-size:9px;letter-spacing:.5em;color:#C9A96A;font-family:'Jost',sans-serif}
.bhs-rail{position:absolute;right:clamp(26px,3.4vw,46px);top:50%;transform:translateY(-50%);z-index:7;display:flex;flex-direction:column;gap:20px}
.bhs-dotn{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;color:#8d7a63;font-family:'Fraunces',Georgia,serif;font-size:13px;letter-spacing:.1em;transition:color .3s;padding:2px}
.bhs-dotn i{display:block;width:22px;height:1px;background:#8d7a63;transition:.3s}
.bhs-dotn.is-on{color:#E9CD96}
.bhs-dotn.is-on i{width:40px;background:#C9A96A}

/* ═══ CLASSIC SKIN — quieter ═══ */
.bhs-skin-classic .bhs-frame,.bhs-skin-classic .bhs-rail{display:none}
.bhs-skin-classic .bhs-h .bhs-w>span{transform:none;animation:none!important}
.bhs-skin-classic .bhs-eyebrow i{display:none}

/* ═══ CHROME ═══ */
.bhs-chrome{position:absolute;left:0;right:0;bottom:0;z-index:7;display:flex;align-items:center;gap:18px;max-width:1240px;margin:0 auto;padding:0 clamp(34px,6vw,80px) clamp(26px,3vw,38px);color:#E9CD96}
.bhs-frac{font-family:'Fraunces',Georgia,serif;font-size:14px;letter-spacing:.14em;white-space:nowrap}
.bhs-frac b{font-size:20px;font-weight:400;color:#fff}
.bhs-bar{flex:1;height:2px;background:rgba(233,205,150,.22);position:relative;max-width:300px}
.bhs-bar i{position:absolute;left:0;top:0;bottom:0;background:#C9A96A;width:0}
.bhs-bar i.is-run{animation:bhsFill var(--bhs-dur,7s) linear forwards}
@keyframes bhsFill{to{width:100%}}
.bhs-arrows{display:flex;gap:8px;margin-left:auto}
.bhs-arr,.bhs-pause{width:44px;height:44px;border:1px solid rgba(233,205,150,.4);background:rgba(23,16,9,.3);color:#E9CD96;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:'Jost',sans-serif}
.bhs-arr{font-size:16px}
.bhs-pause{font-size:12px}
.bhs-arr:hover,.bhs-pause:hover{background:#C9A96A;color:#241812;border-color:#C9A96A}

@media(max-width:680px){
  .bhs-arrows,.bhs-rail{display:none}
  .bhs-sub{display:none}
  .bhs-count span{font-size:18px;min-width:32px}
}
@media(prefers-reduced-motion:reduce){
  .bhs-bg img,.bhs-bg video,.bhs-slide.is-active .bhs-bg img,.bhs-slide.is-active .bhs-bg video{animation:none;transform:none}
  .bhs-h .bhs-w>span{transform:none;animation:none!important}
  .bhs-sub,.bhs-ctas,.bhs-count,.bhs-slide.is-active .bhs-sub,.bhs-slide.is-active .bhs-ctas,.bhs-slide.is-active .bhs-count{opacity:1;transform:none;animation:none}
  .bhs-eyebrow i,.bhs-slide.is-active .bhs-eyebrow i{transform:none;animation:none}
}