@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(/media/kashtan/font/oswald-500-cyrillic.d8672733.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(/media/kashtan/font/oswald-500-latin.aabe123b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212}
@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url(/media/kashtan/font/oswald-600-cyrillic.d8672733.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url(/media/kashtan/font/oswald-600-latin.aabe123b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/media/kashtan/font/roboto-400-cyrillic.d38fbadd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/media/kashtan/font/roboto-400-latin.41ca6b7e.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(/media/kashtan/font/roboto-500-cyrillic.d38fbadd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(/media/kashtan/font/roboto-500-latin.41ca6b7e.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/media/kashtan/font/roboto-700-cyrillic.d38fbadd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/media/kashtan/font/roboto-700-latin.41ca6b7e.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212}
/* ===========================================================================
   online-casino777.com.ua — каркас «КАШТАН», прогон u77 (17.09.2026)
   Порядок секций: 00 токены · 01 сброс и типографика · 02 мачта и меню
   03 полотно и лист · 04 брама (герой) · 05 полиця (рельс) · 06 витрина u77v
   07 карточки каталога · 08 блоки статьи и обзора · 09 подвал · 10 мобилка
   =========================================================================== */

/* ---- 00 токены ---------------------------------------------------------- */
:root{
  --ksh-ink:#171a1f;
  --ksh-ink-2:#3d4553;
  --ksh-grey:#5d6779;
  --ksh-paper:#ffffff;
  --ksh-canvas:#eceff4;
  --ksh-line:#dde2ea;
  --ksh-line-2:#c9d1dd;
  --ksh-night:#14161b;
  --ksh-night-2:#1e222b;
  --ksh-amber:#c07f1d;
  --ksh-amber-lt:#f6e4c4;
  --ksh-green:#14724e;
  --ksh-green-dk:#0f5c3f;
  --ksh-link:#1b4f8a;
  --ksh-kashtan:#7a3f22;
  --ksh-shell:1120px;
  --ksh-col:888px;
  --ksh-rail:200px;
  --ksh-gap:32px;
  --ksh-pad:20px;
  --ksh-sheet-pad:32px;
  --ksh-r:4px;
  --ksh-r-lg:8px;
  --ksh-shadow:0 1px 2px rgba(23,26,31,.06),0 6px 18px rgba(23,26,31,.05);
}

/* ---- 01 сброс и типографика --------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;background:var(--ksh-canvas);color:var(--ksh-ink);
  font:400 17px/1.68 Roboto,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--ksh-link);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:Oswald,"Roboto Condensed",Roboto,Arial,sans-serif;font-weight:600;
  line-height:1.2;color:var(--ksh-ink);margin:0 0 14px}
h1{font-size:34px;letter-spacing:.2px}
h2{font-size:26px;margin-top:34px}
h3{font-size:21px;margin-top:26px}
h4{font-size:18px;margin-top:22px;font-family:Roboto,Arial,sans-serif;font-weight:700}
p{margin:0 0 16px}
ul,ol{margin:0 0 18px;padding-left:22px}
li{margin:0 0 8px}
b,strong{font-weight:700}
table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:15px}
th{background:var(--ksh-night-2);color:#fff;font-weight:600;text-align:left;padding:10px 12px;
  font-family:Oswald,Arial,sans-serif;letter-spacing:.3px;font-size:14px;text-transform:uppercase}
td{border-bottom:1px solid var(--ksh-line);padding:10px 12px;vertical-align:top}
tr:nth-child(even) td{background:#f7f9fc}
.u77-ico{width:22px;height:22px;flex:0 0 auto;display:inline-block;vertical-align:-4px}
.u77-skip{position:fixed;top:-80px;left:12px;background:#fff;padding:10px 14px;z-index:60}
.u77-skip:focus{top:8px}

/* ---- 02 мачта и меню ---------------------------------------------------- */
.u77-hd{display:block;position:relative;z-index:41}
.u77-mach{background:var(--ksh-night);color:#fff;border-bottom:3px solid var(--ksh-amber)}
.u77-mach__in{max-width:var(--ksh-shell);margin:0 auto;padding:0 var(--ksh-pad);
  display:flex;align-items:center;gap:18px;min-height:74px}
.u77-znak{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.u77-znak:hover{text-decoration:none}
.u77-znak__mark{width:42px;height:42px;flex:0 0 auto}
.u77-znak__txt{display:block;font-family:Oswald,Arial,sans-serif;font-weight:600;font-size:21px;
  letter-spacing:.6px;line-height:1.05;text-transform:uppercase}
.u77-znak__txt i{font-style:normal;color:var(--ksh-amber)}
.u77-znak__sub{display:block;font-size:11px;letter-spacing:1.6px;color:#9aa6b8;text-transform:uppercase;margin-top:3px}
.u77-mach__end{margin-left:auto;display:flex;align-items:center;gap:14px}
.u77-cenz{display:inline-flex;align-items:center;gap:7px;border:1px solid #454d5c;border-radius:999px;
  padding:6px 13px 6px 10px;font-size:13px;color:#cfd6e2;white-space:nowrap}
.u77-cenz .u77-ico{width:18px;height:18px;color:var(--ksh-amber)}
.u77-upd{font-size:13px;color:#9aa6b8;white-space:nowrap}
.u77-upd b{color:#e7ecf4;font-weight:500}

.u77-riadok{background:var(--ksh-night-2);color:#dfe5ee;border-bottom:1px solid #2b3140;position:relative;z-index:40}
.u77-riadok__in{max-width:var(--ksh-shell);margin:0 auto;padding:0 var(--ksh-pad)}
.u77-menu{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.u77-menu>li{position:relative;margin:0}
.u77-menu>li>a{display:flex;align-items:center;gap:8px;padding:14px 15px;color:#dfe5ee;font-size:15px;
  font-family:Oswald,Arial,sans-serif;letter-spacing:.3px;text-transform:uppercase;min-height:48px}
.u77-menu>li>a:hover,.u77-menu>li:focus-within>a{background:#2b3140;color:#fff;text-decoration:none}
.u77-menu>li[data-u77-on]>a{box-shadow:inset 0 -3px 0 var(--ksh-amber)}
.u77-menu .u77-ico{width:19px;height:19px;color:var(--ksh-amber)}
.u77-hilka{position:absolute;top:100%;left:0;min-width:262px;background:#fff;border:1px solid var(--ksh-line-2);
  border-top:3px solid var(--ksh-amber);box-shadow:0 14px 34px rgba(16,20,28,.22);list-style:none;margin:0;padding:6px 0;
  visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:45}
.u77-menu>li:hover>.u77-hilka,.u77-menu>li:focus-within>.u77-hilka{visibility:visible;opacity:1;transform:none}
.u77-hilka li{margin:0}
.u77-hilka a{display:block;padding:9px 16px;background:#fff;color:var(--ksh-ink);font-size:15px;line-height:1.35}
.u77-hilka a:hover{background:#f2f5f9;color:var(--ksh-link);text-decoration:none}
.u77-menu>li:nth-last-child(-n+2) .u77-hilka{left:auto;right:0}
.u77-burger,.u77-burger__lbl,.u77-close{display:none}

/* ---- 03 полотно, лист, сетка -------------------------------------------- */
.u77-korpus{display:block;padding:0 0 46px}
.u77-blok{max-width:var(--ksh-shell);margin:0 auto;padding:0 var(--ksh-pad)}
.u77-set{display:grid;grid-template-columns:minmax(0,var(--ksh-col)) var(--ksh-rail);gap:var(--ksh-gap);
  align-items:start;margin-top:8px}
.u77-arkush{background:var(--ksh-paper);border:1px solid var(--ksh-line);border-radius:var(--ksh-r-lg);
  box-shadow:var(--ksh-shadow);padding:22px var(--ksh-sheet-pad) var(--ksh-sheet-pad);min-width:0}
.u77-arkush--vuz{max-width:760px;margin:0 auto}
.u77-shlah{font-size:13px;color:var(--ksh-grey);padding:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}
.u77-shlah a{color:var(--ksh-grey)}
.u77-shlah span::before{content:"›";margin-right:6px;color:var(--ksh-line-2)}
.u77-data{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ksh-grey);margin:-4px 0 18px}
.u77-data .u77-ico{width:17px;height:17px;color:var(--ksh-amber)}
.u77-lid{font-size:18px;line-height:1.7;color:var(--ksh-ink-2)}
.u77-lid p:last-child{margin-bottom:0}
.u77-titul{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:26px 0 16px}
.u77-titul h2{margin:0}
.u77-titul a{font-size:14px;color:var(--ksh-link)}
.u77-pidzag{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px;font-size:13px;
  color:var(--ksh-kashtan);margin:0 0 8px}

/* ---- 04 брама (герой) --------------------------------------------------- */
.u77-brama{position:relative;background:#101319;overflow:hidden}
.u77-brama__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:.42}
.u77-brama::after{content:"";position:absolute;inset:0;
  background:linear-gradient(94deg,rgba(16,19,25,.94) 34%,rgba(16,19,25,.55) 100%)}
.u77-brama__in{position:relative;z-index:2;max-width:var(--ksh-shell);margin:0 auto;padding:44px var(--ksh-pad) 40px}
.u77-brama h1{color:#fff;max-width:720px;font-size:40px;margin-bottom:14px}
.u77-brama__lid{color:#d6dde8;font-size:18px;line-height:1.65;max-width:680px;margin:0 0 22px}
.u77-cyfry{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.u77-cyfry li{margin:0;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--ksh-r);padding:10px 14px;color:#e8edf5;font-size:14px}
.u77-cyfry b{font-family:Oswald,Arial,sans-serif;font-size:19px;color:var(--ksh-amber);font-weight:600}
.u77-cyfry .u77-ico{color:var(--ksh-amber)}
.u77-kredyt{position:relative;z-index:2;display:block;max-width:var(--ksh-shell);margin:0 auto;padding:0 var(--ksh-pad) 12px;
  font-size:11px;color:#7f8a9b}
.u77-kredyt a{color:#93a0b3}

/* ---- 05 полиця (рельс) -------------------------------------------------- */
.u77-polytsia{position:sticky;top:14px;display:flex;flex-direction:column;gap:18px;min-width:0}
.u77-karta{background:var(--ksh-paper);border:1px solid var(--ksh-line);border-radius:var(--ksh-r-lg);overflow:hidden}
.u77-karta__h{background:var(--ksh-night-2);color:#fff;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.5px;font-size:13px;padding:10px 16px;display:flex;align-items:center;gap:8px}
.u77-karta__h .u77-ico{width:18px;height:18px;color:var(--ksh-amber)}
.u77-karta ul{list-style:none;margin:0;padding:6px 0}
.u77-karta li{margin:0;border-bottom:1px solid #f0f3f7}
.u77-karta li:last-child{border-bottom:0}
.u77-karta a{display:flex;gap:9px;align-items:flex-start;padding:9px 16px;font-size:14px;line-height:1.42;color:var(--ksh-ink)}
.u77-karta a:hover{background:#f5f8fc;color:var(--ksh-link);text-decoration:none}
.u77-karta a .u77-ico{width:17px;height:17px;margin-top:2px;color:var(--ksh-amber)}
.u77-karta__num{font-family:Oswald,Arial,sans-serif;color:var(--ksh-amber);font-size:14px;min-width:15px}
.u77-karta__txt{padding:12px 16px;font-size:13.5px;line-height:1.55;color:var(--ksh-ink-2)}
.u77-karta__txt b{display:block;font-size:15px;margin-bottom:4px;color:var(--ksh-ink)}

/* ---- 06 витрина u77v ---------------------------------------------------- */
.u77v-wrap{margin:26px 0 8px;clear:both;width:100%}
.u77v-head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 6px}
.u77v-head h2{margin:0}
.u77v-sub,.u77-prymitka{font-size:14px;color:var(--ksh-grey);margin:0 0 14px}
.u77v-filtr{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;border:0}
.u77v-filtr input{position:absolute;opacity:0;width:1px;height:1px}
.u77v-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ksh-line-2);border-radius:999px;
  padding:7px 14px;font-size:13.5px;color:var(--ksh-ink-2);cursor:pointer;background:#fff;min-height:36px}
.u77v-chip:hover{border-color:var(--ksh-amber)}
.u77v-filtr input:checked+.u77v-chip{background:var(--ksh-night-2);border-color:var(--ksh-night-2);color:#fff}
.u77v-filtr input:focus-visible+.u77v-chip{outline:2px solid var(--ksh-amber);outline-offset:2px}
.u77v-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:u77v}
.u77v-list>li{display:grid;grid-template-columns:38px 150px minmax(0,1fr) 210px;gap:14px;align-items:center;
  background:#fff;border:1px solid var(--ksh-line);border-left:0;border-radius:var(--ksh-r-lg);padding:12px 16px 12px 0;
  position:relative;overflow:hidden}
.u77v-list>li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--ksh-line-2)}
.u77v-list>li:nth-child(1)::before{background:var(--ksh-amber)}
.u77v-list>li:nth-child(2)::before{background:#9a8a6a}
.u77v-rank{font-family:Oswald,Arial,sans-serif;font-size:22px;color:var(--ksh-ink-2);text-align:center;padding-left:16px}
.u77v-list>li:nth-child(1) .u77v-rank{color:var(--ksh-amber)}
.u77v-plyta{display:flex;align-items:center;justify-content:center;height:56px;border-radius:var(--ksh-r);
  border:1px solid var(--ksh-line)}
.u77v-plyta img{max-height:44px;max-width:134px;width:auto;height:auto;display:block}
.u77v-plyta--bilyi{background:#fff}
.u77v-plyta--chornyi{background:#191d25;border-color:#191d25}
.u77v-plyta--siryi{background:#78849a;border-color:#6e7a90}
.u77v-body{min-width:0}
.u77v-name{font-family:Oswald,Arial,sans-serif;font-size:19px;font-weight:600;margin:0 0 2px;display:block;color:var(--ksh-ink)}
.u77v-offer{font-size:15px;line-height:1.35;color:var(--ksh-ink);margin:0 0 7px}
.u77v-offer b{color:var(--ksh-kashtan)}
.u77v-fakty{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.u77v-fakty li{margin:0;display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.35;color:var(--ksh-grey)}
.u77v-fakty .u77-ico{width:15px;height:15px;color:var(--ksh-green)}
.u77v-dii{display:flex;flex-direction:column;gap:7px}
.u77-knopka,.u77v-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ksh-green);color:#fff;
  font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-size:15px;border-radius:var(--ksh-r);
  padding:12px 14px;min-height:46px}
.u77-knopka:hover,.u77v-cta:hover{background:var(--ksh-green-dk);color:#fff;text-decoration:none}
.u77-knopka .u77-ico,.u77v-cta .u77-ico{width:18px;height:18px}
.u77v-ogl{text-align:center;font-size:13.5px;color:var(--ksh-link);min-height:24px}
.u77v-umovy{grid-column:1/-1;border-top:1px solid var(--ksh-line);margin:0;padding-top:8px}
.u77v-umovy summary{cursor:pointer;font-size:13px;color:var(--ksh-grey);list-style:none;display:flex;align-items:center;gap:7px}
.u77v-umovy summary::-webkit-details-marker{display:none}
.u77v-umovy summary .u77-ico{width:16px;height:16px;transition:transform .15s}
.u77v-umovy[open] summary .u77-ico{transform:rotate(180deg)}
.u77v-umovy p{font-size:13px;color:var(--ksh-grey);margin:9px 0 0;line-height:1.6}
.u77v-hid{display:none}
.u77v-more{display:none}
.u77v-noty{font-size:13px;color:var(--ksh-grey);background:#f7f9fc;border:1px solid var(--ksh-line);
  border-radius:var(--ksh-r);padding:11px 14px;margin:12px 0 0;display:flex;gap:9px;align-items:flex-start}
.u77v-noty .u77-ico{width:18px;height:18px;color:var(--ksh-kashtan);margin-top:1px}
/* фильтры режут строки (:has перед КАЖДЫМ селектором списка) */
.u77v-wrap:has(#u77v-uah:checked) .u77v-list>li:not([data-u77v-uah]){display:none}
.u77v-wrap:has(#u77v-fs:checked) .u77v-list>li:not([data-u77v-fs]){display:none}

/* ---- 07 карточки каталога и плитки разделов ----------------------------- */
.u77-sitka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 6px;padding:0;list-style:none}
.u77-sitka li{margin:0;min-width:0}
.u77-kartka{display:flex;flex-direction:column;gap:9px;height:100%;background:#fff;border:1px solid var(--ksh-line);
  border-radius:var(--ksh-r-lg);padding:13px;transition:border-color .15s,box-shadow .15s}
a.u77-kartka:hover{border-color:var(--ksh-amber);box-shadow:var(--ksh-shadow);text-decoration:none}
.u77-kartka__plyta{height:72px;border-radius:var(--ksh-r);display:flex;align-items:center;justify-content:center;
  border:1px solid var(--ksh-line);background:#191d25}
.u77-kartka__plyta--bilyi{background:#fff;border-color:var(--ksh-line-2)}
.u77-kartka__plyta--siryi{background:#78849a;border-color:#6e7a90}
.u77-kartka__plyta--chornyi{background:#191d25;border-color:#191d25}
.u77-kartka__plyta img{max-height:56px;max-width:132px}
.u77-kartka__name{font-family:Oswald,Arial,sans-serif;font-size:17px;color:var(--ksh-ink);font-weight:600}
.u77-kartka__bon{font-size:14px;color:var(--ksh-ink-2);line-height:1.4;flex:1 1 auto}
.u77-kartka__nyz{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ksh-grey)}
.u77-kartka__nyz b{font-family:Oswald,Arial,sans-serif;color:var(--ksh-kashtan);font-weight:600}
.u77-plytky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.u77-plytky li{margin:0;min-width:0}
.u77-plytka{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--ksh-line);
  border-radius:var(--ksh-r-lg);padding:15px;height:100%}
a.u77-plytka:hover{border-color:var(--ksh-amber);text-decoration:none}
.u77-plytka .u77-ico{width:26px;height:26px;color:var(--ksh-kashtan)}
.u77-plytka b{display:block;font-family:Oswald,Arial,sans-serif;font-size:17px;color:var(--ksh-ink);margin-bottom:3px;font-weight:600}
.u77-plytka span{display:block;font-size:13.5px;color:var(--ksh-grey);line-height:1.45}
.u77-krok{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0;counter-reset:krok}
.u77-krok li{margin:0;background:#f7f9fc;border:1px solid var(--ksh-line);border-radius:var(--ksh-r-lg);padding:14px;
  font-size:14px;line-height:1.5;color:var(--ksh-ink-2)}
.u77-krok b{display:flex;align-items:center;gap:8px;font-family:Oswald,Arial,sans-serif;font-size:16px;color:var(--ksh-ink);
  margin-bottom:6px;font-weight:600}
.u77-krok .u77-ico{color:var(--ksh-amber);width:20px;height:20px}
.u77-statti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.u77-statti li{margin:0;min-width:0}
.u77-anons{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--ksh-line);
  border-radius:var(--ksh-r-lg);overflow:hidden}
a.u77-anons:hover{border-color:var(--ksh-amber);text-decoration:none}
.u77-anons img{width:100%;height:132px;object-fit:cover;display:block;background:#dfe4ec}
.u77-anons__tx{padding:13px 14px 15px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto}
.u77-anons__rub{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:11.5px;letter-spacing:.8px;color:var(--ksh-kashtan)}
.u77-anons__h{font-family:Oswald,Arial,sans-serif;font-size:17px;font-weight:600;color:var(--ksh-ink);line-height:1.25}
.u77-anons__p{font-size:13.5px;color:var(--ksh-grey);line-height:1.5}

/* ---- 08 блоки обзора и статьи ------------------------------------------- */
.u77-zmist{border:1px solid var(--ksh-line);border-radius:var(--ksh-r-lg);background:#f7f9fc;margin:0 0 22px}
.u77-zmist summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;padding:12px 15px;
  font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-size:14px;color:var(--ksh-ink)}
.u77-zmist summary::-webkit-details-marker{display:none}
.u77-zmist summary .u77-ico{width:18px;height:18px;color:var(--ksh-amber);transition:transform .15s}
.u77-zmist[open] summary .u77-ico{transform:rotate(180deg)}
.u77-zmist ol{margin:0;padding:0 15px 14px 34px;font-size:14.5px}
.u77-zmist li{margin:0 0 6px}
.u77-fakty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--ksh-line);
  border-radius:var(--ksh-r-lg);overflow:hidden;margin:0 0 22px}
.u77-fakty div{display:flex;gap:10px;padding:11px 16px;border-bottom:1px solid var(--ksh-line);font-size:14.5px;min-width:0}
.u77-fakty div:nth-child(odd){border-right:1px solid var(--ksh-line);background:#fbfcfe}
.u77-fakty dt{color:var(--ksh-grey);margin:0;flex:0 0 46%}
.u77-fakty dd{margin:0;font-weight:500;color:var(--ksh-ink);min-width:0}
.u77-fakty .u77-ico{color:var(--ksh-amber)}
.u77-cta-blok{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#101319;color:#fff;
  border-radius:var(--ksh-r-lg);padding:18px 20px;margin:24px 0}
.u77-cta-blok__t{flex:1 1 320px;min-width:0}
.u77-cta-blok b{display:block;font-family:Oswald,Arial,sans-serif;font-size:19px;letter-spacing:.3px;margin-bottom:4px}
.u77-cta-blok span{font-size:14px;color:#c3cbd8;line-height:1.5;display:block}
.u77-cta-blok .u77-knopka{min-width:224px}
.u77-zastere{display:flex;gap:11px;align-items:flex-start;border-left:4px solid var(--ksh-amber);background:#fdf8ef;
  padding:13px 15px;border-radius:0 var(--ksh-r) var(--ksh-r) 0;font-size:14.5px;line-height:1.6;margin:0 0 22px;color:var(--ksh-ink-2)}
.u77-zastere .u77-ico{color:var(--ksh-kashtan);margin-top:2px}
.u77-foto{margin:0 0 20px}
.u77-foto img{width:100%;border-radius:var(--ksh-r);border:1px solid var(--ksh-line);display:block}
.u77-foto figcaption{font-size:12.5px;color:var(--ksh-grey);margin-top:7px}
.u77-perelink{margin:26px 0 0;padding:18px 0 0;border-top:2px solid var(--ksh-line)}
.u77-perelink ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;list-style:none;margin:0;padding:0}
.u77-perelink li{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:14.5px}
.u77-perelink .u77-ico{width:17px;height:17px;color:var(--ksh-amber);margin-top:3px}
.u77-faq{margin:24px 0 0}
.u77-faq details{border:1px solid var(--ksh-line);border-radius:var(--ksh-r);margin:0 0 9px;background:#fff}
.u77-faq summary{cursor:pointer;list-style:none;padding:12px 15px;font-weight:500;display:flex;gap:10px;align-items:center}
.u77-faq summary::-webkit-details-marker{display:none}
.u77-faq summary .u77-ico{width:17px;height:17px;color:var(--ksh-amber);flex:0 0 auto;transition:transform .15s}
.u77-faq details[open] summary .u77-ico{transform:rotate(180deg)}
.u77-faq .u77-faq__a{padding:0 15px 14px;font-size:15px;color:var(--ksh-ink-2)}
.u77-tabl-obg{overflow-x:auto;-webkit-overflow-scrolling:touch}
.u77-abetka{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0}
.u77-abetka li{margin:0}
.u77-abetka a,.u77-abetka span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;
  border:1px solid var(--ksh-line-2);border-radius:var(--ksh-r);font-family:Oswald,Arial,sans-serif;font-size:15px;color:var(--ksh-ink)}
.u77-abetka span{color:var(--ksh-line-2)}

.u77-lenta{margin:4px 0 0}
.u77-lenta > div{border-bottom:1px solid var(--ksh-line);padding:0 0 12px}
.u77-lenta h4{margin:0 0 4px;font-family:Oswald,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.28}
.u77-lenta h4 a{color:var(--ksh-ink)}
.u77-lenta h4 a:hover{color:var(--ksh-link)}
.u77-lenta p{margin:0;font-size:13px;color:var(--ksh-grey)}
.u77-lenta:empty{display:none}

/* ---- 09 подвал ---------------------------------------------------------- */
.u77-pidval{background:var(--ksh-night);color:#aeb8c7;font-size:14.5px;line-height:1.65;margin-top:auto}
.u77-pidval__smuha{background:#1b1f27;border-bottom:1px solid #2a3040}
.u77-pidval__smuha .u77-in{max-width:var(--ksh-shell);margin:0 auto;padding:16px var(--ksh-pad);display:flex;gap:26px;
  flex-wrap:wrap;align-items:center}
.u77-trast{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#c6cfdc}
.u77-trast .u77-ico{width:22px;height:22px;color:var(--ksh-amber);flex:0 0 auto}
.u77-pidval__in{max-width:var(--ksh-shell);margin:0 auto;padding:30px var(--ksh-pad) 12px;
  display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.u77-pidval h3{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 12px}
.u77-pidval a{color:#c8d2e0}
.u77-pidval ul{list-style:none;margin:0;padding:0}
.u77-pidval li{margin:0 0 8px}
.u77-sluzh{max-width:var(--ksh-shell);margin:0 auto;padding:6px var(--ksh-pad) 14px;display:flex;gap:18px;flex-wrap:wrap;
  font-size:13.5px;border-bottom:1px solid #262c38}
.u77-pravo{max-width:var(--ksh-shell);margin:0 auto;padding:14px var(--ksh-pad) 26px;font-size:12.5px;color:#7d8798}
.u77-pravo p{margin:0 0 7px}

/* ---- 10 мобилка --------------------------------------------------------- */
@media (max-width:1180px){
  :root{--ksh-shell:100%;--ksh-rail:190px}
  .u77-set{grid-template-columns:minmax(0,1fr) var(--ksh-rail)}
}
@media (max-width:980px){
  .u77-set{grid-template-columns:minmax(0,1fr)}
  .u77-polytsia{position:static}
  .u77-sitka,.u77-plytky,.u77-statti{grid-template-columns:repeat(2,minmax(0,1fr))}
  .u77-krok{grid-template-columns:repeat(2,minmax(0,1fr))}
  .u77v-list>li{grid-template-columns:34px 118px minmax(0,1fr);row-gap:12px}
  .u77v-dii{grid-column:1/-1}
  .u77v-cta{min-height:48px}
}
@media (max-width:760px){
  :root{--ksh-pad:14px;--ksh-sheet-pad:16px}
  body{font-size:16px}
  h1{font-size:27px}
  h2{font-size:22px}
  .u77-brama h1{font-size:28px}
  .u77-brama__in{padding:28px var(--ksh-pad) 26px}
  .u77-mach__in{min-height:62px;gap:12px}
  .u77-znak__mark{width:36px;height:36px}
  .u77-znak__txt{font-size:17px;white-space:nowrap}
  .u77-znak__sub{font-size:10px;letter-spacing:1.1px}
  .u77-upd{display:none}
  .u77-cenz{padding:5px 10px;font-size:12px}
  .u77-sitka,.u77-plytky,.u77-statti,.u77-krok,.u77-fakty,.u77-perelink ul{grid-template-columns:minmax(0,1fr)}
  .u77-fakty div:nth-child(odd){border-right:0}
  .u77-pidval__in{grid-template-columns:minmax(0,1fr);gap:22px}
  .u77-arkush{border-radius:var(--ksh-r)}
  .u77v-list>li{grid-template-columns:32px minmax(0,1fr);padding:10px 12px 10px 0;gap:8px 10px}
  .u77v-body{grid-column:1/-1;padding-left:16px}
  .u77v-dii{padding-left:16px}
  .u77v-umovy{padding-left:16px}
  .u77v-plyta{height:44px}
  .u77v-plyta img{max-height:34px;max-width:110px}
  .u77v-fakty{gap:3px 10px}
  .u77v-fakty li:nth-child(n+2){display:none}
  .u77v-fakty li{font-size:12px}
  .u77v-offer{font-size:14px;margin-bottom:4px}
  .u77v-name{font-size:17px}
  .u77v-cta{min-height:44px;padding:10px 12px;font-size:14px}
  .u77v-ogl{min-height:20px;font-size:13px}
  .u77v-umovy{padding-top:6px}
  .u77v-rank{padding-left:12px}
  .u77-cta-blok .u77-knopka{min-width:100%}
}

@media (max-width:900px){
  /* меню в бургер (до 900px, чтобы планшет 768 тоже получал бургер) */
  .u77-riadok__in{padding:0}
  .u77-burger__lbl{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 var(--ksh-pad);color:#dfe5ee;
    font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px;font-size:15px;cursor:pointer}
  .u77-burger__lbl i{display:block;width:26px;height:2px;background:#dfe5ee;position:relative}
  .u77-burger__lbl i::before,.u77-burger__lbl i::after{content:"";position:absolute;left:0;width:26px;height:2px;background:#dfe5ee}
  .u77-burger__lbl i::before{top:-8px}
  .u77-burger__lbl i::after{top:8px}
  .u77-menu{display:none;flex-direction:column;padding:0 0 10px}
  .u77-burger:checked~.u77-menu{display:flex}
  .u77-menu>li>a{padding:13px var(--ksh-pad);min-height:48px;border-top:1px solid #2b3140}
  .u77-hilka{position:static;visibility:visible;opacity:1;transform:none;box-shadow:none;border:0;border-top:1px solid #2b3140;
    background:#171b22;padding:0}
  .u77-hilka a{color:#b9c3d2;padding:11px var(--ksh-pad) 11px 40px;min-height:44px;display:flex;align-items:center}
  .u77-hilka a:hover{background:#1f242e;color:#fff}
  .u77-close{display:none;align-items:center;justify-content:center;gap:9px;min-height:48px;color:#9aa6b8;font-size:14px;
    border-top:1px solid #2b3140;cursor:pointer}
  .u77-burger:checked~.u77-menu+.u77-close{display:flex}
}
