/* ── HERO ── */
.hero-wrap{display:flex;flex-direction:column}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:40% 60%;min-height:0;height:calc(100vh - 110px);background:var(--bg)}
.hero-left{padding:36px 56px 72px 52px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;z-index:2}
.hero-right{position:relative;overflow:hidden;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:0px;padding-right:20px}
.hero-right::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(186,24,18,0.06) 0%,transparent 70%)}
.hero-eyebrow{font-size:0.6875rem;letter-spacing:0.34em;text-transform:uppercase;color:var(--red);margin-bottom:22px;display:flex;align-items:center;gap:14px}
.hero-eyebrow::before{content:'';width:28px;height:1px;background:var(--red)}
h1.hero-title{font-family:var(--title);font-size:clamp(3rem,5.5vw,5.2rem);font-weight:400;line-height:1.02;color:var(--text);margin-bottom:4px}
h1.hero-title .r{color:var(--red)}
.hero-tagline{font-family:var(--serif);font-size:1.3rem;font-style:italic;color:var(--muted);margin-bottom:28px;letter-spacing:0.04em}
.hero-desc{font-size:0.875rem;line-height:2.1;color:var(--text3);max-width:440px;margin-bottom:44px}
.hero-desc strong{color:var(--text)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.btn-red{background:var(--red);color:#fff;padding:14px 36px;text-decoration:none;display:inline-flex;align-items:center;font-size:0.65rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;transition:background .2s,transform .15s;cursor:pointer;border:none;font-family:var(--sans)}
.btn-red:hover{background:var(--red2);transform:translateY(-1px)}
.btn-outline-gold{border:1px solid var(--gold3);color:var(--gold3);padding:14px 26px;text-decoration:none;display:inline-flex;align-items:center;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;transition:all .2s;cursor:pointer;background:transparent;font-family:var(--sans);font-weight:600}
html.dark .btn-outline-gold,html.aathaar-dark .btn-outline-gold{color:var(--gold);border-color:rgba(201,169,110,0.4)}
.btn-outline-gold:hover{border-color:var(--gold);background:rgba(201,169,110,0.08);color:var(--gold)}
.btn-outline-red{border:2px solid var(--red);color:var(--red);padding:14px 26px;display:inline-flex;align-items:center;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;transition:all .2s;cursor:pointer;background:transparent;font-family:var(--sans);font-weight:600}
.btn-outline-red:hover{background:var(--red);color:#fff}
.hero-trust{display:flex;gap:28px;flex-wrap:wrap}
.trust-item{display:flex;align-items:baseline;gap:8px}
.trust-num{font-family:var(--serif);font-size:1.8rem;color:var(--red);font-weight:300;line-height:1}
.trust-label{font-size:0.6875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);line-height:1.5}
.hero-mosaic{position:relative;z-index:2;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;padding:24px}
.mosaic-img{overflow:hidden;background:var(--surface2)}
.mosaic-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.88);transition:transform .5s,filter .4s}
.mosaic-img:hover img{transform:scale(1.04);filter:brightness(1)}
.mosaic-img.tall{grid-row:span 2}
.hero-overlay-text{position:absolute;bottom:28px;left:28px;z-index:3;background:var(--nav-bg);border:1px solid var(--border-accent);padding:14px 20px;backdrop-filter:blur(8px)}
.hot{font-size:0.5rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.hot-name{font-family:var(--serif);font-size:1rem;color:var(--text)}
.hot-price{font-size:0.65rem;color:var(--gold)}

/* ── HERO CAROUSEL (desktop hero-right panel) ── */
.hero-carousel-panel{flex-direction:column;align-items:flex-start;justify-content:center;padding:0;overflow:visible;position:relative;width:100%;align-self:stretch;background:transparent;border:none;box-sizing:border-box}
.hc-featured-label{position:absolute;top:0;right:0;z-index:10;font-size:0.52rem;letter-spacing:0.28em;text-transform:uppercase;background:var(--red);color:#fff;padding:6px 14px;font-weight:600}
.hero-carousel{position:relative;top:-35px;overflow:clip;aspect-ratio:1/1;width:100%;max-width:440px;transform:translateX(200px)}
.hc-slide{display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:none;color:inherit;animation:hcFadeIn .5s ease}
.hc-slide.active{display:block}
@keyframes hcFadeIn{from{opacity:0}to{opacity:1}}
.hc-img-wrap{width:100%;height:100%;overflow:hidden;position:relative;background:var(--surface2)}
.hc-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hc-slide:hover .hc-img-wrap img{transform:scale(1.04)}
.hc-img-aathaar{background:#0a0a0a}
.hc-logo-img{object-fit:contain;padding:24px}
.hc-collection-tag{position:absolute;top:14px;left:14px;z-index:4;font-size:0.52rem;letter-spacing:0.22em;text-transform:uppercase;padding:4px 10px;font-weight:600}
.hc-tag-3d{background:var(--red);color:#fff}
.hc-tag-aathaar{background:var(--gold3);color:#fff}
/* Hover overlay — slides up from bottom */
.hc-hover-info{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:14px 18px;background:rgba(0,0,0,0.72);backdrop-filter:blur(4px);transform:translateY(100%);transition:transform .3s ease;pointer-events:none}
.hc-slide:hover .hc-hover-info{transform:translateY(0)}
.hc-hover-info--gold{background:rgba(10,10,10,0.82)}
.hc-hover-name{font-size:0.78rem;font-weight:600;color:#fff;letter-spacing:0.04em;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-hover-price{font-size:0.72rem;color:var(--red);font-family:var(--serif)}
.hc-hover-info--gold .hc-hover-price{color:var(--gold2)}
/* Arrows inside carousel — overflow:clip allows absolute children to escape clipping */
.hc-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);background:rgba(0,0,0,0.45);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.9rem;line-height:1;transition:background .2s,border-color .2s;padding:0;backdrop-filter:blur(4px)}
.hc-arrow-btn:hover{background:rgba(0,0,0,0.75);border-color:#fff}
.hc-arrow-left{left:12px}
.hc-arrow-right{right:12px}
/* Dots — bottom centre of the carousel square */
.hc-dots--overlay{position:absolute;bottom:12px;left:0;right:0;z-index:6;display:flex;justify-content:center;gap:8px;align-items:center}
.hc-dot{width:7px;height:7px;min-width:7px;min-height:7px;border-radius:50%;border:none;background:rgba(255,255,255,0.45);cursor:pointer;padding:0;flex-shrink:0;transition:background .3s,transform .3s}
.hc-dot.active{background:#fff;transform:scale(1.4)}