@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-cyrillic-ext-400.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-cyrillic-400.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-cyrillic-ext-500.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-cyrillic-500.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-ext-500.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-cyrillic-ext-600.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-cyrillic-600.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-cyrillic-ext-700.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-cyrillic-700.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/inter-cyrillic-ext-800.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/inter-cyrillic-800.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/inter-latin-ext-800.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/inter-latin-800.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ============================================================
   ШинаДиск72 — merged design
   Дизайн: shina1720 (тёмная/светлая тема, Inter, карточки)
   Палитра: графит / зелёный / оранжевый
   Разметка: shinamarket (страницы и фильтр каталога)
   ============================================================ */
:root{
  /* Общие размеры макета: эти переменные используются и публичными, и
     административными блоками. Без них max-width/border-radius становились
     невалидными и оставляли лишние пустые области на широких экранах. */
  --max:1280px;
  --r:16px;
  --bg:#f3f5f7;
  --bg-soft:#e9edf1;
  --bg-elev:#ffffff;
  --bg-elev2:#ffffff;
  --surface:#ffffff;
  --surface2:#ffffff;
  --surface3:#f8fafb;
  --surface-alt:#f0f3f6;
  --text:#1b2330;
  --text2:#2e3a4a;
  --text-strong:#10151d;
  --muted:#5d6d80;
  --muted2:#6b7d90;
  --muted3:#7b8c9d;
  --border:#dce3ea;
  --border2:#e4e9ef;
  --border3:#ccd5df;
  --input-bg:#ffffff;
  --input-border:#ccd5df;
  --input-text:#1b2330;
  --link:#128a3e;
  --green:#0f9d58;
  --green2:#0c8a4c;
  --green-bg:#e8f5ee;
  --green-border:#b7e4c7;
  --green-text:#0b7a46;
  --orange:#e8640a;
  --orange2:#d65a05;
  --accent:#d99a00;
  --accent2:var(--green);
  --red:var(--orange);
  --red2:var(--orange2);
  --danger:#d92d2d;
  --danger-bg:#fdecec;
  --line:var(--border);
  --accent-soft:var(--green-bg);
  --radius-sm:10px;
  --shadow:0 8px 24px rgba(25,35,50,.08);
  --topbar-bg:#e7ebf0;
  --topbar-border:#d5dde6;
  --topbar-text:#3a4a5c;
  --hero-grad1:#f6f9f7;
  --hero-grad2:#edf2ef;
  --hero-radial:#d9eade;
  --badge-bg:#eef2f6;
  --toast-bg:#ffffff;
  --toast-border:#d5dde6;
  --toast-text:#1b2330;
  --chip-bg:#f1f4f7;
  --chip-border:#d5dde6;
  --chip-text:#3a4a5c;
  --chip-active-bg:#e2ede6;
  --chip-active-border:#a9cdbb;
  --pimg-bg:#ffffff;
  --stock-color:#0b7a46;
  --old-price:#7b8c9d;
  --logo-small:#5d6d80;
  --table-head:#5d6d80;
  --table-border:#e4e9ef;
  --cart-btn-bg:#f1f4f7;
  --cart-btn-border:#d5dde6;
  --success-bg:#e8f5ee;
  --success-border:#b7e4c7;
  --success-text:#0b7a46;
  --grad-btn:linear-gradient(180deg,#14a85c,#0f9d58);
  --gray:var(--bg);
  --dark:#1b2330;
  --grad-btn-h:linear-gradient(180deg,#16b966,#10a35c);

  --line2:var(--border2);
  --radius:var(--r);
  --dark3:#2a3644;
  --ease:cubic-bezier(.4,0,.2,1);
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --shadow-h:0 12px 28px rgba(25,35,50,.14);
}


*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{color-scheme:light}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3,h4{line-height:1.25;color:var(--text-strong)}
h1{font-size:26px}
h2{font-size:20px}
h3{font-size:16px}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.small{font-size:12.5px}
.muted{color:var(--muted)}
b,strong{color:var(--text-strong)}
button{font-family:inherit}
input,select,textarea{font-family:inherit;font-size:14px}
::selection{background:rgba(63,191,95,.35)}

/* ============ TOPBAR ============ */
.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);font-size:12.5px;color:var(--topbar-text)}
.topbar_in{display:flex;justify-content:space-between;padding:7px 20px;gap:12px;flex-wrap:wrap}
.topbar_in svg{vertical-align:-2px}
.topbar_r{display:flex;gap:18px}
.topbar a{color:var(--text-strong);font-weight:600}
.tb-time{color:var(--muted3)}

/* ============ HEADER ============ */
.header{background:linear-gradient(180deg,var(--bg-elev),var(--bg-elev2));border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;backdrop-filter:blur(6px);box-shadow:0 1px 8px rgba(0,0,0,.04)}
.header_in{display:flex;align-items:center;gap:16px;padding:12px 20px;flex-wrap:nowrap;min-width:0}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;flex-shrink:0;min-width:0}
.logo:hover{text-decoration:none}
.logo_mark{background:linear-gradient(180deg,#46c765,#2e9b4b);color:#fff;font-weight:800;padding:7px 9px;border-radius:9px;font-size:16px;letter-spacing:-.5px;flex-shrink:0;box-shadow:0 2px 8px rgba(47,167,74,.35)}
.logo_text b{font-size:17px;display:block;line-height:1.15;white-space:nowrap;color:var(--text-strong)}
.logo_text small{color:var(--logo-small);font-size:11.5px;white-space:nowrap;display:block}
.hnav{display:flex;gap:14px;font-size:13.8px;font-weight:600;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap}
.hnav a{color:var(--text2);position:relative;padding:4px 0}
.hnav a:hover{color:var(--text-strong);text-decoration:none}
.hnav a.act{color:var(--link)}
.hnav a.act:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--grad-btn)}
.header_actions{display:flex;gap:8px;align-items:center;flex-shrink:0;margin-left:auto}
.hsearch{display:flex;align-items:center;max-width:230px}
.hsearch input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:8px 10px;border-radius:8px 0 0 8px;font-size:13px;width:150px;outline:none;transition:width .2s}
.hsearch input:focus{width:210px;border-color:var(--green)}
.hsearch input::placeholder{color:var(--muted3)}
.hsearch button{background:var(--chip-bg);border:1px solid var(--input-border);border-left:0;color:var(--text);padding:8px 10px;border-radius:0 8px 8px 0;cursor:pointer;font-size:13px;line-height:1}
.hsearch button:hover{background:var(--green);color:#fff}
.hsearch_toggle{display:none;background:none;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1}
.hdr-fav{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--cart-btn-bg);border:1px solid var(--cart-btn-border);color:var(--text);min-width:42px;height:42px;border-radius:10px;text-decoration:none;flex-shrink:0}
.hdr-fav:hover{text-decoration:none;border-color:var(--orange);color:var(--orange)}
.fav-ico{font-size:19px;line-height:1}
.hdr-badge{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hdr-fav.is-empty{opacity:.45}
.cart_btn{display:inline-flex;align-items:center;gap:7px;color:var(--text);background:var(--cart-btn-bg);border:1px solid var(--cart-btn-border);padding:9px 12px;border-radius:10px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0}
.cart_btn:hover{text-decoration:none;border-color:var(--green)}
.cart_btn.has{border-color:var(--green)}
#cartCount{background:var(--grad-btn);color:#fff;min-width:21px;height:21px;border-radius:11px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.cart-ico{flex-shrink:0}
.burger{display:none;background:none;border:1px solid var(--border3);color:var(--text);padding:8px 11px;border-radius:9px;flex-shrink:0;cursor:pointer}
.mmenu{display:none}

/* ============ HERO ============ */
.hero{background:
 radial-gradient(1200px 500px at 80% -10%, var(--hero-radial) 0%, transparent 60%),
 linear-gradient(180deg,var(--hero-grad1) 0%, var(--hero-grad2) 100%);
 border-bottom:1px solid var(--border)}
.hero_in{display:grid;grid-template-columns:1.18fr .82fr;gap:28px;padding:36px 20px 30px}
.hero h1{font-size:29px;line-height:1.22;margin:8px 0 10px;font-weight:800;letter-spacing:-.3px}
.hero h1 span{background:linear-gradient(90deg,var(--orange),#ffb01f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:var(--muted);font-size:15px;max-width:560px}
.usp{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.usp span{background:var(--surface-alt);border:1px solid var(--border2);color:var(--text2);padding:7px 12px;border-radius:999px;font-size:12.8px}
.usp b{color:var(--link)}
.hero_cta{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.hero_card{background:linear-gradient(160deg,var(--surface3),var(--surface2));border:1px solid var(--border);border-radius:16px;padding:18px}
.hero_card h3{margin:0 0 8px;font-size:16px}
.mini_list{margin:0;padding:0;list-style:none;font-size:13.6px;color:var(--muted)}
.mini_list li{padding:6px 0;border-bottom:1px dashed var(--border2)}
.mini_list li:last-child{border:0}
.mini_list b{color:var(--text2)}

/* ============ SECTIONS ============ */
.section{padding:28px 0}
.sec-head,.section_head{display:flex;justify-content:space-between;align-items:end;margin:4px 0 16px;gap:12px;flex-wrap:wrap}
.sec-head h2,.section_head h2{margin:0;font-size:20px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}
.hb-card{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--surface);
  border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;transition:.15s}
.hb-card:hover{border-color:var(--green-border);box-shadow:var(--shadow);transform:translateY(-2px)}
.hb-logo{width:58px;height:58px;border-radius:10px;background:var(--pimg-bg);
  display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border2)}
.hb-logo img{width:100%;height:100%;object-fit:contain;display:block}
.hb-mono{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-size:21px;font-weight:800;color:#fff;letter-spacing:.5px}
.hb-name{font-size:12.8px;font-weight:700;color:var(--text-strong);line-height:1.25;overflow-wrap:anywhere}
.hb-cnt{font-size:11.5px;color:var(--muted)}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.adv{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px}
.adv .ico{font-size:22px}
.adv h4{margin:8px 0 4px;font-size:15px}
.adv p{margin:0;font-size:13px;color:var(--muted)}

/* ============ КНОПКИ ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--grad-btn);color:#fff;border:0;padding:12px 18px;border-radius:11px;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.3}
.btn:hover{background:var(--grad-btn-h);color:#fff;text-decoration:none;transform:translateY(-1px)}
.btn-out{background:transparent;border:1px solid var(--border3);color:var(--text2);box-shadow:none}
.btn-out:hover{background:var(--surface-alt);border-color:var(--muted2);color:var(--text-strong);transform:none}
.btn-sm{padding:9px 13px;font-size:13.5px;border-radius:9px}
.btn-block{width:100%}
.btn-main{padding:14px 22px;font-size:15.5px;border-radius:12px}
.btns{display:flex;gap:10px;flex-wrap:wrap}

/* ============ КАРТОЧКА ТОВАРА (.card) ============ */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.18s;position:relative}
.card:hover{transform:translateY(-2px);border-color:var(--border3);box-shadow:var(--shadow)}
.card-fav-form{position:absolute;top:10px;right:10px;z-index:3;margin:0}
.card-fav{position:static;background:rgba(255,255,255,.92);border:1px solid var(--border);color:var(--text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:inherit;font-size:17px;line-height:1;text-decoration:none;backdrop-filter:blur(4px);padding:0;cursor:pointer}
.card-fav:hover{color:var(--orange);text-decoration:none}
.card-fav.act{background:var(--orange);border-color:var(--orange);color:#fff}
.card-img{position:relative;display:block;background:var(--pimg-bg);overflow:hidden}
.card-img img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:contain;transition:opacity .3s ease}
.img-chz-badge,.img-season-badge,.img-ship-badge{position:absolute;width:38px;height:38px;object-fit:contain;aspect-ratio:1;z-index:3;pointer-events:none;opacity:.98;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22));transition:filter .16s ease}
.img-chz-badge{left:7px;bottom:7px}
.img-season-badge,.img-ship-badge{right:7px;bottom:7px}
.card-img img.img-chz-badge,.card-img img.img-season-badge,.card-img img.img-ship-badge{width:38px;height:38px;aspect-ratio:1;object-fit:contain}
.card-img img.img-ship-badge-stacked{bottom:50px}
.prod-img .pimg_wrap img.img-chz-badge{left:12px;bottom:12px;width:68px;height:68px;aspect-ratio:1;object-fit:contain}
.prod-img .pimg_wrap img.img-season-badge,.prod-img .pimg_wrap img.img-ship-badge{right:12px;bottom:12px;width:68px;height:68px;aspect-ratio:1;object-fit:contain}
.prod-img .pimg_wrap img.img-ship-badge-stacked{bottom:86px}
.card-noimg{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:44px;background:var(--pimg-bg);color:#c4ccd4}
.card-tags{position:absolute;top:10px;left:10px;display:flex;gap:5px;flex-wrap:wrap;z-index:2;max-width:calc(100% - 20px)}
.tag{display:inline-block;background:var(--badge-bg);color:var(--text);font-size:11.5px;padding:4px 10px;border-radius:999px;font-weight:700;line-height:1.3}
.tag.win{background:rgba(63,191,95,.16);border:1px solid var(--green-border);color:var(--green-text)}
.tag.sum{background:rgba(255,138,30,.15);border:1px solid rgba(255,138,30,.4);color:var(--orange)}
.tag.all{background:var(--badge-bg);color:var(--text2)}
.tag.own{background:var(--green);color:#fff}
.tag.hit{background:var(--orange);color:#fff}
.card-body{padding:12px 13px 13px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-brand{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.card-name{font-weight:700;color:var(--text-strong);font-size:14.6px;line-height:1.35}
.card-name:hover{color:var(--link)}
.stocks{display:flex;flex-direction:column;gap:5px;font-size:12.8px;margin-top:10px}
.st{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
.st-ok{color:var(--stock-color)}
.st-order{color:var(--muted)}
.st-none{color:var(--muted3)}
.st-days{display:inline-block;background:var(--surface-alt);border:1px solid var(--border2);border-radius:99px;padding:1px 8px;font-size:10.5px;color:var(--muted2);line-height:1.6;white-space:nowrap;flex-shrink:0}
.prod-buy-box .st::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--border3);flex-shrink:0}
.prod-buy-box .st-local::before{background:var(--green)}
.prod-buy-box .st-order::before{background:var(--orange)}
.card-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.card-price b{font-size:18px;font-weight:800;color:var(--text-strong)}
.card-price s{font-size:12.5px;color:var(--old-price);text-decoration:line-through}

.cp-card{cursor:help}
.card-btns{display:flex;gap:6px;margin-top:auto}
.card-btns form{flex:1;display:flex}
.card-btns .btn{flex:1;padding:10px 8px;font-size:13px}

/* ============ КАТАЛОГ (фильтр shinamarket) ============ */
.cat-layout{display:grid;grid-template-columns:282px 1fr;gap:22px;align-items:start;padding:0 20px 8px}
.side{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;position:sticky;align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border3) transparent}
.side::-webkit-scrollbar{width:6px}
.side::-webkit-scrollbar-thumb{background:var(--border3);border-radius:4px}
.side-head{display:none}
.side-body h3{margin:0 0 12px;font-size:16px}
.side-grp{padding:12px 0;border-bottom:1px solid var(--border2)}
.side-grp:first-child{padding-top:0}
.side-grp:last-child{border-bottom:0;padding-bottom:0}
.side-grp>label{display:block;font-weight:700;font-size:13px;margin-bottom:8px;color:var(--text2)}
.side select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:9px 10px;border-radius:9px;font-size:13.5px;outline:none}
.side select:focus{border-color:var(--green)}
.chk{display:flex;align-items:flex-start;gap:8px;padding:4px 2px;font-size:13.4px;cursor:pointer;color:var(--text2)}
.chk input{width:16px;height:16px;accent-color:var(--green);margin-top:2px;flex-shrink:0;cursor:pointer}
.chk:hover{color:var(--text-strong)}
.hint{display:block;font-size:11.8px;color:var(--muted3);margin-top:5px;line-height:1.4}
.cat-goods{min-width:0}
.cat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}
.cat-count{font-size:13.5px;color:var(--muted)}
.cat-count b{color:var(--text-strong)}
.cat-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.cat-sort select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:8px 10px;border-radius:9px;font-size:13px;outline:none;cursor:pointer}
.more-box{text-align:center;margin:18px 0 6px}
.more-btn{padding:12px 26px}
.more-left{color:var(--muted);font-weight:400}
.more-load{color:var(--muted);padding:12px}
.pager{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap;align-items:center;justify-content:center}
.pager a,.pager span{background:var(--surface-alt);border:1px solid var(--border2);padding:8px 13px;border-radius:9px;color:var(--text2);text-decoration:none;font-size:13px;display:inline-flex;align-items:center}
.pager a:hover{border-color:var(--muted2);color:var(--text-strong);text-decoration:none}
.pager .cur{background:var(--grad-btn);border-color:transparent;color:#fff;font-weight:800}
.empty{text-align:center;padding:48px 20px;border:1px dashed var(--border3);border-radius:var(--r);background:var(--surface)}
.empty .ico{font-size:40px;margin-bottom:8px}
.empty h3{margin:0 0 8px;font-size:20px}
.empty p{color:var(--muted);margin:4px 0}
.seo-block{margin:26px 0 8px;padding:22px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}
.seo-block h2{margin:0 0 10px;font-size:20px}
.seo-block .prose{font-size:14.4px}
.finder{margin:24px 20px 0}
.finder-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tab{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);padding:8px 16px;border-radius:9px;font-size:13.5px;cursor:pointer;font-weight:600;transition:.15s}
.tab:hover{border-color:var(--muted2)}
.tab.act{background:var(--grad-btn);border-color:transparent;color:#fff}
.tab-body{display:none}
.tab-body.act{display:block}
.finder-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.finder-row .btn{margin-bottom:12px;white-space:nowrap;min-height:44px}
.finder-row input[type=text],.finder-row select{flex:1;min-width:150px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:11px 13px;border-radius:10px;font-size:14px;outline:none}
.finder-row input:focus,.finder-row select:focus{border-color:var(--green)}

/* ============ СТРАНИЦЫ ============ */
.page_narrow{max-width:840px;margin:0 auto;padding:26px 20px}
.page_narrow h1{letter-spacing:-.02em;font-size:26px;margin:6px 0 14px}
.page-box{max-width:1040px;margin:0 auto;padding:26px 20px}
.page-box h1{font-size:26px;margin:6px 0 14px}
.crumbs{font-size:12.7px;color:var(--muted);padding:16px 20px 0}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.crumbs li{display:flex;align-items:center}
.crumbs li+li:before{content:"›";margin:0 6px;color:var(--muted2)}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--link)}
.prose{color:var(--text2);font-size:14.6px;line-height:1.7}
.prose h2{font-size:19px;color:var(--text-strong);margin:24px 0 10px}
.prose h3{font-size:16px;margin:18px 0 8px}
.prose ul,.prose ol{padding-left:20px}
.prose li{margin:4px 0}
.descr-html{font-size:14.2px;color:var(--text2);line-height:1.65;overflow-wrap:break-word}
.descr-html h2,.descr-html h3{color:var(--text-strong)}
.descr-html p{margin:8px 0}
.descr-html ul{padding-left:20px}
.descr-src{font-size:12px;color:var(--muted3);margin-top:10px}
.descr-wrap{position:relative;overflow:hidden}
.descr-wrap.is-cut{max-height:190px}
.descr-wrap.is-cut:after{content:'';position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,var(--bg))}
.descr-more{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:8px;background:none;border:1px solid var(--border3);color:var(--text2);padding:7px 14px;border-radius:9px;font-size:13px;cursor:pointer;font-weight:600}
.descr-more:hover{border-color:var(--green);color:var(--green)}
.descr-more .ico{font-size:10px}
.table{width:100%;border-collapse:collapse;font-size:13.6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.table th{background:var(--surface-alt);color:var(--table-head);font-weight:700}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border2);text-align:left;vertical-align:top}
.table tr:last-child td{border-bottom:0}
.table td b{color:var(--text-strong)}
.specs{width:100%;border-collapse:collapse;font-size:13.8px}
.specs td{padding:8px 12px;border-bottom:1px dashed var(--border2);vertical-align:top}
.specs td:first-child{color:var(--muted);width:44%;white-space:nowrap}
.tbl-scroll{overflow-x:auto}
.tbl-scroll table{min-width:560px}
.alert{background:var(--surface-alt);border:1px solid var(--border2);color:var(--text2);padding:12px 14px;border-radius:11px;font-size:13.6px;margin:14px 0}
.alert.ok{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}
.alert.warn{background:var(--danger-bg);border-color:rgba(255,77,77,.35);color:var(--text2)}
.alert.info{background:var(--surface-alt);border-color:var(--border2)}
.flash{padding:12px 16px;border-radius:11px;font-size:14.5px;margin:14px 20px 0;border:1px solid var(--border2);background:var(--surface-alt)}
.flash.ok{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}
.flash.ok b{color:var(--success-text)}
.flash.err{background:var(--danger-bg);border-color:rgba(255,77,77,.4);color:#b32424}
.flash.info{background:var(--surface-alt)}
.help{background:var(--surface-alt);border:1px solid var(--border2);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--muted)}
.info{color:var(--muted)}

/* ============ СТРАНИЦА ТОВАРА ============ */
.prod{display:grid;grid-template-columns:minmax(0,min(42%,520px)) minmax(0,1fr);gap:28px;align-items:start;background:var(--surface);
  border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 2px 18px rgba(25,35,50,.05)}
.prod-main{display:block;min-width:0}
.prod-img{position:relative;min-width:0}
.prod-img .pimg_wrap{position:relative;width:100%;aspect-ratio:1/1;background:linear-gradient(180deg,#fbfcfd 0%,#eef2f6 100%);
  border:1px solid var(--border2);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.prod-img img{width:100%;height:100%;object-fit:contain;display:block}
.pi-noimg{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:80px;
  background:linear-gradient(180deg,#fbfcfd 0%,#eef2f6 100%);border:1px solid var(--border2);color:#c4ccd4;border-radius:16px}
.prod-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.prod-brand-logo{max-height:52px;max-width:180px;object-fit:contain;margin-bottom:8px;background:#fff;border:1px solid var(--border2);border-radius:8px;padding:4px 8px}
.prod-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.prod-brand{font-size:12.5px;font-weight:800;color:var(--green-text);text-transform:uppercase;letter-spacing:.6px}
.prod-code{color:var(--muted3);font-size:12.5px;margin:0}
.prod-fav-form{display:flex;margin-left:auto;flex-shrink:0}
.prod-fav{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--surface-alt);border:1px solid var(--border2);color:var(--muted2);font:inherit;font-size:17px;line-height:1;
  text-decoration:none;transition:.15s;margin-left:0;flex-shrink:0;padding:0;cursor:pointer}
.prod-fav:hover{color:var(--orange);border-color:var(--orange);background:#fff;text-decoration:none}
.prod-fav.act{background:var(--orange);border-color:var(--orange);color:#fff}
.prod h1{margin:0 0 10px;font-size:22px;line-height:1.32;letter-spacing:-.2px}
/* Блок преимуществ (доставка/оплата/шиномонтаж/гарантия): отдельная секция
   на всю ширину под карточкой товара; на десктопе — 4 колонки в ряд,
   на планшете — 2×2, на мобильных — вертикальный список (рамки-щели через gap:1px) */
.prod-adv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:16px 0 0;width:100%;
  background:var(--border2);border:1px solid var(--border2);border-radius:14px;overflow:hidden}
.prod-buy-box{flex:1;min-width:220px;border:1px solid var(--border);border-radius:16px;background:var(--surface);
  padding:16px 18px;margin:14px 0 10px}
.prod-price{font-size:30px;font-weight:800;color:var(--text-strong);letter-spacing:-.5px;line-height:1.15}
.prod-price .muted,.pp-alt .muted{font-size:13px;font-weight:600;color:var(--muted3);margin-left:6px;letter-spacing:0}
.prod-price s{color:var(--old-price);font-weight:400;font-size:16px;margin-left:8px}
.prod-set{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-top:6px;font-size:13.5px;color:var(--muted)}
.prod-set b{color:var(--text-strong);font-size:15.5px}
.prod-buy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 0;background:none;border:0;
  border-top:1px dashed var(--border2);border-radius:0;padding:14px 0 0;box-shadow:none}
.qty-box{display:inline-flex;align-items:center;gap:2px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;overflow:hidden}
.qty-btn{width:38px;height:42px;background:none;border:0;color:var(--text2);font-size:17px;cursor:pointer}
.qty-btn:hover{background:var(--surface-alt);color:var(--text-strong)}
.qty-box input{width:48px;text-align:center;background:none;border:0;color:var(--input-text);font-size:15px;font-weight:700;outline:none;-moz-appearance:textfield}
.qty-box input::-webkit-outer-spin-button,.qty-box input::-webkit-inner-spin-button{-webkit-appearance:none}
.prod-buy .btn-main{min-height:46px}
.prod-buy .qty button{width:42px;height:46px}
.stockbox{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);padding:10px 12px;border-radius:10px;font-size:13.3px}
.pp-cash{font-size:14px;color:var(--text2)}
.pp-save{color:var(--green-text);font-weight:700}
.pp-alt{font-size:12.5px;color:var(--muted)}
.pp-why{background:var(--surface-alt);border:1px solid var(--border2);border-radius:var(--r);padding:14px 16px;font-size:13.2px;color:var(--muted);margin:12px 0}
.prod-calc{background:none;border:0;border-radius:0;padding:2px 2px 4px;margin:2px 0 0;font-size:13px;color:var(--muted)}
.prod-calc a{color:var(--link);font-weight:600}
.prod-calc .hint{display:block;font-size:12px}
/* Блок «Сейчас нет в наличии»: обычный блочный бокс, нейтральные цвета */
.prod-off{display:block;border-style:dashed;border-color:var(--border3);background:var(--surface-alt);color:inherit}
.prod-off .po-title{display:flex;align-items:center;gap:8px;color:var(--text-strong);margin-bottom:12px}
.prod-off .po-title::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--orange);flex-shrink:0;box-shadow:0 0 0 3px rgba(232,100,10,.14)}
.prod-off .po-last{color:var(--muted);font-size:13px}
.prod-off .po-last b{color:var(--text-strong)}
.prod-off .po-note{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.prod-off .po-note li{position:relative;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.5}
.prod-off .po-note li::before{content:'';position:absolute;left:1px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--orange);opacity:.7}
.prod-off .po-btns{margin-top:16px}

/* ============ КАРТОЧКА ТОВАРА: улучшения ============ */
.stock-left{margin:10px 0 0;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:10px 12px}
.stock-left-txt{font-size:13px;color:var(--text2);margin-bottom:7px}
.stock-left-txt b{color:var(--orange)}
.stock-bar{height:7px;border-radius:99px;background:var(--surface-alt);overflow:hidden}
.stock-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff8a1e,#e8640a)}
.prod-buy .btn{min-height:46px;padding:12px 26px;font-size:15px}
.prod-adv div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:var(--surface);
  padding:13px 14px;font-size:12.8px;color:var(--text2);line-height:1.45}
.prod-adv div>span:first-child{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  background:var(--surface-alt);border:1px solid var(--border2);border-radius:9px;font-size:14px;line-height:1}
.prod-adv a{color:var(--link);font-weight:600}
.prod-tags .tag{padding:5px 12px;font-size:12px;border-radius:999px}
.pk-tags{display:flex;flex-wrap:wrap;gap:4px 16px;margin:2px 0 4px}
.pk-tag{font-size:12.5px;color:var(--muted2);text-decoration:none;font-weight:500;transition:.15s}
.pk-tag::after{content:'→';margin-left:4px;color:var(--border3);transition:.15s}
.pk-tag:hover{color:var(--link);text-decoration:none}
.pk-tag:hover::after{color:var(--green)}
.prod-key{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 10px;padding:0;background:none;border:0}
.pk,.prod-key a.pk{display:block;background:var(--surface-alt);border:1px solid var(--border2);border-radius:12px;padding:9px 13px;margin:0;transition:.15s}
.pk span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:3px}
.pk b{display:block;font-size:14.5px;color:var(--text-strong);font-weight:700;letter-spacing:-.2px}
.pk-link:hover{border-color:var(--green-border);background:var(--green-bg);text-decoration:none}
.prod-tabs{padding:20px;margin-top:20px;border-radius:16px}
.prod-tabs .tabs{margin-bottom:12px}
.prod-tabs .tab{padding:7px 15px;font-size:13px}
.prod-tabs .specs td{padding:7px 12px;font-size:13.2px}
.prod-tabs .specs td:first-child{width:38%;white-space:normal}
.prod-tabs .specs tr:hover td{background:var(--surface3)}
.brand-tab-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.brand-tab-head h2{margin:0;font-size:20px}
.fits-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin:16px 0 0;width:100%}
.fits-box>b{display:block;font-size:14px;margin-bottom:10px}
.fits-list{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px}
.fits-list a{display:inline-flex;align-items:center;padding:7px 13px;background:var(--surface-alt);border:1px solid var(--border2);border-radius:9px;color:var(--text2);font-weight:600;text-decoration:none;transition:.15s}
.fits-list a:hover{color:var(--green);border-color:var(--green);text-decoration:none}
.sim-wrap{margin:0}
.sim-note{display:inline-block;margin-top:6px;font-size:11px;color:var(--muted2);background:var(--surface-alt);border:1px solid var(--border2);padding:2px 10px;border-radius:99px}
.sec-head.prod-sim h2{font-size:18px}
.similar_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px}
.reviews-widget{margin-top:18px}

/* buybar (липкая панель покупки) */
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--bg-elev);border-top:1px solid var(--border2);box-shadow:0 -6px 24px rgba(0,0,0,.18)}
.buybar-in{max-width:var(--max);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.buybar-price{font-size:20px;font-weight:800;color:var(--text-strong);margin-right:auto}
.buybar-btn{min-height:44px;padding:0 26px}

/* ============ БРЕНДЫ / МОДЕЛИ ============ */
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s;text-decoration:none}
.chip:hover{border-color:var(--muted2);color:var(--text-strong);text-decoration:none}
.chip.act{background:var(--grad-btn);border-color:transparent;color:#fff}
.brand-head{display:flex;align-items:center;gap:18px;margin-bottom:16px;flex-wrap:wrap}
.brand-logo-big{background:#fff;border:1px solid var(--border2);border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:center;max-width:190px}
.brand-logo-big img{max-height:56px;max-width:170px;object-fit:contain}
.brand-head h1{margin:0 0 4px;font-size:27px}
.brand-descr{max-width:900px}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.brand-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;text-decoration:none;transition:.15s;color:var(--text-strong)}
.brand-card:hover{border-color:var(--green);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow)}
.brand-card b{font-size:14.5px}
.brand-card span{font-size:12.3px;color:var(--muted)}
.brand-logo{background:#fff;border:1px solid var(--border2);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;height:56px}
.brand-logo img{max-height:38px;max-width:100%;object-fit:contain}
.brand-card.has-logo{justify-content:flex-start}
.model-grid{grid-template-columns:repeat(4,1fr)}
.model-card{padding:12px}
.model-pic{background:var(--pimg-bg);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;margin-bottom:8px}
.model-pic img{width:100%;height:100%;object-fit:contain}
.model-pic.no-pic{display:none}
.model-noimg{font-size:34px;color:#c4ccd4}
.model-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}
.model-head-pic{background:var(--pimg-bg);border:1px solid var(--border2);border-radius:12px;padding:10px;max-width:280px;flex:0 0 auto}
.model-head-pic img{width:100%;height:auto;object-fit:contain}
.model-head-txt{flex:1;min-width:260px}
.model-brand-logo{max-height:44px;max-width:160px;object-fit:contain;background:#fff;border:1px solid var(--border2);border-radius:8px;padding:4px 8px;margin-bottom:8px}
.sizes-box{margin:18px 0}
.sizes-box h3{font-size:16px;margin:0 0 10px}
.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.size-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:2px;text-decoration:none;transition:.15s}
.size-card:hover{border-color:var(--green);text-decoration:none}
.size-card b{font-size:13.5px;color:var(--text-strong)}
.size-card span{font-size:11.8px;color:var(--muted)}
.size-card .size-sub{font-size:11px;color:var(--muted2);background:var(--surface-alt);border-radius:6px;padding:1px 6px;margin-top:2px;align-self:flex-start;line-height:1.5}
.abc-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.abc-nav a{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);min-width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;text-decoration:none;padding:0 8px}
.abc-nav a:hover{border-color:var(--green);color:var(--green)}
.abc-group{margin-bottom:22px}
.abc-letter{font-size:22px;font-weight:800;color:var(--orange);margin:0 0 10px;border-bottom:2px solid var(--border2);padding-bottom:6px}

/* ============ ПОДБОР ПО АВТО ============ */
.bycar-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.bycar-steps .adv{text-align:center}
.car-h1{font-size:26px;margin:6px 0 4px}
.car-sub{color:var(--muted);margin-bottom:16px}
.kind-switch{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:4px;gap:4px;margin-bottom:16px}
.ks{background:none;border:0;color:var(--muted);padding:9px 20px;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none}
.ks:hover{color:var(--text-strong);text-decoration:none}
.ks-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;margin-left:6px;border-radius:99px;background:var(--grad-btn);color:#fff;font-size:12px;font-weight:800;line-height:1;vertical-align:middle}
.ks-n:hover{color:#fff}
.car-abc{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}
.car-abc a{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);min-width:32px;height:32px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;text-decoration:none;padding:0 6px}
.car-abc a:hover{border-color:var(--green);color:var(--green)}
.year-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.year-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;text-align:center;text-decoration:none;color:var(--text-strong);transition:.15s}
.year-card b{display:block;font-size:15px;font-weight:700}
.year-card span{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-top:3px}
.year-card:hover{border-color:var(--green);text-decoration:none}

/* ============ ШИННЫЙ КАЛЬКУЛЯТОР ============ */
.tc-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tc-side,.tc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.tc-side-h{font-size:14.5px;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text-strong)}
.tc-side-ico{font-size:17px}
.tc-card h3{margin:0 0 10px;font-size:15px}
.tc-form{display:grid;gap:10px}
.tc-form label{font-size:12.8px;color:var(--muted);display:block;margin-bottom:4px}
.tc-form input,.tc-form select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:10px 12px;border-radius:9px;font-size:14px;outline:none}
.tc-form input:focus{border-color:var(--green)}
.tc-visual{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:14px;margin-top:12px}
.tc-wheel{display:block;margin:0 auto}
.tc-wheel .tc-rubber{fill:#e8edf2;stroke:var(--border3);stroke-width:1}
.tc-wheel .tc-rim{fill:#232e3c}
.tc-wheel.is-new .tc-rubber{fill:#fde8d4;stroke:#f3cda8}
.tc-wheel.is-new .tc-rim{fill:#2b3846}
.tc-wheel-box{display:flex;flex-direction:column;align-items:center;gap:8px}
.tc-wheel-cap{width:auto;height:auto;background:var(--surface);border:1px solid var(--border2);border-radius:9px;padding:4px 10px;text-align:center}
.tc-wheel-cap b{display:block;font-size:12px;color:var(--text-strong);font-weight:700}
.tc-wheel-cap span{display:block;font-size:10.5px;color:var(--muted)}
.tc-wheels{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
.tc-sides{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.tc-speed{text-align:center;color:var(--muted);font-size:13px}
.tc-arrow{color:var(--orange);font-size:24px;align-self:center;padding:6px 0;transition:transform .25s var(--ease)}
.tc-table-wrap{overflow-x:auto;margin-top:10px;-webkit-overflow-scrolling:touch}
.tc-table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
.tc-table th,.tc-table td{padding:7px 10px;border-bottom:1px solid var(--border2);text-align:left;white-space:nowrap}
.tc-table th{color:var(--table-head);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}
.tc-table td b{color:var(--text-strong)}
.tc-table td:first-child{white-space:normal}
.tc-total{background:var(--surface-alt)}
.tc-total td{font-weight:700}
.tc-ch{font-weight:700;color:var(--text2)}
.tc-ch.up{color:var(--orange)}
.tc-ch.down{color:var(--green)}
.tc-bottom{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tc-buy{flex:1;min-width:200px;text-align:left;background:var(--surface2);border:1px solid var(--border2);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tc-buy .btn{margin-top:0}
.tc-buy-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tc-note{display:flex;gap:14px;align-items:flex-start;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:10px 12px;margin:0}
.tc-note-h{flex:0 0 38%;min-width:130px}
.tc-note-h b{display:block;font-size:13px;color:var(--text-strong)}
.tc-note-h span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.tc-note p{margin:0;font-size:12.8px;color:var(--muted)}
.tc-notes{display:grid;gap:8px;margin-top:12px}
.tc-hint{font-size:12px;color:var(--muted3)}
.tc-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.tc-presets .muted{font-size:12.8px}
.tc-presets .chip{font-size:12.5px}
.tc-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 4px}
.tc-sum-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 8px;text-align:center}
.tc-sum-card b{display:block;font-size:18px;color:var(--text-strong);margin-top:2px}
.tc-sum-card b.up{color:var(--orange)} .tc-sum-card b.down{color:var(--green)}
.tc-sum-card span{font-size:11.5px;color:var(--muted);line-height:1.35;display:block}
.tc-share{margin-left:auto;font-size:12.5px;color:var(--muted);cursor:pointer;background:none;border:1px dashed var(--border3);border-radius:8px;padding:5px 10px;transition:.15s;white-space:nowrap}
.tc-share:hover{border-color:var(--muted2);color:var(--text2)}
.tc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}
.tc-dot-new{background:var(--green)}
.tc-dot-old{background:var(--orange)}
.tc-v-ico{font-size:20px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.65);border-radius:50%;flex-shrink:0}
.tc-v-txt{font-size:12.5px;color:var(--muted);min-width:0}
.tc-v-txt b{font-size:15.5px;color:var(--text-strong);display:block}
.tc-v-txt p{margin:3px 0 0;font-size:12.8px}
.tc-v-num{margin-left:auto;text-align:right;white-space:nowrap;font-size:22px;font-weight:800;color:var(--text-strong)}
.tc-v-num small{display:block;font-size:10.5px;color:var(--muted);font-weight:400}
.tc-verdict{display:flex;align-items:center;gap:14px;background:var(--surface2);border:1px solid var(--border2);border-radius:12px;padding:12px 16px;margin-top:10px}
.tc-verdict.tc-ok{background:var(--green-bg);border-color:var(--green-border)}
.tc-verdict.tc-ok .tc-v-ico{color:var(--green)}
.tc-verdict.tc-warn{background:#fff4e6;border-color:#f5d9b8}
.tc-verdict.tc-warn .tc-v-ico{color:var(--orange)}
.tc-verdict.tc-err{background:var(--danger-bg);border-color:#f3c1c1}
.tc-verdict.tc-err .tc-v-ico{color:var(--danger)}
.tc-alt{font-size:13.5px;color:var(--text2)}
.tc-alt-p{font-weight:800;color:var(--text-strong)}
.tc-alt-p.is-best{color:var(--green)}
.tc-side .btn-block{margin-top:12px}

/* ============ БЛОГ ============ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.18s}
.post-card:hover{transform:translateY(-2px);border-color:var(--border3);box-shadow:var(--shadow)}
.post-img{display:block;background:var(--pimg-bg);aspect-ratio:16/9;overflow:hidden}
.post-img img{width:100%;height:100%;object-fit:cover;display:block}
.post-noimg{display:flex;align-items:center;justify-content:center;height:100%;font-size:38px;background:var(--surface2)}
.post-body{padding:14px 15px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-cat{font-size:11.5px;color:var(--orange);text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.post-title{margin:0;font-size:16.5px;line-height:1.35}
.post-title a{color:var(--text-strong)}
.post-title a:hover{color:var(--link)}
.post-text{color:var(--muted);font-size:13.4px;flex:1}
.post-meta{color:var(--muted3);font-size:12px;border-top:1px dashed var(--border2);padding-top:8px}
.post-full{max-width:860px;margin:0 auto;padding:24px 20px}
.post-full .post-img{border-radius:var(--r);margin-bottom:14px;max-height:440px}
.post-full h1{font-size:26px;margin:4px 0 8px}
.post-lead{font-size:16px;color:var(--text2);line-height:1.6;border-left:3px solid var(--orange);padding-left:14px;margin:12px 0}
.post-body-full{font-size:14.6px;color:var(--text2);line-height:1.7}
.post-body-full h2,.post-body-full h3{color:var(--text-strong)}

/* ============ КОРЗИНА ============ */
.cart-layout{max-width:1000px;margin:0 auto;padding:24px 20px}
.cart-layout h1{font-size:26px;margin:6px 0 16px}
.cart-list{display:flex;flex-direction:column;gap:12px}
.cart-item{display:grid;grid-template-columns:92px 1fr auto auto auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px}
.cart-thumb{background:var(--pimg-bg);border-radius:9px;overflow:hidden;display:block}
.cart-thumb img{width:92px;height:69px;object-fit:contain;display:block}
.ci-noimg{width:92px;height:69px;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--pimg-bg);border-radius:9px;color:#c4ccd4}
.ci-info{min-width:0}
.ci-name{font-weight:700;color:var(--text-strong);font-size:14px;display:block}
.ci-name:hover{color:var(--link)}
.ci-code{color:var(--muted3);font-size:12px;margin-top:2px}
.ci-qty .qty-box{background:var(--input-bg)}
.ci-price{font-weight:800;color:var(--text-strong);font-size:15.5px;white-space:nowrap;text-align:right}
.ci-sum{font-weight:800;color:var(--text-strong);font-size:15.5px;white-space:nowrap;min-width:110px;text-align:right}
.ci-del{text-align:center;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.ci-del:hover{color:var(--danger)}
.ci-del-txt{font-size:12px;color:var(--muted3);margin-top:4px}
.cart-acts{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.cart-clear{background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;text-decoration:underline;padding:6px}
.cart-clear:hover{color:var(--danger)}
.cart-recalc{color:var(--muted3);font-size:12.5px}
.cart-sum{text-align:right;margin-top:16px;padding-top:14px;border-top:1px solid var(--border2)}
.sum-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:14.5px;color:var(--muted)}
.sum-row b,.sum-row span b{color:var(--text-strong)}
.sum-row.total{font-size:19px;font-weight:800;color:var(--text-strong);border-top:1px solid var(--border2);margin-top:10px;padding-top:12px}
.sum-row.total b{color:var(--orange)}
.cart-sum .btn{margin-top:10px;min-width:260px}
.free-hint{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:10px;padding:10px 14px;font-size:13.5px;margin-top:12px}
.until{font-size:12.5px;color:var(--muted)}

/* ============ ОФОРМЛЕНИЕ ============ */
.checkout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;max-width:1060px;margin:0 auto;padding:24px 20px}
.checkout h1{font-size:26px;margin:6px 0 16px}
.check_box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:16px}
.check_box h2{font-size:17px;margin:0 0 12px}
.field{margin-bottom:12px}
.field label{display:block;font-size:12.8px;color:var(--muted);margin-bottom:5px}
.field input,.field textarea,.field select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:11px 12px;border-radius:10px;font-size:14px;outline:none}
.field input:focus,.field textarea:focus{border-color:var(--green)}
.req{color:var(--danger)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-row > :only-child{grid-column:1 / -1}
.form-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;max-width:760px;margin:0 auto}
.form-box h2{margin-top:0}
.fld{margin-bottom:12px}
.fld label{display:block;font-size:12.8px;color:var(--muted);margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:11px 12px;border-radius:10px;font-size:14px;outline:none}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--green)}
.phone-mask{letter-spacing:.5px}
.pay-list,.deliv-list{display:grid;gap:8px}
.pay-opt,.deliv-opt{background:var(--chip-bg);border:1px solid var(--border2);padding:11px 13px;border-radius:11px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:.15s;font-size:14px;color:var(--text2)}
.pay-opt:hover,.deliv-opt:hover{border-color:var(--border3);background:var(--surface-alt)}
.pay-opt.act,.deliv-opt.act{border-color:var(--green);background:var(--green-bg);color:var(--green-text)}
.pay-opt input,.deliv-opt input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0;cursor:pointer}
.pay-name{font-weight:700;color:var(--text-strong)}
.pay-fee{font-size:12.5px;color:var(--muted)}
.pay-note{font-size:12px;color:var(--muted3);margin-top:4px}
.pay-body{display:flex;flex-direction:column;gap:2px;flex:1}
.po-title{font-weight:700;font-size:15px;margin-bottom:10px}
.po-note{font-size:12.8px;color:var(--muted);margin-bottom:10px}
.po-btns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.po-last{margin-top:12px;font-size:13px;color:var(--muted)}

/* ============ СТАТУС ЗАКАЗА ============ */
.track-steps{display:flex;align-items:flex-start;gap:0;margin:20px 0;flex-wrap:wrap}
.ts{flex:1;min-width:110px;text-align:center;position:relative;padding:0 8px}
.ts-dot{width:34px;height:34px;border-radius:50%;background:var(--chip-bg);border:2px solid var(--border3);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:15px;margin:0 auto 8px;position:relative;z-index:2}
.ts-label{font-size:12.3px;color:var(--muted)}
.ts-line{position:absolute;top:17px;left:calc(50% + 17px);right:calc(-50% + 17px);height:2px;background:var(--border2);z-index:1}
.ts-line.done{background:var(--green)}
.ts.done .ts-dot{background:var(--green);border-color:var(--green);color:#fff}
.ts.cur .ts-dot{border-color:var(--orange);color:var(--orange);font-weight:800}
.ts.done .ts-label{color:var(--green-text)}
.o{display:inline-block;padding:5px 14px;border-radius:9px;font-size:12.5px;font-weight:700}
.o.done{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}
.o.cancel{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(255,77,77,.4)}
.o.new{background:var(--chip-active-bg);color:var(--text2);border:1px solid var(--border3)}

/* ============ КОНТАКТЫ ============ */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.ct-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px}
.ct-card h3{margin:0 0 12px;font-size:16px}
.ct-card-main{border-color:var(--green-border);background:linear-gradient(160deg,var(--surface),var(--green-bg))}
.ct-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed var(--border2)}
.ct-row:last-child{border:0}
.ct-row-ico{font-size:18px;flex-shrink:0;width:26px;text-align:center}
.ct-row-label{font-size:11.8px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.ct-row-val{font-size:14.3px;color:var(--text-strong);font-weight:600}
.ct-link{color:var(--link)}
.ct-note{font-size:12.8px;color:var(--muted);margin-top:10px}
.ct-sub{font-size:13px;color:var(--muted);line-height:1.7}
.ct-map{overflow:hidden;border-radius:var(--r);border:1px solid var(--border)}
.ct-map iframe{width:100%;height:380px;border:0;display:block;filter:grayscale(.15)}

/* ============ ФУТЕР ============ */
.footer{background:var(--bg-soft);border-top:1px solid var(--border);margin-top:36px;padding:32px 0 26px;font-size:13.7px}
.footer_grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:24px}
.footer h4{margin:0 0 10px;font-size:14px;color:var(--text-strong)}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin:6px 0}
.footer a{color:var(--text2)}
.footer a:hover{color:var(--link)}
.flogo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;margin-bottom:8px;color:var(--text-strong)}
.flogo .logo_mark{font-size:15px;padding:5px 8px}
.fphone{font-size:19px;font-weight:800;color:var(--text-strong)}
.ftr-oferta{padding:16px 20px 0;font-size:12px;color:var(--muted3);border-top:1px solid var(--border2);margin-top:22px;max-width:var(--max)}
.admin-link{font-size:12.5px;color:var(--muted3)}
.to-top{position:fixed;right:16px;bottom:100px;z-index:60;background:var(--grad-btn);border:0;color:#fff;width:48px;height:48px;border-radius:14px;cursor:pointer;font-size:21px;line-height:1;box-shadow:0 6px 18px rgba(232,100,10,.38);display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s}
.to-top.show{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.to-top:hover{background:var(--grad-btn-h);color:#fff;text-decoration:none;transform:translateY(-2px)}

/* ============ ЧАТ-БОТ / ЧАТ ============ */
.chat-wrap{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.chat-btn{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;background:var(--grad-btn);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(47,167,74,.4);position:relative;transition:.15s}
.chat-btn:hover{transform:scale(1.05)}
.chat-ico{width:26px;height:26px;fill:currentColor}
.chat-ico-x{width:22px;height:22px;fill:currentColor;display:none}
.chat-btn.open .chat-ico{display:none}
.chat-btn.open .chat-ico-x{display:block}
.chat-dot{position:absolute;top:-3px;right:-3px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.chat-box,.bot-box{width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;max-height:520px}
.chat-box[hidden],.bot-box[hidden],.chat-hint[hidden]{display:none!important}
.chat-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:linear-gradient(180deg,var(--surface3),var(--surface2));border-bottom:1px solid var(--border2);font-weight:700;font-size:14.5px;color:var(--text-strong)}
.chat-x{background:none;border:0;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.chat-x:hover{color:var(--danger)}
.chat-body{padding:15px;font-size:13.8px;color:var(--text2);overflow-y:auto}
.chat-body p{margin:0 0 10px}
.chat-list{margin:0 0 12px;padding-left:18px}
.chat-list li{margin:4px 0}
.chat-go{display:block;text-align:center;background:var(--grad-btn);color:#fff;padding:11px;border-radius:10px;font-weight:700;text-decoration:none}
.chat-go:hover{color:#fff}
.chat-note{font-size:12px;color:var(--muted3);margin-top:10px}
.chat-alt{margin-top:12px;font-size:13px;color:var(--muted)}
.chat-hint{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:9px 13px;font-size:13px;color:var(--text2);box-shadow:var(--shadow);position:relative;animation:hintIn .3s ease}
@keyframes hintIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.chat-hint-x{position:absolute;top:5px;right:8px;background:none;border:0;color:var(--muted);font-size:15px;cursor:pointer;line-height:1}
.bot-log{height:300px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.bot-log .m{max-width:85%;padding:9px 12px;border-radius:12px;line-height:1.45}
.bot-log .m.bot{background:var(--chip-bg);border:1px solid var(--border2);color:var(--text2);align-self:flex-start;border-bottom-left-radius:4px}
.bot-log .m.user{background:var(--grad-btn);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.bot-form{display:flex;border-top:1px solid var(--border2);padding:10px;gap:8px}
.bot-form input{flex:1;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:10px 12px;border-radius:10px;font-size:13.5px;outline:none}
.bot-form input:focus{border-color:var(--green)}
.bot-send{background:var(--grad-btn);color:#fff;border:0;border-radius:10px;width:44px;cursor:pointer;font-size:15px}
.bot-foot{display:flex;gap:10px;padding:8px 12px;border-top:1px solid var(--border2);font-size:12.5px;justify-content:center}
.bot-foot a{color:var(--muted)}
.bot-foot a:hover{color:var(--link)}

/* ============ УВЕДОМЛЕНИЯ ============ */
.pd-notice{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--bg-elev);border-top:1px solid var(--border2);box-shadow:0 -6px 24px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .4s ease;visibility:hidden}
.pd-notice.show{transform:none;visibility:visible}
body.pd-open{padding-bottom:var(--pd-h,60px)}
.pd-in{max-width:var(--max);margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pd-txt{flex:1;min-width:240px;font-size:13px;color:var(--muted)}
.pd-btns{display:flex;align-items:center;gap:12px}
.pd-more{font-size:12.5px;color:var(--muted)}
.site-notice{position:fixed;inset:0;z-index:90;background:rgba(5,8,10,.6);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.sn-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;max-width:440px;width:100%;box-shadow:var(--shadow);position:relative;text-align:center}
.sn-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--muted);font-size:20px;cursor:pointer}
.sn-ico{font-size:30px;margin-bottom:6px}
.sn-title{font-weight:800;font-size:17px;margin-bottom:8px;color:var(--text-strong)}
.sn-body{font-size:13.8px;color:var(--text2);margin-bottom:14px}
.sn-ok{min-width:140px}

/* ============ 404 ============ */
/* Блок 404 центрируется своим div.page-404. Selector обязан включать
   «div»: у body тоже есть класс page-404 (шаблон добавляет page-{slug}),
   и голый .page-404 сжимал ВСЮ страницу (шапку и подвал) до 640px. */
div.page-404{max-width:640px;margin:0 auto;text-align:center;padding:50px 20px}
div.page-404 h1{font-size:90px;line-height:1;margin:0;background:linear-gradient(180deg,var(--orange),#ffb01f);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
div.page-404 h2{margin:6px 0 10px;font-size:24px}
div.page-404 p{color:var(--muted);margin:6px 0}
div.page-404 .btns{justify-content:center;margin-top:18px}

/* ============ РАЗНОЕ ============ */
.mail{font-size:14px;color:var(--text2)}
.badge{display:inline-block;background:var(--badge-bg);color:var(--text);font-size:11.5px;padding:4px 8px;border-radius:7px;font-weight:700}
.badge.sale{background:var(--orange);color:#fff}
.badge.hit{background:var(--accent);color:#fff}
.admin-link{font-size:12.5px;color:var(--muted3)}
.box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px}
.ico{font-size:22px}
hr.sep{border:0;border-top:1px solid var(--border2);margin:18px 0}
.nocut{max-height:none !important}
.act{color:var(--link)}


/* ============ СЛУЖЕБНЫЕ БЛОКИ (обёртки, админка, чат) ============ */
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.main{padding:28px 20px 64px;min-height:52vh}
@media(max-width:760px){.main{padding:18px 14px 44px}}

/* ---- Панель управления ---- */
.adm-hdr{background:var(--dark);color:#fff;padding:12px 0;position:sticky;top:0;z-index:60}
.adm-hdr-in{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.adm-hdr b{font-size:17px}
.adm-nav{display:flex;gap:3px;flex-wrap:wrap;margin-left:auto}
.adm-nav a{color:#c3cdea;padding:7px 13px;border-radius:7px;font-size:14px}
.adm-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.adm-nav a.act{background:var(--accent);color:#fff;font-weight:600}
.adm-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:20px}
.adm-box h3{font-size:17px;margin-bottom:15px;padding-bottom:11px;border-bottom:1px solid var(--line)}
/* Пары административных блоков идут независимыми колонками. CSS Grid
   растягивал строку по самому высокому блоку и оставлял большой пустой
   участок под соседним коротким блоком; columns сохраняет пары рядом,
   но не резервирует это пустое место. */
.adm-grid{display:block;column-count:2;column-gap:20px;margin-bottom:20px}
.adm-grid>.adm-box{display:inline-block;width:100%;vertical-align:top;break-inside:avoid;margin:0 0 20px;min-width:0}
@media(max-width:1150px){.adm-grid{column-count:1}}
.adm-more{margin:10px 0 4px;font-size:13.5px}
.adm-more summary{cursor:pointer;color:var(--accent2);width:max-content;list-style:none;border-bottom:1px dashed currentColor;padding:2px 0}
.adm-more summary::-webkit-details-marker{display:none}
.adm-more summary::before{content:'? ';font-weight:700}
.adm-more[open] summary{margin-bottom:8px}
.adm-more p{margin:0 0 9px;line-height:1.6;color:var(--muted);max-width:760px}
.adm-more p:last-child{margin-bottom:0}
.adm-more b{color:var(--text)}
.adm-more code{background:var(--surface-alt);padding:1px 6px;border-radius:5px;font-size:12.5px}

.btn-dark{background:var(--dark);color:#fff;box-shadow:0 2px 8px rgba(15,21,29,.22)}
.btn-dark:hover{background:var(--dark3);box-shadow:0 6px 18px rgba(15,21,29,.28);color:#fff}
.btn-ghost{background:transparent;border:1px solid var(--border3);color:var(--text2)}
.btn-ghost:hover{background:var(--surface-alt);border-color:var(--muted2);color:var(--text-strong)}

/* ---- Таблицы админки ---- */
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{background:var(--gray);padding:10px;text-align:left;font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:600}
.tbl td{padding:10px;border-top:1px solid var(--line);vertical-align:middle}
.tbl tr:hover td{background:var(--surface3)}
.redir-form{max-width:100%}
.redir-tbl th,.redir-tbl td{white-space:nowrap}
.redir-tbl td input{max-width:240px}

/* ---- Статистика дашборда ---- */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 14px;text-align:center}
.stat b{display:block;font-size:26px;font-weight:800;color:var(--text-strong)}
.stat span{font-size:12.5px;color:var(--muted)}

/* ---- Редактор блога ---- */
.ed-bar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:7px 8px;border:1.5px solid var(--line2);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface3)}
.ed-bar button{height:32px;padding:0 10px;border:1px solid transparent;background:transparent;border-radius:7px;cursor:pointer;font:inherit;font-size:13px;color:var(--text);transition:.14s var(--ease);white-space:nowrap}
.ed-bar button:hover{background:var(--surface);border-color:var(--line2)}
.ed-bar button:active{transform:translateY(1px)}
.ed-bar .ed-prev{color:var(--accent2);font-weight:500;border-color:var(--line2);background:var(--surface)}
.ed-bar .ed-prev:hover{border-color:var(--accent);color:var(--accent2)}
@media(max-width:700px){.ed-bar{flex-wrap:nowrap;overflow-x:auto}.ed-bar .ed-prev{margin-left:8px}}
.ed-preview{border:1.5px solid var(--line2);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:20px 22px;background:var(--surface);max-height:560px;overflow-y:auto}
.ed-preview img{max-width:100%;height:auto;border-radius:10px;margin:12px 0}
.ed-preview h2{font-size:22px;margin:20px 0 10px}
.ed-preview h3{font-size:18px;margin:16px 0 8px}
.ed-preview p{margin-bottom:12px;line-height:1.7}
.ed-preview ul,.ed-preview ol{margin:0 0 14px 22px}
.ed-preview li{margin-bottom:5px}
.ed-preview table{border-collapse:collapse;width:100%;margin:12px 0}
.ed-preview th,.ed-preview td{border:1px solid var(--line);padding:7px 10px;font-size:14px}
.ed-preview blockquote{border-left:3px solid var(--accent);padding:6px 0 6px 14px;margin:12px 0;color:var(--muted);font-style:italic}
.ed-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:5px}
.ed-sep{width:1px;height:20px;background:var(--line2);margin:0 3px}

/* ---- Чек-лист настроек ---- */
.in-check{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:12px 0;font-size:13.5px;line-height:1.5}
.in-check-row{display:flex;gap:9px;align-items:flex-start;padding:4px 0}
.in-check-mark{flex:0 0 18px;font-weight:700;text-align:center;line-height:1.45}
.in-check-mark.yes{color:#0b7a3e}
.in-check-mark.no{color:#c0272d}
.flash.sec-warn{display:block}
.flash.sec-warn code{background:rgba(192,39,45,.10);padding:1px 6px;border-radius:5px;font-size:13.5px;white-space:nowrap}
.badge.work{background:#e0edff;color:#1a5cb0}

/* ---- Карточки товара в чат-боте ---- */
.bot-card{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin:8px 0;text-decoration:none;color:var(--text-strong);transition:.15s}
.bot-card:hover{border-color:var(--green);text-decoration:none}
.bot-card img{width:46px;height:46px;object-fit:contain;border-radius:8px;background:var(--pimg-bg);flex:none}
.bot-card .bc-noimg{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.bot-card .bc-t{min-width:0}
.bot-card .bc-n{font-size:12.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bot-card .bc-p{font-size:13.5px;font-weight:800;color:#2b8a22;margin-top:2px}


/* ============ АДАПТИВ ============ */
@media(max-width:1100px){
  .brand-grid,.model-grid,.adv-grid,.blog-grid{grid-template-columns:repeat(3,1fr)}
  .grid,.grid4,.similar_grid{grid-template-columns:repeat(3,1fr)}
  .prod-adv{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .grid4,.grid3{grid-template-columns:repeat(3,1fr)}
  .hero_in{grid-template-columns:1fr}
  .cat-layout{grid-template-columns:1fr}
  .side{position:static;max-height:none;overflow:visible;padding:0;border:0;background:none}
  .side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-strong)}
  .sh-cnt{color:var(--muted);font-weight:400;font-size:12.5px}
  .sh-ico{color:var(--muted);transition:.2s}
  .side.open .sh-ico{transform:rotate(180deg)}
  .side-body{display:none;background:var(--surface);border:1px solid var(--border);border-radius:0 0 12px 12px;padding:14px;margin-top:-1px}
  .side.open .side-body{display:block}
  .checkout{grid-template-columns:1fr}
  .prod{grid-template-columns:1fr;gap:16px}
  .prod-img{height:auto}
  .prod-img .pimg_wrap{aspect-ratio:1/1;max-height:none}
  .prod-img .pi-noimg{aspect-ratio:1/1;height:auto}
}
@media(max-width:860px){
  .hnav{display:none}
  .footer_grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .tc-cols{grid-template-columns:1fr}
  .tc-arrow{transform:rotate(90deg)}
  .tc-sum{gap:8px}
  .tc-note{flex-direction:column;gap:4px}
  .tc-note-h{flex:1 1 auto;min-width:0}
  /* блок преимуществ на мобильных — вертикальный список как раньше */
  .prod-adv{grid-template-columns:1fr}
  .prod-adv div{flex-direction:row;align-items:flex-start;gap:12px;padding:11px 14px;font-size:13px}
  .grid,.grid4,.grid3,.similar_grid,.brand-grid,.model-grid,.adv-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}
  .header_in{padding:10px 14px;gap:10px;flex-wrap:nowrap}
  .hnav{display:none}
  .hsearch{display:none;position:fixed;top:0;left:0;right:0;z-index:200;background:var(--surface);padding:10px 14px;box-shadow:var(--shadow);max-width:none;border-bottom:1px solid var(--border)}
  .hsearch.hsearch_open{display:flex}
  .hsearch input{width:100%;flex:1}
  .hsearch input:focus{width:100%}
  .hsearch_toggle{display:block}
  .burger{display:flex;align-items:center;justify-content:center}
  .logo_text small{display:none}
  body.mopen .mmenu{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}
  .mmenu a{background:var(--surface-alt);border:1px solid var(--border2);padding:10px;border-radius:10px;color:var(--text2);text-align:center;font-weight:600;font-size:13px}
  .hero_in{padding:24px 20px}
  .hero h1{font-size:24px}
  .hero .lead{font-size:14px}
  .cart-item{grid-template-columns:70px 1fr auto;grid-template-areas:'thumb info del' 'thumb qty sum';}
  .cart-thumb img,.ci-noimg{width:70px;height:53px}
  .cart-thumb{grid-area:thumb}
  .ci-info{grid-area:info}
  .ci-del{grid-area:del;text-align:right}
  .ci-qty{grid-area:qty}
  .ci-price,.ci-sum{grid-area:auto;text-align:left}
  .bycar-steps{grid-template-columns:1fr 1fr}
  .ct-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .pd-notice{position:fixed}
  .to-top{bottom:96px}
  .cart-sum .btn{min-width:0;width:100%}
  .prod{padding:14px}
}
@media(max-width:520px){
  .prod{border-radius:14px;padding:12px}
  .prod-buy-box{padding:14px}
  .prod-buy{flex-direction:column;align-items:stretch}
  .prod-buy .qty{width:100%;justify-content:space-between}
  .prod-buy .qty button{width:52px;height:48px}
  .prod-buy .btn{width:100%}
  .prod-buy .btn-out{width:100%}
  .prod-off .po-btns{flex-direction:column;align-items:stretch}
  .prod-off .po-btns .btn{width:100%}
  .prod-key{grid-template-columns:repeat(2,1fr)}
  .tc-sum{grid-template-columns:1fr}
  .tc-verdict{flex-wrap:wrap}
  .tc-v-num{margin-left:0;text-align:left;white-space:normal}
  .tc-buy{flex-direction:column;align-items:stretch;text-align:center}
  .tc-buy-btns{justify-content:center}
  .tc-sum-card b{font-size:20px}
  .grid,.grid4,.grid3,.similar_grid{grid-template-columns:1fr 1fr}
  .brand-grid,.model-grid,.adv-grid,.blog-grid{grid-template-columns:1fr}
  .card-price b{font-size:16px}
  .card-name{font-size:13.6px}
  .header_actions{gap:6px}
  .cart_btn{padding:8px 10px}
  .hero h1{font-size:22px}
  .container{padding:0 14px}
  .cat-layout{padding:0 14px}
  .crumbs{padding:14px 14px 0}
  .topbar_in{padding:6px 14px;font-size:11.8px}
  .topbar_r{gap:10px}
  .logo_mark{padding:6px 8px;font-size:14px;border-radius:8px}
  .logo_text b{font-size:15px}
  .section{padding:20px 0}
  .sec-head h2,.section_head h2{font-size:18px}
}
@media(max-width:390px){
  .logo_text{display:none}
  .header_in{padding:8px 12px;gap:6px}
  .grid{grid-template-columns:1fr 1fr;gap:10px}
  .prod-price{font-size:26px}
  .to-top{right:10px}
  .chat-wrap{right:10px;bottom:10px}
}
@media(max-width:360px){
  .grid{grid-template-columns:1fr 1fr;gap:8px}
}

/* iOS safe area */
@supports(padding:max(0px)){
  .chat-wrap{padding-bottom:max(0px,env(safe-area-inset-bottom))}
  .to-top{bottom:max(100px,calc(env(safe-area-inset-bottom) + 80px))}
}

/* product page qty stepper (.qty) */
.qty{display:inline-flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;overflow:hidden}
.qty button{width:40px;height:44px;background:none;border:0;color:var(--text2);font-size:18px;cursor:pointer}
.qty button:hover{background:var(--surface-alt);color:var(--text-strong)}
.qty input{width:52px;text-align:center;background:none;border:0;color:var(--input-text);font-size:15px;font-weight:700;outline:none;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.ps-alt{font-size:12.5px;color:var(--muted)}

/* Сертификат качества в характеристиках товара */
.specs .cert-cell{line-height:1.75}
.specs .cert-link{display:inline-block;color:var(--link);font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;word-break:break-all}
.specs .cert-link:hover{color:var(--green2)}
.specs .cert-link:before{content:'📄 ';font-size:12px}

/* ============================================================
   ТЁМНАЯ ТЕМА
   Режим приходит с сервера в data-theme на html. Блок находится в
   конце файла, поэтому перекрывает и старые hardcoded-светлые элементы,
   и admin-компоненты, но не меняет существующие light-значения по умолчанию.
   ============================================================ */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f141b;
  --bg-soft:#151d26;
  --bg-elev:#19232e;
  --bg-elev2:#1c2733;
  --surface:#18222d;
  --surface2:#1e2a36;
  --surface3:#202d3a;
  --surface-alt:#202b37;
  --text:#d9e2ea;
  --text2:#c2ced9;
  --text-strong:#f2f6f9;
  --muted:#a1b0be;
  --muted2:#8e9eae;
  --muted3:#788a9a;
  --border:#354352;
  --border2:#2c3947;
  --border3:#485868;
  --input-bg:#111a23;
  --input-border:#455666;
  --input-text:#eef3f7;
  --link:#67d98e;
  --green:#23b866;
  --green2:#1ca257;
  --green-bg:#173728;
  --green-border:#286a46;
  --green-text:#8ce4a5;
  --orange:#ff9a3d;
  --orange2:#ed781b;
  --accent:#efb342;
  --accent2:var(--green);
  --red:#ff9a3d;
  --red2:#ed781b;
  --danger:#ff7777;
  --danger-bg:#48262a;
  --line:var(--border);
  --line2:var(--border2);
  --topbar-bg:#141d26;
  --topbar-border:#2d3a48;
  --topbar-text:#b8c5d0;
  --hero-grad1:#17231f;
  --hero-grad2:#17232a;
  --hero-radial:#214b36;
  --badge-bg:#273440;
  --toast-bg:#1b2732;
  --toast-border:#3a4a59;
  --toast-text:#e8eef3;
  --chip-bg:#202c38;
  --chip-border:#3a4a59;
  --chip-text:#c8d3dc;
  --chip-active-bg:#1c3b2b;
  --chip-active-border:#347452;
  --pimg-bg:#111a23;
  --stock-color:#8ce4a5;
  --old-price:#8495a5;
  --logo-small:#9cabb9;
  --table-head:#a1b0be;
  --table-border:#2c3947;
  --cart-btn-bg:#202c38;
  --cart-btn-border:#3c4c5b;
  --success-bg:#173728;
  --success-border:#286a46;
  --success-text:#8ce4a5;
  --grad-btn:linear-gradient(180deg,#2acb72,#20ac5f);
  --gray:var(--bg);
  --dark:#0b1118;
  --dark3:#17212c;
  --shadow:0 10px 28px rgba(0,0,0,.32);
  --shadow-h:0 14px 34px rgba(0,0,0,.42);
}

html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] ::selection{background:rgba(86,215,137,.35)}
html[data-theme="dark"] .header{box-shadow:0 1px 10px rgba(0,0,0,.24)}
html[data-theme="dark"] .card-fav{background:rgba(24,34,45,.92)}
html[data-theme="dark"] .card-noimg,
html[data-theme="dark"] .ci-noimg,
html[data-theme="dark"] .prod-img .pimg_wrap{color:var(--muted2)}
html[data-theme="dark"] .prod-img .pimg_wrap{background:linear-gradient(180deg,#18232e 0%,#111a23 100%)}
html[data-theme="dark"] .prod-brand-logo,
html[data-theme="dark"] .brand-logo-big,
html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .model-brand-logo{background:var(--surface3)}
html[data-theme="dark"] .prod-fav:hover{background:var(--surface2)}
html[data-theme="dark"] .flash.err{color:#ffb0b0;border-color:#7b3b42}
html[data-theme="dark"] .tc-wheel .tc-rubber{fill:#263541}
html[data-theme="dark"] .tc-wheel .tc-rim{fill:#0b1118}
html[data-theme="dark"] .tc-wheel.is-new .tc-rubber{fill:#493525;stroke:#976238}
html[data-theme="dark"] .tc-wheel.is-new .tc-rim{fill:#17212c}
html[data-theme="dark"] .tc-v-ico{background:rgba(255,255,255,.10)}
html[data-theme="dark"] .tc-verdict.tc-warn{background:#46321f;border-color:#77552e}
html[data-theme="dark"] .tc-verdict.tc-err{border-color:#7b3b42}

/* Админка: её старые белые панели и редактор также получают surfaces. */
html[data-theme="dark"] .adm-box,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .ed-preview,
html[data-theme="dark"] .in-check{background:var(--surface)}
html[data-theme="dark"] .adm-more code{background:#253341}
html[data-theme="dark"] .tbl tr:hover td{background:#202c38}
html[data-theme="dark"] .ed-bar{background:#17232e}
html[data-theme="dark"] .ed-bar button:hover{background:#253341}
html[data-theme="dark"] .ed-bar .ed-prev{background:#253341}
html[data-theme="dark"] .badge.work{background:#20385b;color:#a8caff}
html[data-theme="dark"] .bot-card img{background:var(--surface3)}
html[data-theme="dark"] .in-check-mark.no{color:#ff8f8f}

/* Встроенные светлые подложки диагностических/служебных карточек. */
html[data-theme="dark"] .bot-card,
html[data-theme="dark"] .sn-box{color:var(--text)}

/* Страницы админки содержат несколько исторических inline-подложек.
   !important нужен только здесь, чтобы inline style не возвращал белый
   фон поверх выбранной темы. */
html[data-theme="dark"] .blp-box{background:var(--surface)!important;color:var(--text)}
html[data-theme="dark"] .blp-x{background:#253341!important;color:var(--text)}
html[data-theme="dark"] .blp-x:hover{background:#30404e!important}
html[data-theme="dark"] .blp-search{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}
html[data-theme="dark"] .blp-cell{border-color:var(--border2);background:var(--surface3)}
html[data-theme="dark"] .blp-cell:hover{border-color:var(--orange);background:var(--surface2)}
html[data-theme="dark"] .blp-cell img{background:#111a23}
html[data-theme="dark"] .blp-cap{color:var(--text2)}
html[data-theme="dark"] .blp-meta,
html[data-theme="dark"] .blp-note{color:var(--muted2)}
html[data-theme="dark"] .blp-chosen{background:var(--green-bg);border-color:var(--green-border)}
html[data-theme="dark"] p[style*="background:#f6f8fb"]{background:var(--surface-alt)!important}
html[data-theme="dark"] .adm-box[style*="background:#fff8ec"]{background:#3f3020!important;border-color:#73552f!important}
html[data-theme="dark"] .adm-box[style*="background:#f2fbf1"]{background:var(--green-bg)!important;border-color:var(--green-border)!important}
html[data-theme="dark"] .tag[style*="background:#e6f4e6"]{background:var(--green-bg)!important;color:var(--green-text)!important}
html[data-theme="dark"] li[style*="border:1px solid #e3e7ec"]{border-color:var(--border2)!important}
html[data-theme="dark"] [style*="color:#64748b"]{color:var(--muted2)!important}
html[data-theme="dark"] [style*="color:#0f172a"]{color:var(--text-strong)!important}
html[data-theme="dark"] .help[style*="background:#fff8e6"]{background:#46321f!important;border-color:#77552e!important}