/* SEO-страницы ЧашаПро (2026-10-09): шапка, крошки, текст, FAQ, перелинковка, карта сайта.
   Палитра и шрифты — те же, что у #poolLinerQuiz на главной. */
.sx-hdr{background:#04111D;border-bottom:1px solid rgba(22,230,255,.14);font-family:'Golos Text',Arial,sans-serif}
.sx-hdr__in{width:min(1340px,calc(100% - 28px));margin:0 auto;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:12px 0}
.sx-hdr__logo{display:flex;flex:none}
.sx-hdr__logo img{display:block;height:28px;width:auto}
.sx-hdr__nav{display:flex;gap:6px 20px;flex-wrap:wrap;margin-left:auto;order:2}
.sx-hdr a{color:rgba(224,240,252,.82);text-decoration:none;font-size:14px}
.sx-hdr a:hover,.sx-hdr a:focus-visible{color:#16E6FF}
.sx-hdr__tel{font-weight:600;color:#F2F9FF!important;white-space:nowrap;order:3}
.sx-hdr a:focus-visible,.sx a:focus-visible,.sx summary:focus-visible,.sx-map a:focus-visible{outline:2px solid #16E6FF;outline-offset:3px;border-radius:4px}

.sx-crumbs{margin:0 0 18px;font-size:13px;color:rgba(224,240,252,.6)}
.sx-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.sx-crumbs li+li:before{content:"/";margin-right:8px;opacity:.5}
.sx-crumbs a{color:rgba(124,212,255,.95);text-decoration:none}
.sx-crumbs a:hover{text-decoration:underline}

.sx{background:#04101C;color:#F2F9FF;padding:64px 20px 72px;font-family:'Golos Text',Arial,sans-serif}
.sx--alt{background:#071626}
.sx__in{width:min(860px,100%);margin:0 auto}
.sx__in--wide{width:min(1120px,100%)}
.sx-kicker{display:inline-block;margin:0 0 14px;padding:7px 12px;border-radius:8px;background:rgba(10,155,239,.08);border:1px solid rgba(148,222,255,.14);color:rgba(124,212,255,.95);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.sx-meta{margin:-4px 0 18px;color:rgba(224,240,252,.6);font-family:'IBM Plex Mono',monospace;font-size:12px}
.sx h2{margin:40px 0 14px;font-size:clamp(24px,2.6vw,34px);line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.sx h2:first-child,.sx-kicker+h2{margin-top:0}
.sx h3{margin:30px 0 12px;font-size:20px;line-height:1.3;font-weight:600}
.sx p,.sx li{color:rgba(224,240,252,.8);font-size:17px;line-height:1.7}
.sx p{margin:0 0 14px}
.sx ul{margin:0 0 16px;padding-left:22px}
.sx li{margin:0 0 8px}
.sx li::marker{color:#16E6FF}
.sx a{color:#16E6FF}
.sx-fig{margin:0 0 32px;border-radius:16px;overflow:hidden;border:1px solid rgba(148,222,255,.14)}
.sx-fig img{display:block;width:100%;height:auto}
.sx-tbl{overflow-x:auto;margin:6px 0 20px;border:1px solid rgba(148,222,255,.14);border-radius:12px}
.sx-tbl table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.sx-tbl th,.sx-tbl td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(148,222,255,.1);color:rgba(224,240,252,.85)}
.sx-tbl th{background:rgba(10,155,239,.08);color:#F2F9FF;font-weight:600}
.sx-tbl tr:last-child td{border-bottom:0}
.sx-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:34px 0;padding:22px 24px;border-radius:16px;background:linear-gradient(150deg,rgba(22,230,255,.08),rgba(10,155,239,.04));border:1px solid rgba(148,222,255,.22)}
.sx-cta b{display:block;font-size:19px;color:#F2F9FF}
.sx-cta span{color:rgba(224,240,252,.75);font-size:15px}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;background:linear-gradient(92deg,#16E6FF,#0A9BEF);color:#041220!important;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}
.sx-btn:hover{filter:brightness(1.08)}
.sx-btn:focus-visible{outline:2px solid #F2F9FF;outline-offset:3px}
.sx-tel{color:#F2F9FF!important;font-weight:600;text-decoration:none;white-space:nowrap}
.sx-faq details{border:1px solid rgba(148,222,255,.14);border-radius:12px;margin:0 0 10px;background:rgba(255,255,255,.02)}
.sx-faq summary{cursor:pointer;padding:16px 18px;font-weight:600;font-size:17px;color:#F2F9FF;list-style-position:inside}
.sx-faq details p{margin:0;padding:0 18px 16px}
.sx-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0 0 8px}
.sx-rel a{display:block;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:#F2F9FF;text-decoration:none;transition:border-color .2s}
.sx-rel a:hover{border-color:rgba(148,222,255,.4)}
.sx-rel small{display:block;margin-bottom:6px;color:rgba(124,212,255,.9);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sx-rel b{font-size:16px;line-height:1.35;font-weight:600}

.sx-map{max-width:1080px;margin:0 auto 6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 26px;padding-top:22px;font-size:13px;line-height:1.5}
.sx-map b{display:block;margin-bottom:8px;color:rgba(255,255,255,.85);font-size:13px}
.sx-map a{display:block;margin:0 0 6px;color:rgba(255,255,255,.6);text-decoration:none}
.sx-map a:hover{color:#16E6FF}

@media (max-width:640px){
  .sx{padding:44px 14px 52px}
  .sx p,.sx li{font-size:15.5px}
  .sx-hdr__nav{margin-left:0;width:100%;gap:6px 16px;order:3}
  .sx-hdr__tel{margin-left:auto;order:2}
  .sx-cta{padding:18px}
  .sx-btn{width:100%}
}
@media (max-width:980px){#poolLinerQuiz .pl-left .sx-crumbs ol{justify-content:center}}