/* ═══════════════════════════════════════════════════════════════════════
   GOOSHOP — НҮҮР ХУУДАСНЫ ХЭСГҮҮД reskin · Brand Book v1.0
   ЗӨВХӨН index.html-д ачаална (нүүрт өвөрмөц хэсгүүд).
   Толгой/хөл/shared = ss-chrome-reskin.css (бүх хуудсанд, ганц эх сурвалж).
   Зөвхөн visual — бүтэц/JS-д хүрэхгүй. Токен: ss-tokens.css.
   ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════ HERO (banner slider — reskin, бүтэц хэвээр) ═══════════ */
.ss-hero-box,.ss-hero-box-img,.ss-sec-hero .ss-hero-box{border-radius:var(--g-r)!important;box-shadow:none!important;}
.ss-hero-nav{background:#fff!important;box-shadow:none!important;border:1px solid var(--g-line)!important;}

/* ═══════════ КАТЕГОРИЙН ЭГНЭЭ (дугуй tile) ═══════════ */
.ss-cattile-img{width:104px!important;height:104px!important;margin:0 auto!important;border-radius:var(--g-r-pill)!important;background:var(--g-tint)!important;border:1px solid var(--g-line)!important;box-shadow:none!important;}
.ss-cattile:hover .ss-cattile-img,.ss-cattile:focus-visible .ss-cattile-img{transform:translateY(-2px)!important;box-shadow:none!important;background:#DCEBF6!important;}
.ss-cattile-img img{inset:0!important;width:74px!important;height:74px!important;margin:auto!important;filter:none!important;object-fit:contain!important;}
.ss-cattile-name{font-weight:500!important;font-size:13.5px!important;color:var(--g-ink)!important;letter-spacing:normal!important;}

/* ═══════════ ОНЦЛОХ (tint панель + tab) ═══════════ */
.ss-h2-rule{display:inline-block;width:26px;height:1px;background:#C4D4E0;}
.ss-sec:has(#ssFeatured){background:var(--g-tint);border-radius:var(--g-r);}
.ss-ftabs{border-bottom:1px solid #DCE6EF!important;}
.ss-ftab{color:#9AAAB8!important;text-transform:none!important;letter-spacing:.01em!important;font-size:14px!important;font-weight:500!important;}
.ss-ftab.active{color:var(--g-ink)!important;font-weight:700!important;border-bottom:2px solid var(--g-pink)!important;}
/* pill таб (хэрэв ашиглагдвал) — идэвхтэй ягаан */
.ss-tabs{background:var(--g-tint)!important;border:1px solid var(--g-line)!important;}
.ss-tab.active{background:var(--g-pink)!important;color:#fff!important;box-shadow:none!important;}

/* ═══════════ Брэндийн урсдаг зурвас — лого зураг → цэвэр текст нэр ═══════════ */
.ss-logo-name{font:700 20px/1 var(--g-font);letter-spacing:.01em;color:#B4C0CB;white-space:nowrap;transition:color .2s ease;}
.ss-logo-chip:hover .ss-logo-name{color:var(--g-muted);}

/* ═══════════ БРЭНДҮҮД grid — жижиг карт, эгнээнд 5, tint дэвсгэр ═══════════ */
.ss-bgrid{grid-template-columns:repeat(5,1fr)!important;gap:16px!important;}
.ss-bcard{border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;}
.ss-bcard:hover{transform:none!important;box-shadow:none!important;border-color:#C9DCEC!important;}
.ss-bcard-img{height:118px!important;padding:14px!important;background:var(--g-tint)!important;}
.ss-bcard-img img{filter:none!important;max-height:90px!important;}
.ss-bcard-body{padding:12px 14px!important;border-top:1px solid var(--g-line)!important;gap:6px!important;}
.ss-bcard-name{font-weight:700!important;font-size:11.5px!important;letter-spacing:.03em!important;color:var(--g-ink)!important;}
.ss-bcard-cta{color:var(--g-pink)!important;font-weight:600!important;font-size:11px!important;letter-spacing:normal!important;}
@media(max-width:860px){ .ss-bgrid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;} }
/* Mobile: брэнд grid 2 багана — ТОМ карт (зураг + нэр + «Дэлгүүрээр зочлох» CTA) */
@media(max-width:560px){
  .ss-bgrid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}
  .ss-bcard-img{height:150px!important;}
  .ss-bcard-name{font-size:14px!important;}
}

/* ═══════════ Урамшууллын banner зураг ═══════════ */
.ss-promo-banner,.ss-sec-bleed .ss-promo-banner{border-radius:var(--g-r)!important;box-shadow:none!important;}
.ss-promo-banner:hover{transform:none!important;box-shadow:none!important;}

/* ═══════════ QUICK-VIEW (index inline хувилбар) — брэндбүүк ═══════════ */
.ss-qv{border-radius:var(--g-r)!important;box-shadow:none!important;}
.ss-qv-x{box-shadow:none!important;border:1px solid var(--g-line)!important;background:#fff!important;color:var(--g-ink)!important;}
.ss-qv-x:hover{transform:none!important;background:var(--g-tint)!important;}
.ss-qv-brand{color:var(--g-muted)!important;letter-spacing:.06em!important;font-weight:500!important;}
.ss-qv-name{font-weight:700!important;font-size:23px!important;letter-spacing:-.01em!important;color:var(--g-ink)!important;}
.ss-qv-eta{background:var(--g-tint)!important;border:1px solid var(--g-line)!important;color:var(--g-slate)!important;border-radius:var(--g-r)!important;font-weight:600!important;}
.ss-qv-eta svg{flex:none;}
.ss-qv-add{border-radius:var(--g-r)!important;box-shadow:none!important;background:var(--g-pink)!important;font-weight:700!important;}
.ss-qv-add:hover{box-shadow:none!important;transform:none!important;filter:brightness(.96)!important;}
.ss-qv-more{border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;color:var(--g-ink)!important;font-weight:600!important;}
.ss-qv-more:hover{border-color:var(--g-pink)!important;color:var(--g-pink)!important;}

/* ═══════════ ТРЕНД TOP 10 widget (scoped токен remap) ═══════════ */
.ss-trend-wrap{
  --ink:var(--g-ink)!important;--muted:var(--g-muted)!important;--sub:var(--g-slate)!important;
  --line:var(--g-line)!important;--line-strong:var(--g-line)!important;
  --blue:var(--g-slate)!important;--blue-deep:var(--g-ink)!important;
  --price:var(--g-pink)!important;--rose:var(--g-pink)!important;--rose-soft:var(--g-pink-tint)!important;
}
.ss-trend-h1{font-weight:700!important;}
.ss-trend-hot{background:none!important;-webkit-text-fill-color:var(--g-ink)!important;color:var(--g-ink)!important;}
.ss-trend-top10{background:none!important;color:var(--g-pink)!important;}
.ss-trend-thumb{background:var(--g-tint)!important;border-radius:var(--g-r)!important;}
.ss-trend-period-badge{background:var(--g-ink)!important;border-radius:var(--g-r-pill)!important;}