/* ══════════════════════════════════════════
   HERO — 3-image auto-rotating carousel (new UI)
══════════════════════════════════════════ */
.hero{
  position:relative;
  width:100%;
  height:78vh;min-height:420px;max-height:640px;
  overflow:hidden;
  background:#F4F4F4;
}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease)}
.hero-slide.on{opacity:1}
.hero-slide img{
  width:100%;height:100%;object-fit:cover;
  image-rendering:-webkit-optimize-contrast;
  filter:contrast(1.07) saturate(1.06) brightness(1.02);
}

.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(17,17,17,0) 40%,rgba(17,17,17,.55) 100%);
  pointer-events:none;
}

.hero-caption{
  position:absolute;bottom:64px;right:0;left:0;
  text-align:center;color:#fff;padding:0 20px;
}
.hero-caption .eyebrow{
  font-family:var(--f-en);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--n-gold);margin-bottom:10px;
}
.hero-caption h1{
  font-family:var(--f-ar);
  font-size:clamp(26px,5vw,44px);font-weight:800;margin:0 0 18px;
}
.hero-cta{
  display:inline-block;background:var(--n-red);color:#fff;
  padding:13px 34px;font-family:var(--f-ar);font-size:13px;font-weight:700;
  border:none;border-radius:2px;cursor:pointer;
}

.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:38px;height:38px;background:rgba(255,255,255,.85);
  border:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;z-index:2;
}
.hero-arrow svg{width:16px;height:16px;stroke:var(--n-black)}
.hero-arrow.prev{left:18px}
.hero-arrow.next{right:18px}

.hero-dots{position:absolute;bottom:22px;right:0;left:0;display:flex;justify-content:center;gap:8px;z-index:2}
.hero-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .25s,transform .25s}
.hero-dot.on{background:var(--n-gold);transform:scale(1.3)}

@media(max-width:768px){
  .hero{height:62vh;min-height:380px}
  .hero-caption{bottom:46px}
  .hero-arrow{display:none}
}

/* ── reused elsewhere: welcome section title, products/cart/checkout page eyebrows ── */
.hero-eyebrow{
  font-family:var(--f-en);
  font-size:11px;font-weight:600;
  letter-spacing:3px;text-transform:uppercase;
  color:var(--n-gold);
  margin-bottom:20px;
  display:inline-flex;align-items:center;gap:10px;
  background:var(--gold-light);
  padding:6px 14px;
  border-radius:100px;
}
.hero-eyebrow::before{display:none}

.hero-title{
  font-family:var(--f-display);
  font-size:clamp(38px,5vw,66px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:-1px;
  color:var(--navy);
  margin-bottom:20px;
}
.hero-title em{font-style:normal;color:var(--gold)}

.hero-sub{
  font-size:15px;font-weight:400;line-height:1.75;
  color:var(--navy-dim);
  max-width:420px;margin-bottom:32px;
}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}

.hero-img-wrap{
  position:relative;
  height:68vh;
  border-radius:calc(var(--r)*2);
  overflow:hidden;
  background:var(--cream2);
  border-bottom:4px solid var(--gold);
}
.hero-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hero-img-wrap:hover img{transform:scale(1.03)}
.hero-img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent 65%,rgba(0,0,0,.12) 100%);
}