/* DAC харилцагчийн сайт — v2 «Пит лэйн Pro» (концепт G) загварын систем, зөвхөн гэрэл горим.
   Эх: site/concepts/g (claude/funny-bell-7u69ju-redesign). Oswald 700 гарчиг, Inter бие, DAC улаан, налуу зүсэлт. */
@font-face{font-family:"CG Oswald";font-weight:700;font-display:swap;src:url(fonts/oswald-700.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:400 500;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF,U+2212}
@font-face{font-family:Inter;font-weight:600 800;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF,U+2212}
@font-face{font-family:Inter;font-weight:400 500;font-display:swap;src:url(fonts/inter-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:Inter;font-weight:600 800;font-display:swap;src:url(fonts/inter-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:Inter;font-weight:400 500;font-display:swap;src:url(fonts/inter-cyrillic-ext-400-normal.woff2) format('woff2');unicode-range:U+0460-052F}
@font-face{font-family:Inter;font-weight:600 800;font-display:swap;src:url(fonts/inter-cyrillic-ext-600-normal.woff2) format('woff2');unicode-range:U+0460-052F}
@font-face{font-family:Inter;font-weight:400 800;font-display:swap;src:url(fonts/tugrik.woff2) format('woff2');unicode-range:U+20AE}
@font-face{font-family:"CG Oswald";font-weight:700;font-display:swap;src:url(fonts/tugrik.woff2) format('woff2');unicode-range:U+20AE}

:root{
  color-scheme:light;
  --cg-bg:#faf8f3; --cg-sf:#ffffff; --cg-sf2:#f4f1ea; --cg-sf3:#ece8df; --cg-ln:#e5e0d5; --cg-ln2:#d3cdc0; --cg-ln3:#b3ab9b;
  --cg-sunk:#f4f1ea; --cg-vbar:#ffffff; --cg-top-bg:rgba(250,248,243,.96); --cg-hero-bg:#f4f1ea;
  --cg-fg:#18181b; --cg-fg1:#2b2a27; --cg-fg2:#5b5750; --cg-fg3:#6b665d; --cg-hi:#0b0b0c;
  --cg-red:#e30613; --cg-red-d:#c10511; --cg-acc:#c10511; --cg-red-t:rgba(227,6,19,.08); --cg-red-t2:rgba(227,6,19,.14); --cg-red-ring:rgba(227,6,19,.5);
  --cg-ok:#0f7a45; --cg-low:#8c5900; --cg-out:#b42318; --cg-dom:#2f5d9e;
  --cg-ok-t:rgba(15,122,69,.09); --cg-low-t:rgba(140,89,0,.09); --cg-low-fg:#6e4600;
  --cg-inv:#18181b; --cg-inv-fg:#ffffff; --cg-inv-fg2:#cfcac0;
  --cg-focus:#18181b; --cg-focus-ring:rgba(24,24,27,.16);
  --cg-bundle-bg:#fdf3f2; --cg-bundle-ring:rgba(227,6,19,.32);
  --cg-bdg-bg:#18181b; --cg-bdg-low:#ffd28a; --cg-bdg-ok:#3ad583;
  --cg-sh-card:0 1px 2px rgba(24,24,27,.05);
  --cg-sh-lift:0 1px 2px rgba(24,24,27,.06),0 18px 30px -16px rgba(24,24,27,.26);
  --cg-sh-float:0 1px 2px rgba(24,24,27,.08),0 10px 30px -10px rgba(24,24,27,.24);
  --cg-chip-edge:#e5e0d5;
  --cg-disp:"CG Oswald","Oswald","Arial Narrow",Impact,sans-serif;
  --cg-ui:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cg-gut:clamp(16px,3vw,40px); --cg-top:64px; --cg-cut:10px;
  --cg-spring:cubic-bezier(.34,1.56,.64,1); --cg-out-e:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--cg-bg);scroll-padding-top:calc(var(--cg-top) + 16px)}
body{margin:0;background:var(--cg-bg);color:var(--cg-fg);font:400 15.5px/1.55 var(--cg-ui);-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
body.cg-lock{overflow:hidden}
h1,h2,h3{text-wrap:balance}
::selection{background:var(--cg-red);color:#fff}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit} button{cursor:pointer}
img{display:block;max-width:100%}
h1,h2,h3,h4,p,ol,ul,dl,dd{margin:0} ol,ul{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--cg-focus);outline-offset:3px}
.cg-sprite{display:none}
.cg-ic{width:20px;height:20px;flex:none;stroke:currentColor}
.cg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#app{overflow-x:clip;flex:1}
.cg-wrap{max-width:1320px;margin:0 auto;padding:0 var(--cg-gut)}
.cg-num{font-variant-numeric:tabular-nums}
.cg-mut{color:var(--cg-fg3)}
[hidden]{display:none!important}

/* ── motion ── */
@keyframes cg-up{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cg-pop{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}
.cg-spr{transition:transform .45s var(--cg-spring),box-shadow .3s ease,background .2s}
.cg-spr img{transition:transform .55s var(--cg-spring)}
@media (hover:hover){ .cg-spr:hover{transform:translateY(-4px) scale(1.012);box-shadow:var(--cg-sh-lift),0 0 0 1px var(--cg-ln2)} .cg-spr:hover img{transform:scale(1.06)} }
.cg-spr:active{transform:scale(.98);transition-duration:.12s}
.cg-rv>*{animation:cg-up .7s var(--cg-spring) backwards}
.cg-rv>:nth-child(2){animation-delay:45ms}
.cg-rv>:nth-child(3){animation-delay:90ms}
.cg-rv>:nth-child(4){animation-delay:135ms}
.cg-rv>:nth-child(5){animation-delay:180ms}
.cg-rv>:nth-child(6){animation-delay:225ms}
.cg-rv>:nth-child(7){animation-delay:270ms}
.cg-rv>:nth-child(8){animation-delay:315ms}
.cg-rv>:nth-child(9){animation-delay:360ms}
.cg-rv>:nth-child(10){animation-delay:405ms}


/* ── buttons: right edge cut at the logo angle ── */
.cg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:7px 26px 7px 20px;border:0;background:var(--cg-red);color:#fff;font:700 15px/1.1 var(--cg-disp);letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - var(--cg-cut)) 100%,0 100%);transition:background .15s,transform .35s var(--cg-spring);text-align:center}
.cg-btn:hover{background:var(--cg-red-d)} .cg-btn:active{transform:scale(.97)}
.cg-btn:disabled{background:var(--cg-ln2);color:var(--cg-fg3);cursor:not-allowed}
.cg-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--cg-red)}
.cg-btn .cg-ic{width:18px;height:18px}
.cg-btn-alt{background:var(--cg-sf2);color:var(--cg-fg);box-shadow:inset 0 0 0 1px var(--cg-ln2)} .cg-btn-alt:hover{background:var(--cg-sf3)}
.cg-btn-sm{min-height:44px;padding:0 20px 0 14px;font-size:14px}
.cg-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;font-size:14px;color:var(--cg-fg);background:none;border:0;padding:0}
.cg-link .cg-ic{width:16px;height:16px;color:var(--cg-acc);transition:transform .35s var(--cg-spring)}
.cg-link:hover .cg-ic{transform:translateX(3px)} .cg-link:hover{color:var(--cg-hi);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cg-red)}

/* ── availability line (тоо биш, төлөв) ── */
.cg-hq{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;line-height:1.3;color:var(--cg-fg2)}
.cg-hq-dot{width:8px;height:8px;flex:none;border-radius:50%;background:currentColor}
.cg-hq-t{font-weight:600}
.cg-hq-ok .cg-hq-t,.cg-hq-ok .cg-hq-dot{color:var(--cg-ok)} .cg-hq-low .cg-hq-t,.cg-hq-low .cg-hq-dot{color:var(--cg-low)} .cg-hq-out .cg-hq-t,.cg-hq-out .cg-hq-dot{color:var(--cg-out)} .cg-hq-dom .cg-hq-t,.cg-hq-dom .cg-hq-dot{color:var(--cg-dom)}

/* ── icon chip ── */
.cg-ich{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;background:var(--cg-red-t);color:var(--cg-acc);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.cg-ich .cg-ic{width:19px;height:19px} .cg-ich-sm{width:30px;height:30px} .cg-ich-sm .cg-ic{width:17px;height:17px} .cg-ich-solid{background:var(--cg-red);color:#fff}

/* ── header ── */
.cg-top{position:sticky;top:0;z-index:40;background:var(--cg-top-bg);border-bottom:1px solid var(--cg-ln)}
.cg-top-in{display:flex;align-items:center;gap:20px;height:var(--cg-top);padding-right:var(--cg-gut);max-width:1320px;margin:0 auto}
.cg-top-logo{display:flex;align-items:center;justify-content:center;min-width:clamp(150px,17vw,260px);height:var(--cg-top);padding:0 48px 0 var(--cg-gut);background:var(--cg-red);clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);flex:none}
.cg-top-logo img{height:28px;width:auto}
.cg-top-logo:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff}
.cg-top-name{font:700 19px/1 var(--cg-disp);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.cg-brw{position:relative;margin-left:auto;flex:none}
.cg-top-br{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:10px;background:var(--cg-sf);border:1px solid var(--cg-ln);font-size:14px;font-weight:600;white-space:nowrap;color:var(--cg-fg);transition:background .15s,border-color .15s}
.cg-top-br:hover{background:var(--cg-sf2);border-color:var(--cg-ln2)}
.cg-top-br .cg-ic{color:var(--cg-acc);width:18px;height:18px}
.cg-top-br .cg-br-chev{width:15px;height:15px;color:var(--cg-fg2)}
.cg-top-br.cg-none{box-shadow:0 0 0 2px var(--cg-red-ring)}

/* ── hero: the vehicle picker IS the home page ── */
.cg-hero{position:relative;overflow:hidden;padding:clamp(36px,5vw,64px) 0 clamp(48px,6vw,80px);background:var(--cg-hero-bg);border-bottom:1px solid var(--cg-ln);min-height:calc(100svh - var(--cg-top) - 120px);display:flex;flex-direction:column;justify-content:center}
.cg-hero-acc{position:absolute;top:0;right:clamp(16px,8vw,140px);width:clamp(60px,9vw,120px);height:clamp(120px,14vw,190px);background:var(--cg-red);clip-path:polygon(62% 0,100% 0,38% 100%,0 100%);opacity:.9;pointer-events:none}
.cg-hero-in{position:relative;width:100%}
.cg-hero-h{font:700 clamp(38px,4.6vw,62px)/1.08 var(--cg-disp);text-transform:uppercase;letter-spacing:.01em}
.cg-hero-h span{color:var(--cg-acc)}
.cg-hero-p{margin-top:10px;max-width:60ch;color:var(--cg-fg2);font-size:16px} .cg-hero-p b{color:var(--cg-fg);font-weight:600}
.cg-pick{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.5fr) auto;gap:10px;margin-top:24px;padding:12px;background:var(--cg-sf);border:1px solid var(--cg-ln2);border-radius:18px;box-shadow:0 1px 2px rgba(24,24,27,.05),0 18px 40px -22px rgba(24,24,27,.35)}
.cg-fld{position:relative;min-width:0}
.cg-fld select{display:block;width:100%;height:88px;appearance:none;-webkit-appearance:none;padding:34px 44px 10px 66px;border:1px solid var(--cg-ln2);border-radius:12px;background:var(--cg-sf2);color:var(--cg-fg);font-size:19px;font-weight:600;cursor:pointer;outline:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:border-color .15s,background .15s}
.cg-fld select:hover:not(:disabled){border-color:var(--cg-ln3);background:var(--cg-sf3)}
.cg-fld select:focus-visible{border-color:var(--cg-focus);box-shadow:0 0 0 3px var(--cg-focus-ring)}
.cg-fld select:disabled{background:var(--cg-sf);color:var(--cg-fg3);cursor:not-allowed;font-weight:500;font-size:16px;border-color:var(--cg-ln)}
.cg-fld select option{color:var(--cg-fg);background:var(--cg-sf);font-size:16px}
.cg-fld label{position:absolute;left:66px;top:16px;font-size:13.5px;font-weight:500;color:var(--cg-fg2);pointer-events:none}
.cg-fld-n{position:absolute;left:16px;top:50%;margin-top:-17px;display:grid;place-items:center;width:36px;height:34px;background:var(--cg-sf3);color:var(--cg-fg2);font:700 18px/1 var(--cg-disp);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);pointer-events:none;transition:background .25s,color .25s}
.cg-fld-n .cg-ic{width:16px;height:16px}
.cg-fld-on .cg-fld-n{background:var(--cg-red);color:#fff} .cg-fld-next .cg-fld-n{background:var(--cg-inv);color:var(--cg-inv-fg)}
.cg-fld-chev{position:absolute;right:16px;top:50%;margin-top:-10px;width:20px;height:20px;color:var(--cg-fg2);pointer-events:none}
.cg-pick .cg-btn{min-height:88px;padding:0 40px 0 30px;font-size:23px;--cg-cut:12px} .cg-pick .cg-btn .cg-ic{width:26px;height:26px}
.cg-hero-rows{display:grid;gap:4px;margin-top:14px}
.cg-hrow{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}
.cg-hrow-l{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--cg-fg2);margin-right:4px;min-width:72px} .cg-hrow-l .cg-ic{width:16px;height:16px}
.cg-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:1px solid var(--cg-ln);border-radius:10px;background:var(--cg-sf);color:var(--cg-fg);font-size:14px;font-weight:600;max-width:100%;transition:transform .4s var(--cg-spring),background .15s,border-color .15s}
.cg-chip:hover{transform:translateY(-2px);background:var(--cg-sf2);border-color:var(--cg-ln2)} .cg-chip:active{transform:scale(.97)}
.cg-chip .cg-ic{width:17px;height:17px;color:var(--cg-acc)} .cg-chip b{font-weight:500;color:var(--cg-fg2);font-size:13px}
.cg-chip[aria-pressed=true]{background:var(--cg-inv);color:var(--cg-inv-fg);border-color:var(--cg-inv)} .cg-chip[aria-pressed=true] b{color:var(--cg-inv-fg2)}
.cg-hero .cg-chip{min-height:32px;padding:4px 10px;border-color:transparent;background:none;font-size:13.5px;font-weight:500;color:var(--cg-fg2)}
.cg-hero .cg-chip:hover{transform:none;background:var(--cg-sf2);border-color:transparent;color:var(--cg-fg)}
.cg-hero .cg-chip[aria-pressed=true]{background:var(--cg-inv);color:var(--cg-inv-fg)}
.cg-hero .cg-chip .cg-ic{width:15px;height:15px;color:var(--cg-fg2)}
@media (min-width:961px) and (min-height:720px){ .cg-hero-h{font-size:clamp(56px,5.4vw,80px)} .cg-pick{margin-top:32px;padding:14px} .cg-fld select{height:104px;padding:40px 48px 12px 74px;font-size:21px} .cg-fld label{left:74px;top:20px;font-size:14.5px} .cg-fld-n{left:18px;width:40px;height:38px;margin-top:-19px;font-size:20px} .cg-pick .cg-btn{min-height:104px;font-size:26px;padding:0 48px 0 36px} .cg-hero-rows{margin-top:18px} }

/* ── vehicle page ── */
.cg-vbar{background:var(--cg-vbar);border-bottom:1px solid var(--cg-ln)}
.cg-vbar-in{display:grid;gap:14px;padding-top:22px;padding-bottom:22px}
.cg-vbar-id{display:flex;align-items:center;gap:16px;min-width:0} .cg-vbar-id>div{min-width:0}
.cg-vbar-id .cg-ich{width:52px;height:52px} .cg-vbar-id .cg-ich .cg-ic{width:26px;height:26px}
.cg-vbar h1{font:700 clamp(30px,3.4vw,44px)/1.1 var(--cg-disp);text-transform:uppercase;letter-spacing:.01em}
.cg-vbar-chg{margin-left:auto}
.cg-vspec{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;color:var(--cg-fg2);font-size:14px} .cg-vspec span{display:inline-flex;align-items:center;gap:6px} .cg-vspec .cg-ic{width:15px;height:15px}
.cg-vfacts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-left:68px}
.cg-fact{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:var(--cg-sf2);font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px var(--cg-ln);color:var(--cg-fg)}
.cg-fact .cg-ic{width:17px;height:17px;color:var(--cg-acc)} .cg-fact:hover{background:var(--cg-sf3)}
.cg-fact-chg{display:none}
.cg-res{display:grid;grid-template-columns:232px minmax(0,1fr);gap:40px;padding-top:28px}
.cg-gnav{position:sticky;top:calc(var(--cg-top) + 20px);align-self:start;max-height:calc(100vh - var(--cg-top) - 60px);overflow:auto;scrollbar-width:thin}
.cg-gnav-h{font-size:13px;font-weight:600;color:var(--cg-fg2);margin:0 0 8px 12px}
.cg-gnav-in{position:relative;display:flex;flex-direction:column;gap:2px}
.cg-gnav-ind{position:absolute;left:0;top:0;width:100%;height:0;border-radius:10px;background:var(--cg-sf2);box-shadow:inset 0 0 0 1px var(--cg-ln);transition:transform .5s var(--cg-spring),height .3s,width .3s;pointer-events:none}
.cg-gb{position:relative;z-index:1;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:none;color:var(--cg-fg2);font-size:14.5px;font-weight:500;line-height:1.25;text-align:left}
.cg-gb span{min-width:0} .cg-gb .cg-ic{width:18px;height:18px;transition:color .2s} .cg-gb b{font-weight:600;font-size:13px;color:var(--cg-fg2)}
.cg-gb:hover{color:var(--cg-hi)} .cg-gb[aria-current=true]{color:var(--cg-hi);font-weight:600} .cg-gb[aria-current=true] .cg-ic{color:var(--cg-acc)} .cg-gb[aria-current=true] b{color:var(--cg-hi)}
.cg-bundle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 24px;padding:16px 18px;margin-bottom:12px;background:var(--cg-bundle-bg);border-radius:14px;box-shadow:inset 0 0 0 1px var(--cg-bundle-ring)}
.cg-bundle-ims{display:flex;align-items:center;gap:6px}
.cg-bundle-ims a{display:block;width:64px;height:64px;background:#fff;border-radius:10px;padding:5px;transition:transform .45s var(--cg-spring)} .cg-bundle-ims a:hover{transform:translateY(-3px) rotate(-2deg)}
.cg-bundle-ims img{width:100%;height:100%;object-fit:contain} .cg-bundle-ims .cg-ic{width:16px;height:16px;color:var(--cg-fg2)}
.cg-bundle h2{display:flex;align-items:center;gap:8px;font:700 22px/1.1 var(--cg-disp);text-transform:uppercase} .cg-bundle h2 .cg-ic{color:var(--cg-acc)}
.cg-bundle p{color:var(--cg-fg2);font-size:13.5px;margin-top:4px}
.cg-bundle-row{display:flex;align-items:center;gap:20px}
.cg-bundle-sum{text-align:right;white-space:nowrap} .cg-bundle-sum span{display:block;font-size:12.5px;color:var(--cg-fg2)} .cg-bundle-sum b{font:700 30px/1 var(--cg-disp)} .cg-bundle-sum b small{font-size:.62em;margin-left:2px}
.cg-grps{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.cg-grp{min-width:0;padding-top:22px;scroll-margin-top:calc(var(--cg-top) + 16px)} .cg-grp+.cg-grp{border-top:1px solid var(--cg-ln)}
.cg-grp-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:14px;min-height:36px;min-width:0}
.cg-grp-h h2{font:700 22px/1.2 var(--cg-disp);text-transform:uppercase;letter-spacing:.02em;min-width:0;flex:1 1 0} .cg-grp-h>span{font-size:13px;color:var(--cg-fg2)}
.cg-grp-h .cg-link{margin-left:auto;min-height:32px;font-size:13.5px}
.cg-sub{display:flex;align-items:baseline;gap:8px;margin:14px 0 10px;font-size:13px;font-weight:600;color:var(--cg-fg2);letter-spacing:.04em;text-transform:uppercase} .cg-sub b{font-weight:500;color:var(--cg-fg3)} .cg-sub:first-of-type{margin-top:0}
.cg-oil{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--cg-sf2);font-size:14px;color:var(--cg-fg2)}
.cg-oil>.cg-ic{width:18px;height:18px;color:var(--cg-acc)} .cg-oil b{color:var(--cg-fg);font-weight:600} .cg-oil i{font-style:normal;color:var(--cg-fg3)} .cg-oil small{width:100%;font-size:12.5px;color:var(--cg-fg3)}
.cg-cards{--cg-cols:4;display:grid;grid-template-columns:repeat(var(--cg-cols),minmax(0,1fr));gap:12px}
.cg-cards-x{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cg-cols) - 1) * 12px) / var(--cg-cols));overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 14px;margin:-6px -4px 0;scrollbar-width:thin;scrollbar-color:var(--cg-ln2) transparent}
.cg-cards-x>*{scroll-snap-align:start}
.cg-grp-more{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--cg-fg2)} .cg-grp-more .cg-ic{width:15px;height:15px}
.cg-vempty{display:grid;justify-items:start;gap:12px;padding:32px;border-radius:14px;background:var(--cg-sf);box-shadow:inset 0 0 0 1px var(--cg-ln);color:var(--cg-fg2)}
.cg-vempty b{font:700 22px/1.15 var(--cg-disp);text-transform:uppercase;color:var(--cg-fg)}

/* ── product card ── */
.cg-pc{position:relative;display:flex;flex-direction:column;background:var(--cg-sf);border-radius:12px;box-shadow:0 0 0 1px var(--cg-ln),var(--cg-sh-card);min-width:0}
.cg-pc-ph{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(0deg,var(--cg-chip-edge) 1px,#fff 1px);border-radius:12px 12px 0 0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.cg-pc-ph img{position:absolute;inset:0;width:100%;height:100%;padding:14px;object-fit:contain}
.cg-pc-ph .cg-ph-e{position:absolute;inset:0;display:grid;place-items:center;color:var(--cg-ln2)} .cg-pc-ph .cg-ph-e .cg-ic{width:40px;height:40px}
.cg-bdgs{position:absolute;top:8px;left:8px;right:8px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}
.cg-bdg{display:inline-flex;align-items:center;gap:5px;padding:4px 12px 4px 7px;background:var(--cg-bdg-bg);color:#fff;font-size:11.5px;font-weight:600;line-height:1.2;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);max-width:100%}
.cg-bdg .cg-ic{width:14px;height:14px} .cg-bdg-low .cg-ic{color:var(--cg-bdg-low)} .cg-bdg-stk .cg-ic{color:var(--cg-bdg-ok)}
.cg-pc-b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1;min-width:0}
.cg-pc-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.cg-pc-bk{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cg-acc)}
.cg-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.45;background:var(--cg-sf2);color:var(--cg-fg2)}
.cg-pc-n{display:block;font-weight:500;font-size:14.5px;line-height:1.35;min-height:2.7em;text-wrap:pretty;overflow-wrap:anywhere}
.cg-pc-n:hover{text-decoration:underline;text-underline-offset:3px} .cg-pc-n::after{content:"";position:absolute;inset:0;z-index:0}
.cg-pc-p{font:700 26px/1 var(--cg-disp);margin-top:4px} .cg-pc-p small{font-size:.66em;margin-left:2px} .cg-pc-p i{display:block;font:500 12px/1.3 var(--cg-ui);color:var(--cg-fg3);margin-top:3px}
.cg-pc-p.cg-pc-ask{font:600 14px/1.3 var(--cg-ui);color:var(--cg-fg2)}
.cg-pc-st{display:grid;gap:4px;margin-top:2px}
.cg-my{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--cg-fg)} .cg-my .cg-ic{width:16px;height:16px;color:var(--cg-fg2)} .cg-my b{font-weight:600}
.cg-my-no{color:var(--cg-out);font-weight:600} .cg-my-no .cg-ic{color:var(--cg-out)}
.cg-pc-out{background:var(--cg-sunk)} .cg-pc-out .cg-pc-ph img{opacity:.45;filter:grayscale(1)} .cg-pc-out .cg-pc-n,.cg-pc-out .cg-pc-p{color:var(--cg-fg2)}

/* ── sheet / dialog ── */
.cg-sheet{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}
.cg-sheet-bg{position:absolute;inset:0;width:100%;border:0;padding:0;background:rgba(12,12,14,.5);cursor:default}
.cg-sheet-p{position:relative;width:min(560px,100%);max-height:calc(100svh - 32px);overflow:auto;padding:22px 24px 24px;background:var(--cg-sf);border-radius:18px;box-shadow:0 0 0 1px var(--cg-ln),var(--cg-sh-float);animation:cg-pop .4s var(--cg-spring) both}
.cg-sheet-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cg-sheet-hd h2{flex:1;display:flex;align-items:center;gap:10px;font:700 22px/1.15 var(--cg-disp);text-transform:uppercase;letter-spacing:.02em} .cg-sheet-hd h2 .cg-ic{color:var(--cg-acc)}
.cg-sheet-x{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:10px;background:var(--cg-sf2);color:var(--cg-fg)} .cg-sheet-x:hover{background:var(--cg-sf3)}
.cg-sheet-p-l{font-size:14px;color:var(--cg-fg2);margin-bottom:10px}
.cg-brm-h{display:flex;align-items:center;gap:6px;margin:14px 10px 4px;font-size:12.5px;font-weight:600;color:var(--cg-fg3)} .cg-brm-h .cg-ic{width:14px;height:14px}
.cg-brm-o{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:48px;padding:4px 10px;border:0;border-radius:9px;background:none;color:var(--cg-fg);font-size:15px;font-weight:500;text-align:left;line-height:1.25}
.cg-brm-o:hover{background:var(--cg-sf2)} .cg-brm-o small{font-size:12.5px;font-weight:500;color:var(--cg-fg2);white-space:nowrap}
.cg-brm-o .cg-ic{width:18px;height:18px;color:var(--cg-acc);visibility:hidden}
.cg-brm-o[aria-current=true]{background:var(--cg-red-t);font-weight:600} .cg-brm-o[aria-current=true] .cg-ic{visibility:visible}
/* product sheet */
.cg-pd-ph{position:relative;aspect-ratio:4/3;max-height:320px;margin:0 auto 14px;background:linear-gradient(0deg,var(--cg-chip-edge) 1px,#fff 1px);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--cg-ln)}
.cg-pd-ph img{position:absolute;inset:0;width:100%;height:100%;padding:16px;object-fit:contain}
.cg-pd-h{font:500 18px/1.35 var(--cg-ui);margin:6px 0 10px}
.cg-pd-price{font:700 40px/1 var(--cg-disp);margin:0 0 4px} .cg-pd-price small{font-size:.6em;margin-left:2px}
.cg-pd-ref{font-size:13px;color:var(--cg-fg2);margin-bottom:12px}
.cg-pd-act{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px} .cg-pd-act .cg-btn{flex:1 1 auto}
.cg-where{margin-top:6px} .cg-where h3{font:700 15px/1.2 var(--cg-disp);text-transform:uppercase;letter-spacing:.04em;color:var(--cg-fg2);margin-bottom:6px}
.cg-wr{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:4px 0;border-bottom:1px solid var(--cg-ln);font-size:14px} .cg-wr.cg-sel{font-weight:600} .cg-wr small{color:var(--cg-fg2);font-size:12.5px;white-space:nowrap}
.cg-pd-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;margin-top:18px;font-size:14px;line-height:1.5}
.cg-pd-meta dt{display:inline-flex;align-items:flex-start;gap:7px;color:var(--cg-fg2);font-weight:600;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding-top:2px} .cg-pd-meta dd{white-space:pre-line}
.cg-pd-addr{margin-top:16px;font-size:13px;color:var(--cg-fg2)}
.cg-pd-addr a{display:inline-block;padding:10px 8px;margin:-10px -8px;font-weight:600;color:var(--cg-fg);text-decoration-thickness:1px;text-underline-offset:3px}

/* ── footer ── */
.cg-foot{margin-top:auto;border-top:1px solid var(--cg-ln);padding:24px 0 30px;color:var(--cg-fg2);font-size:13.5px}
.cg-foot .cg-wrap{display:grid;gap:12px;align-items:start}
.cg-foot-r{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px} .cg-foot-r>span{display:inline-flex;align-items:center;gap:6px} .cg-foot-r .cg-ic{width:15px;height:15px;flex:none}
.cg-foot img{height:22px;width:auto}
.cg-foot-c{font-size:12.5px;color:var(--cg-fg2)} .cg-foot-c a{text-decoration:underline;text-underline-offset:3px}
.cg-noscript{padding-top:24px;color:var(--cg-out)}
.cg-loading{display:grid;place-items:center;min-height:40vh;color:var(--cg-fg2)}
.cg-spin{width:28px;height:28px;border:3px solid var(--cg-ln2);border-top-color:var(--cg-red);border-radius:50%;animation:cg-spin .8s linear infinite} @keyframes cg-spin{to{transform:rotate(360deg)}}
.cg-err{padding:16px;border-radius:12px;background:var(--cg-out-t,#fdeceb);color:var(--cg-out);margin:24px 0}

/* ── responsive (G) ── */
@media (max-width:1320px){ .cg-top-name{display:none} }
@media (max-width:1180px){ .cg-cards{--cg-cols:3} }
@media (max-width:960px){
  .cg-pick{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border-radius:16px} .cg-pick .cg-btn{grid-column:1/-1;min-height:72px;font-size:21px} .cg-pick #f3{grid-column:1/-1}
  .cg-fld select{height:76px;padding:30px 28px 8px 50px;font-size:17px} .cg-fld label{left:50px;top:13px} .cg-fld-n{left:10px;width:30px}
  .cg-res{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}
  .cg-gnav{position:sticky;top:var(--cg-top);z-index:30;max-height:none;overflow:visible;margin:0 calc(var(--cg-gut) * -1);background:var(--cg-top-bg);border-bottom:1px solid var(--cg-ln)}
  .cg-gnav-h{display:none}
  .cg-gnav-in{flex-direction:row;overflow-x:auto;gap:4px;padding:8px var(--cg-gut);scrollbar-width:none} .cg-gnav-in::-webkit-scrollbar{display:none}
  .cg-gnav-ind{border-radius:2px;background:var(--cg-red);box-shadow:none}
  .cg-gb{flex:none;grid-template-columns:18px auto auto;gap:8px;padding:0 12px;white-space:nowrap;background:var(--cg-sf);box-shadow:inset 0 0 0 1px var(--cg-ln)} .cg-gb[aria-current=true]{background:var(--cg-sf2)}
}
@media (max-width:720px){ .cg-oil{font-size:13.5px;padding:10px 12px;gap:4px 12px} .cg-vspec{margin-top:4px} .cg-res>div{padding-top:8px} }
@media (max-width:720px){
  body{font-size:15px}
  .cg-hide-m{display:none!important}
  .cg-top-in{gap:8px} .cg-top-logo{padding-right:34px;min-width:132px} .cg-top-logo img{height:26px}
  .cg-top-br{padding:0 10px;white-space:normal;line-height:1.15;text-align:left;gap:7px;max-width:52vw} .cg-top-br .cg-br-chev{display:none}
  .cg-hero{min-height:calc(100svh - var(--cg-top) - 160px)}
  .cg-hero-acc{width:44px;right:16px;max-height:120px} .cg-hero-h{font-size:38px} .cg-hero-p{font-size:15px;padding-right:44px}
  .cg-pick{gap:8px;margin-top:22px;grid-template-columns:minmax(0,1fr)}
  .cg-fld select{padding:30px 22px 8px 44px;font-size:16px} .cg-fld select:disabled{font-size:13px;letter-spacing:-.01em} .cg-fld label{left:44px} .cg-fld-n{left:8px;width:28px} .cg-fld-chev{right:6px;width:15px;height:15px;margin-top:-7px}
  .cg-hrow-l{min-width:0;width:100%}
  .cg-hrow-scroll{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--cg-gut) * -1);padding:2px var(--cg-gut) 4px;scrollbar-width:none} .cg-hrow-scroll::-webkit-scrollbar{display:none}
  .cg-hrow-scroll .cg-hrow-l{display:none} .cg-hrow-scroll .cg-chip{flex:none;max-width:none;white-space:nowrap}
  .cg-vbar-in{padding-top:16px;padding-bottom:16px;gap:12px} .cg-vbar-id{align-items:flex-start;gap:12px} .cg-vbar-id .cg-ich{width:44px;height:44px} .cg-vbar h1{font-size:28px} .cg-vspec{gap:2px 12px;font-size:13.5px}
  .cg-vbar-chg{display:none} .cg-fact-chg{display:inline-flex;background:var(--cg-sf3)}
  .cg-vfacts{padding-left:0;flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--cg-gut) * -1);padding:0 var(--cg-gut) 2px;scrollbar-width:none} .cg-vfacts::-webkit-scrollbar{display:none} .cg-fact{flex:none;min-height:36px;font-size:13.5px;padding:0 10px}
  .cg-bundle{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px} .cg-bundle-ims a{width:56px;height:56px} .cg-bundle-row{justify-content:space-between} .cg-bundle-sum{text-align:left}
  .cg-grp{padding-top:20px} .cg-grp-h>span{white-space:normal}
  .cg-cards,.cg-cards-x{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 calc(var(--cg-gut) * -1);padding:4px var(--cg-gut) 10px;scroll-padding:0 var(--cg-gut);scrollbar-width:none} .cg-cards::-webkit-scrollbar{display:none}
  .cg-cards>.cg-pc{flex:0 0 172px;scroll-snap-align:start}
  .cg-pc-b{padding:10px 10px 12px;gap:5px} .cg-pc-n{font-size:13.5px} .cg-pc-p{font-size:22px} .cg-my{font-size:13px} .cg-hq{font-size:12.5px;gap:6px} .cg-bdg{font-size:11px;padding:3px 10px 3px 6px}
  .cg-sheet{place-items:end stretch;padding:0} .cg-sheet-p{width:100%;max-height:90svh;border-radius:18px 18px 0 0;padding:18px 16px calc(22px + env(safe-area-inset-bottom))}
  .cg-pd-price{font-size:34px}
}
@media (pointer:coarse){ .cg-chip,.cg-hero .cg-chip,.cg-pc-n,.cg-link,.cg-fact{min-height:44px;display:inline-flex;align-items:center} .cg-pc-n{display:flex} }
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} }

/* ── тос солих матриц ── */
.cg-mx-w{overflow-x:auto;margin:0 calc(var(--cg-gut) * -1);padding:0 var(--cg-gut) 6px;scrollbar-width:thin}
.cg-mx{border-collapse:separate;border-spacing:4px;min-width:100%;font-size:14px}
.cg-mx th,.cg-mx td{padding:0;text-align:center;vertical-align:middle}
.cg-mx thead th{background:var(--cg-red);color:#fff;border-radius:10px;padding:10px 8px;font:600 13px/1.2 var(--cg-ui);min-width:92px}
.cg-mx thead th b{display:block;font:700 15px/1.1 var(--cg-disp);text-transform:uppercase;letter-spacing:.03em} .cg-mx thead th small{display:block;margin-top:3px;font-size:11.5px;opacity:.9}
.cg-mx-ph{display:block;width:56px;height:56px;margin:0 auto 6px;background:#fff;border-radius:8px;overflow:hidden} .cg-mx-ph img{width:100%;height:100%;object-fit:contain;padding:3px}
.cg-mx tbody th>div{display:flex;align-items:center;gap:10px} .cg-mx tbody th .cg-mx-ph{width:48px;height:48px;margin:0;flex:none;box-shadow:inset 0 0 0 1px var(--cg-ln)} .cg-mx tbody th>div>span{min-width:0}
.cg-mx-big{display:flex;align-items:flex-start;justify-content:center;gap:14px;margin:8px 0 22px} .cg-mx-big figure{flex:1 1 0;max-width:260px;margin:0;min-width:0} .cg-mx-big figure>span{display:grid;place-items:center;aspect-ratio:1;background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--cg-ln);color:var(--cg-ln2);overflow:hidden} .cg-mx-big img{width:100%;height:100%;object-fit:contain;padding:12px} .cg-mx-big>.cg-ic{color:var(--cg-fg2);width:22px;height:22px;flex:none;margin-top:calc(50% - 60px)}
.cg-mx-big figcaption{margin-top:10px;font-size:13.5px;line-height:1.4} .cg-mx-big figcaption b{display:block;font-weight:600} .cg-mx-big figcaption small{display:block;font-size:12.5px;color:var(--cg-fg2);margin-top:2px}
.cg-cty{white-space:nowrap} .cg-mx thead th .cg-cty{opacity:.92} .cg-pd-orig{margin:-4px 0 12px;font-size:13.5px;color:var(--cg-fg2)}
.cg-mx-cta{width:100%;min-height:60px;font-size:19px;margin-top:6px}
#psheet .cg-where .cg-wr{min-height:52px;padding:8px 0;font-size:15px} #psheet .cg-where{margin-top:4px} #psheet .cg-pd-price{margin:18px 0 8px}
@media (max-width:720px){ .cg-mx-big{gap:10px} .cg-mx-big>.cg-ic{margin-top:calc(50% - 52px)} .cg-sheet-p{padding-top:20px} }
.cg-mx .cg-mx-0{background:var(--cg-sf2);color:var(--cg-fg2);text-align:left;position:relative;min-width:120px}
.cg-mx .cg-mx-0 span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase} .cg-mx .cg-mx-0 span:last-child{text-align:right}
.cg-mx tbody th{background:var(--cg-sf2);border-radius:10px;padding:8px 10px;text-align:left;font-weight:500;min-width:120px;position:sticky;left:0;z-index:1}
.cg-mx tbody th b{display:block;font-size:13.5px;font-weight:600} .cg-mx tbody th small{display:block;font-size:11.5px;color:var(--cg-fg2)}
.cg-mx-v th{background:none!important;position:static!important;padding:12px 2px 4px!important;font:700 13px/1 var(--cg-disp)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--cg-acc)!important}
.cg-mx-c{display:block;width:100%;min-height:52px;border:0;border-radius:10px;background:var(--cg-sf);box-shadow:inset 0 0 0 1px var(--cg-ln);font:700 17px/1 var(--cg-disp);color:var(--cg-fg);cursor:pointer;transition:transform .35s var(--cg-spring),background .15s}
.cg-mx-c small{font-size:.66em;margin-left:1px} .cg-mx-c:hover{background:var(--cg-sf2);transform:translateY(-2px)} .cg-mx-c:active{transform:scale(.96)}
.cg-mx-no{color:var(--cg-fg3);background:var(--cg-sunk);box-shadow:inset 0 0 0 1px var(--cg-ln)} .cg-mx-out th{color:var(--cg-fg3)}
.cg-mx-n{margin:8px 0 0;font-size:12.5px;color:var(--cg-fg2)}
.cg-mx-ims{margin-bottom:14px} .cg-mx-ims img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}
.cg-where .cg-wr span small{color:var(--cg-fg2)}
@media (max-width:720px){ .cg-mx{font-size:13px} .cg-mx thead th{min-width:96px;padding:8px 6px} .cg-mx thead th small{font-size:11px} .cg-mx tbody th{min-width:140px;padding:6px 8px} .cg-mx tbody th .cg-mx-ph{width:40px;height:40px} .cg-mx-ph{width:44px;height:44px} .cg-mx-c{min-height:72px;font-size:15px} }

/* урамшуулах брэнд */
#g-wynns .cg-grp-h h2{font-size:19px;text-wrap:pretty}

/* ── сагс ── */
.cg-pc-ft{margin-top:auto;padding-top:8px;position:relative;z-index:1}
.cg-cmpt{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;padding:0 12px;border:1px solid var(--cg-ln2);border-radius:8px;background:transparent;color:var(--cg-fg);font-size:13.5px;font-weight:600;transition:background .15s,transform .35s var(--cg-spring)}
.cg-cmpt .cg-ic{width:16px;height:16px;color:var(--cg-acc)} .cg-cmpt:hover{background:var(--cg-sf2)} .cg-cmpt:active{transform:scale(.95)}
.cg-tray{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;border:0;background:var(--cg-inv);color:var(--cg-inv-fg);border-radius:14px;box-shadow:var(--cg-sh-float);max-width:calc(100vw - 20px);font:600 14px/1.2 var(--cg-ui);animation:cg-pop .45s var(--cg-spring) both;cursor:pointer}
.cg-tray-ims{display:flex} .cg-tray-ims img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:8px;padding:3px;margin-left:-8px;box-shadow:0 0 0 2px var(--cg-inv)} .cg-tray-ims img:first-child{margin-left:0}
.cg-tray-t{display:grid;text-align:left} .cg-tray-t b{font-weight:600} .cg-tray-t small{font:700 15px/1.1 var(--cg-disp);letter-spacing:.02em;color:#fff}
.cg-tray .cg-ic{width:18px;height:18px;color:var(--cg-inv-fg2)}
.cg-toast{position:fixed;left:50%;top:78px;transform:translate(-50%,-10px);z-index:90;background:var(--cg-fg);color:var(--cg-bg);padding:12px 18px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:var(--cg-sh-float);opacity:0;pointer-events:none;transition:opacity .2s,transform .35s var(--cg-spring);display:flex;gap:10px;align-items:center;max-width:calc(100vw - 32px)}
.cg-toast.cg-on{opacity:1;transform:translate(-50%,0)} .cg-toast .cg-ic{color:#3ad583}
.cg-cart{display:grid;gap:6px}
.cg-cl{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--cg-ln)}
.cg-cl-ph{display:grid;place-items:center;width:56px;height:56px;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--cg-ln);color:var(--cg-ln2);overflow:hidden} .cg-cl-ph img{width:100%;height:100%;object-fit:contain;padding:4px}
.cg-cl-b{min-width:0} .cg-cl-b b{display:block;font-weight:500;font-size:14px;line-height:1.3;overflow-wrap:anywhere} .cg-cl-b small{display:block;font-size:12.5px;color:var(--cg-fg2);margin-top:2px}
.cg-cl-r{display:grid;justify-items:end;gap:6px} .cg-cl-r>b{font:700 17px/1 var(--cg-disp)}
.cg-qty{display:inline-flex;align-items:center;border:1px solid var(--cg-ln2);border-radius:8px;overflow:hidden} .cg-qty button{flex:none;width:44px;min-width:44px;height:40px;border:0;background:var(--cg-sf2);font-size:18px;line-height:1;color:var(--cg-fg)} .cg-qty i{min-width:28px;text-align:center;font-style:normal;font-weight:600;font-size:14px}
.cg-cl-x{width:32px;height:32px;border:0;border-radius:8px;background:var(--cg-sf2);display:grid;place-items:center;color:var(--cg-fg2)} .cg-cl-x .cg-ic{width:16px;height:16px}
.cg-cl-svc .cg-cl-ph{color:var(--cg-acc);background:var(--cg-red-t)}
.cg-cart-sum{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 6px;font-size:13.5px;color:var(--cg-fg2)} .cg-cart-sum b{font:700 34px/1 var(--cg-disp);color:var(--cg-fg)} .cg-cart-sum b small{font-size:.6em;margin-left:2px}
.cg-cart-note{display:flex;align-items:center;gap:8px;margin:10px 0 14px;padding:12px 14px;border-radius:12px;background:var(--cg-red-t);color:var(--cg-nudge-fg,#8f0410);font-weight:600;font-size:14.5px} .cg-cart-note .cg-ic{color:var(--cg-acc);width:18px;height:18px}
.cg-cart-clear{margin-top:10px;color:var(--cg-fg2);font-size:13px} .cg-cart-clear .cg-ic{color:var(--cg-fg2)}
.cg-pd-act2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px} .cg-pd-act2 .cg-btn{min-height:56px}
body:has(.cg-tray:not([hidden])) #app{padding-bottom:84px}
@media (max-width:720px){ .cg-cl{grid-template-columns:48px minmax(0,1fr) auto;gap:10px} .cg-cl-ph{width:48px;height:48px} .cg-cart-sum b{font-size:30px} .cg-tray{left:10px;right:10px;transform:none;max-width:none;justify-content:space-between} }