/* ============================================================
   СКИНЫ = РАЗНЫЕ ДИЗАЙН-СИСТЕМЫ (не перекраска).
   Меняются: фон (свет/тёмный), форма (угол/скругление/брутал),
   типографика, отступы, тени — чтобы сайты не читались как клоны.
   ============================================================ */

/* ========== SKIN 1 — INDUSTRIAL (тёмный, угловатый, оранж) ========== */
body.skin-1{
  --graphite:#1a1c1f; --anthracite:#25282d; --steel:#34383f; --concrete:#3d4148;
  --orange:#fc5701; --orange-d:#e54c00; --text:#e8e9ec; --muted:#9aa0a8; --line:#3a3e45;
  --radius:0; --btn-radius:0;
  --btn-clip:polygon(0 0,100% 0,100% 75%,93% 100%,0 100%);
  --logo-clip:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);
  --h-transform:uppercase; --h-weight:900; --h-spacing:.5px;
  --sec-pad:74px; --card-shadow:none;
}

/* ========== SKIN 2 — CORPORATE (СВЕТЛЫЙ, синий, скруглённый) ========== */
body.skin-2{
  --graphite:#eef2f7; --anthracite:#ffffff; --steel:#ffffff; --concrete:#f4f7fb;
  --orange:#2f6df6; --orange-d:#1f56d6; --text:#15233b; --muted:#5e7088; --line:#dce4ee;
  --radius:14px; --btn-radius:10px; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:800; --h-spacing:-.2px;
  --sec-pad:84px; --card-shadow:0 8px 26px rgba(20,45,90,.08);
  --font:"Segoe UI",system-ui,Roboto,Arial,sans-serif;
}
body.skin-2 header.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e3e9f2}
body.skin-2 .hero{border-bottom:1px solid #e3e9f2}
body.skin-2 .hero-bg{background:linear-gradient(120deg,#e8f0ff 0%,#f7faff 60%,#ffffff 100%)}
body.skin-2 .hero h1{color:#11203a}
body.skin-2 .hero p,body.skin-2 .hero-meta span{color:#4a5b73}
body.skin-2 .grade:hover{background:#fff}
body.skin-2 footer.site-footer{background:#11203a;border-top:3px solid #2f6df6}
body.skin-2 footer .foot-grid h4{color:#fff}
body.skin-2 .seo-text-sec{background:#e9eef6;--seo-fade:#e9eef6}
body.skin-2 .seo-text{color:#5e7088}
body.skin-2 .seo-text h2,body.skin-2 .seo-text h3,body.skin-2 .seo-text strong,body.skin-2 .seo-text b{color:#15233b}
body.skin-2 .cat-card-go,body.skin-2 .hdr-nav a{color:#5e7088}

/* ========== SKIN 3 — LANDING (тёмный, ЖЁЛТЫЙ, крупный, плоский) ========== */
body.skin-3{
  --graphite:#141310; --anthracite:#1c1a14; --steel:#23211a; --concrete:#2c2920;
  --orange:#ffc400; --orange-d:#e0a900; --text:#f5f2e8; --muted:#b3ab92; --line:#39342a;
  --on-accent:#141310;   /* акцент жёлтый — поверх него нужен тёмный текст */
  --radius:0; --btn-radius:0; --btn-clip:none; --logo-clip:none;
  --h-transform:uppercase; --h-weight:900; --h-spacing:-.8px;
  --sec-pad:64px; --card-shadow:none;
  --font:"Arial Black",Impact,system-ui,sans-serif;
}
body.skin-3 .hero h1{font-size:clamp(40px,6.4vw,78px)}
body.skin-3 .btn,body.skin-3 .grade .gbtn,body.skin-3 .gbtn{color:#141310}
body.skin-3 .btn.ghost{color:var(--orange)}
body.skin-3 .feat-strip,body.skin-3 .calc-result{color:#141310}
body.skin-3 .sec-head h2:after{height:8px}

/* ========== SKIN 4 — MINIMAL (СВЕТЛЫЙ, монохром+терракота, воздух, тонкий) ========== */
body.skin-4{
  --graphite:#ffffff; --anthracite:#faf9f7; --steel:#ffffff; --concrete:#f5f3f0;
  --orange:#c8643c; --orange-d:#ad522e; --text:#1c1a18; --muted:#8a8278; --line:#e8e4de;
  --radius:0; --btn-radius:0; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:600; --h-spacing:.2px;
  --sec-pad:108px; --card-shadow:none;
  --font:"Helvetica Neue",Arial,system-ui,sans-serif;
}
body.skin-4 header.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #ece8e2}
body.skin-4 .hero{border-bottom:1px solid #ece8e2}
body.skin-4 .hero-bg{background:#faf9f7}
body.skin-4 .hero h1{color:#1c1a18;font-weight:600}
body.skin-4 .hero p,body.skin-4 .hero-meta span{color:#8a8278}
body.skin-4 .hdr-nav a,body.skin-4 .cat-card-go{color:#8a8278}
body.skin-4 footer.site-footer{background:#faf9f7;border-top:1px solid #e8e4de}
body.skin-4 footer .foot-grid h4{color:#1c1a18}
body.skin-4 footer .foot-grid p,body.skin-4 footer .foot-grid a,body.skin-4 .foot-bottom{color:#8a8278}
body.skin-4 .seo-text-sec{background:#faf9f7;--seo-fade:#faf9f7}
body.skin-4 .seo-text{color:#8a8278}
body.skin-4 .seo-text h2,body.skin-4 .seo-text h3,body.skin-4 .seo-text strong,body.skin-4 .seo-text b{color:#1c1a18}
body.skin-4 .sec-head h2:after{height:3px;width:48px}
body.skin-4 .grade:hover{background:#fff;transform:translateY(-3px)}

/* ========== SKIN 5 — ECO (СВЕТЛЫЙ песок, зелёный, СКРУГЛЁННЫЙ-мягкий) ========== */
body.skin-5{
  --graphite:#f3efe6; --anthracite:#ffffff; --steel:#ffffff; --concrete:#eef2e9;
  --orange:#3f9d57; --orange-d:#2f7d44; --text:#232a20; --muted:#6a7563; --line:#e2e1d2;
  --radius:22px; --btn-radius:40px; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:800; --h-spacing:-.3px;
  --sec-pad:88px; --card-shadow:0 10px 32px rgba(40,70,40,.09);
  --font:"Segoe UI",Verdana,system-ui,sans-serif;
}
body.skin-5 header.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e6e6d8}
body.skin-5 .hero{border-bottom:none}
body.skin-5 .hero-bg{background:linear-gradient(120deg,#eef2e9 0%,#f3efe6 60%,#fbf8f1 100%)}
body.skin-5 .hero h1{color:#1d2a1c}
body.skin-5 .hero p,body.skin-5 .hero-meta span{color:#5d6b58}
body.skin-5 .hero .tag{border-radius:40px}
body.skin-5 .hdr-nav a,body.skin-5 .cat-card-go{color:#6a7563}
body.skin-5 footer.site-footer{background:#1c2a1e;border-top:3px solid #3f9d57}
body.skin-5 footer .foot-grid h4{color:#fff}
body.skin-5 .seo-text-sec{background:#eef2e9;--seo-fade:#eef2e9}
body.skin-5 .seo-text{color:#6a7563}
body.skin-5 .seo-text h2,body.skin-5 .seo-text h3,body.skin-5 .seo-text strong,body.skin-5 .seo-text b{color:#232a20}
body.skin-5 .feat-strip > div,body.skin-5 .grade:hover{border-radius:0}
body.skin-5 .grade:hover{background:#fff;transform:translateY(-4px)}

/* ========== SKIN 6 — BOLD (тёмный, электрик, НЕО-БРУТАЛИЗМ) ========== */
body.skin-6{
  --graphite:#0e0f14; --anthracite:#15161d; --steel:#1c1e28; --concrete:#232633;
  --orange:#2b5bff; --orange-d:#1d45e0; --text:#f2f3f7; --muted:#9aa0b5; --line:#2b2f40;
  --radius:0; --btn-radius:0; --btn-clip:none; --logo-clip:none;
  --h-transform:uppercase; --h-weight:900; --h-spacing:-1px;
  --sec-pad:70px; --card-shadow:6px 6px 0 var(--orange);
}
body.skin-6 .hero h1{font-size:clamp(42px,7vw,86px)}
body.skin-6 .grade,body.skin-6 .panel,body.skin-6 .cat-card,body.skin-6 .tstat,
body.skin-6 .cert-card,body.skin-6 .review{border:3px solid var(--text)}
body.skin-6 .btn{border:3px solid var(--text);box-shadow:4px 4px 0 var(--text)}
body.skin-6 .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text)}
body.skin-6 .grade:hover,body.skin-6 .cat-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--orange)}
body.skin-6 .sec-head h2:after{height:8px}

/* ============================================================
   СКИНЫ 7–11 — под 8 новых городов (макеты mockups-img/, выбор юзера 10.08).
   7  ← «A»  v2-a           тёмный первый экран + светлый корпус, жёлтый
   8  ← «Ч»  v3-chernozhelt чёрный + плотные жёлтые полосы во всю ширину
   9  ← «D»  v2-d           светлый воздушный, синий акцент, зелёная кнопка
   10 ← «Г»  v3-belogolub   бело-голубой чистый, диагональный срез в герое
   11 ← «B»  v2-b           премиальный сдержанный, красная кнопка, золотая линия
   ============================================================ */

/* ========== SKIN 7 — СВЕТ+ГРАФИТ (жёлтый акцент, тёмный герой) ========== */
body.skin-7{
  --graphite:#f2f3f4; --anthracite:#ffffff; --steel:#ffffff; --concrete:#e9eaec;
  --orange:#f5c400; --orange-d:#dcae00; --text:#1b1d21; --muted:#6b7178; --line:#dfe1e4;
  --on-accent:#1b1d21;   /* акцент жёлтый — текст поверх него тёмный */
  --radius:4px; --btn-radius:4px; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:800; --h-spacing:-.4px;
  --sec-pad:78px; --card-shadow:0 4px 18px rgba(20,25,35,.07);
  --font:"Segoe UI",system-ui,Roboto,Arial,sans-serif;
}
body.skin-7 header.site-header{background:rgba(23,26,30,.96);border-bottom:1px solid #2b2f36}
body.skin-7 .hdr-nav a,body.skin-7 .hdr-phone a,body.skin-7 .logo b{color:#f2f3f4}
body.skin-7 .hdr-phone small,body.skin-7 .logo span{color:#9aa0a8}
body.skin-7 .hero{border-bottom:1px solid #dfe1e4}
body.skin-7 .hero-bg{background:linear-gradient(105deg,#14171b 0%,#1d2228 55%,#2b3138 100%)}
body.skin-7 .hero h1{color:#ffffff}
body.skin-7 .hero p,body.skin-7 .hero-meta span{color:#b9bfc6}
body.skin-7 .hero-meta b{color:#ffffff}   /* иначе тёмный --text на тёмном герое = пусто */
body.skin-7 .hero .tag,body.skin-7 .btn,body.skin-7 .gbtn,
body.skin-7 .feat-strip,body.skin-7 .calc-result{color:#1b1d21}
body.skin-7 .btn.ghost{color:#1b1d21;border-color:#c9ccd1}
body.skin-7 .hero .btn.ghost{color:#ffffff;border-color:rgba(255,255,255,.55)}
body.skin-7 .hero .btn.ghost:hover{color:#1b1d21}
/* карточка «Раствор» залита акцентом и подписана белым инлайн-стилем —
   на жёлтом это нечитаемо, возвращаем тёмный текст */
body.skin-7 .grade[style] .gn,body.skin-7 .grade[style] .gd,
body.skin-7 .grade[style] .gp,body.skin-7 .grade[style] .gbtn{color:#1b1d21 !important}
body.skin-7 .grade[style] .gbtn{border-color:rgba(27,29,33,.45) !important}
body.skin-7 .grade{border-bottom:3px solid var(--orange)}
body.skin-7 .grade:hover{background:#fff;transform:translateY(-4px)}
body.skin-7 footer.site-footer{background:#17191d;border-top:3px solid var(--orange)}
body.skin-7 .seo-text-sec{background:#e9eaec;--seo-fade:#e9eaec}
body.skin-7 .seo-text{color:#6b7178}
body.skin-7 .seo-text h2,body.skin-7 .seo-text h3,body.skin-7 .seo-text strong,body.skin-7 .seo-text b{color:#1b1d21}
body.skin-7 .cat-card-go{color:#6b7178}
body.skin-7 .sec-head h2:after{height:4px;width:56px}

/* ========== SKIN 8 — СТРОЙКА (чёрный + жёлтые полосы во всю ширину) ========== */
body.skin-8{
  --graphite:#0d0d0d; --anthracite:#161616; --steel:#191919; --concrete:#232323;
  --orange:#ffd000; --orange-d:#e6bb00; --text:#f4f4f4; --muted:#a1a1a1; --line:#2e2e2e;
  --on-accent:#0d0d0d;
  --radius:0; --btn-radius:2px; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:900; --h-spacing:-1px;
  --sec-pad:66px; --card-shadow:none;
  --font:"Segoe UI",Tahoma,system-ui,sans-serif;
}
body.skin-8 .hero h1{font-size:clamp(38px,6vw,74px)}
body.skin-8 .hero .tag,body.skin-8 .btn,body.skin-8 .gbtn,
body.skin-8 .feat-strip,body.skin-8 .calc-result{color:#0d0d0d}
body.skin-8 .btn.ghost{color:var(--orange)}
/* та же карточка «Раствор» на тёмной секции: жёлтая заливка + белый текст */
body.skin-8 .grade[style] .gn,body.skin-8 .grade[style] .gd,
body.skin-8 .grade[style] .gp,body.skin-8 .grade[style] .gbtn{color:#0d0d0d !important}
body.skin-8 .grade[style] .gbtn{border-color:rgba(13,13,13,.45) !important}
/* чередующиеся секции — сплошная жёлтая заливка, карточки внутри чёрные */
body.skin-8 .sec-alt{background:var(--orange);color:#0d0d0d}
body.skin-8 .sec-alt .sec-head h2,body.skin-8 .sec-alt p,body.skin-8 .sec-alt li,
body.skin-8 .sec-alt h3,body.skin-8 .sec-alt .sec-head span{color:#0d0d0d}
body.skin-8 .sec-alt .sec-head h2:after{background:#0d0d0d}
body.skin-8 .sec-alt .grade,body.skin-8 .sec-alt .panel,body.skin-8 .sec-alt .cat-card,
body.skin-8 .sec-alt .faq-item,body.skin-8 .sec-alt .tstat,body.skin-8 .sec-alt .cert-card,
body.skin-8 .sec-alt .is-item,body.skin-8 .sec-alt a.rel-card{
  background:#141414;border-color:#141414;color:#f4f4f4}
body.skin-8 .sec-alt .grade h3,body.skin-8 .sec-alt .cat-card h3,
body.skin-8 .sec-alt .faq-item h3,body.skin-8 .sec-alt .tstat b{color:#f4f4f4}
body.skin-8 .sec-alt .btn{background:#0d0d0d;color:var(--orange)}
body.skin-8 .sec-alt .btn:hover{background:#000}
/* карточка «Раствор» красится акцентом инлайн-стилем из шаблона — на жёлтой
   полосе получилось бы жёлтое на жёлтом, поэтому перебиваем на чёрную */
body.skin-8 .sec-alt .grade[style]{background:#141414 !important;border-color:#141414 !important}
body.skin-8 .sec-alt .grade[style] .gn,body.skin-8 .sec-alt .grade[style] .gd,
body.skin-8 .sec-alt .grade[style] .gp{color:#f4f4f4 !important}
body.skin-8 .sec-alt .grade[style] .gbtn{color:var(--orange) !important;border-color:rgba(255,208,0,.55) !important}
/* «Подробнее» внутри чёрной карточки на жёлтом — иначе тёмное на тёмном */
body.skin-8 .sec-alt .gbtn,body.skin-8 .sec-alt .gt-link,body.skin-8 .sec-alt .gr-go{
  color:var(--orange);border-color:rgba(255,208,0,.55)}
body.skin-8 .sec-head h2:after{height:7px;width:64px}
body.skin-8 footer.site-footer{background:#0d0d0d;border-top:6px solid var(--orange)}

/* ========== SKIN 9 — ВОЗДУХ (белый, синий акцент, ЗЕЛЁНАЯ кнопка) ========== */
body.skin-9{
  --graphite:#f6f8fb; --anthracite:#ffffff; --steel:#ffffff; --concrete:#eef3f9;
  --orange:#1550a8; --orange-d:#0f3f88; --text:#16202e; --muted:#5f6f82; --line:#e2e8f0;
  --cta:#2e9e4f; --cta-d:#25873f;   /* кнопка заявки — зелёная, акцент остаётся синим */
  --radius:12px; --btn-radius:8px; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:800; --h-spacing:-.5px;
  --sec-pad:92px; --card-shadow:0 6px 22px rgba(21,45,90,.07);
  --font:"Segoe UI",system-ui,Roboto,Arial,sans-serif;
}
body.skin-9 header.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e6ecf3}
body.skin-9 .hero{border-bottom:1px solid #e6ecf3}
body.skin-9 .hero-bg{background:linear-gradient(150deg,#eaf2fb 0%,#f7fafd 55%,#ffffff 100%)}
body.skin-9 .hero h1{color:#0f1c2e}
body.skin-9 .hero p,body.skin-9 .hero-meta span{color:#5f6f82}
body.skin-9 .btn{background:var(--cta)}
body.skin-9 .btn:hover{background:var(--cta-d)}
body.skin-9 .btn.ghost{background:transparent;border-color:var(--orange);color:var(--orange)}
body.skin-9 .btn.ghost:hover{background:var(--orange);color:#fff}
body.skin-9 .hdr-nav a,body.skin-9 .cat-card-go{color:#5f6f82}
body.skin-9 .grade:hover{background:#fff;transform:translateY(-4px)}
body.skin-9 footer.site-footer{background:#12233c;border-top:3px solid var(--orange)}
body.skin-9 footer .foot-grid h4{color:#fff}
body.skin-9 .seo-text-sec{background:#eef3f9;--seo-fade:#eef3f9}
body.skin-9 .seo-text{color:#5f6f82}
body.skin-9 .seo-text h2,body.skin-9 .seo-text h3,body.skin-9 .seo-text strong,body.skin-9 .seo-text b{color:#16202e}
body.skin-9 .sec-head h2:after{height:4px;width:52px;border-radius:4px}

/* ========== SKIN 10 — ЧИСТЫЙ (бело-голубой, диагональный срез в герое) ========== */
body.skin-10{
  --graphite:#ffffff; --anthracite:#f4f7fb; --steel:#ffffff; --concrete:#eaf1f8;
  --orange:#1f7ae0; --orange-d:#1663bb; --text:#0f1b28; --muted:#61707f; --line:#dbe4ee;
  --cta:#37a04a; --cta-d:#2c8a3d;
  --radius:6px; --btn-radius:6px; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:800; --h-spacing:-.6px;
  --sec-pad:80px; --card-shadow:none;
  --font:"Segoe UI",system-ui,Roboto,Arial,sans-serif;
}
body.skin-10 header.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #e6edf5}
body.skin-10 .hero{border-bottom:1px solid #e6edf5}
body.skin-10 .hero-bg{background:#ffffff}
/* правый диагональный клин вместо тёмной подложки */
body.skin-10 .hero-stripe{opacity:1;width:46%;transform:skewX(-9deg) translateX(16%);
  background:linear-gradient(160deg,#cfe3f6 0%,#8fbfe8 55%,#5ea3dd 100%)}
body.skin-10 .hero h1{color:#0f1b28}
body.skin-10 .hero p,body.skin-10 .hero-meta span{color:#61707f}
body.skin-10 .btn{background:var(--cta)}
body.skin-10 .btn:hover{background:var(--cta-d)}
body.skin-10 .btn.ghost{background:transparent;border-color:var(--orange);color:var(--orange)}
body.skin-10 .btn.ghost:hover{background:var(--orange);color:#fff}
body.skin-10 .hdr-nav a,body.skin-10 .cat-card-go{color:#61707f}
/* полоса преимуществ — не заливка, а светлая лента с волосяными разделителями
   (главное отличие от близкого по палитре скина 9) */
body.skin-10 .feat-strip{background:#ffffff;color:var(--text);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.skin-10 .feat-grid > div{border-right:1px solid var(--line)}
body.skin-10 .feat-grid > div:last-child{border-right:none}
body.skin-10 .feat-grid p{color:var(--muted);opacity:1}
body.skin-10 .grade,body.skin-10 .cat-card,body.skin-10 .panel,body.skin-10 .cert-card{border:1px solid #dbe4ee}
body.skin-10 .grade{border-left:4px solid var(--orange)}
body.skin-10 .tstat{border-top:none;border-left:4px solid var(--orange)}
body.skin-10 .grade:hover{background:#f7fbff;border-color:var(--orange);transform:none}
body.skin-10 footer.site-footer{background:#0f2136;border-top:3px solid var(--orange)}
body.skin-10 footer .foot-grid h4{color:#fff}
body.skin-10 .seo-text-sec{background:#f4f7fb;--seo-fade:#f4f7fb}
body.skin-10 .seo-text{color:#61707f}
body.skin-10 .seo-text h2,body.skin-10 .seo-text h3,body.skin-10 .seo-text strong,body.skin-10 .seo-text b{color:#0f1b28}
body.skin-10 .sec-head h2:after{height:3px;width:44px}

/* ========== SKIN 11 — ПРЕМИУМ (сдержанный, красная кнопка, золотая линия) ========== */
body.skin-11{
  --graphite:#f7f7f8; --anthracite:#ffffff; --steel:#ffffff; --concrete:#efeff1;
  --orange:#c0392b; --orange-d:#a12f23; --text:#1a1c20; --muted:#6e747c; --line:#e4e5e8;
  --gold:#c9a227;
  --radius:2px; --btn-radius:2px; --btn-clip:none; --logo-clip:none;
  --h-transform:none; --h-weight:700; --h-spacing:-.3px;
  --sec-pad:100px; --card-shadow:none;
  --font:"Segoe UI",system-ui,Roboto,Arial,sans-serif;
}
body.skin-11 header.site-header{background:rgba(20,22,26,.97);border-bottom:1px solid #2a2e35}
body.skin-11 .hdr-nav a,body.skin-11 .hdr-phone a,body.skin-11 .logo b{color:#f3f3f4}
body.skin-11 .hdr-phone small,body.skin-11 .logo span{color:#9ba1a9}
body.skin-11 .hero{border-bottom:none}
body.skin-11 .hero-bg{background:linear-gradient(100deg,#15181d 0%,#1e242c 48%,#39424e 100%)}
body.skin-11 .hero h1{color:#ffffff}
body.skin-11 .hero h1:after{content:"";display:block;width:72px;height:3px;background:var(--gold);margin-top:20px}
body.skin-11 .hero p,body.skin-11 .hero-meta span{color:#b6bcc4}
body.skin-11 .hero-meta b{color:#ffffff}
/* премиум-сдержанность: полоса преимуществ белая с волосяными разделителями,
   а не сплошная красная заливка */
body.skin-11 .feat-strip{background:#ffffff;color:var(--text);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.skin-11 .feat-grid > div{border-right:1px solid var(--line)}
body.skin-11 .feat-grid > div:last-child{border-right:none}
body.skin-11 .feat-grid p{color:var(--muted);opacity:1}
body.skin-11 .hero .tag{background:transparent;color:var(--gold);border:1px solid rgba(201,162,39,.55);letter-spacing:3px}
body.skin-11 .hero-meta div{border-left-color:var(--gold)}
body.skin-11 .hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5)}
body.skin-11 .hero .btn.ghost:hover{color:#1a1c20;background:#fff;border-color:#fff}
body.skin-11 .sec-head h2:after{height:3px;width:56px;background:var(--gold)}
body.skin-11 .grade,body.skin-11 .cat-card,body.skin-11 .panel,body.skin-11 .cert-card,body.skin-11 .tstat{border:1px solid #e4e5e8}
body.skin-11 .grade:hover{background:#fff;border-color:var(--gold);transform:translateY(-3px)}
body.skin-11 .tstat{border-top:3px solid var(--gold)}
body.skin-11 .cert-card{border-top:3px solid var(--gold)}
body.skin-11 footer.site-footer{background:#15181d;border-top:3px solid var(--gold)}
body.skin-11 footer .foot-grid h4{color:#fff}
body.skin-11 .seo-text-sec{background:#efeff1;--seo-fade:#efeff1}
body.skin-11 .seo-text{color:#6e747c}
body.skin-11 .seo-text h2,body.skin-11 .seo-text h3,body.skin-11 .seo-text strong,body.skin-11 .seo-text b{color:#1a1c20}
body.skin-11 .hdr-nav a:hover{color:var(--gold)}
body.skin-11 .cat-card-go{color:#6e747c}