/* ============================================================================
   SUNWARD VI — sentuoli.uz (rasmiy diler sayti)
   Manba: Sunward Brand Book v03.2025 (海外品牌手册, 外部版)
   Qo'llangan: 2026-09-10

   Brandbook talablari:
   · Standart rang  — 山河绿 Sunward Green  #09867F  (C82 M33 Y53 K0)
   · Yordamchi      — Special Silver #ADADAD · och mint (R78 G220 B202) · gold #A97D23
   · Yordamchi grafika — 65° "slash": uzun bar (≥3A) + qisqa bar (A), img/vi-slash.svg
   · Yordamchi fon naqshi — egik plitkalar, img/vi-pattern.svg
   · Logo: oq fonda standart rang; ≥60% to'q fonda faqat OQ (reverse) — img/sunward-wordmark*.png
   · Logo xavfsiz zonasi A; qiyshaytirish, siqish, rangini o'zgartirish TAQIQ
   · Do'kon / stend / banner: OQ fon, teal bant. Roll-up: to'liq teal, oq logo.
   · Tipografika: yengil (Light) sans, keng tracking'li kichik yorliqlar.

   Bu qatlam styles.css ustidan yuklanadi (on-energy.css o'rniga).
   ============================================================================ */

/* ─── 1. TOKENLAR ─────────────────────────────────────────────────────────── */
:root {
    --sw-green:      #09867F;   /* Sunward Green — standart rang */
    --sw-green-dark: #076E68;   /* hover */
    --sw-green-deep: #0A5955;   /* teal fonda quyuq matn / kuchli urg'u */
    --sw-mint:       #4EDCCA;   /* yordamchi och rang (slash qisqa bar) */
    --sw-tint:       #E6F3F2;   /* teal 8% — yorug' urg'u sathi */
    --sw-tint-2:     #F2F8F7;
    --sw-ink:        #1E2726;   /* sarlavha matni */
    --sw-body:       #4F5B5A;   /* asosiy matn */
    --sw-muted:      #8B9695;   /* ikkilamchi matn */
    --sw-line:       #E1E8E7;   /* chegara */
    --sw-surface:    #FFFFFF;
    --sw-surface-2:  #F6F8F8;   /* almashinuvchi bo'lim foni */
    --sw-charcoal:   #26302F;   /* footer / ink draft */
    --sw-silver:     #ADADAD;   /* brandbook Special Silver */

    /* styles.css tokenlari → VI */
    --color-primary:       var(--sw-green);
    --color-primary-dark:  var(--sw-green-dark);
    --color-primary-glow:  rgba(9,134,127,0.18);
    --color-primary-light: var(--sw-mint);
    --color-accent:        var(--sw-green);
    --color-accent-dark:   var(--sw-green-dark);
    --color-accent-light:  var(--sw-mint);
    --color-sunward:       var(--sw-green);
    --color-sunward-dark:  var(--sw-green-dark);
    --color-shantui:       var(--sw-green);        /* eski Shantui-orange qolgan joylar (value-number, timeline) */
    --color-shantui-dark:  var(--sw-green-dark);
    --color-dark:          var(--sw-ink);
    --color-darker:        var(--sw-charcoal);
    --color-navy:          var(--sw-charcoal);
    --color-gray:          var(--sw-body);
    --color-light-gray:    var(--sw-surface-2);
    --color-border:        var(--sw-line);
    --color-white:         #ffffff;

    --font-display: 'Inter', 'Noto Sans', 'Helvetica Neue', sans-serif;
    --font-body:    'Inter', 'Noto Sans', 'Helvetica Neue', sans-serif;

    /* Soyalar — juda nozik (brandbook tekis) */
    --shadow-sm: 0 1px 2px rgba(30,39,38,0.05);
    --shadow-md: 0 6px 20px rgba(30,39,38,0.07);
    --shadow-lg: 0 14px 40px rgba(30,39,38,0.09);
    --shadow-3d: none;

    --transition:    0.22s ease;
    --transition-3d: 0.22s ease;
    --container-max: 1240px;
}

/* ─── 2. GLOBAL ───────────────────────────────────────────────────────────── */
body {
    background: var(--sw-surface);
    color: var(--sw-body);
    font-family: var(--font-body);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.005em;
}
*, *::before, *::after { text-shadow: none !important; }

/* Sarlavhalar — brandbook uslubi: yengil (300), sentence-case, zich tracking */
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *,
.section-title, .section-title *,
.hero-content h1, .hero-content h1 *,
.hs-number, .hs-number *, .bc-num, .ss-num {
    font-family: var(--font-display) !important;
    font-weight: 300 !important;
    letter-spacing: -0.025em;
    line-height: 1.12;
    text-transform: none !important;
    color: var(--sw-ink) !important;
}
h1, .hero-content h1 { font-size: clamp(2.5rem, 5.6vw, 3.9rem); line-height: 1.04; }
h2, .section-title   { font-size: clamp(1.8rem, 3.2vw, 2.4rem); }
h3                   { font-size: clamp(1.1rem, 1.5vw, 1.3rem); letter-spacing: -0.015em; font-weight: 400 !important; }
h4                   { font-weight: 400 !important; }

p, li, td { font-weight: 400; }
p { color: var(--sw-body); line-height: 1.6; }
strong, b { font-weight: 500; color: var(--sw-ink); }
a:hover { color: var(--sw-green); }

/* Eyebrow / kichik yorliqlar — brandbook: keng tracking'li uppercase */
.eyebrow, .section-intro .eyebrow, .pft-label, .seo-section-eyebrow,
.hs-label, .bc-lbl, .ss-label, .hbi-sub, .form-label,
.tc-role, .tcard-role, .brand-logo-sub, .bsh-sub, .mc-type, .exc-card-subtype,
.seo-stat-label, .company-stat-box .stat-lbl {
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
}
.eyebrow, .section-intro .eyebrow, .seo-section-eyebrow {
    color: var(--sw-green) !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    display: inline-block;
    margin-bottom: 12px;
}
.eyebrow::before, .seo-section-eyebrow::before {
    content: "";
    display: inline-block;
    width: 18px; height: 2px;
    background: var(--sw-green);
    vertical-align: middle;
    margin-right: 10px;
    transform: skewX(-25deg);
}
.section-intro p { color: var(--sw-body); }
.section-intro.center .section-title::after,
.section-title.center::after { display: none !important; }

/* ─── 3. TOP BAR — teal bant: ikonkali aloqa qatori, rasmiy diler belgisi, til tugmalari ─── */
.top-bar {
    position: relative; overflow: hidden;
    background: linear-gradient(90deg, var(--sw-green-deep) 0%, var(--sw-green) 42%, #0A948C 100%) !important;
    border-bottom: none !important;
    padding: 7px 0 !important;
}
.top-bar::before {   /* o'ng tomonda xira VI naqshi */
    content: ""; position: absolute; right: -40px; top: 50%; width: 360px; height: 120px; transform: translateY(-50%);
    background: url("img/vi-pattern-white.svg") no-repeat right center / contain; opacity: .07; pointer-events: none;
}
.top-bar::after { display: none !important; }   /* eski ko'k-qizil chiziq */
.top-bar .container { position: relative; z-index: 1; }
.top-bar-content { gap: 20px; flex-wrap: nowrap; min-height: 32px; }

.top-bar-info { display: flex; align-items: center; gap: 0; flex-wrap: nowrap; min-width: 0; }
.top-bar .tb-item {
    display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
    padding: 3px 16px; position: relative;
    color: rgba(255,255,255,.86) !important; font-size: .78rem !important; font-weight: 500; letter-spacing: .01em;
    text-decoration: none !important; transition: color .2s;
}
.top-bar .tb-item:first-child { padding-left: 0; }
.top-bar .tb-item + .tb-item::before {
    content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; transform: translateY(-50%);
    background: rgba(255,255,255,.22);
}
.top-bar .tb-item span { color: inherit !important; font-size: inherit !important; }
.top-bar .tb-ic {
    width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.14); transition: background .2s, color .2s;
}
.top-bar .tb-ic svg { width: 12px; height: 12px; }
.top-bar a.tb-item:hover { color: #fff !important; }
.top-bar a.tb-item:hover .tb-ic { background: #fff; color: var(--sw-green) !important; }
.top-bar .tb-phone { font-weight: 600; font-variant-numeric: tabular-nums; }

.top-bar-right { gap: 16px; flex-shrink: 0; }
.top-bar .tb-dealer {
    display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important;
    color: rgba(255,255,255,.8) !important; font-size: .7rem !important; font-weight: 500;
    letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
}
.top-bar .tb-dealer span { font-size: inherit !important; color: inherit !important; }
.top-bar .tb-dealer:hover { color: #fff !important; }
.tb-dealer-sep { width: 1px; height: 14px; background: rgba(255,255,255,.3); }
.topbar-brand-logo, .sunward-topbar {
    filter: brightness(0) invert(1) !important;   /* teal fonda logo OQ (reverse) */
    max-height: 15px !important; width: auto !important; opacity: 1 !important; display: block;
}

/* Til tugmalari — bitta ixcham guruh */
.lang-switcher {
    display: inline-flex !important; gap: 2px !important; padding: 3px !important;
    background: rgba(0,0,0,.14) !important; border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 999px !important; overflow: visible !important;
}
.lang-btn {
    background: transparent !important; border: none !important; box-shadow: none !important;
    color: rgba(255,255,255,.78) !important;
    min-width: 34px; padding: 5px 10px !important; border-radius: 999px !important;
    font-family: var(--font-body) !important; font-weight: 600 !important; font-size: .7rem !important;
    letter-spacing: .06em; line-height: 1 !important; cursor: pointer;
    transition: background .2s, color .2s;
}
.lang-btn:hover { background: rgba(255,255,255,.14) !important; color: #fff !important; }
.lang-btn.active { background: #fff !important; color: var(--sw-green-deep) !important; box-shadow: 0 1px 4px rgba(0,0,0,.16) !important; }
.lang-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Tor ekranlar: avval ish vaqti, keyin manzil va "rasmiy diler" yashirinadi */
@media (max-width: 1280px) { .top-bar .tb-hours { display: none; } }
@media (max-width: 1080px) { .top-bar .tb-addr { display: none; } }
@media (max-width: 900px)  { .top-bar .tb-dealer > span:not(.tb-dealer-sep), .tb-dealer-sep { display: none; } }
@media (max-width: 768px) {
    .top-bar-content { justify-content: space-between !important; }
    .top-bar-info { display: flex !important; }
    .top-bar .tb-mail, .top-bar .tb-dealer { display: none !important; }
    .brand-chips { display: none; }
    .lang-btn { min-width: 38px; padding: 8px 10px !important; }
}
@media (max-width: 360px) { .top-bar .tb-phone .tb-ic { display: none; } }

/* ─── 4. HEADER / NAV — oq ───────────────────────────────────────────────── */
/* overflow-x:hidden html/body'ni scroll-konteynerga aylantirib sticky header'ni buzardi;
   clip scroll-konteyner yaratmaydi (eski brauzerda hidden'ga tushadi) */
html, body { overflow-x: clip; }
/* Liquid glass: shaffof oq shisha + blur; scroll'da orqadagi kontent xira ko'rinadi */
.header {
    background: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.50) 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.65) !important;
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    backdrop-filter: blur(10px) saturate(140%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.90),
        0 1px 0 rgba(30,39,38,0.06) !important;
    transition: background 0.35s ease, box-shadow 0.35s ease;
}
.header.scrolled {
    background: linear-gradient(180deg, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.62) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 1px 0 rgba(30,39,38,0.06),
        0 10px 36px rgba(30,39,38,0.10) !important;
}
/* Pastki qirra — teal "refraksiya" chizig'i (eski ko'k gradient o'rniga) */
.header::after {
    background: linear-gradient(90deg, transparent 0%, rgba(9,134,127,0.35) 30%, rgba(78,220,202,0.45) 50%, rgba(9,134,127,0.35) 70%, transparent 100%) !important;
    opacity: 0.8 !important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .header, .header.scrolled { background: rgba(255,255,255,0.97) !important; }
}

/* Emblema — shisha plitka: teal, tepada yorug' qirra, pastda soya, diagonal shu'la */
.logo { position: relative; z-index: 0; }
.logo-emblem {
    background: linear-gradient(160deg, rgba(20,160,150,0.96) 0%, var(--sw-green) 55%, rgba(6,110,104,0.98) 100%) !important;
    color: #fff !important;
    border-radius: 3px !important;
    border: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.55),
        inset 1px 0 0 rgba(255,255,255,0.22),
        inset 0 -1px 0 rgba(0,0,0,0.18) !important;
    /* 65° parallelogram — brandbook yordamchi grafika */
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
    transition: transform 0.3s cubic-bezier(.2,.8,.2,1);
}
.logo-emblem::after {
    background: linear-gradient(125deg, rgba(255,255,255,0.00) 30%, rgba(255,255,255,0.32) 48%, rgba(255,255,255,0.00) 62%),
                linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.00) 45%) !important;
}
/* clip-path tashqi soyani kesadi — shuning uchun glow alohida qatlamda */
.logo::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    width: 56px; height: 44px;
    transform: translateY(calc(-50% + 7px));
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
    background: rgba(9,134,127,0.55);
    filter: blur(10px);
    opacity: 0.55;
    z-index: -1;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
}
.logo:hover .logo-emblem { transform: translateY(-1px) scale(1.03); box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.70),
        inset 1px 0 0 rgba(255,255,255,0.28),
        inset 0 -1px 0 rgba(0,0,0,0.18) !important; }
.logo:hover::before { opacity: 0.8; transform: translateY(calc(-50% + 9px)); }
.footer .logo::before { width: 42px; height: 34px; opacity: 0.35; }
.logo-emblem-inner { background: transparent !important; font-weight: 800 !important; letter-spacing: 0.02em; }
.logo-emblem *, .em-i-wrap, .em-i-wrap *, .header .em-i-wrap * { color: #fff !important; }
.em-accent, .em-i-wrap .em-accent { background: var(--sw-mint) !important; }
/* Qisqa nom: "Sunward-STI" (diler bilan kelishilgan) — uzunroq, shuning uchun 22px */
.brand-name { color: var(--sw-ink) !important; font-weight: 600 !important; font-size: 22px !important; letter-spacing: 0.02em !important; white-space: nowrap; }
@media (max-width: 768px) { .brand-name { font-size: 17px !important; } }
.brand-tagline { color: var(--sw-muted) !important; font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; }

.nav-menu > li > a {
    color: var(--sw-ink) !important;
    font-weight: 500 !important;
    font-size: 0.9rem;
    letter-spacing: 0;
    text-transform: none !important;
    padding: 8px 14px;
    border-radius: 6px;
    position: relative;
    background: none !important;
}
.nav-menu > li > a:hover { color: var(--sw-green) !important; background: var(--sw-tint-2) !important; }
.nav-menu > li.active > a { color: var(--sw-green) !important; }
.nav-menu > li > a::after { display: none !important; }
.nav-menu > li.active > a::after {
    display: block !important;
    content: "";
    position: absolute; left: 14px; right: 14px; bottom: 2px;
    height: 2px; background: var(--sw-green);
    transform: skewX(-25deg);
    opacity: 1 !important;
}
.dropdown {
    background: #fff !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: 10px !important;
    box-shadow: var(--shadow-md) !important;
}
.dropdown li a { color: var(--sw-body) !important; font-weight: 400 !important; }
.dropdown li a:hover { background: var(--sw-tint) !important; color: var(--sw-green) !important; }

.search-trigger {
    background: var(--sw-surface-2) !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important;
    color: var(--sw-body) !important;
}
.search-trigger:hover { border-color: var(--sw-green) !important; color: var(--sw-green) !important; }
.search-trigger-kbd { background: #fff !important; color: var(--sw-muted) !important; border: 1px solid var(--sw-line) !important; }
.svc-login {
    border: 1px solid var(--sw-line) !important;
    color: var(--sw-muted) !important;
    border-radius: 8px !important;
    background: #fff !important;
}
.svc-login:hover { border-color: var(--sw-green) !important; color: var(--sw-green) !important; }
.mobile-toggle span { background: var(--sw-ink) !important; }

/* ─── 5. HERO — oq/yorug', o'ngda katta slash, xira suv belgisi ──────────── */
.hero {
    background: linear-gradient(180deg, var(--sw-surface-2) 0%, #fff 100%) !important;
    border-bottom: none !important;
    position: relative;
    overflow: hidden;
    min-height: auto;
}
.hero-glow, .hero-glow-1, .hero-glow-2, .hero-shapes, .hero-logo-3d { display: none !important; }
.hero::before, .hero::after { display: block !important; content: ""; position: absolute; pointer-events: none; opacity: 1 !important; }
/* Xira SUNWARD suv belgisi — brandbook har sahifasidagi kabi */
.hero::before {
    right: -4vw; bottom: 120px;
    width: min(70vw, 980px); aspect-ratio: 1255/298;
    background: url("img/sunward-wordmark.png") no-repeat center / contain;
    opacity: 0.045 !important;
    z-index: 0;
}
/* 65° slash — yordamchi grafika */
.hero::after {
    right: 6vw; top: 0;
    height: 78%; aspect-ratio: 130.6/160;
    background: url("img/vi-slash.svg") no-repeat center / contain;
    opacity: 0.9 !important;
    z-index: 0;
}
.hero .container { position: relative; z-index: 1; }
.hero-content { text-align: left; max-width: 640px; }
.hero-brand-badge {
    background: #fff !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: 999px !important;
    padding: 7px 16px 7px 12px !important;
    box-shadow: none !important;
}
.hero-brand-badge span { color: var(--sw-body) !important; font-size: 0.74rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
.badge-dot { background: var(--sw-green) !important; box-shadow: 0 0 0 4px rgba(9,134,127,0.15) !important; }

.hero-content h1 { color: var(--sw-ink) !important; margin: 26px 0 20px; }
.hero-content h1 .h1-accent {
    color: var(--sw-green) !important;
    -webkit-text-fill-color: var(--sw-green) !important;
    background: none !important;
    font-weight: 400 !important;
    display: block;
}
/* Sarlavha harflari — sichqoncha ostida kattalashadi (script.js scaleLetters).
   Rang va qalinlik ota spandan meros: yuqoridagi ".hero-content h1 *" qoidasi ularni qora/300 qilib qo'ymasin. */
.hero-content h1 .sl-word { display: inline-block; white-space: nowrap; }
.hero-content h1 .sl-word, .hero-content h1 .sl-ch {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-weight: inherit !important;
}
.hero-content h1 .sl-ch {
    display: inline-block;
    transform-origin: center;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .hero-content h1 .sl-ch:hover {
        position: relative; z-index: 1;
        transform: perspective(1000px) scale(1.25) rotateX(8deg) rotateY(-6deg);
    }
}

.hero-content > p { color: var(--sw-body) !important; max-width: 32em; font-size: clamp(0.98rem, 1.15vw, 1.08rem); }

.hero-brand-logos { justify-content: flex-start; border-top: 1px solid var(--sw-line); padding-top: 22px; margin-top: 10px; }
.hero-brand-item { background: none !important; border: none !important; padding: 0 !important; }
.hbi-logo { filter: none !important; max-height: 30px !important; width: auto; opacity: 1; }
.hbi-sub { color: var(--sw-muted) !important; }

/* Hero stats — teal bant (brandbook stend sarlavha banti), hero pastiga to'liq kenglikda yopishgan */
.hero-stats-bar {
    background: var(--sw-green) !important;
    border: none !important;
    backdrop-filter: none !important;
    position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    z-index: 4;
}
.hero { padding-bottom: 130px !important; }
/* .hero flex konteyner — .container to'liq kenglikni egallasin (aks holda markazga siljiydi) */
.hero > .container { width: 100% !important; flex: 1 1 100% !important; max-width: var(--container-max); }
.badge-dot { width: 8px !important; height: 8px !important; flex-shrink: 0 !important; }
/* Wordmark rasmlari — orqasida hech qanday fon/quti bo'lmasin (brandbook: xavfsiz zona toza) */
img[src*="sunward-wordmark"] { background: none !important; box-shadow: none !important; border: none !important; }
.bsh-logo-wrap, .brand-card-logo, .hero-brand-item { background: none !important; }

/* company.html — grid ustunlari kontent tufayli cho'zilib ketmasin (224px "STI" matni) */
.about-grid > * { min-width: 0 !important; }
.about-image-wrap { min-width: 0 !important; }
/* company.html — "STI" bezak bloki: to'q navy → teal gradient + naqsh */
.about-image {
    font-size: clamp(5rem, 9vw, 8.5rem) !important;
    font-weight: 300 !important;
    font-style: normal !important;
    letter-spacing: -0.04em;
    background: linear-gradient(135deg, var(--sw-green) 0%, var(--sw-green-deep) 100%) !important;
    color: rgba(255,255,255,0.10) !important;
    border-radius: 12px !important;
    position: relative; overflow: hidden;
}
.about-image::after {
    content: ""; position: absolute; right: 16px; bottom: 0; width: 60%; height: 34%;
    background: url("img/vi-pattern-white.svg") no-repeat right bottom / contain; opacity: 0.18; pointer-events: none;
}
.about-image::before {
    content: ""; position: absolute; left: 8%; top: -10%; height: 120%; aspect-ratio: 130.6/160;
    background: url("img/vi-slash-white.svg") no-repeat center / contain; opacity: 0.12; pointer-events: none;
}
.hero-stat { border-right: 1px solid rgba(255,255,255,0.18) !important; }
.hero-stat:last-child { border-right: none !important; }
.hs-number, .hs-number * { color: #fff !important; font-weight: 300 !important; }
.hs-label { color: rgba(255,255,255,0.78) !important; }

/* ─── 6. TUGMALAR ─────────────────────────────────────────────────────────── */
.btn, .btn-primary, .btn-sunward, .btn-outline-white, .btn-secondary, .form-submit,
.seo-btn-primary, .seo-btn-secondary {
    border-radius: 8px !important;
    font-weight: 500 !important;
    font-size: 0.9rem;
    letter-spacing: 0;
    text-transform: none !important;
    padding: 12px 22px;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    border: 1px solid transparent;
    box-shadow: none !important;
}
.btn-primary, .btn-sunward, .form-submit, .seo-btn-primary, .seo-btn-primary.sw {
    background: var(--sw-green) !important;
    color: #fff !important;
    border-color: var(--sw-green) !important;
}
.btn-primary *, .btn-sunward *, .seo-btn-primary * { color: #fff !important; }
.btn-primary:hover, .btn-sunward:hover, .form-submit:hover, .seo-btn-primary:hover {
    background: var(--sw-green-dark) !important; border-color: var(--sw-green-dark) !important;
    transform: none !important;
}
.btn-outline-white, .btn-secondary, .seo-btn-secondary {
    background: #fff !important;
    color: var(--sw-green) !important;
    border: 1px solid var(--sw-green) !important;
}
.btn-outline-white *, .btn-secondary * { color: var(--sw-green) !important; }
.btn-outline-white:hover, .btn-secondary:hover, .seo-btn-secondary:hover {
    background: var(--sw-tint) !important; color: var(--sw-green-dark) !important;
}
.btn-arrow { font-weight: 400; }

/* ─── 7. BO'LIMLAR — oq ↔ och kulrang ↔ teal ritmi ──────────────────────── */
section { padding: clamp(64px, 8vh, 100px) 0 !important; background: #fff !important; border-top: none !important; }
/* Oq ↔ och kulrang almashinuvi (ketma-ket bir xil fon bo'lmasin) */
.products-section, .why-section, .testimonials-section { background: var(--sw-surface-2) !important; }
.brands-section, .projects-section, .stats-section { background: #fff !important; }

/* Brend bo'limi — oq, xira suv belgisi */
.brands-section { position: relative; overflow: hidden; }
.brands-section::before {
    content: ""; position: absolute; left: -6vw; bottom: -2vw;
    width: min(60vw, 820px); aspect-ratio: 1255/298;
    background: url("img/sunward-wordmark.png") no-repeat center / contain;
    opacity: 0.04; pointer-events: none;
}
.brands-section .container { position: relative; }
.brands-section > .container > .section-intro p { color: var(--sw-muted) !important; }

.brand-card, .brand-card.brand-sunward {
    background: #fff !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow-sm) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.brand-card:hover { transform: none !important; border-color: var(--sw-green) !important; box-shadow: var(--shadow-md) !important; }
.brand-card-badge {
    background: var(--sw-green) !important; color: #fff !important;
    border-radius: 4px !important; font-size: 0.68rem !important; letter-spacing: 0.12em !important;
    font-weight: 600 !important; text-transform: uppercase; padding: 5px 10px !important;
}
.brand-logo-img { filter: none !important; max-height: 46px !important; width: auto; }
.brand-logo-sub, .brand-card-logo div { color: var(--sw-muted) !important; }
.bc-num { color: var(--sw-green) !important; }
.bc-lbl { color: var(--sw-muted) !important; }
.brand-card p { color: var(--sw-body) !important; }

/* ─── 8. KARTALAR — oq, 1px chegara, 12px radius ─────────────────────────── */
.product-card, .proj-card, .tcard, .tc-card, .stat-3d, .why-card,
.model-card, .mc-card, .exc-card, .exc-card-link, .pm-card,
.pd-feat-card, .pd-trust-card, .pd-key-specs, .pd-specs-group, .pd-video-section, .pd-yt-wrap,
.seo-why-card, .seo-stat-item, .seo-trust-item, .faq-item,
.value-card, .company-stat-box, .timeline-item, .about-image-wrap,
.contact-form-wrap, .dept-card, .contact-item, .map-wrap, .gal-item,
.wechat-qr-box, .wechat-qr-modal, .featured-proj, .fp-wrap {
    background: #fff !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow-sm) !important;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s !important;
}
.product-card:hover, .proj-card:hover, .stat-3d:hover, .why-card:hover,
.model-card:hover, .mc-card:hover, .exc-card:hover, .exc-card-link:hover, .pm-card:hover,
.seo-why-card:hover, .value-card:hover, .dept-card:hover, .gal-item:hover, .pd-feat-card:hover {
    transform: translateY(-2px) !important;
    border-color: var(--sw-green) !important;
    box-shadow: var(--shadow-md) !important;
}
.product-card h3, .brand-card h3, .why-card h3, .proj-card b, .proj-card-caption,
.mc-name, .mc-title, .exc-card-name, .pm-model, .pm-name, .model-card h3, .exc-card h3,
.pd-feat-card h3, .pd-trust-card h3, .pd-specs-group-title, .pd-key-specs h3,
.seo-why-card h3, .faq-item summary, .faq-item h3, .value-card h3, .timeline-item h3,
.dept-card h3, .contact-item h3, .contact-item b, .tc-name, .tcard-name {
    color: var(--sw-ink) !important;
}
.product-card p, .pc-model-count, .why-card p, .model-card p, .mc-type, .exc-card-subtype, .pm-type,
.pd-feat-card p, .pd-trust-card p, .seo-why-card p, .faq-item p, .value-card p, .timeline-item p,
.about-grid p, .dept-card p, .contact-item p, .tcard p, .tc-text { color: var(--sw-body) !important; }
.contact-item a { color: var(--sw-body) !important; }
.contact-item a:hover { color: var(--sw-green) !important; }
.pc-brand-tag, .pc-brand-tag.sunward-tag {
    background: var(--sw-tint) !important; color: var(--sw-green) !important;
    border-radius: 4px !important; font-weight: 600 !important; font-size: 0.66rem !important;
    letter-spacing: 0.12em !important;
}
.pc-img { filter: none; }
.arrow, .product-card .arrow, .mc-cta, .pm-cta, .exc-card-cta { color: var(--sw-green) !important; }
.mc-brand-logo { opacity: 0.85; max-height: 16px; width: auto; filter: none !important; }
.model-card-img, .mc-img-wrap, .exc-card-img { background: var(--sw-surface-2) !important; border-radius: 11px 11px 0 0; }
.spec-icon, .model-specs svg, .pd-feat-card svg, .pd-trust-card svg, .pd-key-specs svg,
.seo-why-card svg, .seo-why-icon, .value-card svg, .value-icon, .why-section svg, .why-icon,
.dept-card svg, .contact-item svg { color: var(--sw-green) !important; }
.model-specs, .exc-card-specs, .mc-spec, .pm-specs, .exc-spec-lbl { color: var(--sw-muted) !important; }
.model-specs strong, .exc-card-specs strong, .exc-spec-val { color: var(--sw-ink) !important; }
.exc-spec-row { border-bottom: 1px solid var(--sw-line) !important; }
.model-list .model-card h4 > span, .model-card .model-badge, .model-card [class*="badge"] {
    background: var(--sw-green) !important; color: #fff !important; border: none !important;
    font-size: 0.64rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600;
}

/* ─── 9. LOYIHALAR / STATISTIKA / FILTR ──────────────────────────────────── */
.stats-strip, .projects-section .stats-strip {
    background: var(--sw-charcoal) !important;
    border: none !important; border-radius: 12px !important;
    position: relative; overflow: hidden;
}
.stats-strip::after {
    content: ""; position: absolute; right: 16px; bottom: -6px; width: 240px; height: 84px;
    background: url("img/vi-pattern-white.svg") no-repeat right bottom / contain; opacity: 0.12; pointer-events: none;
}
.ss-num { color: #fff !important; }
.ss-label { color: rgba(255,255,255,0.65) !important; }

.proj-filter-bar, .pft-track, .gal-filter-bar, .lang-tabs {
    background: #fff !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.pft-btn, .pf-btn, .proj-filter-bar button, .gal-filter-bar button, .lang-tabs button {
    color: var(--sw-body) !important; font-weight: 500 !important;
    border-radius: 7px !important; background: none !important; border: none !important;
}
.pft-btn .pft-label, .pf-btn .pft-label { color: inherit !important; letter-spacing: 0.04em !important; text-transform: none; font-size: 0.86rem !important; }
.pft-btn.active, .pf-btn.active, .proj-filter-bar button.active, .gal-filter-bar button.active, .lang-tabs button.active {
    background: var(--sw-green) !important; color: #fff !important;
}
.pft-btn.active .pft-label, .pf-btn.active .pft-label, .pft-btn.active .pft-count, .pf-btn.active .pft-count { color: #fff !important; }
.pft-count, .pf-btn .pft-count { background: var(--sw-surface-2) !important; color: var(--sw-muted) !important; }
.pf-btn.active .pft-count, .pft-btn.active .pft-count { background: rgba(255,255,255,0.2) !important; }

.proj-card img, .projects-grid img { border-radius: 11px 11px 0 0; }
.proj-card span { color: var(--sw-green) !important; font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; }
.proj-social-btn { border-radius: 8px !important; }

/* ─── 10. WHY / TESTIMONIALS ─────────────────────────────────────────────── */
.why-section { border-top: none !important; position: relative; overflow: hidden; }
.why-section::after {
    content: ""; position: absolute; right: -40px; top: 40px; height: 60%; aspect-ratio: 130.6/160;
    background: url("img/vi-slash.svg") no-repeat center / contain; opacity: 0.08; pointer-events: none;
}
.why-section .container { position: relative; }
.why-section .why-icon-wrap, .why-section .why-icon-box { background: var(--sw-tint) !important; border: none !important; border-radius: 10px !important; }
.tc-arrow { background: #fff !important; border: 1px solid var(--sw-line) !important; color: var(--sw-ink) !important; border-radius: 8px !important; }
.tc-arrow:hover { border-color: var(--sw-green) !important; color: var(--sw-green) !important; }
.tcard p, .tc-text { font-weight: 300; font-size: 1.02rem; }

/* ─── 11. CTA — to'liq teal (brandbook roll-up banner uslubi) ────────────── */
.cta-section, .cta-inner {
    background: var(--sw-green) !important;
    border: none !important;
    position: relative; overflow: hidden;
}
.cta-section { padding: clamp(80px, 12vh, 140px) 0 !important; }
.cta-inner { border-radius: 16px !important; box-shadow: none !important; }
.cta-section::before, .cta-inner::before {
    content: ""; position: absolute; right: 24px; bottom: 0; width: 320px; height: 112px;
    background: url("img/vi-pattern-white.svg") no-repeat right bottom / contain;
    opacity: 0.16; pointer-events: none; display: block !important;
}
.cta-section::after, .cta-inner::after {
    content: ""; position: absolute; left: -20px; top: -10%; height: 120%; aspect-ratio: 130.6/160;
    background: url("img/vi-slash-white.svg") no-repeat center / contain;
    opacity: 0.08; pointer-events: none; display: block !important;
}
.cta-section .container, .cta-inner > * { position: relative; z-index: 1; }
.cta-section, .cta-section *, .cta-inner, .cta-inner * { color: #fff !important; }
.cta-section h2, .cta-section .section-title, .cta-section h3, .cta-inner h2, .cta-inner .cta-title {
    color: #fff !important; font-weight: 300 !important; font-size: clamp(2rem, 4.2vw, 3.2rem) !important;
}
.cta-section p, .cta-inner p { color: rgba(255,255,255,0.82) !important; }
.cta-section .eyebrow, .cta-inner .eyebrow { color: rgba(255,255,255,0.7) !important; }
.cta-section .eyebrow::before, .cta-inner .eyebrow::before { background: rgba(255,255,255,0.7); }
.cta-section .btn-primary, .cta-section .btn-sunward, .cta-inner .btn-primary, .cta-inner .btn-sunward, .cta-inner .form-submit {
    background: #fff !important; color: var(--sw-green) !important; border-color: #fff !important;
}
.cta-section .btn-primary *, .cta-section .btn-sunward *, .cta-inner .btn-primary *, .cta-inner .btn-sunward * { color: var(--sw-green) !important; }
.cta-section .btn-primary:hover, .cta-inner .btn-primary:hover { background: var(--sw-tint) !important; }
.cta-section .btn-outline-white, .cta-inner .btn-outline-white {
    background: none !important; border-color: rgba(255,255,255,0.55) !important; color: #fff !important;
}
.cta-section .btn-outline-white:hover, .cta-inner .btn-outline-white:hover { background: rgba(255,255,255,0.12) !important; border-color: #fff !important; }
.cta-badge, .cta-brand-badges span, .sunward-badge {
    background: rgba(255,255,255,0.14) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.25) !important; border-radius: 6px !important;
}
.cta-brand-badges img, .cta-section img[src*="wordmark"], .cta-inner img[src*="wordmark"] { filter: brightness(0) invert(1) !important; opacity: 0.95; }

/* ─── 12. FOOTER — ko'mir (ink draft), oq reverse logo, teal naqsh ───────── */
.footer {
    background: var(--sw-charcoal) !important;
    border-top: none !important;
    position: relative; overflow: hidden;
}
.footer::before {
    content: ""; position: absolute; right: 0; top: 24px; width: 300px; height: 106px;
    background: url("img/vi-pattern.svg") no-repeat right top / contain; opacity: 0.22; pointer-events: none;
}
.footer .container { position: relative; }
.footer, .footer p, .footer li, .footer a, .footer span { color: rgba(255,255,255,0.68) !important; }
.footer a:hover { color: #fff !important; }
.footer h3, .footer h4, .footer .footer-col-title { color: #fff !important; font-weight: 500 !important; font-size: 0.8rem !important; letter-spacing: 0.14em; text-transform: uppercase !important; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1) !important; }
.footer .logo-emblem, .footer .logo-emblem * { color: #fff !important; }
.footer .brand-name { color: #fff !important; }
.footer .brand-tagline { color: rgba(255,255,255,0.55) !important; }
.footer img[src*="wordmark"] { filter: brightness(0) invert(1) !important; }

/* ─── 13. ICHKI SAHIFA SARLAVHALARI (page-header / *-hero) ───────────────── */
.page-header, .seo-hero, .exc-hero, .gal-hero, .pd-hero {
    background: linear-gradient(180deg, var(--sw-surface-2), #fff) !important;
    border-bottom: 1px solid var(--sw-line) !important;
    position: relative; overflow: hidden;
}
.page-header::before, .seo-hero::before, .exc-hero::before, .gal-hero::before, .pd-hero::before {
    content: "" !important; display: block !important; position: absolute; opacity: 0.045 !important;
    right: -3vw; bottom: -1vw; width: min(60vw, 820px); aspect-ratio: 1255/298;
    background: url("img/sunward-wordmark.png") no-repeat center / contain !important; pointer-events: none;
    inset: auto -3vw -1vw auto;
}
.page-header::after, .seo-hero::after, .exc-hero::after, .gal-hero::after, .pd-hero::after {
    content: "" !important; display: block !important; position: absolute; opacity: 0.85 !important;
    right: 8vw; top: -6%; height: 112%; aspect-ratio: 130.6/160;
    background: url("img/vi-slash.svg") no-repeat center / contain !important; pointer-events: none;
}
.page-header .container, .seo-hero .container, .exc-hero .container, .gal-hero .container, .pd-hero .container,
.page-header-content, .seo-hero-inner, .exc-hero-inner, .gal-hero-inner, .pd-hero-inner { position: relative; z-index: 1; }
.page-header-content h1, .seo-hero h1, .exc-hero h1, .gal-hero h1, .pd-hero h1 { color: var(--sw-ink) !important; }
.page-header-content p, .seo-hero-sub, .exc-hero-sub, .gal-hero p, .pd-hero p, .seo-section-sub, .seo-subtitle { color: var(--sw-body) !important; }
.seo-breadcrumb, .breadcrumb, .breadcrumb a { color: var(--sw-muted) !important; }
.exc-hero-divider, .exc-hero-logo-img, .ph-brand-logo, .bsh-logo-img { filter: none !important; opacity: 1; }
.exc-hero-badge, .pd-brand-badge, .gal-brand-badge, .gal-count-badge, .gal-vid-tag, .exc-badge-wheel, .map-overlay-badge {
    background: #fff !important; color: var(--sw-green) !important; border: 1px solid var(--sw-line) !important;
    border-radius: 6px !important; font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600;
}
.gal-play-badge { background: var(--sw-green) !important; color: #fff !important; border: none !important; }
.seo-section-title, .exc-results-header, .exc-results-header *, .exc-results-count, .exc-results-count * { color: var(--sw-ink) !important; }

/* products.html — sahifa boshi chip'lar, brend chizig'i */
.ph-brand-link, .ph-sunward {
    background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 8px !important; color: var(--sw-ink) !important;
}
.ph-brand-link.active, .ph-sunward.active, .ph-brand-link:hover { border-color: var(--sw-green) !important; color: var(--sw-green) !important; }
.bsh-sub { color: var(--sw-muted) !important; }
.bsh-sep { background: var(--sw-line) !important; }
.pm-overlay { background: rgba(30,39,38,0.6) !important; backdrop-filter: blur(4px); }
.pm-panel, .pm-content { background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 14px !important; }
.pm-close { background: #fff !important; border: 1px solid var(--sw-line) !important; color: var(--sw-ink) !important; border-radius: 8px !important; }

/* exc filtr paneli */
.exc-sidebar, .exc-filter-group, .exc-tabs-wrap, .exc-filter-body {
    background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 12px !important;
}
.exc-filter-group, .exc-filter-body { border: none !important; border-bottom: 1px solid var(--sw-line) !important; border-radius: 0 !important; }
.exc-filter-header { color: var(--sw-ink) !important; font-weight: 500 !important; }
.exc-filter-option { color: var(--sw-body) !important; }
.exc-filter-option:hover, .exc-filter-option.active { color: var(--sw-green) !important; }
.exc-filter-cnt { background: var(--sw-surface-2) !important; color: var(--sw-muted) !important; border-radius: 4px !important; }
.exc-filter-chevron { color: var(--sw-muted) !important; }
.exc-reset-btn, .exc-reset-wrap button { color: var(--sw-muted) !important; background: none !important; border: 1px solid var(--sw-line) !important; border-radius: 7px !important; }
.exc-reset-btn:hover { color: var(--sw-green) !important; border-color: var(--sw-green) !important; }
.exc-tabs-wrap .exc-tab { background: none !important; border: 1px solid var(--sw-line) !important; color: var(--sw-body) !important; border-radius: 7px !important; }
.exc-tabs-wrap .exc-tab.active { background: var(--sw-green) !important; color: #fff !important; border-color: var(--sw-green) !important; }

/* product.html — tab + spec jadval */
.pd-tabs-nav { background: #fff !important; border-bottom: 1px solid var(--sw-line) !important; }
.pd-tab-btn, .pd-tabs-nav button { color: var(--sw-body) !important; background: none !important; font-weight: 500 !important; }
.pd-tab-btn.active, .pd-tabs-nav button.active { color: var(--sw-green) !important; border-bottom: 2px solid var(--sw-green) !important; }
.pd-specs-table, .pd-specs-table tr, .pd-specs-table td, .pd-specs-table th { background: #fff !important; border-color: var(--sw-line) !important; }
.pd-specs-table tr:nth-child(even) td { background: var(--sw-surface-2) !important; }
.pd-specs-table th { background: var(--sw-tint) !important; color: var(--sw-green-deep) !important; font-weight: 500 !important; }
.pd-specs-table td:first-child { color: var(--sw-muted) !important; }
.pd-specs-table td:last-child { color: var(--sw-ink) !important; font-weight: 500; }
.pd-main-img-wrap, .pd-gallery-grid img, .pd-gallery img { border-radius: 14px !important; background: var(--sw-surface-2) !important; }
.pd-ks-val { color: var(--sw-green) !important; }
.pd-ks-icon { color: var(--sw-green) !important; }
.pd-yt-overlay { background: rgba(30,39,38,0.35) !important; }

/* SEO sahifa */
.seo-stats { background: var(--sw-green) !important; }
.seo-stats .seo-stat-item { background: none !important; border: none !important; box-shadow: none !important; }
.seo-stats .seo-stat-num, .seo-stats .seo-stat-item strong { color: #fff !important; }
.seo-stats .seo-stat-label, .seo-stats .seo-stat-item span { color: rgba(255,255,255,0.75) !important; }
.seo-stat-num, .seo-stat-item strong, .company-stat-box .stat-num, .company-stat-box strong { color: var(--sw-green) !important; font-weight: 300 !important; font-size: 2rem; }
.seo-stat-label, .seo-trust-item span, .company-stat-box .stat-lbl { color: var(--sw-muted) !important; }
.seo-cta { background: var(--sw-green) !important; border: none !important; }
.seo-cta, .seo-cta * { color: #fff !important; }
.seo-cta .seo-btn-primary { background: #fff !important; color: var(--sw-green) !important; border-color: #fff !important; }
.seo-cta .seo-btn-primary * { color: var(--sw-green) !important; }
.seo-cta .seo-btn-secondary { background: none !important; border-color: rgba(255,255,255,0.55) !important; }

/* company.html */
.about-image-accent { background: var(--sw-green) !important; border: none !important; border-radius: 10px !important; }
.about-image-accent .big { color: #fff !important; font-weight: 300 !important; }
.about-image-accent .small { color: rgba(255,255,255,0.8) !important; font-size: 0.66rem; letter-spacing: 0.14em; }
.about-image-wrap img { border-radius: 11px !important; }
.timeline-item::before, .timeline-item::after { background: var(--sw-green) !important; border-color: var(--sw-green) !important; }

/* contact.html */
.dept-icon-bg, .dept-card .dept-icon, .contact-item .contact-item-icon {
    background: var(--sw-tint) !important; border: none !important; border-radius: 10px !important;
}
.dept-icon-bg svg, .dept-icon-bg path, .dept-card svg path, .contact-item-icon svg, .contact-item-icon path {
    fill: var(--sw-green) !important; color: var(--sw-green) !important;
}
.dept-badge-gmail, .dept-badge-phone, .dept-badge-tg {
    background: var(--sw-surface-2) !important; color: var(--sw-green) !important; border: 1px solid var(--sw-line) !important;
    border-radius: 5px !important; font-size: 0.62rem; letter-spacing: 0.08em;
}
.form-label { color: var(--sw-muted) !important; }
.form-input, .form-select, .form-textarea, #searchInput, .search-input {
    background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 8px !important;
    color: var(--sw-ink) !important; font-family: var(--font-body) !important; box-shadow: none !important;
}
.form-input:focus, .form-select:focus, .form-textarea:focus, #searchInput:focus {
    border-color: var(--sw-green) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(9,134,127,0.14) !important;
}
.form-input::placeholder, .form-textarea::placeholder { color: var(--sw-silver) !important; }

/* gallery.html */
.gal-overlay { background: linear-gradient(to top, rgba(30,39,38,0.82), transparent) !important; }
.gal-overlay b, .gal-overlay span { color: #fff !important; }

/* legal (privacy/terms) */
.legal-body, .legal-content, .legal-section { background: #fff !important; }
.legal-body h1, .legal-body h2, .legal-body h3, .legal-content h1, .legal-content h2, .legal-content h3 { color: var(--sw-ink) !important; }
.legal-body p, .legal-body li, .legal-content p, .legal-content li { color: var(--sw-body) !important; }

/* brand-chip / wechat */
.brand-chip { background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 8px !important; }
.brand-chip:hover { border-color: var(--sw-green) !important; }
.brand-chip span, .brand-tagline { color: var(--sw-muted) !important; }
.wechat-qr-modal img { background: #fff !important; border-radius: 8px !important; }

/* ─── 14. QIDIRUV / LIGHTBOX / TELEGRAM / SCROLLBAR ──────────────────────── */
.search-overlay, #searchOverlay { background: rgba(255,255,255,0.96) !important; backdrop-filter: blur(8px); }
.src-item, .search-result-item { background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 10px !important; }
.src-item:hover { border-color: var(--sw-green) !important; background: var(--sw-tint-2) !important; }
.src-brand, .src-cat { color: var(--sw-green) !important; font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; }
.src-model { color: var(--sw-ink) !important; }
.search-overlay *, #searchOverlay * { text-shadow: none; }
.search-overlay h2, .search-overlay p, .search-hint, .search-empty { color: var(--sw-body) !important; }

.proj-lightbox { background: rgba(20,26,26,0.96) !important; }
.lb-close, .lb-nav { background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.2) !important; color: #fff !important; border-radius: 8px !important; }
.lb-caption, .lb-counter { color: rgba(255,255,255,0.7) !important; }

.tg-float, .telegram-float { background: var(--sw-green) !important; color: #fff !important; border-radius: 12px !important; box-shadow: var(--shadow-md) !important; }
.tg-float:hover { background: var(--sw-green-dark) !important; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--sw-surface-2); }
::-webkit-scrollbar-thumb { background: #C9D3D2; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--sw-green); }

/* Gradient "glow" bezaklarni o'chirish */
.contact-section::before, .dept-section::before, .hero-content::before { display: none !important; }

/* ─── 16. TUZATISHLAR — styles.css'dagi "qora bo'lim" uchun yozilgan oq matnlar
   endi oq kanvasda; hammasini ink/teal'ga keltiramiz ─────────────────────── */

/* Mahsulot kartasi: model soni */
.pc-model-count {
    background: var(--sw-tint) !important; color: var(--sw-green) !important;
    border: none !important; border-radius: 6px !important; font-weight: 500 !important;
}

/* Loyihalar bo'limi (asli qora edi) */
.projects-section .section-intro p, .projects-section .section-intro p[style] { color: var(--sw-body) !important; }
.proj-stats-grid {
    background: var(--sw-green) !important; border-radius: 12px !important; padding: 28px 16px !important;
    position: relative; overflow: hidden;
}
.proj-stats-grid::after {
    content: ""; position: absolute; right: 12px; bottom: -8px; width: 220px; height: 78px;
    background: url("img/vi-pattern-white.svg") no-repeat right bottom / contain; opacity: 0.14; pointer-events: none;
}
.psg-item { background: none !important; border: none !important; position: relative; z-index: 1; }
.psg-num, .psg-num * { color: #fff !important; font-weight: 300 !important; }
.psg-lbl { color: rgba(255,255,255,0.78) !important; }
.proj-item, .proj-overlay { border-radius: 12px; overflow: hidden; }
.proj-overlay, .proj-overlay *, .poi-bottom, .poi-bottom *, .proj-overlay h4 { color: #fff !important; }
.proj-featured {
    background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 14px !important;
    box-shadow: var(--shadow-sm) !important; overflow: hidden;
}
.proj-featured-body { background: #fff !important; }
.proj-featured-body h3, .proj-featured-title { color: var(--sw-ink) !important; }
.proj-featured-desc, .proj-featured-meta, .proj-featured-meta span, .pf-category { color: var(--sw-body) !important; }
.pf-status, .pf-status.factory {
    background: var(--sw-tint) !important; color: var(--sw-green) !important; border: none !important;
    border-radius: 5px !important; font-weight: 600 !important;
}
.proj-bottom-cta p { color: var(--sw-body) !important; }
.proj-show-more-btn {
    background: #fff !important; border: 1px solid var(--sw-green) !important; color: var(--sw-green) !important;
    border-radius: 8px !important; box-shadow: none !important;
}
.proj-show-more-btn *, .proj-show-more-btn span { color: var(--sw-green) !important; }
.proj-show-more-btn:hover { background: var(--sw-tint) !important; }
.psm-badge { background: var(--sw-green) !important; color: #fff !important; border-radius: 5px !important; }
.pft-count, .pf-btn .pft-count { color: var(--sw-body) !important; }

/* Statistika bo'limi (stat-item / stat-number-3d) */
.stats-section, .stats-3d-section { background: #fff !important; }
.stat-item, .stat-3d {
    background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 12px !important; box-shadow: var(--shadow-sm) !important;
}
.stat-number-3d, .stat-number-3d *, .stat-number, .stat-number * { color: var(--sw-green) !important; font-weight: 300 !important; -webkit-text-fill-color: var(--sw-green) !important; background: none !important; }
.stat-label { color: var(--sw-body) !important; }
.stat-icon, .stat-item svg { color: var(--sw-green) !important; }

/* Sharhlar (tc-card asli qora) */
.tc-card, .tcard { background: #fff !important; }
.tc-quote, .tc-quote p, .tc-card p, .tc-text { color: var(--sw-ink) !important; }
.tc-quote::before { color: var(--sw-tint) !important; }
.tc-name, .tcard-name { color: var(--sw-ink) !important; }
.tc-role, .tcard-role { color: var(--sw-muted) !important; }
.tc-stars { color: #C9A227 !important; }   /* brandbook Special Gold ohangi */
.tc-verified { background: var(--sw-green) !important; color: #fff !important; border: none !important; }
.tc-avatar { background: var(--sw-tint) !important; color: var(--sw-green) !important; border: none !important; }
.tc-dots button, .tc-dot { background: var(--sw-line) !important; }
.tc-dots button.active, .tc-dot.active { background: var(--sw-green) !important; }

/* Why-card belgi */
.why-card-badge { background: var(--sw-green) !important; color: #fff !important; border: none !important; border-radius: 5px !important; }
.why-card--lead { border-color: var(--sw-green) !important; }

/* Oq tugma (btn-white) — yorug' fonda teal, teal fonda oq */
.btn-white { background: var(--sw-green) !important; color: #fff !important; border-color: var(--sw-green) !important; }
.btn-white * { color: #fff !important; }
.cta-section .btn-white, .cta-inner .btn-white, .hero-stats-bar .btn-white, .proj-stats-grid .btn-white, .seo-cta .btn-white {
    background: #fff !important; color: var(--sw-green) !important; border-color: #fff !important;
}
.cta-section .btn-white *, .cta-inner .btn-white *, .seo-cta .btn-white * { color: var(--sw-green) !important; }

/* brand-chip (matnli) */
.brand-chip.sunward, .brand-chip.sm, span.brand-chip { color: var(--sw-green) !important; background: var(--sw-tint) !important; border: none !important; font-weight: 600 !important; font-size: 0.66rem !important; letter-spacing: 0.1em; }

/* Footer brend-sub (hardcoded ko'k) */
.footer-brand-sub, .footer .footer-brand-sub { color: rgba(255,255,255,0.55) !important; }
.footer-brand-sub * { color: rgba(255,255,255,0.55) !important; }

.proj-show-more-btn .psm-badge, .proj-show-more-btn .psm-badge * { color: #fff !important; }
.tc-stars { color: #A97D23 !important; }   /* brandbook Special Gold #A97D23 */

/* Mobil nav menyu (styles.css'da to'q navy edi) */
@media (max-width: 768px) {
    .nav-menu {
        background: #fff !important; border: none !important; border-bottom: 1px solid var(--sw-line) !important;
        box-shadow: var(--shadow-md) !important; backdrop-filter: none !important;
    }
    /* yopiq holatda hech qanday chiziq/soya ko'rinmasin */
    .nav-menu:not(.active) { padding: 0 !important; border: none !important; box-shadow: none !important; visibility: hidden; }
    .nav-menu > li { border-bottom: 1px solid var(--sw-line) !important; }
    .hero-stat { border-bottom: 1px solid rgba(255,255,255,0.18) !important; }
    .hero { padding-bottom: 220px !important; }
    /* Chetdan chiqib ketadigan belgilar (company / contact) */
    .about-image-accent { right: 12px !important; left: auto !important; bottom: 12px !important; }
    .map-overlay-badge { right: 12px !important; left: auto !important; max-width: calc(100% - 24px); }
    .nav-menu > li > a, .nav-menu a { color: var(--sw-ink) !important; }
    .nav-menu > li.active > a, .nav-menu a:hover { color: var(--sw-green) !important; }
    .nav-menu .dropdown { box-shadow: none !important; border: none !important; background: var(--sw-surface-2) !important; }
}

/* Qidiruv yopish tugmasi */
.search-close { color: var(--sw-ink) !important; background: var(--sw-surface-2) !important; border: 1px solid var(--sw-line) !important; border-radius: 8px !important; }

/* ─── 17. ICHKI SAHIFALAR — qora-bo'lim matnlarini oq kanvasga moslash ────── */

/* company.html — timeline */
.timeline-title { color: var(--sw-ink) !important; font-weight: 500 !important; }
.timeline-year { color: var(--sw-green) !important; font-weight: 300 !important; }
.timeline-desc, .timeline-item p { color: var(--sw-body) !important; }
.timeline-line, .timeline::before { background: var(--sw-line) !important; }

/* contact.html — bo'lim kartalari */
.dept-name { color: var(--sw-ink) !important; }
.dept-role { color: var(--sw-muted) !important; }
.dept-contact-row, .dept-contact-row span, .dept-contact-row * { color: var(--sw-body) !important; }
.dept-contact-row:hover, .dept-contact-row:hover * { color: var(--sw-green) !important; }
.dept-contact-row { border-top: 1px solid var(--sw-line) !important; background: none !important; }
.contact-form-wrap p, .contact-form-wrap h3 { color: var(--sw-body) !important; }
.contact-form-wrap h3, .contact-form-wrap h2 { color: var(--sw-ink) !important; }
.contact-item-icon { color: var(--sw-green) !important; }
.map-wrap iframe { border-radius: 11px; filter: grayscale(0.15); }

/* products.html — yopishqoq tez-navigatsiya (asli to'q navy) */
.pq-nav-wrap {
    background: rgba(255,255,255,0.96) !important;
    border-top: 1px solid var(--sw-line) !important; border-bottom: 1px solid var(--sw-line) !important;
    backdrop-filter: blur(10px); box-shadow: none !important;
}
.pq-nav a, .pq-nav button {
    background: var(--sw-surface-2) !important; color: var(--sw-body) !important;
    border: 1px solid var(--sw-line) !important; border-radius: 999px !important; font-weight: 500 !important;
}
.pq-nav a:hover { border-color: var(--sw-green) !important; color: var(--sw-green) !important; background: #fff !important; }
.pq-nav a.active, .pq-nav a.current, .pq-nav button.active {
    background: var(--sw-green) !important; color: #fff !important; border-color: var(--sw-green) !important;
}
.bsh-sub { color: var(--sw-body) !important; }
.brand-section-header { border-bottom: 1px solid var(--sw-line) !important; }

/* gallery.html — overlay ustidagi belgi */
.gal-overlay .gal-brand-badge, .gal-brand-badge.sunward, .gal-brand-badge.umumiy {
    background: var(--sw-green) !important; color: #fff !important; border: none !important;
}
.gal-brand-badge.umumiy { background: var(--sw-charcoal) !important; }
.gal-title { color: #fff !important; }
.gal-loc { color: rgba(255,255,255,0.8) !important; }

/* product.html */
.pd-breadcrumb, .pd-breadcrumb a, .pd-breadcrumb span, .pd-breadcrumb .sep { color: var(--sw-muted) !important; }
.pd-breadcrumb a:hover { color: var(--sw-green) !important; }
.pd-breadcrumb span:last-child { color: var(--sw-ink) !important; }
.pd-ks-lbl { color: var(--sw-muted) !important; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; }
.pd-ks { border-color: var(--sw-line) !important; }
.pd-trust-text { color: var(--sw-body) !important; }
.pd-trust-card svg, .pd-trust-icon { color: var(--sw-green) !important; }
.pd-category {
    background: var(--sw-tint) !important; color: var(--sw-green) !important; border: none !important;
    border-radius: 5px !important; font-weight: 600 !important; font-size: 0.66rem !important; letter-spacing: 0.12em;
}
.pd-video-section { background: #fff !important; }
.pd-video-label { color: var(--sw-green) !important; font-weight: 600 !important; font-size: 0.68rem !important; letter-spacing: 0.16em; }
.pd-video-title { color: var(--sw-ink) !important; font-weight: 300 !important; }
.pd-yt-play-text { color: #fff !important; }
.pd-yt-play-btn { background: var(--sw-green) !important; color: #fff !important; }
.pd-cta { background: var(--sw-green) !important; position: relative; overflow: hidden; }
.pd-cta::before {
    content: ""; position: absolute; right: 24px; bottom: 0; width: 300px; height: 106px;
    background: url("img/vi-pattern-white.svg") no-repeat right bottom / contain; opacity: 0.16; pointer-events: none;
}
.pd-cta .container { position: relative; z-index: 1; }
.pd-cta, .pd-cta * { color: #fff !important; }
.pd-cta h2, .pd-cta h3 { color: #fff !important; }
.pd-cta p { color: rgba(255,255,255,0.82) !important; }
.pd-cta .btn-primary, .pd-cta .btn-sunward { background: #fff !important; color: var(--sw-green) !important; border-color: #fff !important; }
.pd-cta .btn-primary *, .pd-cta .btn-sunward * { color: var(--sw-green) !important; }
.btn-telegram {
    background: #fff !important; color: var(--sw-ink) !important; border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important; font-weight: 500 !important; box-shadow: none !important;
}
.btn-telegram *, .btn-telegram span { color: var(--sw-ink) !important; }
.btn-telegram svg { color: #229ED9 !important; fill: #229ED9 !important; }
.btn-telegram:hover { border-color: #229ED9 !important; }
.pd-cta .btn-telegram { border-color: #fff !important; }

/* sunward-excavators / loaders */
.exc-filter-cnt { color: var(--sw-body) !important; }

/* SEO sahifa */
.seo-breadcrumb, .seo-breadcrumb a, .seo-breadcrumb span { color: var(--sw-muted) !important; }
.seo-breadcrumb a:hover { color: var(--sw-green) !important; }

/* Yuridik sahifalar (privacy / terms) */
.legal-hero {
    background: linear-gradient(180deg, var(--sw-surface-2), #fff) !important;
    border-bottom: 1px solid var(--sw-line) !important;
}
.legal-hero h1, .legal-hero h2 { color: var(--sw-ink) !important; }
.legal-hero p { color: var(--sw-body) !important; }
.legal-hero .back-link, .legal-hero .back-link *, .back-link, .back-link * { color: var(--sw-body) !important; }
.back-link:hover, .back-link:hover * { color: var(--sw-green) !important; }
.header-inner > a:not(.logo), .header-inner > a:not(.logo) * { color: var(--sw-body) !important; }
.header-inner > a:not(.logo):hover, .header-inner > a:not(.logo):hover * { color: var(--sw-green) !important; }

/* ─── 18. JONLI SAYT KO'RIGIDAN KEYINGI TUZATISHLAR ───────────────────────── */

/* index: loyihalar statistikasi atrofidagi to'q navy gradient bant */
.proj-stats-strip { background: none !important; background-image: none !important; padding: 0 !important; }
/* index: sharhlar bo'limi tepasidagi ko'k radial glow */
.testimonials-section::before, .testimonials-section::after,
.stats-section::before, .stats-section::after,
.products-section::before, .products-section::after,
.projects-section::before, .projects-section::after,
.contact-form-wrap::before, .contact-form-wrap::after,
.pd-video-section::before, .pd-video-section::after,
.pd-video-inner::before, .pd-video-inner::after,
.dept-section::after, .contact-section::after { display: none !important; background: none !important; }
.pd-video-section, .pd-video-inner { background-image: none !important; }

/* product.html: spec jadval guruh sarlavhasi (ko'k gradient → teal) */
.pd-specs-group-title {
    background: var(--sw-green) !important; background-image: none !important;
    color: #fff !important; font-weight: 500 !important; font-size: 0.72rem !important;
    letter-spacing: 0.14em; text-transform: uppercase !important;
}
/* product.html: teal CTA ichidagi ikkilamchi tugmalar oq-oq bo'lib qolmasin */
.pd-cta .btn-secondary, .pd-cta .btn-outline-white, .pd-cta .btn-outline, .pd-cta a:not(.btn-primary):not(.btn-sunward):not(.btn-telegram) {
    background: transparent !important; border: 1px solid rgba(255,255,255,0.6) !important; color: #fff !important;
}
.pd-cta .btn-telegram { background: #fff !important; }
.pd-cta .btn-telegram, .pd-cta .btn-telegram * { color: var(--sw-ink) !important; }

/* SEO sahifa: ishonch belgilari (asli to'q hero uchun oq edi) */
.seo-trust-item, .seo-trust-item * { color: var(--sw-body) !important; }
.seo-trust-item { background: #fff !important; border: 1px solid var(--sw-line) !important; }
.seo-trust-item::before, .seo-trust-item .dot { background: var(--sw-green) !important; }

/* sunward-excavators / loaders: to'q breadcrumb banti, filtr sarlavhasi, sahifa foni */
.exc-page { background: var(--sw-surface-2) !important; }
.exc-breadcrumb { background: #fff !important; border-bottom: 1px solid var(--sw-line) !important; }
.exc-breadcrumb, .exc-breadcrumb a, .exc-breadcrumb span { color: var(--sw-muted) !important; }
.exc-breadcrumb a:hover { color: var(--sw-green) !important; }
.exc-breadcrumb span:last-child, .exc-breadcrumb .current { color: var(--sw-ink) !important; }
.exc-sidebar-title { background: var(--sw-green) !important; color: #fff !important; border-radius: 11px 11px 0 0 !important; }
.exc-sidebar-title * { color: #fff !important; }
.ti-dot { background: var(--sw-green) !important; }

/* gallery: filtr bo'limi to'q fon → och */
.gal-filter-section { background: var(--sw-surface-2) !important; border-bottom: 1px solid var(--sw-line) !important; }

/* company: missiya bloki (inline oq blockquote + reveal faollashmagan) */
blockquote[style*="color:#fff"], .container > .reveal > blockquote {
    color: var(--sw-green-deep) !important; font-weight: 300 !important; font-style: italic;
}
.reveal:has(> blockquote) { opacity: 1 !important; transform: none !important; }

/* company: timeline / value-number — orange qoldiqlari (token orqali ham yopilgan) */
.value-number { color: var(--sw-green) !important; -webkit-text-stroke-color: var(--sw-green) !important; }
.timeline-year { color: var(--sw-green) !important; }
.tl-badge, .timeline-badge, .timeline-item .badge { background: var(--sw-tint) !important; color: var(--sw-green) !important; border: none !important; }

/* ─── 15. MOBIL ──────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .hero::after { right: -10vw; height: 46%; top: auto; bottom: 0; opacity: 0.35 !important; }
    .hero::before { display: none !important; }
    .page-header::after, .seo-hero::after, .exc-hero::after, .gal-hero::after, .pd-hero::after { opacity: 0.25 !important; right: -8vw; }
    .why-section::after { display: none; }
    .cta-section::after, .cta-inner::after { display: none !important; }
    .hero-content h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
    .mobile-nav, .mobile-menu, .nav-menu.open { background: #fff !important; border-left: 1px solid var(--sw-line); }
    .mobile-nav a { color: var(--sw-ink) !important; }
    .hero-stat { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.18); }
}
/* VIDEO SECTION */
.video-section { padding: 5rem 0; background: var(--sw-white); }
.video-embed { max-width: 900px; margin: 0 auto; }
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 1rem; box-shadow: 0 8px 40px rgba(0,0,0,0.12); }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* CRUSHING SUB-TABS (Statsionar / Modulli / Mobil / Chana) */
.crushing-subtabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 2rem 0 0.5rem; }
.crushing-tab-btn {
    padding: 10px 20px;
    border-radius: 999px;
    border: 1.5px solid var(--sw-line);
    background: var(--sw-white);
    color: var(--sw-body);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}
.crushing-tab-btn:hover { border-color: var(--sw-green); color: var(--sw-green); }
.crushing-tab-btn.active { background: var(--sw-green); border-color: var(--sw-green); color: #fff; }
.crushing-panel { display: none; }
.crushing-panel.active { display: grid; }
.crushing-subgroup-title {
    grid-column: 1 / -1;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--sw-ink);
    margin: 0.5rem 0 -0.4rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--sw-line);
}
.crushing-subgroup-title:first-child { border-top: none; padding-top: 0; margin-top: 0; }

/* Lenis: wheel iframe ustida yutilib qolmasin */
html.is-scrolling iframe { pointer-events: none; }

/* YouTube facade — iframe faqat bosilganda yuklanadi */
.yt-facade { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; background: #0b0f0e; display: block; overflow: hidden; }
.yt-facade img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.yt-facade::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.05) 55%); pointer-events: none; }
.yt-facade-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 76px; height: 76px; border-radius: 50%; background: var(--sw-green); display: flex; align-items: center; justify-content: center; z-index: 1; box-shadow: 0 10px 30px rgba(0,0,0,0.35); transition: transform 0.25s ease; }
.yt-facade-play svg { width: 30px; height: 30px; fill: #fff; margin-left: 4px; }
.yt-facade-label { position: absolute; left: 24px; bottom: 20px; z-index: 1; color: #fff; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.02em; }
.yt-facade:hover img { transform: scale(1.03); }
.yt-facade:hover .yt-facade-play { transform: translate(-50%, -50%) scale(1.08); }
.yt-facade:focus-visible { outline: 3px solid var(--sw-mint); outline-offset: 3px; }
@media (max-width: 600px) { .yt-facade-play { width: 58px; height: 58px; } .yt-facade-play svg { width: 22px; height: 22px; } .yt-facade-label { left: 16px; bottom: 14px; font-size: 0.85rem; } }

/* PROJECT CARDS — toza rasm, yozuv faqat hover'da */
.projects-grid .proj-item { box-shadow: 0 4px 14px rgba(30,39,38,0.10); transition: transform 0.35s ease, box-shadow 0.35s ease; }
.projects-grid .proj-item:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(30,39,38,0.20); }
.projects-grid .proj-item:hover img { transform: scale(1.05); }
.projects-grid .proj-overlay {
    justify-content: flex-end;
    padding: 14px 16px;
    background: linear-gradient(to top, rgba(12,18,17,0.82) 0%, rgba(12,18,17,0.35) 38%, rgba(12,18,17,0) 60%);
    opacity: 0;
    transition: opacity 0.35s ease;
}
.projects-grid .proj-item:hover .proj-overlay,
.projects-grid .proj-item:focus-within .proj-overlay { opacity: 1; }
.projects-grid .poi-top { display: none; }
.projects-grid .poi-model, .projects-grid .poi-category { display: none; }
.projects-grid .poi-status { background: rgba(9,134,127,0.92) !important; color: #fff !important; border: 0 !important; font-size: 9.5px; padding: 5px 10px; letter-spacing: 0.1em; }
.projects-grid .poi-bottom { gap: 4px; transform: translateY(10px); transition: transform 0.35s ease; }
.projects-grid .proj-item:hover .poi-bottom,
.projects-grid .proj-item:focus-within .poi-bottom { transform: translateY(0); }
.projects-grid .proj-overlay h4 { order: 1; font-size: 0.95rem; font-weight: 600; line-height: 1.35; text-shadow: 0 1px 3px rgba(0,0,0,0.45); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.projects-grid .poi-location { order: 2; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.01em; color: rgba(255,255,255,0.78) !important; }
.projects-grid .poi-cta { display: none; }
.projects-grid .proj-zoom { top: 12px; right: 12px; background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.35); backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (hover: none) {
    .projects-grid .proj-overlay, .projects-grid .proj-zoom { display: none; }
}

/* FEATURED PROJECT — zamonaviy, yengil: parda, hover-zoom va soya animatsiyasi yo'q */
.proj-featured { grid-template-columns: 1.1fr 1fr; min-height: 440px; border-radius: 18px !important; box-shadow: 0 1px 2px rgba(30,39,38,0.04), 0 12px 32px rgba(30,39,38,0.07) !important; transition: none; }
.proj-featured-img { position: relative; background: var(--sw-surface-2); }
.proj-featured-img img { transition: none; }
.proj-featured:hover .proj-featured-img img { transform: none; }
.proj-featured-img-veil { display: none; }
.pf-img-chip { position: absolute; left: 20px; bottom: 20px; padding: 7px 14px; border-radius: 999px; background: var(--sw-green); color: #fff; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 6px 18px rgba(0,0,0,0.18); }
.proj-featured-body { padding: 56px 56px 52px !important; justify-content: center; }
.proj-featured-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em; color: var(--sw-green) !important; margin-bottom: 14px; }
.proj-featured-eyebrow::before { content: ''; width: 22px; height: 2px; background: var(--sw-green); border-radius: 2px; }
.proj-featured-body h3.proj-featured-model { font-family: inherit; font-size: clamp(1.9rem, 3vw, 2.6rem); font-weight: 300; letter-spacing: -0.01em; text-transform: none; line-height: 1.1; margin: 0 0 16px; color: var(--sw-ink) !important; }
.proj-featured-model span { color: var(--sw-green) !important; font-size: 1em; font-weight: 500; }
.proj-featured-desc { font-size: 0.98rem; line-height: 1.7; margin: 0 0 28px; max-width: 46ch; }
.pf-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--sw-line); border-bottom: 1px solid var(--sw-line); margin-bottom: 32px; }
.pf-fact { display: flex; flex-direction: column; gap: 4px; padding: 16px 0 16px 18px; border-left: 1px solid var(--sw-line); }
.pf-fact:first-child { border-left: 0; padding-left: 0; }
.pf-fact-val { font-size: 1.35rem; font-weight: 500; color: var(--sw-ink); letter-spacing: -0.01em; }
.pf-fact-lbl { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sw-muted); }
.pf-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.pf-link { font-size: 0.92rem; font-weight: 600; color: var(--sw-green); text-decoration: none; }
.pf-link:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1100px) { .proj-featured-body { padding: 40px !important; } }
@media (max-width: 900px) {
    .proj-featured { grid-template-columns: 1fr; }
    .proj-featured-img { height: 280px; }
    .proj-featured-body { padding: 28px 24px 32px !important; }
    .proj-featured-desc { max-width: none; }
}
@media (max-width: 480px) { .pf-facts { grid-template-columns: 0.9fr 1.3fr 0.8fr; } .pf-fact { padding-left: 12px; } .pf-fact-val { font-size: 1.02rem; } .pf-actions { gap: 16px; } }

/* COMPANY PAGE v2 — foto kollaj, belgili kartalar, toza yo'l xaritasi */
#about .about-image-wrap { background: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 56px; }
.about-collage { position: relative; }
#about .about-collage img { display: block; object-fit: cover; border-radius: 16px !important; }
.ac-main { width: 88%; margin-left: auto; aspect-ratio: 4 / 3.4; box-shadow: 0 18px 40px rgba(30,39,38,0.14); }
.ac-sub { position: absolute; left: 0; bottom: -56px; width: 50%; aspect-ratio: 4 / 3; border: 6px solid #fff; box-shadow: 0 18px 40px rgba(30,39,38,0.18); }
#about .about-image-accent { right: 0 !important; left: auto !important; bottom: 0 !important; border-radius: 14px !important; padding: 18px 22px; box-shadow: 0 12px 28px rgba(9,134,127,0.28); }
#about h2 { margin: 12px 0 20px; }
#about h2 strong { color: var(--sw-green) !important; font-weight: inherit; }

#about .company-stats-row { gap: 0; margin-top: 88px; border: 1px solid var(--sw-line); border-radius: 16px; overflow: hidden; background: #fff; }
#about .company-stat-box { background: none !important; border: none !important; border-left: 1px solid var(--sw-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 28px 24px; text-align: left; }
#about .company-stat-box:first-child { border-left: none !important; }
#about .company-stat-num { font-size: 2.4rem; font-weight: 300; color: var(--sw-green); letter-spacing: -0.02em; line-height: 1.1; }
#about .company-stat-lbl { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sw-muted); margin-top: 6px; }

#services .value-card, #values .value-card { text-align: left !important; padding: 32px 28px !important; background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 16px !important; transform: none !important; transform-style: flat; box-shadow: none !important; transition: border-color 0.25s ease, box-shadow 0.25s ease; }
#services .value-card:hover, #values .value-card:hover { background: #fff !important; border-color: rgba(9,134,127,0.45) !important; box-shadow: 0 14px 34px rgba(30,39,38,0.08) !important; transform: none !important; }
.vc-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.vc-icon { width: 52px; height: 52px; border-radius: 14px; background: var(--sw-tint); color: var(--sw-green); display: flex; align-items: center; justify-content: center; }
.vc-icon svg { width: 26px; height: 26px; }
#services .value-number, #values .value-number { font-family: inherit; font-size: 0.85rem !important; font-weight: 600 !important; letter-spacing: 0.12em; color: var(--sw-muted) !important; -webkit-text-stroke: 0 !important; margin: 0 !important; line-height: 1; }
#services .value-card h3, #values .value-card h3 { font-size: 1.2rem; font-weight: 500; color: var(--sw-ink) !important; margin: 0 0 10px; }
#services .value-card p, #values .value-card p { color: var(--sw-body) !important; font-size: 0.95rem; line-height: 1.7; }

#history { background: var(--sw-surface-2) !important; border-top: 0 !important; }
#history .rm-road { display: none; }
#history .timeline { aspect-ratio: auto; max-width: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px 32px; margin-top: 56px; }
#history .timeline-item { position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: auto !important; text-align: left !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 34px 8px 0 0 !important; }
#history .timeline-item::before { content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--sw-green) !important; border: 3px solid var(--sw-surface-2) !important; box-shadow: 0 0 0 2px var(--sw-green); z-index: 1; }
#history .timeline-item::after { content: ''; display: block; position: absolute; left: 0; right: -32px; top: 7px; width: auto; height: 2px; background: var(--sw-green) !important; opacity: 0.35; }
#history .timeline-item:nth-of-type(3)::after, #history .timeline-item:nth-of-type(6)::after { right: 0; }
#history .timeline-item:nth-of-type(n+4)::before { background: var(--sw-surface-2) !important; }
#history .timeline-item:nth-of-type(n+4)::after { background: repeating-linear-gradient(90deg, var(--sw-green) 0 6px, transparent 6px 12px) !important; opacity: 0.55; }
#history .timeline-year { font-family: inherit; font-size: 2.2rem !important; font-weight: 300 !important; color: var(--sw-green) !important; line-height: 1; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
#history .timeline-year > span { margin-left: 0 !important; font-size: 0.62rem !important; font-weight: 600 !important; background: var(--sw-tint) !important; color: var(--sw-green) !important; border: 0 !important; padding: 4px 8px !important; border-radius: 6px !important; letter-spacing: 0.1em !important; }
#history .timeline-item:nth-of-type(6) .timeline-year > span { background: var(--sw-green) !important; color: #fff !important; }
#history .timeline-title { font-size: 1.1rem !important; color: var(--sw-ink) !important; margin-bottom: 8px; }
#history .timeline-text { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; font-size: 0.92rem !important; line-height: 1.65 !important; color: var(--sw-body) !important; }

#mission { background: #fff !important; padding: 96px 0 !important; }
#mission .reveal { max-width: 880px; margin: 0 auto; padding: 48px 56px 52px; border-radius: 20px; background: var(--sw-tint); text-align: left !important; position: relative; overflow: hidden; }
#mission .reveal::after { content: ''; position: absolute; right: -30px; bottom: -40px; width: 180px; height: 220px; background: url("img/vi-slash.svg") no-repeat center / contain; opacity: 0.08; pointer-events: none; }
#mission blockquote { font-style: normal !important; font-size: clamp(1.3rem, 2.4vw, 1.85rem) !important; font-weight: 300 !important; color: var(--sw-ink) !important; margin: 16px 0 0 !important; max-width: none !important; line-height: 1.45 !important; position: relative; z-index: 1; }

@media (max-width: 900px) {
    #history .timeline { grid-template-columns: 1fr; gap: 0; max-width: 560px; }
    #history .timeline-item { padding: 0 0 32px 34px !important; }
    #history .timeline-item::before { top: 6px; }
    #history .timeline-item::after, #history .timeline-item:nth-of-type(3)::after { left: 6px; right: auto; top: 22px; bottom: 0; width: 2px; height: auto; }
    #history .timeline-item:nth-of-type(n+4)::after { background: repeating-linear-gradient(180deg, var(--sw-green) 0 6px, transparent 6px 12px) !important; }
    #history .timeline-item:last-of-type::after { display: none; }
    #history .timeline-year { font-size: 1.7rem !important; }
    #mission .reveal { padding: 32px 26px 36px; }
}
@media (max-width: 640px) {
    #about .company-stats-row { grid-template-columns: repeat(2, 1fr); margin-top: 72px; }
    #about .company-stat-box { padding: 20px 16px; }
    #about .company-stat-box:nth-child(odd) { border-left: none !important; }
    #about .company-stat-box:nth-child(n+3) { border-top: 1px solid var(--sw-line) !important; }
    #about .company-stat-num { font-size: 1.9rem; }
    .ac-sub { width: 55%; bottom: -40px; border-width: 4px; }
    #about .about-image-wrap { padding-bottom: 40px; }
    #about .about-image-accent { padding: 12px 16px; }
    #services .value-card, #values .value-card { padding: 26px 22px !important; }
}

/* FOOTER — 4 ustunli footer'lar (contact, gallery, product, excavators, loaders) bir qatorga sig'sin */
.footer-grid:has(> :nth-child(4)) { grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; }
@media (max-width: 1100px) { .footer-grid:has(> :nth-child(4)) { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .footer-grid:has(> :nth-child(4)) { grid-template-columns: 1fr; } }

/* CONTACT PAGE v2 */
.dept-section { padding: 88px 0 !important; }
.dept-grid { gap: 24px; }
.dept-card { padding: 30px 28px 26px !important; border-radius: 18px !important; box-shadow: none !important; display: flex; flex-direction: column; }
.dept-card:hover { transform: none !important; border-color: rgba(9,134,127,0.45) !important; box-shadow: 0 14px 34px rgba(30,39,38,0.08) !important; }
.dept-icon-bg { width: 52px; height: 52px; border-radius: 14px !important; margin-bottom: 18px; }
.dept-name { font-size: 1.25rem; font-weight: 500 !important; margin-bottom: 4px; }
.dept-role { font-size: 0.9rem; margin-bottom: 22px; }
.dept-contacts { gap: 8px; margin-top: auto; }
.dept-card .dept-contact-row { padding: 10px 12px; border: 1px solid var(--sw-line) !important; border-radius: 12px; background: #fff !important; transition: background 0.2s, border-color 0.2s; }
.dept-card .dept-contact-row:hover { background: var(--sw-tint) !important; border-color: transparent !important; }
.dept-card .dept-contact-row span { font-weight: 500; font-size: 0.92rem; }
.dept-card .dept-contact-row::after { content: '\2192'; margin-left: auto; color: var(--sw-muted); font-size: 0.9rem; transition: transform 0.2s, color 0.2s; }
.dept-card .dept-contact-row:hover::after { color: var(--sw-green); transform: translateX(3px); }
.dept-card .dept-contact-icon { width: 34px; height: 34px; border-radius: 10px !important; border: 0 !important; }
.dept-card .dept-badge-phone { background: var(--sw-tint) !important; }
.dept-card .dept-badge-tg { background: #229ED9 !important; }
.dept-card .dept-badge-tg svg, .dept-card .dept-badge-tg svg path { fill: #fff !important; color: #fff !important; }
.dept-card .dept-badge-gmail { background: var(--sw-surface-2) !important; }

.contact-section { padding: 88px 0 !important; }
@media (min-width: 901px) { .contact-grid { grid-template-columns: 1fr 1.15fr; gap: 48px; align-items: start; } }
.contact-items { gap: 0; border: 1px solid var(--sw-line); border-radius: 18px; overflow: hidden; background: #fff; }
.contact-items .contact-item { border: 0 !important; border-top: 1px solid var(--sw-line) !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; padding: 20px 22px; transform: none !important; }
.contact-items .contact-item:first-child { border-top: 0 !important; }
.contact-items .contact-item:hover { background: var(--sw-surface-2) !important; }
.contact-item-icon { width: 44px; height: 44px; border-radius: 12px !important; }
.contact-item-icon svg { width: 20px !important; height: 20px !important; vertical-align: middle !important; }
.contact-item-icon svg.ci-stroke, .contact-item-icon svg.ci-stroke * { fill: none !important; stroke: var(--sw-green) !important; }
.contact-item h4 { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sw-muted); margin-bottom: 4px; }
.contact-item p, .contact-item a { font-size: 0.95rem; color: var(--sw-ink) !important; line-height: 1.65; }
.contact-item a:hover { color: var(--sw-green) !important; }

.contact-form-wrap { padding: 40px !important; border-radius: 18px !important; box-shadow: 0 18px 44px rgba(30,39,38,0.07) !important; }
.contact-form-wrap h3 { font-size: 1.5rem; font-weight: 400; }
.form-input, .form-select, .form-textarea { border-radius: 10px !important; padding: 13px 14px; }
.form-textarea { min-height: 130px; }
.form-submit { border-radius: 10px; }

.map-wrap { height: 440px; margin-top: 48px; border-radius: 18px !important; box-shadow: none !important; }
.map-wrap iframe { border-radius: 0 !important; }
.map-overlay-badge { left: 16px !important; right: auto !important; top: 16px !important; bottom: auto !important; transform: none !important; white-space: normal; max-width: calc(100% - 32px); flex-wrap: wrap; row-gap: 4px; padding: 10px 14px; border-radius: 12px !important; box-shadow: 0 10px 28px rgba(30,39,38,0.16); }
.map-overlay-badge a { margin-left: 0 !important; }

.cta-buttons .cta-tg { display: inline-flex; align-items: center; gap: 8px; }
.cta-tg svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }

@media (max-width: 640px) {
    .dept-card { padding: 24px 20px 20px !important; }
    .contact-form-wrap { padding: 26px 20px !important; }
    .contact-items .contact-item { padding: 16px 18px; }
    .map-wrap { height: 340px; }
    .map-overlay-badge { max-width: calc(100% - 110px); flex-wrap: nowrap; white-space: nowrap; gap: 6px; padding: 9px 12px; letter-spacing: 0.04em; }
    .map-overlay-badge > span { display: none; }
}

/* MAP FACADE — Yandex iframe faqat bosilganda yuklanadi (scroll qotmasin) */
.map-facade {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px;
    background-color: var(--sw-surface-2);
    background-image:
        linear-gradient(118deg, transparent 46%, rgba(9,134,127,0.10) 46%, rgba(9,134,127,0.10) 48.5%, transparent 48.5%),
        linear-gradient(28deg, transparent 58%, rgba(30,39,38,0.06) 58%, rgba(30,39,38,0.06) 60%, transparent 60%),
        linear-gradient(rgba(30,39,38,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30,39,38,0.045) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 44px 44px, 44px 44px;
}
.mf-card { position: relative; width: 100%; max-width: 440px; padding: 28px 30px; text-align: center; background: #fff; border: 1px solid var(--sw-line); border-radius: 18px; box-shadow: 0 18px 44px rgba(30,39,38,0.10); }
.mf-pin { width: 52px; height: 52px; margin: 0 auto 14px; border-radius: 50%; background: var(--sw-green); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 8px rgba(9,134,127,0.12); }
.mf-pin svg { width: 24px; height: 24px; fill: currentColor; }
.mf-title { font-size: 1.15rem; font-weight: 500; color: var(--sw-ink); margin-bottom: 4px; }
.mf-addr { font-size: 0.92rem; color: var(--sw-body); margin-bottom: 20px; }
.mf-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px; }
.mf-ext { font-size: 0.9rem; font-weight: 600; color: var(--sw-green); text-decoration: none; }
.mf-ext:hover { text-decoration: underline; text-underline-offset: 4px; }
.map-wrap:has(.map-facade) .map-overlay-badge { display: none; }
@media (max-width: 640px) { .mf-card { padding: 22px 18px; } .mf-addr { margin-bottom: 16px; } }

/* GALLERY v2 — oq kanvas, header ostida yopishgan filtr, toza kartalar, zamonaviy lightbox */
.gal-hero { padding: 48px 0 40px !important; }
.gal-hero h1 span { color: var(--sw-green) !important; }

.gal-filter-section { position: sticky !important; top: var(--header-height, 90px) !important; z-index: 40 !important; padding: 0 !important; background: rgba(255,255,255,0.96) !important; border-top: 0 !important; border-bottom: 1px solid var(--sw-line) !important; }
.gal-filter-section .gal-filter-bar { gap: 8px !important; padding: 12px 0 !important; margin: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.gal-filter-bar .gf-btn { padding: 9px 16px !important; border-radius: 999px !important; border: 1px solid var(--sw-line) !important; background: #fff !important; color: var(--sw-body) !important; font-weight: 500 !important; box-shadow: none !important; }
.gal-filter-bar .gf-btn:hover { border-color: var(--sw-green) !important; color: var(--sw-green) !important; }
.gal-filter-bar .gf-btn.active { background: var(--sw-green) !important; border-color: var(--sw-green) !important; color: #fff !important; }
.gal-filter-bar .gf-btn.active span { color: #fff !important; }
.gal-filter-bar .gf-count { background: var(--sw-surface-2) !important; color: var(--sw-muted) !important; opacity: 1 !important; }
.gal-filter-bar .gf-btn.active .gf-count { background: rgba(255,255,255,0.22) !important; color: #fff !important; }
.gf-dot.sunward { background: var(--sw-green) !important; }
.gf-dot.umumiy { background: var(--sw-ink) !important; }

.gal-section { background: #fff !important; padding: 32px 0 88px !important; }
.gal-masonry { column-gap: 16px !important; }
.gal-masonry .gal-item { margin-bottom: 16px !important; border: 0 !important; border-radius: 16px !important; box-shadow: none !important; background: var(--sw-surface-2) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
.gal-masonry .gal-item:hover { transform: translateY(-3px) !important; box-shadow: 0 14px 32px rgba(30,39,38,0.14) !important; border-color: transparent !important; }
.gal-masonry .gal-item:hover img { transform: scale(1.04) !important; }
.gal-item:focus-visible { outline: 3px solid var(--sw-green); outline-offset: 3px; }
.gal-overlay { padding: 16px !important; background: linear-gradient(to top, rgba(12,18,17,0.85) 0%, rgba(12,18,17,0.35) 40%, transparent 70%) !important; }
.gal-title { font-size: 0.9rem !important; font-weight: 600 !important; }
.gal-zoom-hint { background: rgba(255,255,255,0.92) !important; color: var(--sw-ink) !important; }

.gal-lb { background: rgba(12,18,17,0.94) !important; }
.gal-lb img { border-radius: 12px !important; }
.gal-lb .lb-close, .gal-lb .lb-nav { background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.18) !important; color: #fff !important; border-radius: 999px !important; }
.gal-lb .lb-close:hover, .gal-lb .lb-nav:hover { background: var(--sw-green) !important; border-color: var(--sw-green) !important; }
.gal-lb .lb-caption { left: 50% !important; right: auto !important; bottom: 20px !important; transform: translateX(-50%); width: max-content; max-width: calc(100% - 140px); padding: 10px 18px !important; border-radius: 14px; background: rgba(12,18,17,0.72); text-align: center !important; }
.gal-lb .lb-caption-title { color: #fff !important; }
.gal-lb .lb-caption-loc { color: rgba(255,255,255,0.72) !important; }
.gal-lb .lb-counter { top: 24px !important; padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.85) !important; }

@media (max-width: 720px) {
    .gal-masonry { column-gap: 10px !important; }
    .gal-masonry .gal-item { margin-bottom: 10px !important; border-radius: 12px !important; }
    .gal-filter-section .gal-filter-bar { -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); padding-right: 24px !important; }
}
@media (max-width: 600px) { .gal-lb .lb-caption { max-width: calc(100% - 32px); bottom: 12px !important; } }
@media (hover: none) { .gal-masonry .gal-item:hover { transform: none !important; box-shadow: none !important; } }

/* PRODUCTS PAGE v2 — faktlar qatori, yengil sticky nav + scrollspy, katta toifa rasmlari, o'qiladigan spec qatorlari */
.ph-facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.ph-fact { display: inline-flex; align-items: baseline; gap: 8px; padding: 10px 16px; background: #fff; border: 1px solid var(--sw-line); border-radius: 12px; color: var(--sw-body); font-size: 0.88rem; line-height: 1.2; }
.ph-fact b { font-size: 1.2rem; font-weight: 600; color: var(--sw-green); letter-spacing: -0.01em; }
.ph-fact-brand { align-items: center; }
.ph-fact-brand img { height: 14px; width: auto; display: block; }

.pq-nav-wrap { background: rgba(255,255,255,0.97) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-top: 0 !important; }
.pq-nav { max-width: none !important; justify-content: safe center; gap: 5px !important; padding: 11px 16px !important; }
.pq-nav-wrap.can-right .pq-nav { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 72px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 72px), transparent); }
.pq-nav-wrap.can-left .pq-nav { -webkit-mask-image: linear-gradient(90deg, transparent, #000 72px); mask-image: linear-gradient(90deg, transparent, #000 72px); }
.pq-nav-wrap.can-left.can-right .pq-nav { -webkit-mask-image: linear-gradient(90deg, transparent, #000 72px, #000 calc(100% - 72px), transparent); mask-image: linear-gradient(90deg, transparent, #000 72px, #000 calc(100% - 72px), transparent); }
.pq-arrow { display: none; position: absolute; top: 50%; z-index: 2; width: 34px; height: 34px; padding: 0; transform: translateY(-50%); align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--sw-line); background: #fff; color: var(--sw-ink); box-shadow: 0 4px 14px rgba(30,39,38,0.12); cursor: pointer; transition: border-color 0.2s, color 0.2s; }
.pq-arrow svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pq-arrow:hover { border-color: var(--sw-green); color: var(--sw-green); }
.pq-arrow:focus-visible { outline: 3px solid var(--sw-green); outline-offset: 2px; }
.pq-arrow-prev { left: 10px; }
.pq-arrow-next { right: 10px; }
@media (hover: hover) and (pointer: fine) {
    .pq-nav-wrap.can-left .pq-arrow-prev, .pq-nav-wrap.can-right .pq-arrow-next { display: inline-flex; }
    .pq-nav.is-overflow { cursor: grab; }
}
.pq-nav.is-dragging { cursor: grabbing; -webkit-user-select: none; user-select: none; }
.pq-nav.is-dragging a { pointer-events: none; }
.pq-nav a { display: inline-flex !important; align-items: center; gap: 6px; padding: 6px 7px 6px 12px !important; font-size: 0.8rem !important; background: #fff !important; }
.pq-nav a.active { background: var(--sw-green) !important; }
.pq-nav a[data-count]::after, .crushing-tab-btn[data-count]::after { content: attr(data-count); min-width: 22px; padding: 2px 7px; box-sizing: border-box; border-radius: 999px; background: var(--sw-surface-2); color: var(--sw-muted); font-size: 0.72rem; font-weight: 600; line-height: 1.3; text-align: center; }
.pq-nav a.active::after, .crushing-tab-btn.active[data-count]::after { background: rgba(255,255,255,0.22); color: #fff; }

#sunward { background: #fff !important; }
#sunward .brand-section-divider { display: none; }
#sunward .category-section { padding: 80px 0 !important; border-bottom: 0 !important; }
#sunward .category-section:nth-of-type(odd) { background: #fff !important; }
#sunward .category-section:nth-of-type(even) { background: var(--sw-surface-2) !important; }
#sunward .category-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; margin-bottom: 44px; }
#sunward .category-icon-box { min-height: 0 !important; aspect-ratio: 4 / 3; padding: 0 !important; border: 0 !important; border-radius: 20px !important; background: var(--sw-surface-2) !important; box-shadow: none !important; transform: none !important; transition: none !important; }
#sunward .category-section:nth-of-type(even) .category-icon-box { background: #fff !important; }
#sunward .category-icon-box::before { display: none !important; }
#sunward .category-icon-box .product-real-img { width: 100% !important; height: 100% !important; object-fit: cover !important; padding: 0 !important; border: 0 !important; background: none !important; transform: none !important; transition: none !important; }
#sunward .category-icon-box .product-real-img[src*="cutout"] { object-fit: contain !important; padding: 8% !important; }
#sunward .category-info .eyebrow { display: inline-flex !important; align-items: center; vertical-align: middle; }
#sunward .category-info h2 { font-size: clamp(1.7rem, 2.6vw, 2.3rem); letter-spacing: -0.02em; margin: 14px 0 14px; }
#sunward .category-info p { color: var(--sw-body) !important; max-width: 54ch; margin-bottom: 26px; }
#sunward .category-info .btn { margin-bottom: 8px; }
.cat-count { display: inline-flex; align-items: center; vertical-align: middle; margin-left: 12px; padding: 4px 10px; border-radius: 999px; background: var(--sw-tint); color: var(--sw-green); font-size: 0.74rem; font-weight: 600; line-height: 1.2; }

#sunward .model-list { grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)) !important; gap: 16px !important; margin-top: 0; }
#sunward .model-card { text-align: left; border-radius: 16px !important; box-shadow: none !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important; }
#sunward .model-card:hover { transform: translateY(-4px) !important; border-color: rgba(9,134,127,0.5) !important; box-shadow: 0 18px 40px rgba(30,39,38,0.10) !important; }
#sunward .model-card:focus-visible, #sunward .model-card .mc-cta:focus-visible { outline: 3px solid var(--sw-green); outline-offset: 2px; }
#sunward .mc-img-wrap { height: auto !important; aspect-ratio: 5 / 4; border-radius: 0 !important; }
#sunward .mc-img-wrap .model-card-img { width: 100%; height: 100% !important; padding: 12px; border-radius: 0 !important; background: none !important; transition: transform 0.45s ease; }
#sunward .model-card:hover .model-card-img { transform: scale(1.05); }
#sunward .mc-brand-logo { display: none !important; }
#sunward .mc-body { display: flex; flex-direction: column; padding: 14px 16px 16px !important; }
#sunward .mc-name { font-size: 1rem !important; font-weight: 600 !important; line-height: 1.3; letter-spacing: -0.01em; margin-bottom: 3px; }
#sunward .mc-type { font-size: 0.66rem !important; letter-spacing: 0.1em !important; line-height: 1.4; color: var(--sw-muted) !important; margin-bottom: 12px; }
#sunward .model-specs { display: block !important; margin-top: auto; }
#sunward .stat-chip { display: flex !important; flex-flow: row wrap; align-items: baseline; justify-content: space-between; gap: 0 10px; padding: 7px 0 !important; background: none !important; border-radius: 0 !important; border-top: 1px solid var(--sw-line); text-align: left; overflow: visible; }
#sunward .stat-chip .stat-lbl { order: 0; font-size: 0.76rem !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--sw-muted) !important; }
#sunward .stat-chip .stat-val { order: 1; margin-left: auto; font-size: 0.8rem !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--sw-ink) !important; text-align: right; hyphens: manual; overflow-wrap: normal; }
/* "Batafsil" yozuvi ko'rinmaydi — havola butun kartani qoplaydi (matn faqat ekran o'quvchilar uchun) */
#sunward .model-card .mc-cta { position: absolute !important; inset: 0 !important; z-index: 5; display: block !important; padding: 0 !important; font-size: 0 !important; color: transparent !important; background: transparent !important; text-decoration: none; }

#sunward .crushing-subtabs { gap: 8px; margin: 0; }
#sunward .crushing-tab-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 9px 8px 16px; border-width: 1px; background: #fff; font-weight: 500; }
#sunward .crushing-tab-btn.active { background: var(--sw-green); border-color: var(--sw-green); color: #fff; }
#sunward .crushing-subgroup-title { display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 600; margin: 32px 0 0 !important; padding-top: 0 !important; border-top: 0 !important; }
#sunward .crushing-subgroup-title::before { content: ""; width: 4px; height: 18px; border-radius: 2px; background: var(--sw-green); flex-shrink: 0; }

@media (max-width: 900px) {
    #sunward .category-section { padding: 56px 0 !important; }
    #sunward .category-layout { grid-template-columns: 1fr; gap: 28px; margin-bottom: 32px; }
    #sunward .category-layout.reverse .category-icon-box { order: -1; }
    #sunward .category-icon-box { aspect-ratio: 16 / 10; border-radius: 16px !important; }
    .pq-nav { padding: 9px 16px !important; }
}
@media (max-width: 600px) {
    .ph-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .ph-fact { padding: 10px 12px; }
    #sunward .crushing-subtabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
    #sunward .crushing-subtabs::-webkit-scrollbar { display: none; }
    #sunward .crushing-tab-btn { flex-shrink: 0; }
    #sunward .model-list { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
    #sunward .model-card { border-radius: 14px !important; }
    #sunward .mc-img-wrap { aspect-ratio: 4 / 3; }
    #sunward .mc-img-wrap .model-card-img { padding: 8px; }
    #sunward .mc-body { padding: 11px 12px 12px !important; }
    #sunward .mc-name { font-size: 0.9rem !important; }
    #sunward .mc-type { font-size: 0.6rem !important; letter-spacing: 0.06em !important; margin-bottom: 8px; }
    #sunward .stat-chip { padding: 6px 0 !important; gap: 0 6px; }
    #sunward .stat-chip .stat-lbl { font-size: 0.7rem !important; }
    #sunward .stat-chip .stat-val { font-size: 0.74rem !important; }
    .cat-count { margin-left: 8px; }
}
@media (hover: none) {
    #sunward .model-card:hover { transform: none !important; box-shadow: none !important; }
    #sunward .model-card:hover .model-card-img { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* ─── Komponent brendlari (bosh sahifa, "logo cloud") ───────────────────────────
   Kartochka chegarasi bo'ylab nur yuradi; nur sarlavha ortidan o'tganda harflarda to'lqin (script.js initLogoCloud). */
.logo-cloud-section { background: #fff !important; padding: clamp(72px, 10vh, 112px) 0 !important; }
.lc-card {
    --lc-radius: 14px; --lc-size: 110px; --lc-duration: 8s; --lc-bg: #fff;
    position: relative; max-width: 1024px; margin: 0 auto;
    border: 1px solid var(--sw-line); border-radius: var(--lc-radius);
    isolation: isolate;
}
.lc-beam {
    position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; z-index: -1;
    border: 2px solid transparent;
    /* faqat chegara halqasi ko'rinadi: padding-box va border-box niqoblarining farqi */
    -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) padding-box exclude, linear-gradient(#000 0 0) border-box;
}
.lc-beam::after {
    content: ""; position: absolute; width: var(--lc-size); aspect-ratio: 1;
    background: linear-gradient(to left, var(--sw-green), var(--sw-mint), transparent);
    offset-path: rect(0 auto auto 0 round var(--lc-size));
    offset-distance: 0%;
    animation: lc-beam var(--lc-duration) linear infinite;
}
@keyframes lc-beam { to { offset-distance: 100%; } }

.lc-head { position: absolute; inset: 0 0 auto; transform: translateY(-50%); display: flex; justify-content: center; padding: 0 40px; }
.logo-cloud-section .lc-title {
    background: var(--lc-bg); margin: 0; padding: 0 24px; text-align: center;
    font-family: var(--font-body) !important; font-weight: 500 !important;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important; letter-spacing: -0.01em; line-height: 1.35;
    color: var(--sw-body) !important;
}
.logo-cloud-section .lc-title::after { display: none !important; }
.lc-wave {
    color: inherit !important;
    background-image: linear-gradient(90deg, currentColor 0%, currentColor 45%, var(--sw-mint) 47%, var(--sw-green) 50%, var(--sw-mint) 53%, currentColor 55%, currentColor 100%);
    background-size: 250% 100%; background-repeat: no-repeat; background-position: 0% center;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lc-marquee {
    --gap: 56px;
    display: flex; gap: var(--gap); overflow: hidden; padding: 52px 0 40px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}
.lc-group {
    display: flex; align-items: center; gap: var(--gap); flex-shrink: 0;
    list-style: none; margin: 0; padding: 0;
    animation: lc-marquee 38s linear infinite;
}
.lc-marquee:hover .lc-group { animation-play-state: paused; }
@keyframes lc-marquee { to { transform: translateX(calc(-100% - var(--gap))); } }

/* Brend logotiplari (images/brands, Wikimedia Commons — public domain SVG): kulrang, sichqoncha ostida asl rangida */
.lc-logo {
    height: 56px; display: flex; align-items: center; gap: 10px; white-space: nowrap;
    color: var(--sw-muted); line-height: 1; user-select: none;
}
.lc-logo img {
    height: var(--h, 32px); width: auto; display: block;
    filter: grayscale(1); opacity: .62; transition: filter .3s, opacity .3s;
}
.lc-logo:hover img { filter: none; opacity: 1; }
.lc-text { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; transition: color .3s; }
.lc-logo:hover .lc-text { color: var(--sw-ink); }
.lc-mitsubishi { font-size: 1.5rem; font-weight: 600; letter-spacing: .14em; }
.lc-logo:hover .lc-mitsubishi { color: #E60012; }

@media (max-width: 600px) {
    .lc-head { padding: 0 12px; }
    .logo-cloud-section .lc-title { padding: 0 12px; }
    .lc-marquee { --gap: 40px; padding: 48px 0 30px; }
    .lc-logo { height: 44px; transform: scale(.85); }
}
@media (prefers-reduced-motion: reduce) {
    .lc-beam::after, .lc-group { animation: none; }
    .lc-beam { display: none; }
}

/* ─── 12b. FOOTER v2 — bir xil andoza (brend, texnika, xizmatlar, kompaniya, aloqa) ─────────── */
.footer { padding: 76px 0 0 !important; }
.footer::before {   /* VI naqshi — pastki o'ng burchakda, sarlavhalarga tegmaydi */
    top: auto !important; bottom: 64px; right: -30px !important; width: 340px !important; height: 120px !important;
    background-position: right bottom !important; opacity: .1 !important;
}
.footer .footer-grid.ft-grid {
    grid-template-columns: minmax(260px, 1.45fr) 1fr 1fr .85fr 1.2fr; gap: 40px 36px; padding-bottom: 56px;
}
.footer .ft-brand .footer-logo { margin-bottom: 18px; text-decoration: none; }
.footer .footer-brand-name { font-size: 24px !important; letter-spacing: .06em; text-shadow: none !important; }
.footer .ft-desc { font-size: .88rem !important; line-height: 1.7; margin: 0 0 20px !important; max-width: 340px; color: rgba(255,255,255,.62) !important; }
.footer .ft-badge {
    display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px;
    padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04);
}
.footer .ft-badge img { height: 12px; width: auto; display: block; }
.footer .ft-badge span { font-size: .66rem !important; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; color: rgba(255,255,255,.75) !important; }
.footer .ft-badge-sep { width: 1px; height: 12px; background: rgba(255,255,255,.25); }

.footer .ft-social { gap: 8px; }
.footer .ft-social a {
    width: 38px; height: 38px; border-radius: 50%;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.82) !important; transition: background .2s, border-color .2s, transform .2s, color .2s;
}
.footer .ft-social a svg { width: 16px; height: 16px; }
.footer .ft-social a:hover { transform: translateY(-2px); box-shadow: none; color: #fff !important; }

/* Ustun sarlavhalari — chiziqsiz, kichik mint belgi bilan */
.footer .ft-col h4 {
    display: flex !important; align-items: center; gap: 10px;
    border: none !important; padding: 0 !important; margin: 4px 0 20px !important;
    font-size: .72rem !important; letter-spacing: .16em !important; color: rgba(255,255,255,.95) !important;
}
.footer .ft-col h4::before { content: ""; width: 14px; height: 2px; border-radius: 2px; background: var(--sw-mint); flex-shrink: 0; }
.footer .ft-col h4::after { display: none !important; }

.footer .ft-col .footer-links { margin: 0; padding: 0; }
.footer .ft-col .footer-links li { margin: 0 0 11px; }
.footer .ft-col .footer-links a {
    position: relative; display: inline-flex; align-items: center; padding: 0 !important;
    font-size: .88rem !important; white-space: normal; line-height: 1.35;
    color: rgba(255,255,255,.66) !important; transition: color .2s, transform .2s;
}
.footer .ft-col .footer-links a::before {
    content: ""; width: 0; height: 1px; background: var(--sw-mint); margin-right: 0;
    transition: width .2s, margin-right .2s;
}
.footer .ft-col .footer-links a:hover { color: #fff !important; transform: none; }
.footer .ft-col .footer-links a:hover::before { width: 10px; margin-right: 8px; }

/* Aloqa — tepadagi panel bilan bir xil ikonkalar */
.footer .ft-contact .footer-contact { gap: 12px; }
.footer .ft-contact .footer-contact a, .footer .ft-contact .footer-contact .ft-hours {
    display: flex; align-items: center; gap: 11px; padding: 0 !important;
    font-size: .88rem !important; color: rgba(255,255,255,.72) !important; text-decoration: none;
}
.footer .ft-contact .footer-contact span { font-size: inherit !important; color: inherit !important; }
.footer .ft-ic {
    width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1);
    color: var(--sw-mint) !important; transition: background .2s, color .2s, border-color .2s;
}
.footer .ft-ic svg { width: 14px; height: 14px; }
.footer .ft-contact .footer-contact a:hover { color: #fff !important; }
.footer .ft-contact .footer-contact a:hover .ft-ic { background: var(--sw-green); border-color: var(--sw-green); color: #fff !important; }
.footer .ft-tg {
    display: inline-flex; align-items: center; gap: 9px; margin-top: 20px;
    padding: 10px 16px; border-radius: 999px; background: var(--sw-green);
    color: #fff !important; font-size: .82rem !important; font-weight: 600; text-decoration: none;
    transition: background .2s, transform .2s;
}
.footer .ft-tg span { color: #fff !important; font-size: inherit !important; }
.footer .ft-tg svg { width: 16px; height: 16px; }
.footer .ft-tg:hover { background: var(--sw-green-dark); transform: translateY(-1px); }

/* Pastki qator */
.footer .footer-bottom {
    display: flex; align-items: center; justify-content: space-between; gap: 16px 28px; flex-wrap: wrap;
    padding: 22px 0 26px !important;
}
.footer .ft-copy { font-size: .8rem !important; color: rgba(255,255,255,.5) !important; }
.footer .ft-bottom-right { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.footer .footer-bottom-links { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; }
.footer .footer-bottom-links li { margin: 0; }
.footer .footer-bottom-links a { font-size: .8rem !important; color: rgba(255,255,255,.6) !important; }
.footer .ft-totop {
    display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
    padding: 7px 12px 7px 14px; border-radius: 999px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.8); font: 500 .76rem var(--font-body); transition: background .2s, color .2s;
}
.footer .ft-totop span { color: inherit !important; font-size: inherit !important; }
.footer .ft-totop svg { width: 14px; height: 14px; }
.footer .ft-totop:hover { background: #fff; color: var(--sw-ink); }
.footer .ft-totop:hover span { color: var(--sw-ink) !important; }

/* WeChat oynasi footer ichida — oq qutidagi matn ko'rinsin */
.footer .wechat-qr-box h4 { color: var(--sw-ink) !important; display: block !important; margin: 0 0 8px !important; padding: 0 !important; border: none !important; font-size: 1.15rem !important; letter-spacing: .02em !important; text-transform: none !important; }
.wechat-qr-modal .wechat-qr-box img { width: 220px !important; height: 220px !important; margin: 0 auto !important; }
.footer .wechat-qr-box h4::before { display: none !important; }
.footer .wechat-qr-box p { color: var(--sw-body) !important; }
.footer .wechat-qr-modal {   /* umumiy "oq karta" qoidasi oynaning orqa fonini ham oq qilib qo'ygan edi */
    background: rgba(18, 26, 25, .62) !important; border: none !important; border-radius: 0 !important; box-shadow: none !important;
    backdrop-filter: blur(4px); padding: 16px; z-index: 10050;
}
.footer .wechat-qr-box { box-shadow: 0 24px 60px rgba(0,0,0,.28) !important; }
.wechat-qr-modal .wechat-qr-box img { border: none !important; }
.wechat-qr-modal .wechat-qr-box { max-width: 320px; padding: 26px 24px 22px; }
.wechat-qr-modal .wx-hint { font-size: .85rem !important; line-height: 1.45; margin: 0 0 14px !important; }
.wechat-qr-modal .wx-mobile { display: none !important; }
.wechat-qr-modal.is-mobile .wx-mobile { display: block !important; }
.wechat-qr-modal.is-mobile .wx-desktop { display: none !important; }
.wechat-qr-modal.is-mobile .wx-actions { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; }
.wechat-qr-modal .wx-btn {
    display: flex; align-items: center; justify-content: center; text-align: center; min-height: 42px; padding: 8px 10px;
    border-radius: 10px; background: #07C160; border: 1px solid #07C160; text-decoration: none;
    color: #fff !important; font-size: .8rem !important; font-weight: 600; line-height: 1.2;
}
.wechat-qr-modal .wx-btn span { color: inherit !important; font-size: inherit !important; }
.wechat-qr-modal .wx-btn--ghost { background: #fff; color: var(--sw-ink) !important; border-color: var(--sw-line); }
.wechat-qr-modal .wechat-qr-close { color: var(--sw-muted) !important; }

@media (max-width: 1200px) {
    .footer .footer-grid.ft-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .footer .ft-brand { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; gap: 0 40px; align-items: start; }
    .footer .ft-brand .footer-logo { grid-row: span 3; }
    .footer .ft-brand .ft-desc { max-width: 520px; }
    .footer .ft-brand .ft-badge { justify-self: start; }
}
@media (max-width: 900px) {
    .footer .footer-grid.ft-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; }
    .footer .ft-brand { display: block; }
}
@media (max-width: 560px) {
    .footer { padding-top: 56px !important; }
    .footer .footer-grid.ft-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
    .footer .ft-contact { grid-column: 1 / -1; }
    .footer .ft-grid > .ft-col:nth-child(2) { grid-row: span 2; }   /* texnika chapda, xizmatlar+kompaniya o'ngda ustma-ust */
    .footer .footer-bottom-links { gap: 10px 20px; flex-wrap: wrap; }
    .footer .footer-bottom { flex-direction: column; align-items: flex-start; }
    .footer .ft-col .footer-links a, .footer .ft-contact .footer-contact a { padding: 4px 0 !important; }
}

/* ─── 20. KATALOG KARTOCHKALARI v2 (products.html #sunward .model-card) ──────────────────────
   Turi — rasm ustida yorliq; nom yonida o'q tugmasi; parametrlar — bitta paneldagi 3 ustun. */
#sunward .model-list { grid-template-columns: repeat(auto-fill, minmax(226px, 1fr)) !important; gap: 18px !important; }
#sunward .model-card {
    position: relative; display: flex !important; flex-direction: column; overflow: hidden;
    background: #fff !important; border: 1px solid var(--sw-line) !important; border-radius: 20px !important;
    transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, border-color .3s ease !important;
}
#sunward .model-card:hover {
    transform: translateY(-6px) !important; border-color: rgba(9,134,127,.45) !important;
    box-shadow: 0 22px 44px -18px rgba(9,134,127,.35), 0 4px 12px rgba(30,39,38,.05) !important;
}

/* Rasm maydoni: yumshoq gradient, "pol" soyasi, burchakda VI slash */
#sunward .mc-img-wrap {
    position: relative; aspect-ratio: 4 / 3; overflow: hidden;
    background: radial-gradient(120% 90% at 50% 100%, #fff 0%, var(--sw-tint-2) 55%, #EAF3F2 100%) !important;
}
#sunward .mc-img-wrap::before {   /* pol soyasi */
    content: ""; position: absolute; left: 18%; right: 18%; bottom: 11%; height: 10%;
    background: radial-gradient(closest-side, rgba(30,39,38,.16), rgba(30,39,38,0)); z-index: 0;
}
#sunward .mc-img-wrap::after {    /* VI slash */
    content: ""; position: absolute; right: -14px; top: -10px; width: 64px; height: 84px;
    background: url("img/vi-slash.svg") no-repeat center / contain; opacity: .1; pointer-events: none;
    transition: opacity .3s, transform .4s cubic-bezier(.22,1,.36,1);
}
#sunward .model-card:hover .mc-img-wrap::after { opacity: .22; transform: translateX(-6px); }
#sunward .mc-img-wrap .model-card-img {
    position: relative; z-index: 1; padding: 22px 16px 14px !important;
    transition: transform .5s cubic-bezier(.22,1,.36,1) !important;
}
#sunward .model-card:hover .model-card-img { transform: scale(1.07) translateY(-2px); }

/* Tur — rasm ustidagi yorliq */
#sunward .mc-body { position: static !important; padding: 16px 18px 18px !important; gap: 0; flex: 1; }
#sunward .model-card .mc-type {
    position: absolute; top: 12px; left: 12px; z-index: 2; margin: 0 !important;
    padding: 5px 10px; border-radius: 999px; line-height: 1 !important;
    background: rgba(255,255,255,.85); border: 1px solid rgba(9,134,127,.14);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    color: var(--sw-green-deep) !important; font-size: .6rem !important; font-weight: 600 !important; letter-spacing: .12em !important;
    max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Nom + o'q tugmasi */
#sunward .mc-name {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    font-size: 1.12rem !important; font-weight: 600 !important; letter-spacing: -.015em; line-height: 1.2;
    color: var(--sw-ink) !important; margin: 0 0 14px !important;
}
#sunward .mc-name::after {
    content: ""; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%;
    border: 1px solid var(--sw-line);
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2309867F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") no-repeat center / 14px;
    transition: background-color .25s, border-color .25s, transform .3s cubic-bezier(.22,1,.36,1);
}
#sunward .model-card:hover .mc-name::after {
    background-color: var(--sw-green); border-color: var(--sw-green); transform: rotate(45deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
}

/* Parametrlar — bitta panel, teng ustunlar */
#sunward .model-specs {
    display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0 !important;
    margin-top: auto; padding: 10px 0; border-radius: 14px;
    background: var(--sw-surface-2); border: 1px solid #EDF2F1;
}
#sunward .stat-chip {
    display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    padding: 2px 6px !important; border: none !important; border-radius: 0 !important; background: none !important; text-align: center; min-width: 0;
}
#sunward .stat-chip + .stat-chip { border-left: 1px solid var(--sw-line) !important; }
#sunward .stat-chip .stat-lbl {
    order: 0; margin: 0 !important; font-size: .6rem !important; font-weight: 500 !important; letter-spacing: .08em !important;
    text-transform: uppercase !important; color: var(--sw-muted) !important; line-height: 1.25; white-space: normal; overflow-wrap: anywhere; max-width: 100%;
}
#sunward .stat-chip .stat-val {
    order: 1; margin: 0 !important; font-size: .82rem !important; font-weight: 600 !important; color: var(--sw-ink) !important;
    line-height: 1.25; text-align: center; font-variant-numeric: tabular-nums; overflow-wrap: anywhere;
}
#sunward .model-card:hover .model-specs { border-color: rgba(9,134,127,.18); }

@media (max-width: 600px) {
    #sunward .model-list { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
    #sunward .model-card { border-radius: 16px !important; }
    #sunward .mc-img-wrap .model-card-img { padding: 18px 8px 8px !important; }
    #sunward .model-card .mc-type { top: 8px; left: 8px; padding: 4px 7px; font-size: .52rem !important; letter-spacing: .06em !important; }
    #sunward .mc-body { padding: 11px 11px 12px !important; }
    #sunward .mc-name { font-size: .92rem !important; margin-bottom: 9px !important; }
    #sunward .mc-name::after { width: 24px; height: 24px; background-size: 11px; }
    /* tor kartada ustunlar sig'maydi — qatorlarga qaytadi */
    #sunward .model-specs { grid-template-columns: 1fr !important; grid-auto-flow: row; grid-auto-columns: auto; padding: 4px 9px; border-radius: 10px; }
    #sunward .stat-chip { flex-direction: row; justify-content: space-between; align-items: baseline; padding: 5px 0 !important; }
    #sunward .stat-chip + .stat-chip { border-left: none !important; border-top: 1px solid var(--sw-line) !important; }
    #sunward .stat-chip .stat-lbl { font-size: .58rem !important; letter-spacing: .02em !important; text-transform: none !important; }
    #sunward .stat-chip .stat-val { font-size: .72rem !important; text-align: right; }
}
@media (hover: none) {
    #sunward .model-card:hover { transform: none !important; box-shadow: none !important; }
    #sunward .model-card:hover .model-card-img { transform: none; }
}

/* ─── 21. KATALOG TOIFA KIRISH BLOKI v2 (products.html #sunward .category-layout) ───────────── */
#sunward .category-layout {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr) !important; gap: clamp(36px, 5vw, 80px) !important;
    align-items: center; margin-bottom: 48px !important;
}
#sunward .category-layout.reverse { grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) !important; }   /* rtl tartibda rasm ustuni ham kengroq qolsin */

/* Rasm — katta radius, yumshoq soya, pastda xira gradient, burchakda oq VI slash, hover'da sekin kattalashish */
#sunward .category-icon-box {
    position: relative; overflow: hidden !important; isolation: isolate;
    border-radius: 28px !important; aspect-ratio: 4 / 3;
    box-shadow: 0 30px 60px -32px rgba(9,134,127,.45), 0 2px 6px rgba(30,39,38,.05) !important;
    background: radial-gradient(120% 100% at 50% 100%, #fff 0%, var(--sw-tint-2) 55%, #E3F0EE 100%) !important;
}
#sunward .category-icon-box::after {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background:
        url("img/vi-slash-white.svg") no-repeat right 22px bottom 20px / 54px 70px,
        linear-gradient(180deg, rgba(10,89,85,0) 55%, rgba(10,89,85,.28) 100%);
    opacity: .95;
}
/* fotosuratlar ramkani to'liq egallaydi; fonsiz (cutout) rasm — ichkarida, gradient fon ustida */
#sunward .category-icon-box .product-real-img { object-fit: cover !important; padding: 0 !important; }
#sunward .category-icon-box .product-real-img[src*="cutout"] { object-fit: contain !important; padding: 8% !important; }
#sunward .category-icon-box .product-real-img { transition: transform .9s cubic-bezier(.22,1,.36,1) !important; }
/* images/categories/* — rasmning o'zida fon va slash bor: ustki qoraytirish/slash kerak emas */
#sunward .category-icon-box:has(img[src*="categories/"])::after { display: none; }
#sunward .category-icon-box:has(img[src*="categories/"]) { background: #0C6863 !important; }
#sunward .category-layout:hover .category-icon-box .product-real-img { transform: scale(1.04) !important; }

/* Matn tomoni */
#sunward .category-info { position: relative; }
#sunward .category-info .eyebrow {
    display: inline-flex !important; align-items: center; gap: 10px; margin: 0 !important;
    font-size: .7rem !important; letter-spacing: .2em !important; color: var(--sw-green) !important;
}
#sunward .category-info .cat-count {
    margin-left: 10px; padding: 5px 12px; font-size: .72rem; font-weight: 600;
    background: #fff; border: 1px solid rgba(9,134,127,.22); color: var(--sw-green-deep);
    box-shadow: 0 1px 2px rgba(30,39,38,.04);
}
#sunward .category-section:nth-of-type(odd) .category-info .cat-count { background: var(--sw-tint-2); }
#sunward .category-info h2 {
    font-size: clamp(2.1rem, 3.6vw, 3.2rem) !important; line-height: 1.02 !important; letter-spacing: -.03em !important;
    margin: 18px 0 18px !important;
}
#sunward .category-info h2::after {   /* nom ostida qisqa yashil chiziq */
    content: ""; display: block; width: 48px; height: 3px; border-radius: 3px; margin-top: 18px;
    background: linear-gradient(90deg, var(--sw-green), var(--sw-mint));
}
#sunward .category-info p {
    font-size: clamp(1rem, 1.15vw, 1.08rem) !important; line-height: 1.75 !important;
    max-width: 52ch; margin: 0 0 30px !important; color: var(--sw-body) !important;
}

/* Tugmalar — pill; asosiy tugmada o'q doira ichida */
#sunward .category-info .btn {
    display: inline-flex !important; align-items: center; gap: 12px;
    min-height: 52px; margin: 0 10px 10px 0 !important; padding: 8px 26px !important;
    border-radius: 999px !important; text-transform: none !important; letter-spacing: 0 !important;
    font-size: .95rem !important; font-weight: 600 !important; box-shadow: none !important;
    transition: background .25s, color .25s, border-color .25s, transform .25s, box-shadow .25s !important;
}
#sunward .category-info .btn::before { display: none !important; }
#sunward .category-info .btn-sunward { background: var(--sw-green) !important; color: #fff !important; border: 1px solid var(--sw-green) !important; padding-right: 8px !important; }
#sunward .category-info .btn-sunward:hover { background: var(--sw-green-dark) !important; transform: translateY(-2px); box-shadow: 0 14px 28px -12px rgba(9,134,127,.6) !important; }
#sunward .category-info .btn-sunward .btn-arrow {
    display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%;
    background: #fff; color: var(--sw-green) !important; font-size: 1.05rem; font-weight: 700; line-height: 1; transition: transform .3s cubic-bezier(.22,1,.36,1);
}
#sunward .category-info .btn-sunward:hover .btn-arrow { transform: translateX(3px); }
#sunward .category-info .btn-sunward:not(:has(.btn-arrow)) { padding-right: 26px !important; }
#sunward .category-info .btn-outline {
    background: transparent !important; color: var(--sw-ink) !important;
    border: 1px solid var(--sw-line) !important;
}
#sunward .category-info .btn-outline:hover { border-color: var(--sw-green) !important; color: var(--sw-green) !important; background: #fff !important; transform: translateY(-2px); }
#sunward .category-info .btn span { color: inherit !important; }

@media (max-width: 900px) {
    #sunward .category-layout { grid-template-columns: 1fr !important; gap: 26px !important; margin-bottom: 32px !important; }
    #sunward .category-icon-box { border-radius: 20px !important; aspect-ratio: 16 / 10; }
    #sunward .category-icon-box::after { background-size: 40px 52px, auto; background-position: right 14px bottom 12px, 0 0; }
    #sunward .category-info h2 { margin: 12px 0 14px !important; }
    #sunward .category-info h2::after { margin-top: 14px; }
    #sunward .category-info p { margin-bottom: 22px !important; }
}
@media (max-width: 600px) {
    #sunward .category-info .btn { min-height: 48px; font-size: .9rem !important; }
    #sunward .category-info .btn-sunward { flex: 1 1 auto; justify-content: space-between; padding-left: 22px !important; }
    #sunward .category-info .btn-outline { flex: 1 1 auto; justify-content: center; }
}
@media (hover: none) {
    #sunward .category-layout:hover .category-icon-box .product-real-img { transform: none !important; }
}

/* ─── 22. MODEL SAHIFASI HERO v2 (/texnika/*, product.html .pd-hero) ───────────────────────────
   Rasm — yashil studiya fonida; parametrlar — alohida plitkalar; pill tugmalar; kafolat yorliqlari.
   product.html ichki <style> undan keyin yuklanadi, shuning uchun selektorlar ".pd-hero ..." bilan kuchaytirilgan. */
.pd-hero { padding: 28px 0 72px !important; background: linear-gradient(180deg, #fff 0%, var(--sw-tint-2) 100%) !important; }
.pd-hero .pd-hero-inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(36px, 4.5vw, 72px); }

/* Rasm maydoni */
.pd-hero .pd-main-img-wrap {
    border: 0 !important; border-radius: 28px !important; isolation: isolate;
    background:
        radial-gradient(70% 45% at 50% 88%, rgba(120, 232, 216, .38) 0%, rgba(120, 232, 216, 0) 70%),
        linear-gradient(135deg, #0E706A 0%, #0C6863 45%, #0A5955 100%) !important;
    box-shadow: 0 40px 70px -40px rgba(9, 134, 127, .55), 0 2px 6px rgba(30, 39, 38, .06);
}
.pd-hero .pd-main-img-wrap::before {   /* katta VI slash — xira oq */
    top: -10% !important; right: 6% !important; height: 120% !important;
    background-image: url("img/vi-slash-white.svg") !important; opacity: .1 !important;
}
.pd-hero .pd-main-img-wrap::after {    /* pol soyasi */
    content: ""; position: absolute; z-index: 1; left: 16%; right: 16%; bottom: 9%; height: 9%;
    background: radial-gradient(closest-side, rgba(4, 30, 28, .45), rgba(4, 30, 28, 0)); pointer-events: none;
}
.pd-hero .pd-main-img-wrap.is-photo::after { display: none; }
.pd-hero .pd-main-img {
    max-width: 84% !important; max-height: 80% !important;
    filter: drop-shadow(0 26px 30px rgba(3, 32, 30, .35)) !important;
    transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}
.pd-hero .pd-gallery:hover .pd-main-img { transform: scale(1.03); }
.pd-hero .pd-main-img-wrap.is-photo .pd-main-img { max-width: none !important; max-height: none !important; filter: none !important; }
.pd-hero .pd-main-img-wrap.is-small .pd-main-img { width: 46% !important; height: auto !important; max-height: 76% !important; object-fit: contain; }

.pd-hero .pd-thumbs { gap: 10px; margin-top: 14px; }
.pd-hero .pd-thumb { width: 84px; height: 64px; border-radius: 14px; background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s; }
.pd-hero .pd-thumb:hover { transform: translateY(-2px); }

/* Nishonlar */
.pd-hero .pd-brand-row { gap: 8px; margin-bottom: 18px; }
.pd-hero .pd-brand-badge, .pd-hero .pd-category {
    display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px !important; border-radius: 999px !important;
    font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .14em !important; line-height: 1.2 !important;
}
.pd-hero .pd-brand-badge { background: #fff !important; border: 1px solid var(--sw-line) !important; color: var(--sw-ink) !important; }
.pd-hero .pd-brand-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sw-green); box-shadow: 0 0 0 3px rgba(9, 134, 127, .15); }
.pd-hero .pd-category { background: var(--sw-tint) !important; border: 1px solid transparent !important; color: var(--sw-green-deep) !important; }

/* Sarlavha va tavsif */
.pd-hero .pd-model { font-size: clamp(2.6rem, 4.8vw, 4.1rem) !important; letter-spacing: -.035em; margin-bottom: 18px !important; }
.pd-hero .pd-desc { font-size: clamp(1rem, 1.15vw, 1.08rem) !important; line-height: 1.75; margin-bottom: 26px !important; }

/* Asosiy parametrlar — alohida plitkalar */
.pd-hero .pd-key-specs {
    gap: 10px; margin-bottom: 26px !important; overflow: visible !important;
    background: none !important; border: 0 !important; border-radius: 0 !important;
}
.pd-hero .pd-ks {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; text-align: left;
    padding: 16px 16px 15px !important; border: 1px solid var(--sw-line) !important; border-radius: 18px;
    background: #fff; transition: border-color .25s, transform .25s, box-shadow .25s;
}
.pd-hero .pd-ks:last-child { border-right: 1px solid var(--sw-line) !important; }
.pd-hero .pd-ks:hover { border-color: rgba(9, 134, 127, .4) !important; transform: translateY(-3px); box-shadow: 0 16px 30px -18px rgba(9, 134, 127, .45); }
.pd-hero .pd-ks-icon {
    width: 38px; height: 38px; border-radius: 12px; margin: 0 0 12px !important;
    display: flex; align-items: center; justify-content: center; background: var(--sw-tint);
}
.pd-hero .pd-ks-icon svg { width: 19px !important; height: 19px !important; }
.pd-hero .pd-ks-val { order: 2; color: var(--sw-ink) !important; font-size: clamp(1.02rem, 1.55vw, 1.28rem) !important; font-weight: 600; font-variant-numeric: tabular-nums; }
.pd-hero .pd-ks-lbl { order: 1; margin: 0 0 4px !important; font-size: .62rem !important; letter-spacing: .12em !important; }
.pd-hero .pd-ks-icon { order: 0; }

/* Tugmalar */
.pd-hero .pd-actions { gap: 10px; margin-bottom: 24px; }
.pd-hero .pd-actions .btn, .pd-hero .pd-actions .btn-telegram {
    min-height: 56px; border-radius: 999px !important; font-size: .98rem !important; font-weight: 600 !important;
    text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important;
    transition: background .25s, color .25s, border-color .25s, transform .25s, box-shadow .25s !important;
}
.pd-hero .pd-actions .btn::before { display: none !important; }
.pd-hero .pd-actions .btn-primary {
    justify-content: space-between; gap: 14px; padding: 8px 8px 8px 28px !important;
    background: var(--sw-green) !important; border: 1px solid var(--sw-green) !important; color: #fff !important;
}
.pd-hero .pd-actions .btn-primary:hover { background: var(--sw-green-dark) !important; transform: translateY(-2px); box-shadow: 0 16px 30px -14px rgba(9, 134, 127, .65) !important; }
.pd-hero .pd-actions .btn-primary .btn-arrow {
    display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%;
    background: #fff; color: var(--sw-green) !important; font-weight: 700; transition: transform .3s cubic-bezier(.22, 1, .36, 1);
}
.pd-hero .pd-actions .btn-primary:hover .btn-arrow { transform: translateX(3px); }
.pd-hero .pd-actions .btn, .pd-hero .pd-actions .btn-telegram { flex: 1 1 auto !important; white-space: nowrap; }
.pd-hero .pd-actions .btn-telegram { background: #fff !important; border: 1px solid var(--sw-line) !important; color: var(--sw-ink) !important; padding: 8px 24px !important; }
.pd-hero .pd-actions .btn-telegram:hover { border-color: #2AABEE !important; transform: translateY(-2px); }

/* Kafolat yorliqlari */
.pd-hero .pd-trust { gap: 8px; }
.pd-hero .pd-trust-card {
    padding: 7px 14px 7px 8px !important; border-radius: 999px !important;
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--sw-line) !important;
}
.pd-hero .pd-trust-icon { width: 26px; height: 26px; border-radius: 50%; align-items: center; justify-content: center; background: var(--sw-tint); }
.pd-hero .pd-trust-icon svg { width: 14px !important; height: 14px !important; }
.pd-hero .pd-trust-text { font-size: .82rem !important; color: var(--sw-ink) !important; }

@media (max-width: 900px) {
    .pd-hero .pd-hero-inner { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 600px) {
    .pd-hero { padding: 16px 0 52px !important; }
    .pd-hero .pd-main-img-wrap { border-radius: 20px !important; }
    .pd-hero .pd-model { font-size: 2.4rem !important; }
    .pd-hero .pd-key-specs { gap: 6px; }
    .pd-hero .pd-ks { padding: 12px 10px !important; border-radius: 14px; }
    .pd-hero .pd-ks-icon { width: 30px; height: 30px; border-radius: 10px; margin-bottom: 9px !important; }
    .pd-hero .pd-ks-icon svg { width: 16px !important; height: 16px !important; }
    .pd-hero .pd-ks-val { font-size: .9rem !important; }
    .pd-hero .pd-ks-lbl { font-size: .54rem !important; letter-spacing: .06em !important; }
    .pd-hero .pd-actions .btn-primary { padding-left: 22px !important; }
    .pd-hero .pd-trust-card { padding: 6px 12px 6px 6px !important; }
    .pd-hero .pd-trust-text { font-size: .76rem !important; }
}
@media (hover: none) {
    .pd-hero .pd-gallery:hover .pd-main-img, .pd-hero .pd-ks:hover { transform: none; box-shadow: none; }
}

/* ─── 23. MODEL SAHIFASI — ASOSIY AFZALLIKLAR v2 (pd-features.js, .pd-adv) ─────────────────────
   Bento to'r: birinchi karta yashil va keng; katta qiymat, sarlavha, izoh, parametr qatorlari. */
.pd-features-section { background: linear-gradient(180deg, var(--sw-surface-2) 0%, #fff 100%) !important; }
.pd-adv-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pd-adv-grid[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pd-adv-grid[data-n="4"] .pd-adv--lead, .pd-adv-grid[data-n="5"] .pd-adv--lead { grid-column: span 2; }
.pd-adv-grid[data-n="4"] .pd-adv:last-child { grid-column: span 2; }

.pd-adv {
    position: relative; overflow: hidden; display: flex; flex-direction: column;
    padding: 26px 26px 22px; border-radius: 24px; background: #fff; border: 1px solid var(--sw-line);
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, border-color .3s ease;
}
.pd-adv:hover { transform: translateY(-4px); border-color: rgba(9, 134, 127, .35); box-shadow: 0 22px 40px -24px rgba(9, 134, 127, .45); }
.pd-adv-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.pd-adv-icon {
    flex-shrink: 0; width: 44px; height: 44px; border-radius: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--sw-tint); color: var(--sw-green);
}
.pd-adv-icon svg { width: 22px; height: 22px; }
.pd-adv-value {
    font-family: var(--font-display); font-weight: 300; line-height: 1; letter-spacing: -.03em; text-align: right;
    font-size: clamp(1.7rem, 2.6vw, 2.35rem); color: var(--sw-green-deep); font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.pd-features-section .pd-adv-title { margin: 0 0 8px; font-size: 1.08rem !important; font-weight: 600 !important; line-height: 1.3; letter-spacing: -.01em; color: var(--sw-ink) !important; }
.pd-features-section .pd-adv-note { margin: 0 0 14px; font-size: .92rem; line-height: 1.65; color: var(--sw-body) !important; }
.pd-adv-facts { margin: auto 0 0; padding: 0; }
.pd-adv-facts > div {
    display: flex; justify-content: space-between; align-items: baseline; gap: 14px;
    padding: 9px 0; border-top: 1px dashed var(--sw-line);
}
.pd-adv-facts dt { margin: 0; font-size: .8rem; color: var(--sw-muted); }
.pd-adv-facts dd { margin: 0; font-size: .86rem; font-weight: 600; color: var(--sw-ink); text-align: right; }

/* Yetakchi karta — yashil */
.pd-adv--lead {
    border: 0; color: #fff;
    background: radial-gradient(90% 120% at 100% 0%, rgba(78, 220, 202, .28) 0%, rgba(78, 220, 202, 0) 55%),
                linear-gradient(135deg, #0E706A 0%, #0A5955 100%);
    box-shadow: 0 30px 60px -36px rgba(9, 134, 127, .7);
}
.pd-adv--lead::after {
    content: ""; position: absolute; right: -24px; bottom: -30px; width: 150px; height: 190px; pointer-events: none;
    background: url("img/vi-slash-white.svg") no-repeat center / contain; opacity: .1;
}
.pd-adv--lead:hover { border-color: transparent; box-shadow: 0 34px 64px -34px rgba(9, 134, 127, .8); }
.pd-adv--lead .pd-adv-icon { background: rgba(255, 255, 255, .14); color: #fff; }
.pd-adv--lead .pd-adv-value { color: #fff; font-size: clamp(2.2rem, 4vw, 3.4rem); }
.pd-features-section .pd-adv--lead .pd-adv-title { color: #fff !important; font-size: 1.2rem !important; }
.pd-features-section .pd-adv--lead .pd-adv-note { color: rgba(255, 255, 255, .82) !important; max-width: 46ch; }
.pd-adv--lead .pd-adv-facts > div { border-top-color: rgba(255, 255, 255, .2); }
.pd-adv--lead .pd-adv-facts dt { color: rgba(255, 255, 255, .7); }
.pd-adv--lead .pd-adv-facts dd { color: #fff; }

@media (max-width: 900px) {
    .pd-adv-grid, .pd-adv-grid[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pd-adv-grid .pd-adv--lead { grid-column: span 2 !important; }
    .pd-adv-grid[data-n="4"] .pd-adv:last-child { grid-column: span 2; }
    .pd-adv-grid[data-n="5"] .pd-adv:last-child { grid-column: auto; }
    .pd-adv-grid[data-n="2"] .pd-adv:last-child { grid-column: span 2; }
}
@media (max-width: 600px) {
    .pd-adv-grid, .pd-adv-grid[data-n="2"] { grid-template-columns: 1fr; gap: 12px; }
    .pd-adv-grid .pd-adv, .pd-adv-grid .pd-adv--lead, .pd-adv-grid[data-n="4"] .pd-adv:last-child, .pd-adv-grid[data-n="2"] .pd-adv:last-child { grid-column: auto !important; }
    .pd-adv { padding: 20px 20px 16px; border-radius: 20px; }
    .pd-adv-head { margin-bottom: 14px; }
    .pd-adv-icon { width: 40px; height: 40px; border-radius: 12px; }
    .pd-adv-value { font-size: 1.8rem; }
    .pd-adv--lead .pd-adv-value { font-size: 2.4rem; }
}
@media (hover: none) { .pd-adv:hover { transform: none; box-shadow: none; } }