/* ═══════════════════════════════════════════════════════════════════════
   GOOSHOP — ТОЛГОЙ / ХӨЛ / SHARED RESKIN · Brand Book v1.0
   ГАНЦ ЭХ СУРВАЛЖ: index (inline .ss-hd2/.ss-ft2) БОЛОН дэд хуудсууд
   (ss-chrome.css) хоёулаа ижил .ss-hd2-*/.ss-ft2-* класс хэрэглэдэг тул
   энэ файлыг БҮХ хуудсанд (тэдгээрийн CSS-ийн ДАРАА) ачаалснаар толгой/хөл
   хаана ч ЯГ АДИЛХАН харагдана. Зөвхөн visual — бүтэц/JS-д хүрэхгүй.
   Токен: ss-tokens.css.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Ганц фонт: БҮХ текстийг Manrope (брэндбүүк). Cormorant → Manrope. ── */
body{font-family:var(--g-font)!important;}
body *:not(svg):not(path):not(circle):not(rect):not(line):not(polyline):not(polygon){font-family:var(--g-font)!important;}
/* сериф гарчгуудыг тодорхой (parse найдвартай) + italic→normal */
.ss-h2,.ss-hd2-logo b,.ss-ft2-brand b,.ss-ft2-news-h,.ss-trend-h1,.ss-news-head,.ss-trend-hot{font-family:var(--g-font)!important;font-style:normal!important;}

/* ═══════════ ЗАРЫН ЗУРВАС (promo strip) ═══════════ */
.ss-hd2-ann{background:var(--g-tint)!important;}
.ss-hd2-ann-unit{color:var(--g-slate)!important;font-weight:500!important;letter-spacing:.01em!important;}
.ss-hd2-ann-unit svg{display:none!important;}

/* ═══════════ ТОЛГОЙ ═══════════ */
.ss-hd2{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid var(--g-line)!important;}
.ss-hd2-logo{align-items:baseline!important;}
.ss-hd2-logo b{font-weight:700!important;font-size:30px!important;letter-spacing:-.02em!important;color:var(--g-ink)!important;}
.ss-hd2-logo b span{color:var(--g-pink);}
.ss-hd2-logo i{display:none!important;}
/* Mobile: лого жижиг → header хайлтад илүү зай (нэг мөрөнд) */
@media(max-width:860px){ .ss-hd2-logo b{font-size:21px!important;} }
.ss-hd2-mn{font:600 14px/1 var(--g-font);color:var(--g-muted);margin-left:2px;}
.ss-hd2-search{background:var(--g-tint)!important;border:1px solid var(--g-blue-line)!important;border-radius:var(--g-r)!important;}
.ss-hd2-search:focus-within{border-color:var(--g-pink)!important;box-shadow:none!important;}
.ss-hd2-search input{color:var(--g-ink)!important;}
.ss-hd2 .ss-icon{color:var(--g-ink)!important;}
.ss-hd2 .ss-icon:hover{color:var(--g-pink)!important;}
.ss-hd2 .ss-cart-badge,.ss-hd2 #ssNewsBadge,.ss-hd2 #ssHdrBadge{background:var(--g-pink)!important;}
.ss-hd2-lang span.active{color:var(--g-ink)!important;}

/* ═══════════ НАВИГАЦИ ═══════════ */
.ss-hd2-nav{border-top:1px solid var(--g-line)!important;}
.ss-hd2-navcat-label{color:var(--g-ink)!important;border-bottom:none!important;letter-spacing:.02em!important;}
.ss-hd2-navlist>span[data-cat-go]{color:var(--g-ink)!important;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important;font-size:14px!important;}
.ss-hd2-navlist>span[data-cat-go]:hover{color:var(--g-pink)!important;}
.ss-hd2-brands{color:var(--g-ink)!important;font-weight:600!important;letter-spacing:normal!important;text-transform:none!important;font-size:14px!important;text-decoration:none!important;white-space:nowrap!important;}
.ss-hd2-brands:hover{color:var(--g-pink)!important;}
.ss-hd2-promo{color:var(--g-ink)!important;}
.ss-hd2-home{color:var(--g-muted)!important;}
.ss-hd2-home:hover{color:var(--g-ink)!important;}
.ss-hd2-dulmaa{background:#fff!important;border:1px solid var(--g-pink)!important;color:var(--g-pink)!important;}
.ss-hd2-dulmaa svg{fill:var(--g-pink)!important;}
.ss-hd2-dulmaa:hover{filter:none!important;background:var(--g-pink)!important;color:#fff!important;}
.ss-hd2-dulmaa:hover svg{fill:#fff!important;}
/* мобайл дахь "7 сарын" promo pill — тэгш ягаан */
.ss-hd2-promo{background:var(--g-pink)!important;box-shadow:none!important;}

/* ═══════════ SECTION гарчиг (generic, бүх хуудас) ═══════════ */
.ss-h2{font-weight:700!important;font-size:22px!important;letter-spacing:-.01em!important;color:var(--g-ink)!important;}
.ss-seeall{color:var(--g-pink)!important;font-weight:600!important;font-size:13px!important;letter-spacing:normal!important;text-transform:none!important;}

/* ═══════════ ХӨЛ (.ss-ft2) ═══════════ */
.ss-ft2{background:#fff!important;color:var(--g-muted)!important;}
.ss-ft2-top{background:var(--g-line)!important;}
.ss-ft2-brand b{font-weight:700!important;font-size:28px!important;letter-spacing:-.02em!important;color:var(--g-ink)!important;}
.ss-ft2-brand b span{color:var(--g-pink);}
.ss-ft2-mn{font:600 13px/1 var(--g-font);color:var(--g-muted);margin-left:2px;}
.ss-ft2-brand i{display:none!important;}
.ss-ft2-col h4{color:var(--g-ink)!important;}
.ss-ft2-links span,.ss-ft2-links a{color:var(--g-muted)!important;}
.ss-ft2-links span:hover,.ss-ft2-links a:hover{color:var(--g-ink)!important;}
.ss-ft2-cline{color:var(--g-slate)!important;}
.ss-ft2-cline svg{color:var(--g-blue)!important;}
.ss-ft2-soc:hover{background:var(--g-pink)!important;border-color:transparent!important;}
.ss-ft2-pay span{border-radius:6px!important;}
.ss-ft2-news{background:linear-gradient(90deg,#F9E3EC 0%,#EAF4FB 100%)!important;}
.ss-ft2-news-eyebrow{color:#B76B86!important;}
.ss-ft2-news-h{font-weight:700!important;font-size:24px!important;color:var(--g-ink)!important;}
.ss-ft2-news-field{border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;}
.ss-ft2-news-btn{background:var(--g-pink)!important;border-radius:var(--g-r)!important;box-shadow:none!important;}
.ss-ft2-news-btn:hover{filter:none!important;background:var(--g-pink-press)!important;}
/* footer feature = утга төгөлдөр нимгэн line-icon (импорт/баталгаа/хүргэлт), slate өнгө.
   Newsletter eyebrow-ийн чимэглэлийн sparkle-ыг л нууна. */
.ss-ft2-news-eyebrow svg{display:none!important;}
.ss-ft2-feat{color:var(--g-slate)!important;}
.ss-ft2-feat svg{stroke:var(--g-slate)!important;color:var(--g-slate)!important;flex:none!important;}
/* хуучин энгийн footer (.ss-footer) хэрэв ашиглагдвал */
.ss-footer{border-top:1px solid var(--g-line)!important;}
.ss-footer-links{color:var(--g-muted)!important;}
/* news dropdown — сериф гарчиг → Manrope, сүүдэр багасгах */
.ss-news-pop{box-shadow:0 8px 24px rgba(26,26,26,.1)!important;border-color:var(--g-line)!important;}
.ss-news-time{color:var(--g-pink)!important;}

/* ═══════════ SHARED компонент (style.css) — бүх хуудас ═══════════ */
/* сагсны хөвөгч товч (FAB) — ХАССАН (сагсыг толгойн сагсны icon-оор нээнэ) */
.cart-fab{display:none!important;}
/* дээш очих сум — цагаан, 1px hairline, бараан сум, сүүдэргүй */
.ss-totop{background:#fff!important;border:1px solid var(--g-line)!important;color:var(--g-ink)!important;box-shadow:none!important;}
.ss-totop:hover{background:var(--g-tint)!important;color:var(--g-ink)!important;}
.cart-reward-fill{background:var(--g-pink)!important;}
.cart-reco-add:hover,.cart-reco-add.added{background:var(--g-pink)!important;}
/* нэвтрэх / тавтай морил модаль */
.ss-auth-submit,.ss-welcome-btn{background:var(--g-pink)!important;box-shadow:none!important;border-radius:var(--g-r)!important;}
.ss-auth-avatar,.ss-welcome-check{background:var(--g-pink)!important;box-shadow:none!important;font-family:var(--g-font)!important;}
.ss-auth-check input:checked{background:var(--g-pink)!important;border-color:transparent!important;}
.ss-auth-dot{background:var(--g-pink)!important;}

/* ═══════════ САГСНЫ DRAWER (side menu, style.css .cart-*) — бүх хуудас ═══════════ */
.cart-drawer{box-shadow:-16px 0 50px -30px rgba(26,26,26,.25)!important;border-left:1px solid var(--g-line)!important;}
.cart-head{border-bottom:1px solid var(--g-line)!important;}
.cart-head #cartTitle{font-family:var(--g-font)!important;font-style:normal!important;font-weight:700!important;font-size:24px!important;letter-spacing:-.02em!important;color:var(--g-ink)!important;}
.cart-head-sub{color:var(--g-muted)!important;letter-spacing:.08em!important;}
.cart-x{color:var(--g-muted)!important;}
.cart-x:hover{color:var(--g-ink)!important;}
.cart-item{border-bottom:1px solid var(--g-line)!important;}
.cart-item-img{border-radius:var(--g-r)!important;background:var(--g-tint)!important;border:1px solid var(--g-line)!important;}
.cart-item-brand{color:var(--g-muted)!important;letter-spacing:.06em!important;font-weight:500!important;}
.cart-item-name{color:var(--g-ink)!important;}
.cart-item-price{color:var(--g-ink)!important;}
/* тоо ширхэг — дугуй товч → 8px хайрцаг */
.cart-item-qty{border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;gap:0!important;overflow:hidden;height:34px;}
.cart-item-qty button{border:none!important;border-radius:0!important;width:32px!important;height:34px!important;background:none!important;color:var(--g-slate)!important;}
.cart-item-qty button:hover{background:var(--g-tint)!important;color:var(--g-ink)!important;}
.cart-item-qty span{color:var(--g-ink)!important;}
.cart-item-del{border-bottom:none!important;color:var(--g-muted)!important;}
.cart-item-del:hover{color:var(--g-pink)!important;border-color:transparent!important;}
/* бэлэг мөр — violet → pink */
.cart-gift-ribbon{background:var(--g-pink)!important;box-shadow:none!important;border-radius:var(--g-r-sm)!important;}
.cart-gift-note{color:var(--g-pink)!important;}
.cart-gift-free{color:var(--g-ink)!important;}
/* урамшууллын reward bar */
.cart-reward{background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;}
.cart-reward.is-full{background:var(--g-tint)!important;border-color:var(--g-line)!important;}
.cart-reward-msg{color:var(--g-ink)!important;font-weight:600!important;}
.cart-reward-msg b{color:var(--g-ink)!important;font-weight:700!important;}
.cart-reward.is-full .cart-reward-msg,.cart-reward.is-full .cart-reward-msg b{color:var(--g-ink)!important;}
.cart-reward-track{background:var(--g-line)!important;}
.cart-reward-fill{background:var(--g-blue)!important;}
.cart-reward-tick{display:none!important;}
.cart-reward-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #C4D4E0;z-index:1;}
.cart-reward-dot-end{left:100%!important;}
.cart-reward-dot.on{box-shadow:inset 0 0 0 2px var(--g-blue)!important;}
.cart-reward-legend{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
.crl{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;background:#fff!important;}
.crl.on{background:var(--g-tint)!important;}
.crl.crl-gift.on{background:var(--g-pink-tint)!important;}
.crl-ic{flex:none!important;display:inline-flex!important;align-items:center;color:var(--g-slate)!important;}
.crl-tx{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
.crl-tx b{font:700 11.5px/1.2 var(--g-font)!important;color:var(--g-ink)!important;}
.crl-tx i{font:500 10px/1 var(--g-font)!important;color:var(--g-muted)!important;font-style:normal!important;}
.crl-rem{flex:none!important;font:700 10px/1 var(--g-font)!important;color:var(--g-pink)!important;}
.crl-ck{flex:none!important;width:18px!important;height:18px!important;border-radius:50%!important;background:var(--g-ink)!important;display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important;}
/* cross-sell recos */
.cart-recos{background:var(--g-tint)!important;border-radius:var(--g-r)!important;}
.cart-recos-title{font-family:var(--g-font)!important;font-style:normal!important;font-weight:700!important;font-size:15px!important;color:var(--g-ink)!important;}
.cart-recos-derma{color:var(--g-muted)!important;}
.cart-reco{border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;}
.cart-reco-img{background:var(--g-tint-2)!important;}
.cart-reco-badge{background:var(--g-pink)!important;box-shadow:none!important;border-radius:var(--g-r-sm)!important;}
.cart-reco-brand{color:var(--g-muted)!important;}
.cart-reco-name{color:var(--g-ink)!important;}
.cart-reco-price{color:var(--g-ink)!important;}
.cart-reco-add{background:#fff!important;border:1px solid var(--g-line)!important;color:var(--g-ink)!important;box-shadow:none!important;}
.cart-reco-add:hover{background:#fff!important;border-color:var(--g-ink)!important;color:var(--g-ink)!important;transform:none!important;}
.cart-reco-add.added{background:var(--g-tint)!important;color:var(--g-ink)!important;}
/* нийт дүн + checkout товч */
.cart-total{border-top:1px solid var(--g-line)!important;}
.cart-total strong{font-family:var(--g-font)!important;font-weight:700!important;font-size:24px!important;letter-spacing:-.02em!important;color:var(--g-ink)!important;}
.cart-sum-row.cart-discount span:last-child{color:var(--g-pink)!important;}
.cart-checkout-btn{background:var(--g-pink)!important;border-radius:var(--g-r)!important;box-shadow:none!important;}
.cart-checkout-btn:hover{filter:brightness(.96)!important;}
.cart-added{box-shadow:none!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;}
.cart-added-check{background:var(--g-ink)!important;}

/* Утсан дээр сагсны «бэлэг» урамшууллын банер хэт бүдүүн/тод байсныг нимгэлэв (desktop хэвээр) */
@media(max-width:860px){
  .cart-reward-msg{font-weight:500!important;font-size:12px!important;letter-spacing:-.1px!important;}
  .cart-reward-msg b{font-weight:600!important;}
  .crl-tx b{font-weight:600!important;}
  .crl-rem{font-weight:600!important;}
}

/* Дэлгүүрийн горим сэлгүүр (Захиалгат ↔ Бэлэн) — БҮХ хуудаснаас нуув (2026-08-04, эзний хүсэлт).
   .ss-storetog-sec = index.html inline БА ss-chrome.js-ийн рендерийн бүтэн секц (toggle+note).
   ss-chrome.css-ийн дараа ачаалагддаг тул mobile дээр ч дарж нууна (desktop өмнөөс нуугдсан). */
.ss-storetog-sec{display:none!important;}