:root{--ink:#0e0e10;--ink2:#2a2c33;--sky:#2f7fe0;--sky2:#1f63b8;--cloud:#eef4fb;--sand:#f7f5f2;--line:#e2e6ee;--mute:#646a78;--wh:#fff;--rad:22px;--hf:"Jost",system-ui,sans-serif;--bf:"Mulish",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--wh);color:var(--ink);font:400 17px/1.65 var(--bf);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--hf);line-height:1.12;margin:0 0 .55em;font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.4vw,3.2rem)}
h2{font-size:clamp(1.5rem,2.7vw,2.1rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.o43k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.o824u7{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.o2n4n{max-width:820px}
.oy2mj6{font:600 .8rem/1.3 var(--hf);text-transform:uppercase;letter-spacing:.18em;color:var(--sky2);margin:0 0 .5em}
.oy2mj6 a{text-decoration:none}
.o7z7{font-size:1.1rem;color:var(--ink2)}
.o23ju3{display:inline-block}

/* строка слогана и шапка */
.o835{background:var(--ink);color:#d9dde6;font-size:.82rem;letter-spacing:.04em}
.oz3m{display:flex;justify-content:space-between;gap:14px;padding-top:6px;padding-bottom:6px}
.oz3m span:first-child{color:#fff;font-weight:700}
.okky32{background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.o7unj{display:flex;align-items:center;gap:24px;min-height:70px}
.o45yjj img{width:150px;height:auto}
.oyk2un{margin-left:auto}
.oyk2un ul{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.oyk2un a{display:block;padding:8px 14px;border-radius:999px;text-decoration:none;font:500 1rem var(--hf)}
.oyk2un a:hover,.oyk2un a[aria-current]{background:var(--cloud);color:var(--sky2)}
.o44k{background:none;border:0;padding:0;display:inline-block;line-height:0;transition:transform .15s}
.o44k:hover{transform:translateY(-2px)}
.o44k img{width:100%;height:auto}
.omyj{width:176px;flex:none}
.oy76{display:none;background:none;border:0;width:44px;height:44px;padding:12px 9px;flex:none}
.oy76 span{display:block;height:3px;background:var(--ink);margin:5px 0;border-radius:2px}

/* баннер и хиро */
.om75{background:var(--ink)}
.om75 img{width:100%;max-height:330px;object-fit:cover}
.o6m8{padding:52px 0 60px;background:var(--sand)}
.okzu{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.oz5yzm{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:22px 0 14px}
.onk365{width:310px;max-width:100%}
.ou5yu{display:inline-block;padding:12px 22px;border:2px solid var(--ink);border-radius:999px;font:600 1rem var(--hf);text-decoration:none}
.ou5yu:hover{background:var(--ink);color:#fff}
.onnz86{font-size:.92rem;color:var(--mute);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.o6zz{border:14px solid #fff;border-radius:46% 46% 40% 40%/38% 38% 34% 34%;overflow:hidden;box-shadow:0 0 0 2px var(--line),0 24px 50px rgba(14,14,16,.12);aspect-ratio:4/5}
.o6zz img{width:100%;height:100%;object-fit:cover}

/* секции */
.om8u8{padding:66px 0}
.onz6z{padding:28px 0 56px}
.o6nuy6{background:var(--cloud)}
.o5y3k{background:linear-gradient(180deg,#dcebfb,#f3f8fe)}
.ozm85{max-width:760px;margin-bottom:26px}
.ozm85 p{color:var(--mute)}
.om88j{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}
.o6ky{font:600 1rem var(--hf);color:var(--sky2);text-decoration:none;border-bottom:2px solid currentColor}

/* места */
.ouz8m{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.o4nn{background:#fff;border-radius:var(--rad);padding:20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 20px rgba(31,99,184,.08)}
.ok65j{width:34px;height:34px;border-radius:50%;background:var(--sky);color:#fff;font:600 .95rem/34px var(--hf);text-align:center;margin-bottom:6px}
.o4nn b{font:600 1.1rem/1.3 var(--hf)}
.omy8m{color:var(--mute);font-size:.93rem}
.o4nn a{color:var(--sky2);font-weight:700;font-size:.95rem;margin-bottom:10px}
.onz2{width:220px;margin-top:auto}

/* три шага */
.onn26{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.o422ky{list-style:none;margin:0 0 22px;padding:0;counter-reset:m}
.o422ky li{counter-increment:m;position:relative;padding:0 0 18px 64px}
.o422ky li::before{content:counter(m);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);font:600 1.2rem/40px var(--hf);text-align:center}
.o422ky b{font:600 1.15rem var(--hf);display:block}
.o422ky p{margin:0;color:var(--mute)}
.oyn8{border-radius:var(--rad);width:100%}

/* полки */
.o3n5u8{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ouz7m{background:#fff;border-radius:var(--rad);overflow:hidden;display:grid;grid-template-columns:200px 1fr}
.o8327y img{width:100%;height:100%;object-fit:cover;min-height:220px}
.o3y8j{padding:22px}
.o3y8j h3 a{text-decoration:none}
.o3y8j ul{list-style:none;margin:0;padding:0}
.o3y8j li{border-top:1px solid var(--line)}
.o3y8j li a{display:block;padding:8px 0;text-decoration:none;font-weight:600}
.o3y8j li a:hover{color:var(--sky2)}

/* карточки */
.ojm8n{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.on3zu{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.o7567{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:14px;display:flex;flex-direction:column;gap:10px}
.o8j8yj{position:relative;display:block;background:var(--sand);border-radius:16px;overflow:hidden}
.o8j8yj img{aspect-ratio:1;object-fit:contain;width:100%}
.o3jnj{position:absolute;top:10px;left:10px;background:#fff;color:var(--ink);font:600 .72rem var(--hf);text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:999px}
.o5yznn{display:flex;flex-direction:column;gap:2px}
.o652{font-size:1.08rem;margin:0}
.o652 a{text-decoration:none}
.o3k2z3{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--mute);margin:2px 0}
.o8n3{font:600 1.15rem var(--hf);margin:0}
.ojy3k8{font-size:.85rem;color:var(--sky2);font-weight:700;margin:0}
.omz7ym{width:100%;margin-top:auto}
.oj3un{position:relative;display:inline-block;width:80px;height:15px;background:#d3d8e2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 0l2.4 4.9 5.4.8-3.9 3.8.9 5.4L8 12.4 3.2 14.9l.9-5.4L.2 5.7l5.4-.8z'/%3E%3C/svg%3E") 0 0/16px 15px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 0l2.4 4.9 5.4.8-3.9 3.8.9 5.4L8 12.4 3.2 14.9l.9-5.4L.2 5.7l5.4-.8z'/%3E%3C/svg%3E") 0 0/16px 15px repeat-x}
.oz38y{position:absolute;inset:0 auto 0 0;background:#f2a93b}

/* цвета */
.o3zu58{background:var(--sand);padding:60px 0}
.o384{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.omzkn{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 22px}
.o48z{width:42px;height:42px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}

/* отзывы */
.oy3u66{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.ouny6{margin:0;background:var(--cloud);border-radius:var(--rad);padding:24px;display:flex;flex-direction:column}
.ouny6 blockquote{margin:0 0 14px}
.o6y7{font:600 1.08rem/1.3 var(--hf);margin-bottom:6px}
.ouny6 figcaption{margin-top:auto;display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--mute)}
.ouny6 figcaption span{font-weight:700;color:var(--ink)}

/* заметки */
.o77j3{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.oz24j{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:#fff;border-radius:var(--rad);padding:12px 12px 18px}
.oz24j img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:16px}
.oz24j b{font:600 1.15rem/1.3 var(--hf);padding:0 6px}
.oz24j:hover b{color:var(--sky2)}

/* текст */
.o3576j h2{margin-top:1.2em}
.o3576j h2:first-child{margin-top:0}
.o3576j h3{margin-top:1.3em}
.ouy5{list-style:none;padding:0;margin:0 0 1em}
.ouy5 li{position:relative;padding-left:26px;margin-bottom:8px}
.ouy5 li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--sky);box-shadow:inset 0 0 0 4px #cfe2f8}
.o6j5m details{border-bottom:1px solid var(--line)}
.o6j5m summary{list-style:none;cursor:pointer;padding:15px 30px 15px 0;font:600 1.05rem/1.35 var(--hf);position:relative}
.o6j5m summary::-webkit-details-marker{display:none}
.o6j5m summary::after{content:"";position:absolute;right:4px;top:22px;width:10px;height:10px;border-right:2px solid var(--sky2);border-bottom:2px solid var(--sky2);transform:rotate(45deg);transition:transform .2s}
.o6j5m details[open] summary::after{transform:rotate(-135deg)}
.o6j5m p{margin:0 0 16px;color:var(--ink2)}

/* закрывающий */
.oy6y7{background:var(--ink);color:#d9dde6;padding:62px 0}
.oy6y7 h2{color:#fff}
.o7uz8{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.o7uz8>div:last-child img{border-radius:var(--rad)}

/* док */
.o85m{position:sticky;bottom:0;z-index:20;background:rgba(14,14,16,.95);color:#fff}
.oukn4{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:9px;padding-bottom:9px}
.o85m p{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;min-width:0}
.o85m p span{color:#9cc4f2}
.on68ym{width:196px;flex:none}

/* линейки */
.oy6jn{position:relative;min-height:380px;display:flex;align-items:flex-end;color:#fff}
.o45ym{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oy6jn::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,14,16,.88),rgba(14,14,16,.2) 70%)}
.o84z{position:relative;z-index:1;padding-top:40px;padding-bottom:40px}
.o84z h1{color:#fff;max-width:760px}
.o84z .o7z7{color:#e6e9f0;max-width:640px}
.oy6jn .o3jnk ol{color:#cfd5e2}
.o3jnk ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;padding:0;margin:14px 0 18px;font-size:.88rem;color:var(--mute)}
.o3jnk li+li::before{content:"/";margin-right:8px;opacity:.6}
.o3jnk a{text-decoration:none}
.o4njj4 ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:22px 0 0;margin:0}
.o4njj4 a{display:block;padding:8px 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font:500 .95rem var(--hf)}
.o4njj4 a[aria-current],.o4njj4 a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.ok4u{list-style:none;margin:0;padding:0}
.ok4u li{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #d5dfee;flex-wrap:wrap}
.ok4u a{font-weight:700;color:var(--sky2)}

/* PDP */
.o3k3n{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:50px}
.oyu28y h1{font-size:clamp(1.7rem,3vw,2.4rem)}
.onk4{display:flex;align-items:center;gap:6px;font-size:.95rem}
.o427z{font:600 1.6rem var(--hf);display:flex;flex-direction:column}
.o427z span{font:400 .82rem var(--bf);color:var(--mute)}
.oju2nn{width:330px;max-width:100%;margin:6px 0 10px}
.o4mu{margin-bottom:16px}
.ouu4{display:grid;grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:10px}
.on56{background:#fff;border:2px solid var(--line);border-radius:16px;padding:8px;text-align:left;display:flex;flex-direction:column;gap:3px}
.on56:hover{border-color:var(--sky)}
.on56 img{aspect-ratio:1;object-fit:contain;width:100%}
.o427u{font-size:.84rem;font-weight:700;line-height:1.25}
.on4m{font-size:.84rem;color:var(--sky2);font-weight:700}
.o5463j{order:2}
.ouj7ky{background:var(--sand);border-radius:var(--rad);padding:14px;position:sticky;top:96px}
.onu43n{aspect-ratio:1;object-fit:contain;width:100%}
.ozj6m{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:0;margin:10px 0 0}
.o3m4n5{background:#fff;border:2px solid var(--line);border-radius:10px;padding:2px;width:100%}
.o3m4n5.o8u52{border-color:var(--sky)}
.ok32{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.om3j{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}
.om3j th,.om3j td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.om3j th{width:40%;color:var(--mute);font-weight:700}
.om3j td{word-break:break-word}
.okju3{background:#fff;border-radius:16px;padding:16px 18px;margin-top:18px;border:1px dashed #9cc4f2}
.okju3 p:last-child{margin:0}
.o4m746{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px;padding:18px 22px;background:#fff;border-radius:var(--rad)}
.o4m746 p{margin:0}
.o4m746 .oju2nn{margin:0}

/* статьи и сервис */
.ouy8j5{padding:8px 0 20px}
.oj2jk8{padding-bottom:50px}
.oj2jk8 .oyn8{margin:22px 0}
.ojk4z5{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;background:var(--cloud);border-radius:var(--rad);padding:16px;margin:22px 0}
.ojk4z5>a img{background:#fff;border-radius:14px}
.oyk326{font:600 1.08rem var(--hf);margin:0 0 4px}
.oyk326 a{text-decoration:none}
.oz5nmj{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--mute);margin:0 0 10px}
.onn83n{width:250px;max-width:100%}
.o4n53{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.o4n53 div{background:var(--cloud);border-radius:var(--rad);padding:18px}
.o4n53 dt{font:600 2.1rem var(--hf);color:var(--sky2)}
.o4n53 dd{margin:0}
.oykj{padding-left:22px}
.oykj li{margin-bottom:10px}
.omj65{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 30px}
.omj65 div{background:var(--sand);border-radius:var(--rad);padding:16px}
.o546{font:600 1.05rem var(--hf);word-break:break-word}
.oy3k7{padding-left:22px}
.oy3k7 h2{font-size:1.2rem;margin:1.2em 0 .4em}

/* футер */
.o224{background:#fff}
.o224 img{width:100%;max-height:280px;object-fit:cover}
.o357{background:var(--ink);color:#c3c8d3;padding:50px 0 20px;font-size:.95rem}
.o6u2m{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:30px}
.o6u2m img{width:150px;height:auto;margin-bottom:12px}
.o2n4u2{color:#fff;font-weight:700}
.omj6k4{font:600 .82rem var(--hf);text-transform:uppercase;letter-spacing:.16em;color:#fff;margin-bottom:12px}
.o357 ul{list-style:none;padding:0;margin:0}
.o357 li{margin-bottom:7px}
.o357 a{text-decoration:none}
.o357 a:hover{color:#9cc4f2}
.o357 address{font-style:normal;line-height:1.7;word-break:break-word}
.o2mk7{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #2a2c33;margin-top:34px;padding-top:16px;font-size:.85rem}

@media (max-width:1000px){
  .oyk2un{position:absolute;top:100%;left:0;right:0;background:#fff;display:none;margin:0;border-bottom:1px solid var(--line)}
  .okky32.omyy .oyk2un{display:block}
  .oyk2un ul{flex-direction:column;padding:10px 22px 16px}
  .oy76{display:block}
  .omyj{margin-left:auto;width:150px}
  .ok32{grid-template-columns:1fr 1fr}
  .o3n5u8{grid-template-columns:1fr}
  .o6u2m{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:820px){
  body{font-size:16px}
  .okzu,.onn26,.o3k3n,.o7uz8,.ok32,.o384{grid-template-columns:1fr;gap:28px}
  .o6zz{max-width:420px;margin:0 auto}
  .o5463j{order:-1}
  .ouj7ky{position:static}
  .o4n53,.omj65{grid-template-columns:1fr}
  .om8u8{padding:48px 0}
  .o6u2m{grid-template-columns:1fr 1fr}
  .oz3m span:last-child{display:none}
}
@media (max-width:520px){
  .o824u7{padding:0 16px}
  .o7unj{gap:10px;min-height:62px}
  .o45yjj img{width:112px}
  .omyj{width:128px}
  .ouz7m{grid-template-columns:1fr}
  .o8327y img{min-height:0;aspect-ratio:16/10}
  .ojm8n{grid-template-columns:1fr 1fr;gap:12px}
  .o7567{padding:10px}
  .o3jnj{font-size:.6rem;padding:3px 7px}
  .o652{font-size:.95rem}
  .oy6jn{min-height:320px}
  .ojk4z5{grid-template-columns:80px 1fr}
  .on68ym{width:150px}
  .o85m p b{font-size:.9rem}
  .ozj6m{grid-template-columns:repeat(4,1fr)}
  .o6u2m{grid-template-columns:1fr}
}