/* Общие элементы сайта поверх noch.css: меню, мобильное меню, cookie, оплата, мои разборы */
.menyu .razd{display:flex;gap:34px;align-items:center}
.menyu .pn{position:relative}
.menyu .pn>button{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:6px 0}
.menyu .pn>button:after{content:' ⌄';opacity:.6}
.menyu .pn>button:hover,.menyu .pn.otkr>button{color:var(--svet2)}
.menyu .vyp{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:250px;background:var(--ugol);border:1px solid var(--kromka);border-top:1px solid var(--alyj2);padding:10px 0;display:none;z-index:60;text-transform:none;letter-spacing:.02em;font:400 15px/1.3 'Jost'}
.menyu .vyp a{display:block;padding:9px 22px;color:var(--tekst)}
.menyu .vyp a:hover{background:var(--sazha);color:var(--svet2)}
.menyu .pn:hover .vyp,.menyu .pn.otkr .vyp,.menyu .pn:focus-within .vyp{display:block}
.menyu .lev{display:block}
.menyu .moi{white-space:nowrap}
.menyu .burger{background:none;border:0;padding:4px;cursor:pointer;color:var(--tekst)}
.menyu .burger svg{width:22px;height:22px}
.shapka{position:relative;z-index:50}
@media (max-width:640px){
 .menyu{grid-template-columns:1fr auto}.menyu .lev{display:none}
 .menyu .razd{display:none}
 .menyu .burger{display:block}
 body.menyu-otkr{overflow:hidden}
 body.menyu-otkr .menyu .razd{display:flex;position:fixed;inset:0;top:0;background:var(--noch);flex-direction:column;align-items:stretch;gap:0;padding:70px 16px 40px;overflow:auto;z-index:70}
 body.menyu-otkr .menyu .razd .pn>button{display:block;width:100%;text-align:left;font:400 22px/1 'Forum';letter-spacing:.06em;padding:18px 0;border-bottom:1px solid var(--kromka);color:var(--svet2)}
 body.menyu-otkr .menyu .razd .pn>button:after{content:''}
 body.menyu-otkr .menyu .vyp{position:static;transform:none;display:block;border:0;background:none;padding:6px 0 10px;min-width:0}
 body.menyu-otkr .menyu .vyp a{padding:9px 0;font-size:16px}
 body.menyu-otkr .menyu .razd>a.bez{font:400 22px/1 'Forum';letter-spacing:.06em;padding:18px 0;color:var(--svet2)}
 body.menyu-otkr .menyu .burger{position:fixed;top:14px;right:12px;z-index:80}
 .menyu .moi{font-size:11px}
}
/* cookie */
.kuki{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:var(--ugol);border:1px solid var(--kromka);border-left:2px solid var(--alyj);padding:16px 18px;display:none;gap:14px;align-items:center;z-index:90;font:400 14px/1.45 'Jost';color:var(--tekst);box-shadow:0 10px 40px rgba(0,0,0,.6)}
.kuki.vid{display:flex}
.kuki a{color:var(--svet2);text-decoration:underline;text-underline-offset:3px}
.kuki .kn{flex:none;height:40px;padding:0 18px}
@media (max-width:640px){.kuki{flex-direction:column;align-items:stretch}}
/* окно оплаты */
.okno{position:fixed;inset:0;background:rgba(5,4,4,.82);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}
.okno.vid{display:flex}
.okno .ramka{background:var(--ugol);border:1px solid var(--kromka);border-top:2px solid var(--alyj);max-width:480px;width:100%;padding:28px 26px;position:relative}
.okno h2{font-size:26px;margin-bottom:10px}
.okno p{font:300 15px/1.55 'Jost';color:var(--tekst);margin-bottom:12px}
.okno .str{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dotted var(--kromka);padding:9px 0;font:400 14px/1.4 'Jost'}
.okno .str b{font:400 20px/1 'Forum';color:var(--svet2);white-space:nowrap}
.okno .zakr{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--dym);font-size:26px;cursor:pointer;line-height:1}
.okno .kn{width:100%;margin-top:14px}
.okno .melk{font-size:12px;color:var(--dym);margin-top:12px}
.okno .melk a{text-decoration:underline}
.okno .oshibka{color:#e0646b;font-size:14px;margin-top:10px;display:none}
.okno label.soglas{display:flex;gap:10px;align-items:flex-start;font:400 13px/1.45 'Jost';color:var(--dym);margin-top:12px;cursor:pointer}
.okno label.soglas input{margin-top:3px;accent-color:var(--alyj)}
/* безлимит: метка */
.bezlim-metka{display:none;font:500 11px/1 'Jost';letter-spacing:.16em;text-transform:uppercase;color:var(--alyj);margin-top:10px}
body.est-bezlimit .bezlim-metka{display:block}
/* кнопка, выглядящая как ссылка в строке */
button.ssyl{background:none;border:0;padding:0;font:inherit;color:var(--alyj);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
button.ssyl:hover{color:var(--svet2)}
h1 .h1br{display:block}

/* телефон: шапка в одну строку, фото первого экрана — полосой, заголовок на её затемнении */
html,body{overflow-x:clip}
@media (max-width:640px){
 html body .shapka{display:grid;grid-template-columns:1fr auto;align-items:center}
 html body .shapka .polosa{grid-column:1/-1;font-size:10px;line-height:24px;letter-spacing:.14em}
 html body .shapka .logo{justify-content:flex-start;padding:10px 0 10px 16px;font-size:19px;gap:8px;letter-spacing:.12em}
 html body .shapka .logo svg{width:22px;height:22px}
 html body .shapka .menyu{display:flex;padding:0 6px 0 0;gap:0}
 html body .shapka .menyu .pr{gap:0}
 html body .menyu .moi{font-size:11px;letter-spacing:.12em;padding:15px 8px}
 html body .menyu .burger{padding:11px 10px}
 html body .kroshki{padding:10px 16px 0;font-size:11px;letter-spacing:.08em;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 html body .kroshki::-webkit-scrollbar{display:none}
 html body .kroshki i{margin:0 7px}
 html body .hero .foto{height:260px}
 html body .hero .zag{position:relative;margin-top:-64px;padding-top:0}
 html body .hero .kolca{opacity:.35}
 footer a{display:inline-block;padding:5px 0}
 small{font-size:12px}
 .kuki{padding:14px 14px;font-size:13px;gap:10px}
}
@media (max-width:640px){
 html body .kuki.vid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;left:8px;right:8px;bottom:8px;padding:12px;align-items:stretch}
 html body .kuki>div{display:block;grid-column:1/-1;width:auto;max-width:none;font:400 12.5px/1.4 'Jost';text-align:left}
 html body .kuki .kn{width:auto;height:40px;margin:0;padding:0 10px}
}
html body .kuki>div{display:block}