:root{
 --gl-ink:#0c1c2b; --gl-deep:#07263d; --gl-paper:#ffffff; --gl-shell:#eef4fa; --gl-frost:#f7fafd;
 --gl-kick:#0770b3; --gl-kick-dk:#044976; --gl-kick-lt:#d9ecf9; --gl-mute:#5b6b7a; --gl-line:#d6e3ee;
 --gl-grey:#a8aaac; --gl-gap:22px; --gl-round:6px; --gl-wide:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--gl-paper);color:var(--gl-ink);font:400 17px/1.65 "IBM Plex Sans",system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gl-kick);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:"Manrope",system-ui,sans-serif;line-height:1.18;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:clamp(28px,4.4vw,46px);font-weight:800}
h2{font-size:clamp(23px,3vw,32px);font-weight:800}
h3{font-size:clamp(18px,2vw,21px);font-weight:700}
p{margin:0 0 1em}
.gl-wrap{max-width:var(--gl-wide);margin:0 auto;padding:0 18px}
.gl-skip{position:absolute;left:-9999px}
.gl-skip:focus{left:8px;top:8px;background:#fff;padding:8px 14px;z-index:99}

/* ---- шапка ---- */
.gl-top{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--gl-line)}
.gl-top-in{display:flex;align-items:center;gap:16px;min-height:66px}
.gl-mark img{height:34px;width:auto}
.gl-nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-left:auto}
.gl-nav a{color:var(--gl-ink);font:600 14px/1.3 "Manrope",sans-serif;padding:6px 0;white-space:nowrap}
.gl-top-cta{margin-left:14px}
.gl-top-cta img{width:190px}
.gl-burger{display:none;margin-left:auto;background:none;border:1px solid var(--gl-line);border-radius:var(--gl-round);padding:9px 11px;cursor:pointer}
.gl-burger span{display:block;width:20px;height:2px;background:var(--gl-ink);margin:4px 0}

/* ---- герой ---- */
.gl-hero{background:linear-gradient(170deg,#07263d 0%,#0c3755 55%,#08324f 100%);background-color:#07263d;color:#fff;position:relative;overflow:hidden}
.gl-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(800px 420px at 78% 18%,rgba(7,112,179,.55),transparent 70%);pointer-events:none}
.gl-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:56px 0 60px}
.gl-hero h1{color:#fff;max-width:14ch}
.gl-hero p{color:#cfe1ef;font-size:18px;max-width:54ch}
.gl-hero-shot{border-radius:10px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.42);background:#fff}
.gl-hero-shot img{width:100%}
.gl-kicker{font:700 12px/1 "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8fc6ea;margin-bottom:14px}

/* ---- полоса выбора устройства ---- */
.gl-pick{background:var(--gl-deep);padding:16px 0 20px}
.gl-pick-row{display:flex;flex-wrap:wrap;gap:9px}
.gl-pick-row a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#eaf4fb;
 border-radius:var(--gl-round);padding:9px 14px;font:600 14px/1.2 "Manrope",sans-serif}
.gl-pick-row a:hover{background:var(--gl-kick);border-color:var(--gl-kick);text-decoration:none}

/* ---- секции ---- */
.gl-sec{padding:52px 0}
.gl-sec.alt{background:var(--gl-shell)}
.gl-head{text-align:center;max-width:720px;margin:0 auto 32px}
.gl-head .gl-rule{width:54px;height:3px;background:var(--gl-kick);margin:0 auto 16px;border-radius:2px}
.gl-head p{color:var(--gl-mute)}

/* ---- иконки-преимущества ---- */
.gl-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gl-gap)}
.gl-feat div{background:#fff;border:1px solid var(--gl-line);border-radius:var(--gl-round);padding:20px}
.gl-feat h3{margin-bottom:6px;color:var(--gl-kick-dk)}
.gl-feat p{margin:0;color:var(--gl-mute);font-size:15px}
.gl-why{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gl-gap);text-align:center}
.gl-why h3{font-size:17px}
.gl-why p{color:var(--gl-mute);font-size:15px;margin:0}

/* ---- проза ---- */
.gl-prose{max-width:820px;margin:0 auto}
.gl-prose h2{margin-top:1.4em}
.gl-prose h2:first-child{margin-top:0}

/* ---- сетка товаров ---- */
.gl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gl-gap)}
.gl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gl-line);border-radius:var(--gl-round);overflow:hidden}
.gl-card:hover{box-shadow:0 10px 26px rgba(12,28,43,.10)}
.gl-shot{background:#fff;padding:14px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.gl-shot img{max-height:100%;width:auto;object-fit:contain}
.gl-card-b{padding:0 14px 14px;display:flex;flex-direction:column;flex:1}
.gl-card-b h3{font-size:15px;line-height:1.35;margin:0 0 8px}
.gl-card-b h3 a{color:var(--gl-ink)}
.gl-meta{display:flex;align-items:baseline;gap:9px;margin-bottom:10px}
.gl-price{font:800 20px/1 "Manrope",sans-serif;color:var(--gl-ink)}
.gl-was{color:var(--gl-mute);text-decoration:line-through;font-size:14px}
.gl-rate{font-size:13px;color:var(--gl-mute);margin-bottom:10px}
.gl-star{color:#e8930c;letter-spacing:1px}
.gl-stock{font-size:13px;font-weight:600;color:#1a7f42;margin-bottom:10px}
.gl-stock.out{color:#9a4b18}
.gl-buy{margin-top:auto;display:block}
.gl-buy img{width:100%;height:auto}

/* ---- карточка товара ---- */
.gl-pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:34px 0 10px;align-items:start}
.gl-pdp-shot{border:1px solid var(--gl-line);border-radius:var(--gl-round);padding:20px;background:#fff}
.gl-pdp-buy{max-width:380px}
.gl-pdp-buy img{width:100%}
.gl-bul{list-style:none;padding:0;margin:0 0 20px}
.gl-bul li{padding-left:26px;position:relative;margin-bottom:9px;font-size:15px}
.gl-bul li:before{content:"";position:absolute;left:0;top:8px;width:11px;height:11px;border-radius:2px;background:var(--gl-kick-lt);border:2px solid var(--gl-kick)}
.gl-crumb{font-size:14px;color:var(--gl-mute);padding:14px 0 0}
.gl-crumb a{color:var(--gl-mute)}
.gl-spec{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:24px}
.gl-spec th,.gl-spec td{border-bottom:1px solid var(--gl-line);padding:9px 10px;text-align:left;vertical-align:top}
.gl-spec th{width:40%;font-weight:600;color:var(--gl-mute);background:var(--gl-frost)}

/* ---- отзывы ---- */
.gl-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gl-gap)}
.gl-rev{background:#fff;border:1px solid var(--gl-line);border-left:3px solid var(--gl-kick);border-radius:var(--gl-round);padding:20px}
.gl-rev p{font-size:15px}
.gl-rev .gl-by{color:var(--gl-mute);font-size:14px;margin:0}

/* ---- FAQ ---- */
.gl-faq{max-width:860px;margin:0 auto}
.gl-faq details{border-bottom:1px solid var(--gl-line);padding:14px 0}
.gl-faq summary{cursor:pointer;font:700 17px/1.4 "Manrope",sans-serif;list-style:none}
.gl-faq summary::-webkit-details-marker{display:none}
.gl-faq summary:before{content:"+";color:var(--gl-kick);font-weight:800;margin-right:10px}
.gl-faq details[open] summary:before{content:"\2212"}
.gl-faq p{margin:10px 0 0;color:var(--gl-mute)}

/* ---- подвал ---- */
.gl-foot{background:var(--gl-ink);color:#b9c8d4;padding:48px 0 26px;margin-top:10px}
.gl-foot h4{font:700 13px/1 "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.gl-foot a{color:#b9c8d4}
.gl-foot-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.gl-foot ul{list-style:none;padding:0;margin:0}
.gl-foot li{margin-bottom:7px;font-size:15px}
.gl-foot-mark img{height:30px;margin-bottom:14px;filter:brightness(0) invert(1)}
.gl-foot address{font-style:normal;font-size:15px;line-height:1.7}
.gl-foot-end{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:18px;font-size:14px;display:flex;flex-wrap:wrap;gap:10px 22px}

/* ---- мобильная полоса ---- */
.gl-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--gl-line);
 padding:9px 14px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(12,28,43,.12)}
.gl-bar img{width:100%;max-width:420px;margin:0 auto}

@media(max-width:1020px){
 .gl-grid{grid-template-columns:repeat(3,1fr)}
 .gl-feat{grid-template-columns:repeat(2,1fr)}
 .gl-why{grid-template-columns:repeat(2,1fr)}
 .gl-foot-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
 .gl-nav{display:none;width:100%;flex-direction:column;gap:0;margin:0;order:3;border-top:1px solid var(--gl-line);padding:6px 0 12px}
 .gl-nav.open{display:flex}
 .gl-nav a{padding:10px 2px;border-bottom:1px solid var(--gl-frost)}
 .gl-burger{display:block}
 .gl-top-cta{display:none}
 .gl-top-in{flex-wrap:wrap}
 .gl-hero-in{grid-template-columns:1fr;padding:34px 0 40px}
 .gl-pdp{grid-template-columns:1fr;gap:24px;padding-top:20px}
 .gl-revs{grid-template-columns:1fr}
 .gl-bar{display:block}
 body{padding-bottom:84px}
}
@media(max-width:620px){
 .gl-grid{grid-template-columns:repeat(2,1fr)}
 .gl-feat,.gl-why{grid-template-columns:1fr}
 .gl-foot-cols{grid-template-columns:1fr}
 .gl-sec{padding:38px 0}
 .gl-card-b h3{font-size:14px}
}