/* ============================================================
   detvex — токены (theme.js) + шапка 1:1 (components.jsx)
   Дефолт: светлая гамма + «Графит» + акцент ОРАНЖЕВЫЙ #f5821e.
   Активация: body.detvex (?detvex=1). Прод не затрагивается.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');

body.detvex{
  --bg:#eef1f5; --surface:#ffffff; --surface-2:#f5f7fa; --surface-3:#eaeef3;
  --text:#13202f; --text-muted:#5d6b7c; --text-faint:#8492a2;
  --border:#dce2ea; --border-strong:#c4cdd8;
  --header-bg:#ffffff; --input-bg:#ffffff; --chip-bg:#f1f4f8; --row-hover:#f5f8fc;
  --ok:#1c8a4e; --ok-bg:#e7f4ec; --warn:#b7791f; --warn-bg:#fbf2e1;
  --shadow-color:20,32,48;
  --accent:#f5821e; --accent-hover:#e0710f; --accent-fg:#1d1205;
  --accent-soft:rgba(245,130,30,.10); --accent-line:rgba(245,130,30,.30);
  --radius:10px; --radius-sm:7px; --radius-lg:14px;
  --font-head:'Manrope',system-ui,sans-serif; --font-body:'Manrope',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --head-weight:800;
  --shadow-1:0 1px 2px rgba(var(--shadow-color),0.06), 0 1px 3px rgba(var(--shadow-color),0.08);
  --shadow-2:0 6px 20px rgba(var(--shadow-color),0.10);
  --shadow-pop:0 18px 50px rgba(var(--shadow-color),0.18);
  --ring:0 0 0 3px var(--accent-soft);
  --wrap:1280px;
  font-family:var(--font-body); color:var(--text);
}
body.detvex h1,body.detvex h2,body.detvex h3,body.detvex h4{ font-family:var(--font-head); font-weight:var(--head-weight); letter-spacing:-.01em; }
body.detvex .alert.alert-info{ display:none !important; }
body.detvex .dtx-wrap{ max-width:var(--wrap); margin:0 auto; padding:0 24px; }
body.detvex .dtx-hide{ display:none !important; }
body.detvex .dtx-ic{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
body.detvex .dtx-ic-sm{ width:15px; height:15px; }
body.detvex .dtx-ic-22{ width:22px; height:22px; }

body.detvex .dtx-topbar{ background:var(--surface-2); border-bottom:1px solid var(--border); font-size:13px; }
body.detvex .dtx-topbar-in{ display:flex; align-items:center; justify-content:space-between; height:40px; }
body.detvex .dtx-tb-grp{ display:flex; align-items:center; gap:22px; }
body.detvex .dtx-tb-item{ display:inline-flex; align-items:center; gap:6px; color:var(--text-muted); }
body.detvex .dtx-tb-item .dtx-ic{ color:var(--text-faint); }
body.detvex a.dtx-tb-item:hover{ color:var(--accent); }
body.detvex .dtx-tb-phone{ color:var(--text); font-weight:700; }
body.detvex .dtx-tb-phone .dtx-ic{ color:var(--accent); }

body.detvex .dtx-header{ position:sticky; top:0; z-index:200; background:var(--header-bg); border-bottom:1px solid var(--border); box-shadow:var(--shadow-1); }
body.detvex .dtx-header-in{ display:flex; align-items:center; gap:24px; height:78px; }
body.detvex .dtx-wordmark{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
body.detvex .dtx-logo-svg{ width:44px; height:44px; flex:0 0 auto; }
body.detvex .dtx-wm-txt{ line-height:1; }
body.detvex .dtx-wm-txt b{ display:block; font-family:var(--font-head); font-weight:800; font-size:23px; letter-spacing:-.02em; color:var(--text); }
body.detvex .dtx-wm-txt i{ display:block; font-style:normal; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--text-faint); margin-top:3px; font-weight:600; }

body.detvex .dtx-search{ flex:1 1 auto; max-width:760px; }
body.detvex .dtx-sform{ display:flex; align-items:center; height:46px; background:var(--input-bg); border:1.5px solid var(--border-strong); border-radius:var(--radius); overflow:hidden; transition:.15s; }
body.detvex .dtx-sform:focus-within{ border-color:var(--accent); box-shadow:var(--ring); }
body.detvex .dtx-scope{ height:100%; border:0; background:transparent; padding:0 10px 0 14px; font-size:13.5px; color:var(--text-muted); cursor:pointer; font-family:var(--font-body); font-weight:600; outline:none; }
body.detvex .dtx-div{ width:1px; height:24px; background:var(--border); flex:0 0 auto; }
body.detvex .dtx-sform .dtx-sic{ color:var(--text-faint); margin:0 8px 0 12px; }
body.detvex .dtx-sform input[type=text]{ flex:1; min-width:0; height:100%; border:0; outline:none; background:none; padding:0 8px; font-family:var(--font-body); font-size:14.5px; color:var(--text); }
body.detvex .dtx-sform input::placeholder{ color:var(--text-faint); }
body.detvex .dtx-sbtn{ display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; margin:5px; border:0; cursor:pointer; height:36px; padding:0 18px; border-radius:var(--radius-sm); background:var(--accent); color:var(--accent-fg); font-family:var(--font-head); font-weight:700; font-size:14px; }
body.detvex .dtx-sbtn:hover{ background:var(--accent-hover); }

body.detvex .dtx-actions{ display:flex; align-items:center; gap:4px; margin-left:auto; flex:0 0 auto; }
body.detvex .dtx-act{ position:relative; width:46px; height:46px; display:grid; place-items:center; border-radius:var(--radius-sm); border:0; background:transparent; color:var(--text-muted); cursor:pointer; transition:.14s; }
body.detvex .dtx-act:hover{ background:var(--surface-3); color:var(--accent); }
body.detvex .dtx-badge{ position:absolute; top:6px; right:6px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:var(--accent); color:var(--accent-fg); font-size:10.5px; font-weight:800; line-height:17px; text-align:center; }
body.detvex .dtx-badge:empty{ display:none; }
body.detvex .dtx-balance{ display:inline-flex; align-items:center; height:46px; padding:0 14px; margin-left:4px; border-radius:var(--radius-sm); background:var(--surface-2); border:1px solid var(--border); font-family:var(--font-mono); font-weight:700; font-size:13.5px; color:var(--text); }
body.detvex .dtx-balance:hover{ border-color:var(--accent-line); color:var(--accent); }
body.detvex .dtx-login-btn{ display:inline-flex; align-items:center; gap:8px; margin-left:8px; height:44px; padding:0 18px; border:1.5px solid var(--accent); background:transparent; color:var(--accent); border-radius:var(--radius-sm); font-family:var(--font-head); font-weight:700; font-size:14px; cursor:pointer; }
body.detvex .dtx-login-btn:hover{ background:var(--accent); color:var(--accent-fg); }

body.detvex .dtx-login-pop{ min-width:300px; padding:16px !important; border:1px solid var(--border) !important; border-radius:var(--radius-lg) !important; box-shadow:var(--shadow-pop) !important; background:var(--surface) !important; }
body.detvex .dtx-login-pop .panel-heading{ font-family:var(--font-head); font-weight:800; color:var(--text); background:none !important; padding:0 0 12px !important; border:0 !important; }
body.detvex .dtx-login-pop .nav-tabs{ background:none !important; border-bottom:1px solid var(--border) !important; margin-bottom:12px !important; }
body.detvex .dtx-login-pop .nav-tabs>li>a{ color:var(--text-muted) !important; border:0 !important; background:none !important; padding:6px 14px !important; }
body.detvex .dtx-login-pop .nav-tabs>li.active>a{ color:var(--accent) !important; border-bottom:2px solid var(--accent) !important; }
body.detvex .dtx-login-pop .form-control{ border:1.5px solid var(--border-strong) !important; border-radius:var(--radius-sm) !important; box-shadow:none !important; }
body.detvex .dtx-login-pop .form-control:focus{ border-color:var(--accent) !important; box-shadow:var(--ring) !important; }
body.detvex .dtx-login-pop .btn-primary,body.detvex .dtx-login-pop .btn-success{ background:var(--accent) !important; border-color:var(--accent) !important; color:var(--accent-fg) !important; }

body.detvex .dtx-navbar{ border-top:1px solid var(--border); background:var(--surface); }
body.detvex .dtx-navbar-in{ display:flex; align-items:center; gap:2px; height:48px; }
body.detvex .dtx-catalog-btn{ display:inline-flex; align-items:center; gap:9px; height:48px; padding:0 18px; margin-right:8px; background:var(--accent); color:var(--accent-fg); font-family:var(--font-head); font-weight:700; font-size:14.5px; }
body.detvex .dtx-catalog-btn:hover{ background:var(--accent-hover); color:var(--accent-fg); }
body.detvex .dtx-navlink{ display:inline-flex; align-items:center; height:48px; padding:0 14px; font-size:14px; font-weight:600; color:var(--text-muted); border-bottom:2px solid transparent; }
body.detvex .dtx-navlink:hover{ color:var(--text); }
body.detvex .dtx-navlink.active{ color:var(--accent); font-weight:700; border-bottom-color:var(--accent); }

/* ===================== HOME ===================== */
body.detvex .dtx-hero{ position:relative; overflow:hidden; background:linear-gradient(125deg,#262b32 0%,#1b1f25 52%,#141115 100%); border-bottom:1px solid var(--border); }
body.detvex .dtx-hero-grid{ position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:42px 42px; -webkit-mask-image:radial-gradient(ellipse 60% 70% at 30% 30%,#000,transparent 75%); mask-image:radial-gradient(ellipse 60% 70% at 30% 30%,#000,transparent 75%); }
body.detvex .dtx-hero-glow{ position:absolute; top:-120px; left:-80px; width:600px; height:400px; background:radial-gradient(circle, rgba(245,130,30,.18), transparent 65%); pointer-events:none; }
body.detvex .dtx-hero-car{ position:absolute; right:-20px; bottom:-10px; width:620px; height:270px; opacity:.1; pointer-events:none; }
body.detvex .dtx-hero-in{ position:relative; padding:58px 24px 46px; }
body.detvex .dtx-hero-badge{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--accent); background:rgba(255,255,255,.05); border:1px solid var(--accent-line); padding:6px 12px; border-radius:var(--radius-sm); margin-bottom:20px; }
body.detvex .dtx-hero-h1{ font-family:var(--font-head); font-weight:800; font-size:46px; line-height:1.06; letter-spacing:-.02em; color:#fff; margin:0 0 16px; }
body.detvex .dtx-hero-h1 span{ color:var(--accent); }
body.detvex .dtx-hero-sub{ font-size:17px; color:rgba(220,230,242,.78); line-height:1.5; margin:0 0 30px; max-width:540px; }
body.detvex .dtx-hero-search{ max-width:720px; margin-bottom:22px; }
body.detvex .dtx-sform-big{ height:56px; }
body.detvex .dtx-sform-big input[type=text]{ font-size:16px; }
body.detvex .dtx-sbtn-big{ height:46px; padding:0 24px; font-size:15px; }
body.detvex .dtx-hero-pop{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
body.detvex .dtx-hero-pop-l{ font-size:13px; color:rgba(220,230,242,.6); font-weight:600; }
body.detvex .dtx-hero-chip{ padding:7px 13px; border-radius:var(--radius-sm); font-size:13px; font-weight:600; border:1px solid rgba(160,185,225,.22); background:rgba(255,255,255,.04); color:rgba(220,230,242,.85); }
body.detvex .dtx-hero-chip:hover{ border-color:var(--accent); color:#fff; }
body.detvex .dtx-wizard{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-2); padding:18px; margin-top:-28px; position:relative; z-index:5; }
body.detvex .dtx-wizard-head{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
body.detvex .dtx-wizard-ic{ width:38px; height:38px; border-radius:var(--radius-sm); background:var(--accent-soft); color:var(--accent); display:grid; place-items:center; }
body.detvex .dtx-wizard-t{ font-family:var(--font-head); font-weight:800; font-size:17px; color:var(--text); }
body.detvex .dtx-wizard-s{ font-size:13px; color:var(--text-muted); }
body.detvex .dtx-sec{ padding:32px 24px; }
body.detvex .dtx-sechead{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:18px; }
body.detvex .dtx-sechead h2{ font-size:26px; color:var(--text); margin:0; }
body.detvex .dtx-sechead-sub{ font-size:14px; color:var(--text-muted); margin-top:5px; }
body.detvex .dtx-sechead-a{ display:inline-flex; align-items:center; gap:6px; color:var(--accent); font-weight:700; font-size:14px; font-family:var(--font-head); }
body.detvex .dtx-kicker{ font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--text-faint); margin-bottom:14px; }
body.detvex .dtx-trust{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
body.detvex .dtx-trust-i{ display:flex; align-items:center; gap:14px; padding:18px 20px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); }
body.detvex .dtx-trust-ic{ color:var(--accent); }
body.detvex .dtx-trust-big{ font-family:var(--font-head); font-weight:800; font-size:22px; color:var(--accent); letter-spacing:-.01em; }
body.detvex .dtx-trust-sm{ font-size:13px; color:var(--text-muted); }
body.detvex .dtx-cats{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
body.detvex .dtx-cat{ display:flex; flex-direction:column; gap:14px; min-height:158px; padding:18px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-1); transition:.16s; }
body.detvex .dtx-cat:hover{ border-color:var(--accent-line); box-shadow:var(--shadow-2); transform:translateY(-2px); }
body.detvex .dtx-cat-top{ display:flex; justify-content:space-between; align-items:flex-start; }
body.detvex .dtx-cat-ic{ width:56px; height:56px; border-radius:var(--radius); background:var(--surface-2); color:var(--accent); display:grid; place-items:center; transition:.16s; }
body.detvex .dtx-cat:hover .dtx-cat-ic{ background:var(--accent); color:var(--accent-fg); }
body.detvex .dtx-cat-arr{ color:var(--text-faint); }
body.detvex .dtx-cat-n{ font-family:var(--font-head); font-weight:700; font-size:16px; color:var(--text); margin-bottom:4px; }
body.detvex .dtx-cat-c{ font-size:12.5px; color:var(--text-faint); }
body.detvex .dtx-carbrands{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
body.detvex .dtx-carbrand{ display:flex; align-items:center; justify-content:center; height:52px; border-radius:var(--radius); border:1px solid var(--border); background:var(--surface); font-family:var(--font-head); font-weight:700; font-size:14px; color:var(--text-muted); }
body.detvex .dtx-carbrand:hover{ border-color:var(--accent); color:var(--accent); }
body.detvex .dtx-partbrands{ display:grid; grid-template-columns:repeat(8,1fr); gap:10px; }
body.detvex .dtx-partbrand{ height:64px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius); border:1px solid var(--border); background:var(--surface); font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--text-muted); text-align:center; padding:0 6px; }

/* на detvex-главной прячем старый homepage-контент (его заменяет detvex/home.php) */
body.detvex.dtx-home #Container,
body.detvex.dtx-home #left_col,
body.detvex.dtx-home .mainContainer{ display:none !important; }

/* ===== B2B promo ===== */
body.detvex .dtx-b2b{ background:linear-gradient(120deg,#23272e,#191c22); border-radius:var(--radius-lg); padding:38px 40px; display:flex; align-items:center; gap:30px; overflow:hidden; }
body.detvex .dtx-b2b-l{ flex:1; }
body.detvex .dtx-b2b-kicker{ font-size:13px; font-weight:700; color:var(--accent); letter-spacing:.04em; text-transform:uppercase; margin-bottom:10px; }
body.detvex .dtx-b2b-h{ font-family:var(--font-head); font-weight:800; font-size:28px; color:#fff; margin:0 0 10px; letter-spacing:-.01em; }
body.detvex .dtx-b2b-p{ font-size:15.5px; color:rgba(220,230,242,.78); line-height:1.5; margin:0 0 22px; max-width:520px; }
body.detvex .dtx-b2b-btns{ display:flex; gap:12px; }
body.detvex .dtx-b2b-primary{ display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 22px; border-radius:var(--radius-sm); background:var(--accent); color:var(--accent-fg); font-family:var(--font-head); font-weight:700; font-size:15px; }
body.detvex .dtx-b2b-primary:hover{ background:var(--accent-hover); }
body.detvex .dtx-b2b-outline{ display:inline-flex; align-items:center; height:48px; padding:0 22px; border-radius:var(--radius-sm); border:1.5px solid rgba(160,185,225,.3); color:#dfe8f2; font-family:var(--font-head); font-weight:700; font-size:15px; }
body.detvex .dtx-b2b-outline:hover{ border-color:var(--accent); color:#fff; }
body.detvex .dtx-b2b-tiles{ display:flex; gap:14px; }
body.detvex .dtx-b2b-tile{ width:130px; padding:18px 14px; background:rgba(255,255,255,.05); border:1px solid rgba(160,185,225,.16); border-radius:var(--radius); color:#dfe8f2; }
body.detvex .dtx-b2b-tile span{ display:block; font-size:13.5px; font-weight:700; margin-top:10px; }

/* ===== footer ===== */
body.detvex .dtx-footer{ background:var(--surface-2); border-top:1px solid var(--border); margin-top:20px; }
body.detvex .dtx-footer-top{ display:grid; grid-template-columns:1.3fr 1fr 1fr 1.4fr; gap:32px; padding:44px 24px 32px; }
body.detvex .dtx-footer-desc{ font-size:13.5px; color:var(--text-muted); line-height:1.6; margin-top:16px; max-width:280px; }
body.detvex .dtx-footer-pay{ display:flex; gap:8px; margin-top:16px; }
body.detvex .dtx-footer-pay span{ padding:6px 12px; border:1px solid var(--border); border-radius:var(--radius-sm); font-size:12px; font-weight:700; color:var(--text-muted); background:var(--surface); }
body.detvex .dtx-footer-h{ font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--text); margin-bottom:14px; }
body.detvex .dtx-footer-col a{ display:block; font-size:13.5px; color:var(--text-muted); margin-bottom:10px; }
body.detvex .dtx-footer-col a:hover{ color:var(--accent); }
body.detvex .dtx-footer-bot{ border-top:1px solid var(--border); }
body.detvex .dtx-footer-bot-in{ display:flex; justify-content:space-between; padding:18px 24px; font-size:13px; color:var(--text-faint); }

/* безопасный паттерн: старую шапку/футер/блоки главной рендерим всегда, под detvex прячем */
body.detvex header.hidden-xs,
body.detvex .header-box-mobile,
body.detvex #footer,
body.detvex.dtx-home .slider-line,
body.detvex.dtx-home .tile-line-box{ display:none !important; }
body.detvex #footer-widgets{ display:none !important; }

/* ===================== АДАПТИВ ===================== */
@media (max-width:960px){
  body.detvex .dtx-topbar{ display:none; }
  body.detvex .dtx-header-in{ height:auto; flex-wrap:wrap; gap:12px; padding:12px 0; }
  body.detvex .dtx-search{ order:3; flex:1 1 100%; max-width:none; }
  body.detvex .dtx-actions{ order:2; }
  body.detvex .dtx-wm-txt i{ display:none; }
  body.detvex .dtx-balance{ display:none; }
  body.detvex .dtx-navbar-in{ overflow-x:auto; gap:0; -webkit-overflow-scrolling:touch; }
  body.detvex .dtx-navbar-in::-webkit-scrollbar{ display:none; }
  body.detvex .dtx-navlink{ white-space:nowrap; }
  body.detvex .dtx-hero-in{ padding:36px 20px 30px; }
  body.detvex .dtx-hero-h1{ font-size:32px; }
  body.detvex .dtx-hero-sub{ font-size:15px; }
  body.detvex .dtx-sform-big{ height:50px; }
  body.detvex .dtx-trust,
  body.detvex .dtx-cats{ grid-template-columns:repeat(2,1fr); }
  body.detvex .dtx-carbrands{ grid-template-columns:repeat(3,1fr); }
  body.detvex .dtx-partbrands{ grid-template-columns:repeat(4,1fr); }
  body.detvex .dtx-b2b{ flex-direction:column; align-items:flex-start; gap:20px; padding:28px 22px; }
  body.detvex .dtx-b2b-h{ font-size:22px; }
  body.detvex .dtx-footer-top{ grid-template-columns:1fr 1fr; gap:24px; }
  body.detvex .dtx-footer-bot-in{ flex-direction:column; gap:6px; text-align:center; }
}
@media (max-width:560px){
  body.detvex .dtx-login-btn span{ display:none; }
  body.detvex .dtx-login-btn{ padding:0 12px; }
  body.detvex .dtx-sbtn span,body.detvex .dtx-sbtn{ } 
  body.detvex .dtx-cats{ grid-template-columns:1fr 1fr; }
  body.detvex .dtx-carbrands{ grid-template-columns:repeat(2,1fr); }
  body.detvex .dtx-partbrands{ grid-template-columns:repeat(2,1fr); }
  body.detvex .dtx-b2b-tiles{ flex-wrap:wrap; }
  body.detvex .dtx-b2b-btns{ flex-wrap:wrap; }
  body.detvex .dtx-footer-top{ grid-template-columns:1fr; }
  body.detvex .dtx-hero-h1{ font-size:27px; }
  body.detvex .dtx-scope{ display:none; }
  body.detvex .dtx-div{ display:none; }
}

/* ===================== БАЗОВЫЙ СЛОЙ ВНУТРЕННИХ СТРАНИЦ ===================== */
body.detvex{ background:var(--bg) !important; }
body.detvex .btn-primary,body.detvex .btn-ar.btn-primary{ background:var(--accent) !important; border-color:var(--accent) !important; color:var(--accent-fg) !important; border-radius:var(--radius-sm) !important; font-family:var(--font-head); font-weight:700; }
body.detvex .btn-primary:hover,body.detvex .btn-ar.btn-primary:hover{ background:var(--accent-hover) !important; }
body.detvex .btn-success{ background:var(--ok) !important; border-color:var(--ok) !important; border-radius:var(--radius-sm) !important; }
body.detvex .btn-default,body.detvex .btn{ border-radius:var(--radius-sm) !important; }
body.detvex .form-control{ border-radius:var(--radius-sm) !important; }
body.detvex .form-control:focus{ border-color:var(--accent) !important; box-shadow:var(--ring) !important; }
body.detvex .breadcrumb{ background:none !important; padding-left:0 !important; font-size:13px; }
body.detvex .breadcrumb a{ color:var(--text-muted); }
body.detvex .products_table_block_caption{ font-family:var(--font-head); font-weight:800; color:var(--text); }
body.detvex .td_price,body.detvex .th_price,body.detvex [class^="th_price"]{ font-family:var(--font-mono); font-weight:700; color:var(--accent); }
body.detvex .panel,body.detvex .well{ border-radius:var(--radius) !important; border-color:var(--border) !important; box-shadow:var(--shadow-1); }
/* фильтр-панели проценки: вместо синего bootstrap — графитовый светлый заголовок */
body.detvex .panel-primary{ border-color:var(--border) !important; }
body.detvex .panel-primary>.panel-heading,body.detvex .panel-heading{
  background:var(--surface-2) !important;
  border-color:var(--border) !important; border-bottom:1px solid var(--border) !important;
  font-family:var(--font-head); font-weight:700; letter-spacing:-.01em;
  border-top-left-radius:var(--radius) !important; border-top-right-radius:var(--radius) !important; }
/* читаемый графитовый текст заголовка (был белый/невидимый на синем) */
body.detvex .panel-heading,body.detvex .panel-heading a,body.detvex .panel-heading h1,
body.detvex .panel-heading h2,body.detvex .panel-heading h3,body.detvex .panel-heading h4,
body.detvex .panel-heading .panel-title,body.detvex .panel-heading span{ color:var(--text) !important; text-decoration:none; }
body.detvex .panel-primary>.panel-heading .fa,body.detvex .panel-heading .fa{ color:var(--accent) !important; }
body.detvex .panel-body{ background:var(--surface) !important; }
/* таблица результатов: шапка, разделители, бренд-колонка */
body.detvex .table>thead>tr>th{ background:var(--surface-2) !important; color:var(--text-muted) !important;
  font-family:var(--font-head); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.03em;
  border-bottom:1px solid var(--border-strong) !important; }
body.detvex .table>tbody>tr>td{ border-top:1px solid var(--border) !important; vertical-align:middle; }
body.detvex .table>tbody>tr:hover{ background:var(--row-hover) !important; }
body.detvex .table a,body.detvex .one_property a{ color:var(--text); font-weight:700; }
body.detvex .table a:hover{ color:var(--accent); }
/* слайдеры цены/наличия/срока: лёгкая полупрозрачная заливка + воздух сверху */
body.detvex .slider_container,body.detvex .slider_ranges{ margin-top:10px !important; }
body.detvex .ui-slider,body.detvex .slider_container .ui-slider{ background:var(--surface-3) !important; border:1px solid var(--border) !important; }
body.detvex .slider_ranges{ background:var(--surface) !important; border-color:var(--border) !important; }
body.detvex .slider_container .ui-slider-range,body.detvex .ui-slider .ui-slider-range{ background:rgba(245,130,30,.20) !important; border-color:var(--accent-line) !important; }
body.detvex .ui-slider .ui-slider-handle{ border:2px solid var(--accent) !important; background:var(--surface) !important; box-shadow:var(--shadow-1); }
/* корзина/формы: брендовые чекбоксы и радио (кастомный рендер — работает во всех браузерах, не только accent-color) */
body.detvex input[type=checkbox],body.detvex input[type=radio]{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  width:18px; height:18px; margin:0 4px 0 0; vertical-align:-3px;
  border:2px solid var(--border-strong); background:var(--surface);
  cursor:pointer; position:relative; display:inline-block; box-sizing:border-box; flex:none; }
body.detvex input[type=radio]{ border-radius:50%; }
body.detvex input[type=checkbox]{ border-radius:4px; }
body.detvex input[type=checkbox]:checked,body.detvex input[type=radio]:checked{ border-color:var(--accent); background:var(--accent); }
body.detvex input[type=checkbox]:checked::after{ content:""; position:absolute; left:4px; top:0; width:5px; height:10px;
  border:solid var(--accent-fg); border-width:0 2px 2px 0; transform:rotate(45deg); }
body.detvex input[type=radio]:checked::after{ content:""; position:absolute; left:50%; top:50%; width:8px; height:8px;
  border-radius:50%; background:var(--surface); transform:translate(-50%,-50%); }
body.detvex input[type=checkbox]:focus,body.detvex input[type=radio]:focus{ outline:none; box-shadow:var(--ring); }
body.detvex #cart_area font.price,body.detvex #cart_area font.currency,
body.detvex #cart_module_sum font.price,body.detvex #cart_module_sum font.currency{ font-family:var(--font-mono); font-weight:700; color:var(--accent); }
body.detvex h1{ font-family:var(--font-head); font-weight:800; color:var(--text); }

/* ===================== НЕДАВНО СМОТРЕЛИ + ПОДПИСКА ===================== */
body.detvex .dtx-sec-head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:16px; }
body.detvex .dtx-sec-h{ font-family:var(--font-head); font-weight:800; font-size:22px; color:var(--text); margin:0; letter-spacing:-.01em; }
body.detvex .dtx-sec-clear{ font-size:13px; color:var(--text-muted); text-decoration:none; }
body.detvex .dtx-sec-clear:hover{ color:var(--accent); }
body.detvex .dtx-recent-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
body.detvex .dtx-recent-card{ display:flex; flex-direction:column; gap:8px; padding:16px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-1); transition:.16s; text-decoration:none; }
body.detvex .dtx-recent-card:hover{ border-color:var(--accent-line); box-shadow:var(--shadow-2); transform:translateY(-2px); }
body.detvex .dtx-recent-ic{ width:44px; height:44px; border-radius:var(--radius); background:var(--surface-2); color:var(--accent); display:grid; place-items:center; }
body.detvex .dtx-recent-ic .dtx-ic{ width:22px; height:22px; }
body.detvex .dtx-recent-art{ font-family:var(--font-mono); font-weight:700; font-size:14px; color:var(--text); word-break:break-all; }
body.detvex .dtx-recent-name{ font-size:13px; color:var(--text-muted); line-height:1.3; min-height:34px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.detvex .dtx-recent-go{ font-size:12.5px; font-weight:700; color:var(--accent); margin-top:auto; }

body.detvex .dtx-sub{ display:flex; align-items:center; gap:28px; justify-content:space-between; padding:28px 32px; background:linear-gradient(120deg,var(--surface-2),var(--surface)); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-1); flex-wrap:wrap; }
body.detvex .dtx-sub-l{ flex:1 1 320px; min-width:260px; }
body.detvex .dtx-sub-h{ font-family:var(--font-head); font-weight:800; font-size:21px; color:var(--text); margin:6px 0; letter-spacing:-.01em; }
body.detvex .dtx-sub-p{ font-size:14px; color:var(--text-muted); margin:0; max-width:560px; line-height:1.5; }
body.detvex .dtx-sub-form{ flex:0 0 auto; min-width:320px; }
body.detvex .dtx-sub-row{ display:flex; gap:10px; }
body.detvex .dtx-sub-input{ flex:1; height:46px; padding:0 14px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--surface); font-size:15px; color:var(--text); font-family:var(--font-body); }
body.detvex .dtx-sub-input:focus{ outline:none; border-color:var(--accent); box-shadow:var(--ring); }
body.detvex .dtx-sub-btn{ height:46px; padding:0 22px; border:0; border-radius:var(--radius-sm); background:var(--accent); color:var(--accent-fg); font-family:var(--font-head); font-weight:700; font-size:15px; cursor:pointer; white-space:nowrap; transition:.14s; }
body.detvex .dtx-sub-btn:hover{ background:var(--accent-hover); }
body.detvex .dtx-sub-msg{ font-size:13px; margin-top:8px; min-height:18px; }
body.detvex .dtx-sub-msg.ok{ color:var(--ok); }
body.detvex .dtx-sub-msg.err{ color:#c0392b; }

@media(max-width:960px){
  body.detvex .dtx-recent-grid{ grid-template-columns:repeat(2,1fr); }
  body.detvex .dtx-sub{ flex-direction:column; align-items:stretch; }
  body.detvex .dtx-sub-form{ min-width:0; width:100%; }
}
@media(max-width:560px){
  body.detvex .dtx-sub-row{ flex-direction:column; }
  body.detvex .dtx-sub-btn{ width:100%; }
}

/* ===================== ФОРМА ВХОДА (login_form_general) ===================== */
/* синие иконки-боксы -> нейтральные с акцентной иконкой */
body.detvex .input-group-addon{ background:var(--surface-2) !important; border:1px solid var(--border-strong) !important; color:var(--accent) !important; }
/* табы «По коду / По паролю» — чёткий активный (обе формы, не только попап) */
body.detvex .nav-tabs{ border-bottom:1px solid var(--border) !important; }
body.detvex .nav-tabs>li>a{ color:var(--text-muted) !important; border:0 !important; background:none !important; margin:0 6px 0 0 !important; padding:8px 16px !important; border-radius:0 !important; font-family:var(--font-head); font-weight:700; }
body.detvex .nav-tabs>li>a:hover,body.detvex .nav-tabs>li>a:focus{ color:var(--text) !important; background:var(--surface-2) !important; border:0 !important; }
body.detvex .nav-tabs>li.active>a,body.detvex .nav-tabs>li.active>a:hover,body.detvex .nav-tabs>li.active>a:focus{ color:var(--accent) !important; background:none !important; border:0 !important; border-bottom:2px solid var(--accent) !important; }
/* «Не помню пароль» (btn-warning) — приглушённый, чтобы не спорил с акцентом */
body.detvex .btn-warning{ background:var(--surface-2) !important; border:1px solid var(--border-strong) !important; color:var(--text-muted) !important; }
body.detvex .btn-warning:hover{ color:var(--accent) !important; border-color:var(--accent-line) !important; }