/* ── AATHAAR HERO ── */
.aath-hero{background:var(--bg);border-bottom:1px solid var(--border-accent);padding:80px 52px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;transition:background .3s}
.aath-brand-row{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.aath-logo-img{height:64px;width:auto}
.aath-title{font-family:var(--title);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;margin-bottom:8px;letter-spacing:0.08em;color:var(--text)}
html.aathaar-dark .aath-title{color:var(--gold)}
.aath-subtitle{font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold3);margin-bottom:22px}
.aath-verse{font-family:var(--serif);font-style:italic;font-size:0.95rem;color:var(--muted);border-left:2px solid var(--gold3);padding-left:18px;margin-bottom:26px;line-height:1.85}
.aath-hero-desc{font-size:0.82rem;line-height:2.1;color:var(--text3);max-width:460px;margin-bottom:32px}
.aath-hero-img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border-accent)}
html.aathaar-dark .aath-hero-img{box-shadow:0 40px 80px rgba(0,0,0,0.6)}
html.cream .aath-hero-img{box-shadow:0 20px 60px rgba(0,0,0,0.1)}

/* AATHAAR finishes bar */
.finishes-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:22px 52px;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.finish-label{font-size:0.55rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.finish-opt{display:flex;align-items:center;gap:9px;cursor:pointer;opacity:0.7;transition:opacity .2s}
.finish-opt:hover{opacity:1}
.swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--border)}
.finish-name{font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text3)}

/* AATHAAR product cards */
.aath-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3px}
html.cream .aath-grid{gap:14px}
.aath-card{background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden;transition:border-color .3s,box-shadow .3s;position:relative}
.aath-card:hover{border-color:var(--card-hover)}
html.cream .aath-card:hover{box-shadow:0 4px 20px rgba(154,122,69,0.1)}
.aath-img{width:100%;aspect-ratio:1;overflow:hidden;background:var(--surface2);display:flex;align-items:center;justify-content:center}
.aath-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.aath-card:hover .aath-img img{transform:scale(1.04)}
.aath-body{padding:20px 22px 26px}
.aath-tag{font-size:0.52rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold3);margin-bottom:8px}
html.aathaar-dark .aath-tag{color:var(--gold)}
.aath-name{font-family:var(--serif);font-size:1.18rem;font-weight:400;margin-bottom:10px;line-height:1.3;color:var(--text)}
.aath-desc{font-size:0.74rem;line-height:1.82;color:var(--text3);margin-bottom:16px}
.aath-foot{display:flex;align-items:center;justify-content:space-between}
.aath-price{font-family:var(--serif);font-size:1.18rem;color:var(--text)}
html.aathaar-dark .aath-price{color:var(--gold2)}
.btn-aathaar-order{background:var(--gold3);color:#fff;border:none;cursor:pointer;padding:8px 16px;font-size:0.54rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;font-family:var(--sans);transition:background .2s}
.btn-aathaar-order:hover{background:var(--gold)}

/* ── COLLECTION CARDS ── */
.collection-card-wrap{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.collection-card{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:16/9;background:var(--surface2)}
.collection-card img{width:100%;height:100%;object-fit:cover;filter:brightness(0.72);transition:transform .5s,filter .4s}
.collection-card:hover img{transform:scale(1.04);filter:brightness(0.88)}
.collection-overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,0.82));display:flex;flex-direction:column;justify-content:flex-end;padding:28px}
.collection-tag{font-size:0.54rem;letter-spacing:0.24em;text-transform:uppercase;margin-bottom:6px}
.collection-name{font-family:var(--serif);font-size:1.5rem;font-weight:300;margin-bottom:4px;color:#F5F0E8}
.collection-sub{font-size:0.66rem;color:rgba(245,240,232,0.7)}

/* ── REVIEWS ── */
.reviews-wrap{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.reviews-inner{max-width:1320px;margin:0 auto;padding:80px 52px}
.review-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;flex-wrap:wrap;gap:20px}
.review-score{display:flex;align-items:center;gap:20px}
.score-num{font-family:var(--serif);font-size:3.5rem;color:var(--red);font-weight:300;line-height:1}
.score-detail{display:flex;flex-direction:column;gap:4px}
.score-stars{color:var(--gold);font-size:1.1rem;letter-spacing:3px}
.score-sub{font-size:0.64rem;color:var(--muted);letter-spacing:0.08em}
.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3px}
html:not(.dark) .review-grid{gap:12px}
.review-card{background:var(--review-bg);padding:28px 26px;border:1px solid var(--review-border)}
.review-stars{color:var(--gold);font-size:0.8rem;letter-spacing:3px;margin-bottom:14px}
.review-text{font-family:var(--serif);font-style:italic;font-size:1.05rem;line-height:1.65;color:var(--text);margin-bottom:18px}
.review-meta{display:flex;flex-direction:column;gap:3px}
.review-author{font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text2)}
.review-product{font-size:0.6rem;color:var(--muted)}
.review-date{font-size:0.56rem;color:var(--muted2)}

/* ── COMMISSION + TILE ── */
.btn-commission{background:transparent;border:1px solid var(--gold3);color:var(--gold3);padding:12px 22px;font-family:var(--sans);font-size:0.62rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:all .25s;white-space:nowrap}
html.dark .btn-commission,html.aathaar-dark .btn-commission{border-color:var(--gold);color:var(--gold)}
.btn-commission:hover{background:var(--gold3);color:#fff}
html.dark .btn-commission:hover,html.aathaar-dark .btn-commission:hover{background:var(--gold);color:var(--bg)}
.tile-grid{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(9,1fr);gap:2px;padding:14px;background:var(--surface2);min-height:320px;overflow:hidden}
.tile{background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:0.22rem;color:var(--gold3);font-family:serif;direction:rtl;text-align:center;line-height:1.1;transition:background .2s}
.tile:hover{background:rgba(201,169,110,0.08);color:var(--gold)}

/* ── 99 NAMES PAGE MOBILE ── */
@media(max-width:600px) {
  /* Edition cards stack better */
  .edition-cards{grid-template-columns:1fr!important}

  /* Tile canvas full width on mobile */
  #tile-canvas{max-width:100%!important}

  /* Key specs 3-col stays but smaller */
  #tile-canvas + div + div{font-size:0.58rem}
}