/* ══════════════════════════════════════════
       DARK THEME — default
    ══════════════════════════════════════════ */
    :root, [data-theme="dark"] {
      --ink:        #08090C;
      --ink-2:      #0F1117;
      --ink-3:      #161820;
      --line:       rgba(255,255,255,0.07);
      --line-m:     rgba(255,255,255,0.14);
      --blue:       #0047CC;
      --blue-hi:    #5A89CC;
      --blue-dim:   #102A5E;
      --gold:       #C8A84B;
      --yellow:     #ffca00; 
      --gold-hi:    #E8C86A;
      /* text */
      --text:       #FFFFFF;
      --text-sub:   rgba(255,255,255,0.85);
      --fog:        rgba(255,255,255,0.55);
      --fog-2:      rgba(255,255,255,0.45);
      --fog-3:      rgba(255,255,255,0.18);
      /* surfaces */
      --nav-bg:     rgba(8,9,12,0.92);
      --card-bg:    #161820;
      --section-bg: #0F1117;
      --spec-bg:    #0F1117;
      --spec-val:   #C8D8FF;
      --cell-bg:    rgba(8,9,12,0.60);
      --cell-hover: rgba(10,20,60,0.80);
      --rev-bg:     #08090C;
      --rev-hover:  #161820;
      --credit-r:   #161820;
      --credit-cell:#0F1117;
      --form-l-bg:  rgba(10,12,20,0.80);
      --form-r-bg:  rgba(15,17,23,0.75);
      --form-input: #0F1117;
      --form-border:rgba(255,255,255,0.14);
      --form-ph:    rgba(255,255,255,0.25);
      --footer-bg:  #161820;
      --footer-text:#FFFFFF;
      --footer-sub: rgba(255,255,255,0.40);
      --hbar-bg:    rgba(8,9,12,0.80);
      --stxt-clr:   rgba(255,255,255,0.38);
      --rvq-clr:    rgba(255,255,255,0.75);
      --rlbl-clr:   rgba(255,255,255,0.45);
      --rdesc-clr:  rgba(255,255,255,0.35);
      --istrip-bg:  rgba(0,71,204,0.10);
      --dark-bg:  rgba(35,46,64,0.80);
      --istrip-brd: rgba(0,71,204,0.35);
      --istrip-txt: #A0B8FF;
      --mob-bg:     #0F1117;
      /* parallax overlays */
      --why-ovl:    linear-gradient(160deg,rgba(6,7,10,.92) 0%,rgba(6,7,10,.82) 50%,rgba(0,14,52,.90) 100%);
      --td-ovl:     linear-gradient(160deg,rgba(0,16,60,.78) 0%,rgba(6,7,10,.84) 55%,rgba(6,7,10,.78) 100%);
      /* card photo gradient */
      --mc-fade:    linear-gradient(90deg,transparent 50%,rgba(22,24,32,.98) 100%), linear-gradient(180deg,rgba(8,9,12,0) 50%,rgba(8,9,12,.88) 100%);
      /* toggle */
      --toggle-bg:  #2A2D3A;
      --toggle-brd: rgba(255,255,255,0.15);
    }

    /* ══════════════════════════════════════════
       LIGHT THEME
    ══════════════════════════════════════════ */
    [data-theme="light"] {
      --ink:        #F0F2F7;
      --ink-2:      #f4f7ff;/*E6E9F0;*/
      --ink-3:      #FFFFFF;
      --line:       rgba(0,0,0,0.10);
      --line-m:     rgba(0,0,0,0.16);
      --blue:       #5A89CC;/*#0047CC;*/
      --blue-hi:    #5A89CC;/*#0047CC;*/
      --blue-dim:   #DDEAFF;
      --yellow:     #ffca00;
      --gold:       #8A6500;
      --gold-hi:    #AA8010;
      --green:      #C2F77C;
      /* text — always dark on light bg */
      --text:       #0D0F16;
      --text-sub:   #1A1D28;
      --fog:        rgba(13,15,22,0.65);
      --fog-2:      rgba(13,15,22,0.55);
      --fog-3:      rgba(13,15,22,0.22);
      /* surfaces */
      --nav-bg:     rgba(240,242,247,0.95);
      --card-bg:    #FFFFFF;
      --section-bg: #E9E9E9;/*#E6E9F0;*/
      --spec-bg:    #F0F2F7;
      --spec-val:   #83E2FF;/*#0047CC;*/
      --cell-bg:    rgba(255,255,255,0.85);
      --cell-hover: rgba(221,234,255,0.90);
      --rev-bg:     #F0F2F7;
      --rev-hover:  #E8EEFF;
      --credit-r:   #FFFFFF;
      --credit-cell:#F4F6FB;
      --form-l-bg:  rgba(221,234,255,0.65);
      --form-r-bg:  rgba(255,255,255,0.90);
      --form-input: #FFFFFF;
      --form-border:rgba(0,0,0,0.16);
      --form-ph:    rgba(0,0,0,0.28);
      --footer-bg:  #1A1D28;
      --footer-text:#FFFFFF;
      --footer-sub: rgba(255,255,255,0.42);
      --hbar-bg:    rgba(72,78,94,0.9);/*rgba(240,242,247,0.90);*/
      --stxt-clr:   rgba(255,255,255,0.7);/*rgba(13,15,22,0.52);*/
      --rvq-clr:    rgba(13,15,22,0.72);
      --rlbl-clr:   rgba(13,15,22,0.55);
      --rdesc-clr:  rgba(13,15,22,0.50);
      --istrip-bg:  rgba(0,71,204,0.07);
      --istrip-brd: rgba(0,71,204,0.25);
      --istrip-txt: #003BA0;
      --mob-bg:     #E6E9F0;
      /* parallax overlays — light tinted */
      --why-ovl:    linear-gradient(160deg,rgba(230,233,240,.88) 0%,rgba(220,230,250,.78) 50%,rgba(200,220,255,.86) 100%);
      --td-ovl:     linear-gradient(160deg,rgba(200,218,255,.78) 0%,rgba(230,233,240,.82) 55%,rgba(230,233,240,.78) 100%);
      /* card photo gradient */
      --mc-fade:    linear-gradient(90deg,transparent 50%,rgba(255,255,255,.98) 100%), linear-gradient(180deg,rgba(240,242,247,0) 50%,rgba(240,242,247,.92) 100%);
      /* toggle */
      --toggle-bg:  #DDEAFF;
      --toggle-brd: rgba(0,71,204,0.25);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      background: var(--ink);
      color: var(--text);
      font-family: 'Montserrat', sans-serif;
      font-weight: 400;
      overflow-x: hidden;
      transition: background .4s, color .4s;
    }

    #navAddress_mob {display:none}
    /* Light theme — ensure nav-cta text always dark on gold */
    [data-theme="light"] .nav-cta { color: #FFF !important; background: var(--blue) !important; }
    [data-theme="light"] .nav-cta:hover { background: var(--blue-hi) !important; }
    /* Light — btn-mc readable */
    [data-theme="light"] .btn-mc { color: var(--text); }
    [data-theme="light"] .btn-mc:hover { background: var(--blue); color: #000; border-color: var(--blue); }
    /* Light — wicon */
    [data-theme="light"] .wicon { color: var(--blue); }
    [data-theme="light"] .wcell:hover .wicon { background: var(--blue); color: #000; }
    /* Light — cico */
    [data-theme="light"] .cico { color: var(--blue); }
    /* Light — rvava initials */
    [data-theme="light"] .rvava { color: var(--blue); }
    /* Light — gold label on dark bg needs different color in light */
    [data-theme="light"] .slbl { color: var(--blue); }
    [data-theme="light"] .slbl::before { background: var(--blue); }
    [data-theme="light"] .h-tag { color: var(--green); }
    /* Light — stats bar numbers */
    [data-theme="light"] .snum { color: var(--green); }
    /* Light — credit section right panel */    
    /* Light — transitions on all key surfaces */
    .nav-logo, .stitle, .mc-name, .mc-sub, .mc-spv, .mc-spk,
    .mc-pfrom, .mc-pval, .slbl, .wnum, .wcell h5, .wcell p,
    .rlbl, .rdesc, .clbl, .cval, .rvname, .rvmod,
    #successMsg h4, #successMsg p, .fnote, .rbig,
    #credit, .cl-r, .rcell, .rvc, #reviews,
    #models, .mcard, .mc-specs, .mc-sp
    { transition: background .4s, color .4s, border-color .4s; }

    /* ── NAV ── */
    #nav {
      position: fixed; top:0; left:0; right:0; z-index:900;
      height: 80px; /*display:flex; align-items:center;*/
      border-bottom: 1px solid var(--line);
      background: var(--nav-bg);
      backdrop-filter: blur(16px);
      transition: height .3s, background .35s, border-color .35s;
    }
    .nav-w { width:100%; max-width:1400px; margin:8px auto; padding:0 48px; display:flex; align-items:center; justify-content:center; }
    .nav-h{display: flex;justify-content: space-between;max-width: 1400px;margin: 0 auto;}
    .nav-logo { font-family:'Montserrat',sans-serif; font-size:1.7rem; letter-spacing:.08em; color:var(--text); text-decoration:none; }
    .nav-logo img, .flogo img {max-width:350px}
    .nav-logo span { color:var(--gold); }
    .nav-links { display:flex; align-items:center; gap:28px; list-style:none; margin:0 !important }
    .nav-links a { font-family:'Montserrat',sans-serif; font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--fog-2); text-decoration:none; transition:color .2s; }
    .nav-links a:hover { color:var(--text); }
    .nav-links li span {display: block; font-size: 0.8rem; color: #999;}
    .nav-cta { font-family:'Montserrat',sans-serif!important; font-size:.75rem!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase; color:#08090C!important; background:var(--gold); padding:10px 22px; text-decoration:none; transition:background .2s; }
    .nav-cta:hover { background:var(--gold-hi); }
    .ntog { display:none; background:none; border:none; color:var(--text); font-size:1.5rem; }
    
    .nav-links.head_phone a{
        font-size: 1.4rem;
    }

    /* ── THEME TOGGLE ── */
    .theme-toggle-wrap {
      display: flex; align-items: center; gap: 10px;
      flex-shrink: 0; margin-left: 12px;
    }
    .theme-toggle {
      width: 48px; height: 26px;
      background: var(--toggle-bg);
      border: 1px solid var(--toggle-brd);
      border-radius: 13px;
      position: relative;
      flex-shrink: 0;
      transition: background .35s, border-color .35s;
    }
    .theme-toggle::after {
      content: '';
      position: absolute; top: 3px; left: 3px;
      width: 18px; height: 18px; border-radius: 50%;
      background: var(--gold);
      transition: transform .3s cubic-bezier(.4,0,.2,1);
      box-shadow: 0 1px 4px rgba(0,0,0,.3);
    }
    [data-theme="light"] .theme-toggle::after { transform: translateX(22px); }
    .theme-icon {
      font-size: 1rem; color: var(--gold);
      transition: color .35s, opacity .25s;
      line-height: 1;
    }
    .theme-icon.sun  { opacity: 1; }
    .theme-icon.moon { opacity: 1; }
    [data-theme="light"] .theme-icon.moon { opacity: .4; }
    [data-theme="dark"]  .theme-icon.sun  { opacity: .4; }

    /* ── HERO ── */
    #hero { height:100vh; min-height:950px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; }
    .h-bg { position:absolute; inset:0; filter:brightness(.38) saturate(.6); transform:scale(1.06); animation:hZoom 14s ease-out forwards; }
    @keyframes hZoom { from{transform:scale(1.1)} to{transform:scale(1)} }
    .h-ov { position:absolute; background:linear-gradient(to bottom,rgba(8,9,12,.05) 0%,rgba(8,9,12,0) 35%,rgba(8,9,12,.8) 75%,rgba(8,9,12,1) 100%); }
    .h-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size:80px 80px; pointer-events:none; }
    .h-content { position:relative; z-index:2; max-width:1400px; margin:0 auto; padding:0 48px 72px; width:100%; }
    .h-tag { display:inline-flex; align-items:center; gap:10px; font-family:'Montserrat',sans-serif; font-size:.72rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:20px; opacity:0; animation:fUp .7s .3s ease forwards; }
    .h-tag::before { content:''; display:block; width:32px; height:1px; background:var(--green); }
    .h-h1 { font-family:'Montserrat',sans-serif; font-size:clamp(4rem,9vw,9.5rem); line-height:.92; letter-spacing:.02em; color:#FFFFFF; margin-bottom:28px; opacity:0; animation:fUp .8s .45s ease forwards; }
    .h-h1 em { font-style:normal; color:var(--blue-hi); }
    .h-h1 .ot { -webkit-text-stroke:1.5px rgba(255,255,255,.22); color:transparent; }
    .h-bot { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; flex-wrap:wrap; opacity:0; animation:fUp .8s .65s ease forwards; }
    .h-desc { font-size:1rem; font-weight:300; color:rgba(255,255,255,.6); line-height:1.7; max-width:420px; }
    .h-acts { display:flex; align-items:center; gap:16px; flex-shrink:0; }
    .btn-p { font-family:'Montserrat',sans-serif; font-weight:700; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; background:var(--blue); color:#FFF; padding:16px 36px; text-decoration:none; border:none; transition:background .2s,transform .2s; display:inline-block; }
    .btn-p:hover { background:var(--blue-hi); color:#FFFFFF; transform:translateY(-2px); }
    .btn-g { font-family:'Montserrat',sans-serif; font-weight:600; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; background:transparent; color:rgba(255,255,255,.6); padding:15px 28px; text-decoration:none; border:1px solid rgba(255,255,255,.2); transition:all .2s; display:inline-block; }
    .btn-g:hover { border-color:rgba(255,255,255,.5); color:#FFFFFF; }
    @keyframes fUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }

    /* stats bar */
    .h-bar { position:relative; z-index:2; border-top:1px solid rgba(255,255,255,.08); background:var(--hbar-bg); backdrop-filter:blur(12px); transition:background .35s; }
    .h-bar-in { max-width:1400px; margin:0 auto; padding:0 48px; display:grid; grid-template-columns:repeat(4,1fr); }
    .scell { padding:24px 0 24px 40px; border-right:1px solid var(--line); }
    .scell:first-child { padding-left:0; }
    .scell:last-child { border-right:none; }
    .snum { font-family:'Montserrat',sans-serif; font-size:2.4rem; color:var(--gold); letter-spacing:.04em; line-height:1; }
    .stxt { font-size:.7rem; font-weight:300; letter-spacing:.1em; text-transform:uppercase; color:var(--stxt-clr); margin-top:4px; }

    /* ── TICKER ── */
    .ticker { background:var(--green); border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; padding:14px 0; }
    .t-track { display:flex; animation:tRun 28s linear infinite; width:max-content; }
    @keyframes tRun { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
    .t-item { font-family:'Montserrat',sans-serif; font-size:.8rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:rgba(0,0,0,.8); padding:0 40px; display:flex; align-items:center; gap:14px; white-space:nowrap; }
    .t-item span { width:4px;height:4px;background:rgba(255,255,255,.4);border-radius:50%;flex-shrink:0; }

    /* ── COMMON ── */
    section { padding:60px 0; }
    .cw { max-width:1400px; margin:0 auto; padding:0 48px; }
    .slbl { font-family:'Montserrat',sans-serif; font-size:.7rem; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
    .slbl::before { content:''; display:block; width:24px; height:1px; background:var(--gold); }
    .stitle { font-family:'Montserrat',sans-serif; font-size:clamp(2.2rem,3.6vw,3.6rem); letter-spacing:.03em; line-height:.95; color:var(--text); }
    .stitle span { color:var(--blue-hi); }

    /* ── MODELS ── */
    #models { background: linear-gradient(to bottom, #FFF, var(--section-bg)); padding:60px 0 60px; }
    .m-hdr { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30px; gap:15px; flex-wrap:wrap; }
    .m-hdr p { max-width:400px; font-size:.95rem; font-weight:300; color:var(--fog-2); line-height:1.4; }

    /* ── MODEL CARDS — all horizontal, full-width ── */
    .mcards { display:flex; flex-direction:column; gap:2px; }

    .mcard {
      position:relative; overflow:hidden;
      background:var(--card-bg);
      display:flex; flex-direction:row;
      border:1px solid var(--line-m);
      transition:border-color .3s, background .35s;
      min-height:340px;
    }
    .mcard:hover { border-color:var(--fog-3); }

    /* X70 featured border */
    .mcard-featured {
      border:1px solid var(--gold) !important;
      position:relative;
    }
    /*
    .mcard-featured::before {
      content:'НОВИНКА';
      position:absolute; top:-1px; left:50%; transform:translateX(-50%);
      font-family:'Montserrat',sans-serif; font-size:.6rem; font-weight:700;
      letter-spacing:.2em; text-transform:uppercase;
      background:var(--gold); color:#08090C;
      padding:3px 18px; z-index:10;
      pointer-events:none;
    }
    */

    /* photo half */
    .mc-photo { position:relative; flex:0 0 52%; overflow:hidden; background:#FFF; }
    .mc-photo-wrap { position:absolute; inset:0; }
    .mc-photo-wrap img {
      position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
      opacity:0;
      transition:opacity .5s ease, transform .65s ease, filter .4s ease;
      filter:brightness(.7) saturate(.85); transform:scale(1.05);
    }
    .mc-photo-wrap img.active { opacity:1; filter:brightness(1) saturate(1); transform:scale(1.0); }
    .mc-photo::after {
      content:''; position:absolute; inset:0;
      /*background: var(--mc-fade);*/
      pointer-events:none; z-index:1;
    }

    .mc-num { position:absolute; top:20px; left:22px; z-index:2; font-family:'Montserrat',sans-serif; font-size:.8rem; letter-spacing:.2em; color:rgba(255,255,255,.22); }
    .mc-tag { position:absolute; top:20px; right:18px; z-index:2; font-family:'Montserrat',sans-serif; font-size:.6rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; background:var(--blue); color:#FFFFFF; padding:4px 12px; }
    .mc-tag.gld { background:var(--green); color:#08090C; }

    .mc-color-name { position:absolute; bottom:52px; left:22px; z-index:2; font-family:'Montserrat',sans-serif; font-size:.65rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); transition:color .2s; }
    .mc-colors { position:absolute; bottom:16px; left:22px; z-index:2; display:flex; gap:7px; align-items:center; }
    .mc-swatch { width:20px; height:20px; border-radius:50%; border:2px solid transparent; transition:transform .2s,border-color .2s; outline:none; flex-shrink:0; }
    .mc-swatch:hover { transform:scale(1.25); }
    .mc-swatch.active { border-color:#fff; transform:scale(1.18); box-shadow:0 0 0 1px rgba(255,255,255,.3); }

    /* info half */
    .mc-info { flex:1; padding:40px 48px; display:flex; flex-direction:column; justify-content:center; gap:20px; }
    .mc-name { font-family:'Montserrat',sans-serif; font-size:3rem; letter-spacing:.04em; line-height:1; color:var(--text); margin-bottom:2px; }
    .mcard-featured .mc-name { font-size:3.5rem; color:var(--gold); }
    .mc-sub { font-size:.72rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--fog-2); }
    .mc-specs { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); background:var(--spec-bg); }
    .mc-sp { padding:12px 14px; border-right:1px solid var(--line); }
    .mc-sp:last-child { border-right:none; }
    .mc-spv { font-family:'Montserrat',sans-serif; font-size:1rem; font-weight:700; color:#000; letter-spacing:.03em; }
    .mc-spk { font-size:.6rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--fog-2); margin-top:2px; }
    .mc-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
    .mc-pfrom { font-size:.62rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--fog-2); margin-bottom:3px; }
    .mc-pval { font-family:'Montserrat',sans-serif; font-size:1.4rem; letter-spacing:.04em; color:var(--text); }
    .mc-pcredit { font-size:.72rem; font-weight:500; color:var(--green); margin-top:1px; background: var(--hbar-bg); padding: 5px 10px;}
    .btn-mc { font-family:'Montserrat',sans-serif; font-weight:700; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text); background:transparent; border:1px solid var(--line-m); padding:13px 22px; text-decoration:none; transition:all .25s; display:inline-block; white-space:nowrap; flex-shrink:0; }
    .btn-mc:hover { background:var(--blue); color:#FFFFFF; border-color:var(--blue); }

    /* ── PARALLAX SECTIONS ── */
    .plx-section {
      position: relative;
      overflow: hidden;
    }
    /* The actual parallax image lives on ::before */
    .plx-section::before {
      content: '';
      position: absolute;
      top: -40%; left: 0; right: 0; bottom: -40%;
      background-size: cover;
      background-position: center 50%;
      background-repeat: no-repeat;
      will-change: transform;
      pointer-events: none;
      z-index: 0;
    }
    /* Dark overlay on ::after */
    .plx-section::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 1;
    }
    /* All direct children sit above both pseudo-elements */
    .plx-section > * {
      position: relative;
      z-index: 2;
    }

    /* WHY */
    /*#why::before {
      background-image: url('https://belgee-center.by/storage/thumbs/car_models/13/w1920_h1080_az6ymhg72ktvk5hhd3sx.webp');
    }*/
    #why::after {
      background: var(--dark-bg);
    }
    
    /* SPECIALS */
    /*#specials::before {
      background-image: url('https://belgee-center.by/storage/thumbs/car_models/13/w1920_h1080_az6ymhg72ktvk5hhd3sx.webp');
    }*/
    #specials::after {
      background: var(--dark-bg);
    }
    #specials .stitle, #why .stitle {color: #FFF !important}
    
    /* TRADEIN */
    #tradein {
        margin-top: 60px;  
    }

    /* TESTDRIVE */
    /*#testdrive::before {
      background-image: url('https://belgee-center.by/storage/thumbs/car_models/2/w1920_h1070_17380684411729596509no64-0927.webp');
    }
    */
    #testdrive::after {
      background: var(--dark-bg);
    }
    @media(max-width:600px){
      .mc-specs { grid-template-columns:repeat(2,1fr); }
      .mc-specs .mc-sp:nth-child(2) { border-right:none; }
      .mc-specs .mc-sp:nth-child(3) { border-top:1px solid var(--line); }
      .mc-specs .mc-sp:nth-child(4) { border-top:1px solid var(--line); }
    }

    /* ── CREDIT ── */
    #credit { background: linear-gradient(to bottom, #FFF, var(--section-bg)); }
    .cl-layout { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); }
    .cl-img { position:relative; max-height:510px; overflow:hidden; }
    .cl-img img { width:100%; height:100%; object-fit:cover; filter:brightness(.42) saturate(.55); }
    .cl-img::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(0,71,204,.3) 0%,transparent 60%); }
    .cl-cap { position:absolute; bottom:36px; left:40px; right:40px; z-index:2; }
    .cl-cap h2 { font-family:'Montserrat',sans-serif; font-size:clamp(1.2rem,2.5vw,2.8rem); letter-spacing:.03em; line-height:.95; color:#FFFFFF; margin-bottom:18px; }
    .cl-cap h2 span { color:var(--green); }
    .btn-cred { font-family:'Montserrat',sans-serif; font-weight:700; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; background:var(--blue); color:#FFF; padding:14px 32px; text-decoration:none; display:inline-block; transition:background .2s; }
    .btn-cred:hover { background:var(--gold-hi); color:#08090C; }
    .cl-r { padding:32px 56px; background:var(--credit-r); border-left:1px solid var(--line); transition:background .35s; }
    .cl-r h3 { font-family:'Montserrat',sans-serif; font-size:2rem; letter-spacing:.04em; color:var(--text); margin-bottom:32px; }
    .rategrid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:28px; }
    .rcell { background:var(--credit-cell); padding:28px 24px; transition:background .2s; }
    .rcell:hover { background:var(--ink-3); }
    .rbig { font-family:'Montserrat',sans-serif; font-size:3rem; color:var(--gold); letter-spacing:.03em; line-height:1; }
    .rbig sub { font-size:1.4rem; vertical-align:middle; }
    .rlbl { font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--rlbl-clr); margin-top:6px; }
    .rdesc { font-size:.82rem; color:var(--rdesc-clr); margin-top:6px; }
    .istrip { border:1px solid var(--istrip-brd); background:var(--istrip-bg); padding:16px 20px; font-size:.82rem; color:var(--istrip-txt); display:flex; align-items:flex-start; gap:12px; margin-top:14px; }
    .istrip i { color:var(--istrip-txt); font-size:1rem; margin-top:1px; flex-shrink:0; }

    /* ── WHY ── */
    #why { background: transparent; }
    .wgrid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line-m); margin-top:32px; }
    .wcell { padding:24px 32px; text-align:center; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .25s; position:relative; overflow:hidden; background:var(--cell-bg); backdrop-filter:blur(8px); }
    .wcell i{font-size: 2.5rem;}
    .wcell::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--blue); transform:scaleX(0); transform-origin:left; transition:transform .35s; }
    .wcell:hover::before { transform:scaleX(1); }
    .wcell:hover { background:var(--cell-hover); }
    .wcell:nth-child(3n) { border-right:none; }
    .wcell:nth-last-child(-n+3) { border-bottom:none; }
    .wnum { font-family:'Montserrat',sans-serif; font-size:.8rem; letter-spacing:.2em; color:var(--fog-3); margin-bottom:20px; }
    .wicon { width:48px; height:48px; background:var(--blue-dim); display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:var(--blue-hi); margin-bottom:20px; transition:background .25s; }
    [data-theme="light"] .wicon { color:var(--blue); }
    .wcell:hover .wicon { background:var(--blue); }
    [data-theme="light"] .wcell:hover .wicon { color:#FFFFFF; }
    .wcell h5 { font-family:'Montserrat',sans-serif; font-size:1.05rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text); margin-bottom:12px; }
    .wcell p { font-size:.88rem; font-weight:300; color:var(--fog-1); line-height:1.7; margin:0 }

    /* ── REVIEWS ── */
    #reviews { background: linear-gradient(to bottom, #FFF, var(--section-bg)); }
    .rv-hdr { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:32px; flex-wrap:wrap; gap:24px; }
    .ig-lnk { font-family:'Montserrat',sans-serif; font-size:.75rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--fog-2); text-decoration:none; display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--line-m); padding-bottom:4px; transition:color .2s,border-color .2s; }
    .ig-lnk:hover { color:var(--gold); border-color:var(--gold); }
    .rvgrid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
    .rvc { padding:40px 36px; border-right:1px solid var(--line); transition:background .2s; background:var(--card-bg); }
    .rvc:last-child { border-right:none; }
    .rvc:hover { background:var(--rev-hover); }
    .rvstars { display:flex; gap:3px; margin-bottom:20px; }
    .rvstars i { color:var(--yellow); font-size:.72rem; }
    .rvq { font-size:.95rem; font-weight:400; color:var(--rvq-clr); line-height:1.75; margin-bottom:28px; font-style:italic; }
    .rvq::before { content:'\201C'; font-family:Georgia,serif; font-size:2rem; color:var(--blue-hi); line-height:0; vertical-align:-.5rem; margin-right:4px; }
    .rvauth { display:flex; align-items:center; gap:14px; padding-top:20px; border-top:1px solid var(--line); }
    .rvava { width:38px; height:38px; background:var(--blue-dim); display:flex; align-items:center; justify-content:center; font-family:'Montserrat',sans-serif; font-size:1rem; letter-spacing:.06em; color:var(--spec-val); flex-shrink:0; }
    .rvname { font-family:'Montserrat',sans-serif; font-size:.85rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text); }
    .rvmod { font-size:.72rem; color:var(--fog-2); margin-top:2px; }
    
    /* ── SPECIALS ── */
#specials {
  background: var(--ink-2);
  padding: 60px 0;
  transition: background .4s;
}
 
.sp-hdr {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
 
.sp-hdr-left {}
 
.sp-all {
  font-family: 'Montserrat', sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--fog-2);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--line-m);
  padding-bottom: 4px;
  transition: color .2s, border-color .2s;
  flex-shrink: 0;
}
.sp-all:hover { color: var(--gold); border-color: var(--gold); }
.sp-all i { font-size: .8rem; transition: transform .2s; }
.sp-all:hover i { transform: translateX(4px); }
 
/* Grid */
.sp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
 
/* Card */
.sp-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: border-color .3s, background .4s, transform .3s;
  position: relative;
}
.sp-card:hover {
  border-color: var(--line-m);
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,.22);
}
[data-theme="light"] .sp-card:hover {
  box-shadow: 0 16px 48px rgba(0,0,0,.10);
}
 
/* Badge (optional — add class sp-badge-hot / sp-badge-new) */
.sp-badge {
  position: absolute;
  top: 16px; left: 16px;
  font-family: 'Montserrat', sans-serif;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: 4px 10px;
  z-index: 2;
  pointer-events: none;
}
.sp-badge-hot { background: #CC2020; color: #FFFFFF; }
.sp-badge-new { background: var(--gold); color: #08090C; }
.sp-badge-limited { background: var(--blue); color: #FFFFFF; }
 
/* Photo */
.sp-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--ink-3);
}
.sp-photo img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease, filter .4s ease;
  filter: brightness(.88) saturate(.9);
}
.sp-card:hover .sp-photo img {
  transform: scale(1.05);
  filter: brightness(1.0) saturate(1.08);
}
 
/* Body */
.sp-body {
  padding: 24px 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
}
 
.sp-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.sp-date {
  font-family: 'Montserrat', sans-serif;
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fog-2);
  display: flex;
  align-items: center;
  gap: 6px;
}
.sp-date i { font-size: .7rem; opacity: .7; }
 
.sp-cat {
  font-family: 'Montserrat', sans-serif;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--blue-hi);
  border: 1px solid var(--blue-dim);
  padding: 2px 8px;
  background: transparent;
}
[data-theme="light"] .sp-cat { color: var(--green); background: var(--dark-bg); border-color: rgba(0,71,204,.25); }
 
.sp-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.25;
  color: var(--text);
  text-transform: uppercase;
  transition: color .2s;
  flex: 1;
}
.sp-card:hover .sp-title { color: var(--gold); }
[data-theme="light"] .sp-card:hover .sp-title { color: var(--blue); }
 
.sp-desc {
  font-size: .88rem;
  font-weight: 300;
  color: var(--fog-2);
  line-height: 1.65;
}
 
/* Footer row */
.sp-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 4px;
  margin-top: auto;
}
 
/* Price tag (optional) */
.sp-price {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4rem;
  letter-spacing: .04em;
  color: var(--gold);
  line-height: 1;
}
.sp-price-old {
  font-family: 'Montserrat', sans-serif;
  font-size: .72rem;
  font-weight: 500;
  color: var(--fog-2);
  text-decoration: line-through;
  margin-left: 6px;
  vertical-align: middle;
}
 
/* Button */
.btn-sp {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--line-m);
  padding: 11px 20px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background .22s, color .22s, border-color .22s;
  white-space: nowrap;
  flex-shrink: 0;
}
.btn-sp i { font-size: .7rem; transition: transform .2s; }
.btn-sp:hover {
  background: var(--blue);
  color: #FFFFFF;
  border-color: var(--blue);
}
.btn-sp:hover i { transform: translateX(3px); }
 
/* Divider line between photo and body */
.sp-photo::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--card-bg));
  pointer-events: none;
  transition: background .4s;
}
 
/* ── Responsive ── */
@media (max-width: 1000px) {
  .sp-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .sp-grid { grid-template-columns: 1fr; }
  #specials { padding: 80px 0; }
}

    /* ── FORM ── */
    #testdrive { background: transparent; border-top: 1px solid var(--line); }
    .map-wrapper {position: relative;width: 100%; height: 650px}
    .map-wrapper iframe {
            width: 100%;
            height: 100%;
            border: 0;
            display: block;
    }
    .map-contacts {
            position: absolute;
            bottom: 10px;         
            left: 10px;        
            background: rgba(255, 255, 255, 0.95);
            padding: 15px 25px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);            
            z-index: 10;         
            max-width: 80%;            
            border-left: 4px solid var(--green);
        }
    .fl { display:grid; grid-template-columns:5fr 7fr; border:1px solid var(--line-m); }
    .fl-l { padding:0; border-right:1px solid var(--line); background:var(--form-l-bg); backdrop-filter:blur(12px); position:relative; overflow:hidden; }    
    .fl-l h2 { font-family:'Montserrat',sans-serif; font-size:clamp(2.2rem,3.5vw,3.5rem); letter-spacing:.03em; line-height:.95; color:var(--text); margin-bottom:18px; }
    .fl-l h2 span { color:var(--blue-hi); }
    .fl-l p { font-size:.9rem; font-weight:300; color:var(--fog-2); line-height:1.7; margin-bottom:40px; }
    .citem { display:flex; align-items:flex-start; gap:16px; margin-bottom:24px; }
    .cico { width:38px; height:38px; background:var(--blue-dim); display:flex; align-items:center; justify-content:center; font-size:.95rem; color:var(--blue-hi); flex-shrink:0; }
    [data-theme="light"] .cico { color:var(--blue); }
    .clbl { font-size:.65rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--fog-2); margin-bottom:3px; }
    .cval { font-size:.92rem; font-weight:500; color:var(--text); }
    .numbphone {font-size: 1.4rem}
    .fl-r { padding:48px 48px; background:var(--form-r-bg); backdrop-filter:blur(12px); }
    .fbel label { font-family:'Montserrat',sans-serif; font-size:.68rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--fog-2); margin-bottom:8px; display:block; }
    .fbel .form-control, .fbel .form-select { background:var(--form-input); border:1px solid var(--form-border); border-radius:0; color:var(--text); padding:14px 18px; font-family:'Barlow',sans-serif; font-size:.9rem; transition:border-color .2s, background .35s; }
    .fbel .form-control::placeholder { color:var(--form-ph); }
    .fbel .form-control:focus, .fbel .form-select:focus { background:var(--form-input); border-color:var(--blue-hi); box-shadow:none; color:var(--text); }
    .fbel .form-select option { background:var(--ink-2); color:var(--text); }
    .fg { margin-bottom:20px; }
    .btn-fsub { font-family:'Montserrat',sans-serif; font-weight:700; font-size:.85rem; letter-spacing:.16em; text-transform:uppercase; background:var(--blue); color:#FFFFFF; border:none; padding:18px 48px; width:100%; transition:background .2s; margin-top:8px; }
    .btn-fsub:hover { background:var(--blue-hi); }
    .fnote { font-size:.72rem; color:var(--fog-2); text-align:center; margin-top:12px; }
    #successMsg { display:none; text-align:center; padding:48px 0; }
    #successMsg i { font-size:2.5rem; color:var(--blue-hi); display:block; margin-bottom:16px; }
    #successMsg h4 { font-family:'Montserrat',sans-serif; font-size:1.8rem; letter-spacing:.06em; color:var(--text); margin-bottom:8px; }
    #successMsg p { font-size:.9rem; color:var(--fog-2); }

    /* ── FOOTER — always dark regardless of theme ── */
    footer { background:var(--footer-bg); border-top:1px solid var(--line); padding:64px 0 0; }
    .ftop { max-width:1400px; margin:0 auto; padding:0 48px; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:0; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.08); }
    .fbc { padding-right:48px; }
    .flogo { font-family:'Montserrat',sans-serif; font-size:2rem; letter-spacing:.08em; color:var(--footer-text); text-decoration:none; display:block; margin-bottom:16px; }
    .flogo span { color:#4D8FFF; }
    .fabout { font-size:.82rem; font-weight:300; color:var(--footer-sub); line-height:1.7; margin-bottom:24px; }
    .fsoc { display:flex; gap:10px; }
    .sbtn { width:36px; height:36px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.45); text-decoration:none; font-size:.95rem; transition:all .2s; }
    .sbtn:hover { background:#0047CC; border-color:#0047CC; color:#FFFFFF; }
    .fcol { padding:0 16px; }
    .fct { font-family:'Montserrat',sans-serif; font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.32); margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.08); }
    .flnk { display:block; font-size:1rem; font-weight:400; color:rgba(255,255,255,.38); text-decoration:none; margin-bottom:10px; transition:color .2s; }
    .flnk:hover { color:#FFFFFF; }
    .fbot { max-width:1400px; margin:0 auto; padding:24px 48px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
    .fcopy { font-size:.75rem; color:rgba(255,255,255,.22); }

    /* ── REVEAL ── */
    .reveal { opacity:0; transform:translateY(28px); transition:opacity .65s,transform .65s; }
    .reveal.in { opacity:1; transform:translateY(0); }

    /* ── RESPONSIVE ── */
    @media(max-width:1100px){
      .cw,.nav-w,.h-bar-in,.ftop,.fbot{padding-left:28px;padding-right:28px}
      .fl{grid-template-columns:1fr} .fl-l{border-right:none;border-bottom:1px solid var(--line)}
      .cl-layout{grid-template-columns:1fr}
      .ftop{grid-template-columns:1fr 1fr;gap:32px}
    }
    @media(max-width:900px){
      .mrow,.mrow.full{grid-template-columns:1fr}
      .mcol{border-right:none!important}
      .wgrid{grid-template-columns:1fr 1fr}
      .wcell:nth-child(2n){border-right:none}
      .wcell:nth-child(3n){border-right:1px solid var(--line)}
      .rvgrid{grid-template-columns:1fr}
      .rvc{border-right:none;border-bottom:1px solid var(--line)}
      .rvc:last-child{border-bottom:none}
      .h-bar-in{grid-template-columns:1fr 1fr}
      .scell:nth-child(2n){border-right:none}
      .scell:nth-child(3){border-top:1px solid var(--line);padding-top:16px}
      .plx-bg { top:0; bottom:0; }
    }
    @media(max-width:768px){
      /*#hero{min-height:155svh}*/
	#hero {min-height: 142dvh;}
      .h-content,.nav-w{padding-left:24px;padding-right:24px}
      .nav-links{display:none}
      .ntog{display:block}
      section{padding:80px 0}
      .fl-l,.fl-r,.cl-r{padding:40px 28px}
      .cl-cap{left:24px;right:24px;bottom:24px}
      .wgrid{grid-template-columns:1fr}
      .wcell{border-right:none!important}
      .wcell:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
      .wcell:last-child{border-bottom:none}
      .ftop{grid-template-columns:1fr;padding-left:6px;padding-right:6px}
      .fcol{padding:0}
      .fbc{padding-right:0}
      .fbot{padding-left:6px;padding-right:6px}
      .cw{padding-left:6px;padding-right:6px}
    }

/* Только для iPhone и iPad */
@supports (-webkit-touch-callout: none) {
  #hero {
        min-height: 150dvh;
    }
}

.mc-photo-wrap {
  position: relative; /* Важно для позиционирования стрелок */
}

.mc-photo-wrap img {
  display: none;
  width: 100%;
  height: auto;
}

.mc-photo-wrap img.active {
  display: block;
}

/* Стрелки */
.mc-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.mc-arrow:hover {
  background: white;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.mc-arrow:active {
  transform: translateY(-50%) scale(0.95);
}

.mc-arrow-prev {
  left: 10px;
}

.mc-arrow-next {
  right: 10px;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
  .mc-arrow {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
  #nav {height: 85px}
  .nav-h {flex-direction: column;}
  .stitle {font-size: 1.5rem}
  .rbig, .snum {font-size: 2rem}
  .nav-logo {margin:0 auto}
  .h-acts {flex-direction: column;}
  .scell {padding: 16px 0 16px 0px;}
  #navAddress_mob{display:block; font-size: 0.75rem; text-align:center}
  #navAddress_mob span {display:block}
  
}

@media (min-width: 769px) and (max-width: 1220px) {
    .nav-links {
        gap:10px
    }
    .nav-cta {
        padding: 10px 15px;
    }
    #hero {
        min-height: 880px
    }
}
.price-card {margin-bottom: 1rem;}
.price s {font-size: 1rem; color: #777;}
.discount {color: red;}
.discount-text{font-size: 0.75rem;color: #777;}


/* Мобильная адаптация для карточек моделей */
@media (max-width: 768px) {
	.mc-arrow {display:none}
  /* Карточка модели на мобильных - вертикальная структура */
  .mcard {
    flex-direction: column !important;
    min-height: auto !important;
  }
  
  /* Фото на всю ширину */
  .mc-photo {
    flex: 0 0 auto !important;
    width: 100%;
    min-height: 300px;
    position: relative;
  }
  
  .mc-photo-wrap {
    position: relative;
    height: 280px;
  }
  
  .mc-photo-wrap img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* Информационный блок под фото */
  .mc-info {
    padding: 24px 20px !important;
    width: 100%;
  }
  
  /* Название модели */
  .mc-name {
    font-size: 2rem !important;
  }
  
  /* Характеристики - 2 колонки на мобильных */
  .mc-specs {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0;
    margin: 16px 0;
  }
  
  .mc-sp {
    padding: 12px 16px !important;
  }
  
  .mc-sp:nth-child(2) {
    border-right: 1px solid var(--line);
  }
  
  .mc-sp:nth-child(3) {
    border-top: 1px solid var(--line);
  }
  
  .mc-sp:nth-child(4) {
    border-top: 1px solid var(--line);
  }
  
  /* Блок с ценой и кнопками */
  .mc-foot {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin-top: 20px !important;
  }
  
  .mc-foot > div:first-child {
    text-align: center;
  }
  
  .mc-pval {
    font-size: 1.8rem !important;
  }
  
  /* Кнопки в одну колонку */
  .mc-foot .btn-mc,
  .mc-foot .nav-cta {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
  }
  
  /* Цвета - горизонтальная прокрутка */
  .mc-colors {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 8px 0;
    -webkit-overflow-scrolling: touch;
  }
  
  .mc-swatch {
    flex-shrink: 0;
    width: 44px !important;
    height: 44px !important;
  }
  
  /* Номер модели и тэги */
  .mc-num {
    top: 16px !important;
    left: 16px !important;
    font-size: 0.7rem !important;
  }
  
  .mc-tag {
    top: 16px !important;
    right: 16px !important;
    font-size: 0.55rem !important;
    padding: 3px 10px !important;
  }
  
  /* Название цвета */
  .mc-color-name {
    bottom: auto !important;
    top: 16px !important;
    left: 16px !important;
    right: auto !important;
    font-size: 0.6rem !important;
    background: rgba(0,0,0,0.6);
    padding: 4px 8px;
    border-radius: 20px;
  }
  
  /* Стрелки слайдера */
  .mc-arrow {
    width: 36px !important;
    height: 36px !important;
    font-size: 18px !important;
    background: rgba(0,0,0,0.6) !important;
  }
  
  .mc-arrow:hover {
    background: rgba(0,0,0,0.8) !important;
  }
}

/* Для планшетов среднего размера */
@media (min-width: 769px) and (max-width: 1024px) {
  .mc-info {
    padding: 30px 30px !important;
  }
  
  .mc-name {
    font-size: 2.2rem !important;
  }
  
  .mc-specs {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .mc-foot {
    flex-wrap: wrap;
  }
}

/* Дополнительные улучшения для мобильных устройств */
@media (max-width: 768px) {
  /* Заголовки секций */
  .stitle {
    font-size: 1.8rem !important;
  }
  
  /* Отступы между карточками */
  .mcards {
    gap: 20px !important;
  }
  
  .mcard {
    margin-bottom: 20px;
    border-radius: 16px;
    overflow: hidden;
  }
  
  /* Анимация при нажатии */
  .mc-swatch:active {
    transform: scale(0.95);
  }
  
  /* Улучшенная читаемость цены */
  .discount {
    font-size: 1.6rem;
  }
  
  .price s {
    font-size: 1rem;
  }
  
  /* Кнопки */
  .btn-mc, .nav-cta {
    padding: 12px 20px !important;
    font-size: 0.85rem !important;
  }
  
  /* Отступы между кнопками */
  .mc-foot > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

/* Мобильная нижняя панель навигации */
.mobile-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--nav-bg);
  backdrop-filter: blur(20px);
  border-top: 1px solid var(--line);
  padding: 12px 20px;
  z-index: 1000;
  transition: all 0.3s ease;
}

.mobile-bottom-nav-items {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 12px;
}

.mobile-nav-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 12px;
  transition: all 0.2s ease;
  background: transparent;
  border: none;
  cursor: pointer;
}

.mobile-nav-item i {
  font-size: 1.4rem;
  color: var(--gold);
  transition: all 0.2s;
}

.mobile-nav-item span {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--text-sub);
  transition: all 0.2s;
}

.mobile-nav-item:hover {
  background: var(--cell-hover);
  transform: translateY(-2px);
}

.mobile-nav-item:active {
  transform: translateY(0);
}

/* Активная/выделенная кнопка */
.mobile-nav-item.cta-button {
  background: var(--gold);
  border: none;
}

.mobile-nav-item.cta-button i,
.mobile-nav-item.cta-button span {
  color: #08090C;
}

.mobile-nav-item.cta-button:hover {
  background: var(--gold-hi);
  transform: translateY(-2px);
}

/* Адаптация для очень маленьких экранов */
@media (max-width: 480px) {
  .mobile-bottom-nav {
    padding: 0 6px;
  }
  
  .mobile-nav-item {
    padding: 6px 8px;
  }
  
  .mobile-nav-item i {
    font-size: 1.2rem;
  }
  
  .mobile-nav-item span {
    font-size: 0.65rem;
  }
}

/* Показываем панель только на мобильных устройствах */
@media (max-width: 768px) {
  .mobile-bottom-nav {
    display: block;
  }
  
  #mobile_phone_num span {font-size: 1.4rem}
  
  /* Добавляем отступ снизу для контента, чтобы он не перекрывался панелью */
  body {
    padding-bottom: 80px;
  }
  
  /* Корректируем отступы для последних секций */
  section:last-of-type {
    margin-bottom: 0;
  }
  
  #testdrive {
    margin-bottom: 0;
  }
  
  footer {
    margin-bottom: 0;
  }
}

/* Темная/светлая тема для панели */
[data-theme="light"] .mobile-bottom-nav {
  background: rgba(240, 242, 247, 0.98);
  border-top-color: var(--line-m);
}

[data-theme="light"] .mobile-nav-item span {
  color: var(--text);
}

[data-theme="light"] .mobile-nav-item.cta-button {
  background: var(--blue);
}

[data-theme="light"] .mobile-nav-item.cta-button i,
[data-theme="light"] .mobile-nav-item.cta-button span {
  color: #FFFFFF;
}

[data-theme="light"] .mobile-nav-item.cta-button:hover {
  background: var(--blue-hi);
}