/* ═══════════════════════════════════════════════════════════════════════
   GOOSHOP — БАРАА КАРТ (ганц эх сурвалж) · Brand Book v1.0
   index / zahialga / dulmaa / account бүгд энэ НЭГ файлыг ашиглана → карт
   хаана ч ижилхэн. Загвар: цагаан карт, 8px радиус, СҮҮДЭРГҮЙ, 1px hairline;
   зураг 1:1; зүрх+нүд нимгэн icon (баруун дээд, opacity .42); брэнд/нэр/үнэ
   ЗҮҮН зэрэгцээ Manrope; badge 4px; "Сагслах" = хоёрдогч (цайвар цэнхэр) товч.
   Өнгө = ss-tokens.css (var --g-*, fallback-той тул токенгүй хуудсанд ч зөв).
   Загвар өөрчлөх бол ЗӨВХӨН энд + ss-card.js.
   ═══════════════════════════════════════════════════════════════════════ */
.ss-card{position:relative;background:var(--g-white,#fff);border:1px solid var(--g-line,#E5EEF4);border-radius:var(--g-r,8px);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:border-color .18s ease;}
.ss-card:hover{border-color:#C9DCEC;}
/* урамшуулалтай картын туяа/өнгөт хүрээ — брэндбүүкээр сүүдэргүй тул no-op */
.ss-card--bogo,.ss-card--gift{}

/* зураг — 1:1, ирмэгтэй тэгш (картын overlow дугуйруулна) */
.ss-card-imgwrap{position:relative;}
.ss-card-img{position:relative;overflow:hidden;aspect-ratio:1/1;display:block;background:var(--g-tint-2,#F4F8FC);}
.ss-card-img > img{width:100%;height:100%;object-fit:cover;display:block;}
.ss-card-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;opacity:.4;}

/* 🔞 Насны хязгаар (зүүн дээд) — Дотно дэлгүүрийн «Тооёхон (+18)» бараанд */
.ss-card-adult{position:absolute;top:12px;left:12px;z-index:3;background:rgba(26,26,26,.9);color:#fff;font:800 11px/1 'Manrope',sans-serif;letter-spacing:.4px;padding:5px 7px;border-radius:6px;backdrop-filter:blur(2px);}

/* зүрх + нүд (баруун дээд, босоо) — дэвсгэргүй, нимгэн, тунгалаг */
.ss-card-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:11px;z-index:3;}
.ss-wish,.ss-view{width:26px;height:26px;border:none;padding:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.42;transition:opacity .15s,transform .15s;}
.ss-wish:hover,.ss-view:hover{opacity:.85;transform:scale(1.1);}
.ss-wish.on{opacity:1;}
.ss-wish.on svg path{fill:var(--g-pink,#E8547C);stroke:var(--g-pink,#E8547C);}

/* бие — зүүн зэрэгцээ */
.ss-card-body{padding:16px 16px 18px;display:flex;flex-direction:column;align-items:stretch;text-align:left;}
.ss-card-brand{font-family:var(--g-font);font-weight:500;font-size:11px;line-height:1;color:var(--g-muted,#8C8C8C);letter-spacing:.06em;text-transform:uppercase;}
.ss-card-name{font-family:var(--g-font);font-weight:600;font-size:15px;line-height:1.4;letter-spacing:-.01em;color:var(--g-ink,#1A1A1A);margin-top:5px;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* үнэ — үнэ түрүүнд (700 16px), хуучин үнэ дараа нь зураастай */
.ss-card-prices{display:flex;align-items:baseline;gap:7px;margin-top:9px;flex-wrap:wrap;}
.ss-price{font-family:var(--g-font);font-weight:700;font-size:16px;line-height:1;color:var(--g-ink,#1A1A1A);}
.ss-price-orig{font-family:var(--g-font);font-weight:400;font-size:13px;line-height:1;color:var(--g-muted,#8C8C8C);text-decoration:line-through;}

/* badge мөр — 4px, жижиг */
.ss-tagrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.ss-tag{font-family:var(--g-font);font-weight:700;font-size:11px;line-height:1;padding:5px 8px;border-radius:var(--g-r-sm,4px);white-space:nowrap;color:var(--tg-fg,#fff);background:var(--tg-bg,#E8547C);}
.ss-tag--bogo,.ss-tag--bogo21,.ss-tag--flash{--tg-bg:var(--g-pink,#E8547C);--tg-fg:#fff;}   /* 1+1 / 2+1 / флэш = акцент ягаан */
.ss-tag--sale{--tg-bg:var(--g-ink,#1A1A1A);--tg-fg:#fff;}                                    /* Sale = бараан (ягаанаас ялгарна) */
.ss-tag--gift{--tg-bg:var(--g-pink-tint,#F9E3EC);--tg-fg:var(--g-ink,#1A1A1A);}              /* Бэлэгтэй = цайвар ягаан */
.ss-tag--new{--tg-bg:var(--g-blue,#A8D8EF);--tg-fg:var(--g-ink,#1A1A1A);}                    /* New = брэнд цэнхэр */

/* Сагслах — гол CTA (ягаан акцент дэвсгэр, цагаан текст+icon). */
.ss-add{margin-top:14px;height:42px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:var(--g-pink,#E8547C);color:#fff;border:none;border-radius:var(--g-r,8px);cursor:pointer;transition:background .15s;}
.ss-add:hover{background:var(--g-pink-press,#D6416C);}
.ss-add span{font-family:var(--g-font);font-weight:700;font-size:13px;line-height:1;color:#fff;}
.ss-add svg{flex:none;}
.ss-add[disabled]{background:#F0F3F6;color:#B4C0CB;cursor:default;}
.ss-add[disabled] span{color:#B4C0CB;}
.ss-add[disabled]:hover{background:#F0F3F6;}

@media(max-width:860px){
  .ss-card-body{padding:14px 13px 15px;}
  .ss-card-name{font-size:14px;min-height:40px;}
  .ss-price{font-size:15px;}
  .ss-add{height:40px;}
}

/* ═══════════════════════════════════════════════════════════════════════
   🎁 ҮТРЭЭНИЙ (Дотно) ДЭЛГҮҮРИЙН УРАМШУУЛАЛ — ЗӨВХӨН body.ss-shop-pink-д үзэгдэнэ.
   Карт нь shared тул markup бүх хуудсанд гарна; өнгө/харагдацыг энд Дотно дэлгүүрээр л
   идэвхжүүлнэ (Солонгос дэлгүүрт хуучин Sale pill/strikethrough хэвээр). Эх=config SS_INTIMATE_PROMO.
   ═══════════════════════════════════════════════════════════════════════ */
/* Хямдралын хувь — ТОМ УЛААН badge (карт зургийн зүүн дээд) */
.ss-card-disc{display:none;}
body.ss-shop-pink .ss-card-disc{
  position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:baseline;
  background:#E0182D;color:#fff;font-family:var(--g-font);font-weight:900;font-size:21px;
  line-height:1;letter-spacing:-.03em;padding:8px 10px 9px;border-radius:11px;
  box-shadow:0 5px 14px rgba(224,24,45,.36);
}
body.ss-shop-pink .ss-card-disc i{font-size:12px;font-weight:800;font-style:normal;margin-left:1px;}
/* 18+ badge (adult) хямдралын badge-тэй зэрэгцвэл доош зөөнө (top-left stack) */
body.ss-shop-pink .ss-card-img:has(.ss-card-disc) .ss-card-adult{top:54px;left:12px;}
/* Хямдарсан (одоогийн) үнэ УЛААН — ЗӨВХӨН Sale бараа (зураастай хуучин үнэ байгаа үед) */
body.ss-shop-pink .ss-card-prices:has(.ss-price-orig) .ss-price{color:#E0182D;}
/* «Sale» таг УЛААН (Солонгос дэлгүүрт хар хэвээр) */
body.ss-shop-pink .ss-tag--sale{--tg-bg:#E0182D;--tg-fg:#fff;}

/* Бэлгийн зураг — карт зургийн зүүн доод (тухайн бараа авбал дагалдах бэлэг) */
.ss-card-gift{display:none;}
body.ss-shop-pink .ss-card-gift{
  position:absolute;left:8px;bottom:8px;z-index:4;display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.95);border-radius:999px;padding:4px 13px 4px 4px;
  box-shadow:0 3px 11px rgba(0,0,0,.15);max-width:calc(100% - 16px);
}
body.ss-shop-pink .ss-card-gift-thumb{flex:0 0 auto;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#F5E6EA;border:1.5px solid #fff;}
body.ss-shop-pink .ss-card-gift-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
body.ss-shop-pink .ss-card-gift-txt{display:flex;flex-direction:column;min-width:0;line-height:1.15;}
body.ss-shop-pink .ss-card-gift-txt b{font-family:var(--g-font);font-weight:800;font-size:11px;color:#C2185B;letter-spacing:.02em;}
body.ss-shop-pink .ss-card-gift-txt i{font-family:var(--g-font);font-weight:600;font-size:9.5px;font-style:normal;color:#8C8C8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
@media(max-width:860px){
  body.ss-shop-pink .ss-card-disc{font-size:17px;padding:6px 8px 7px;border-radius:9px;}
  body.ss-shop-pink .ss-card-gift-thumb{width:30px;height:30px;}
  body.ss-shop-pink .ss-card-gift-txt i{max-width:88px;}
}