@font-face{font-family:Saira;src:url(/benchkit/type/sc-700.woff2)format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Saira;src:url(/benchkit/type/sc-800.woff2)format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Barlow;src:url(/benchkit/type/bw-400.woff2)format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(/benchkit/type/bw-500.woff2)format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url(/benchkit/type/bw-600.woff2)format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url(/benchkit/type/bw-700.woff2)format("woff2");font-weight:700;font-display:swap}
:root{
  --hull:#00183c; --edge:#00a8e4; --mid:#0c3060; --chrome:#dcddde; --flare:#eb601b;
  --mist:#f1f3f5; --paper:#fff; --ink:#0d1620; --grey:#5d6773; --rule:#d8dde3;
  --wide:1240px; --pad:clamp(16px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.62 Barlow,system-ui,Segoe UI,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--mid)}
h1,h2,h3,h4{font-family:Saira,"Arial Narrow",sans-serif;font-weight:800;line-height:1.04;margin:0;text-transform:uppercase;letter-spacing:0}
p{margin:0 0 1em}
.bn-hold{max-width:var(--wide);margin:0 auto;padding-inline:var(--pad)}
.bn-skip{position:absolute;left:-9999px}
.bn-skip:focus{left:8px;top:8px;background:var(--hull);color:#fff;padding:8px 14px;z-index:60}

/* ── шапка (myhexbots: белая, лого слева, меню по центру, кнопка справа) */
.bn-top{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:40}
.bn-top__in{max-width:var(--wide);margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;gap:18px}
.bn-sign{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex:0 0 auto}
.bn-sign img{width:46px}
.bn-sign b{font-family:Saira,sans-serif;font-weight:800;font-size:20px;letter-spacing:.01em;display:block;text-transform:uppercase}
.bn-sign span{display:block;font-size:11px;color:var(--grey);text-transform:uppercase;font-weight:600}
.bn-nav{flex:1 1 auto;display:flex;justify-content:center;gap:26px;flex-wrap:wrap}
.bn-nav a{font:600 14px/1 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--hull);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.bn-nav a:hover,.bn-nav a[aria-current]{border-bottom-color:var(--edge)}
.bn-top .bn-stamp{flex:0 0 auto}
.bn-burger{display:none}
.bn-burger-btn{display:none}

/* ── штамп-кнопка */
.bn-stamp{display:inline-block;border:0;background:none;padding:0;cursor:pointer;line-height:0}
.bn-stamp img{width:232px}
.bn-stamp--wide{display:block;width:100%}
.bn-stamp--wide img{width:100%;max-width:360px;margin-inline:auto}

/* ── хиро (myhexbots: полноширинный lifestyle, overlaid H1 капсом, серая панель леде, прямоугольный CTA) */
.bn-hero{position:relative;background:var(--mist)}
.bn-hero__art{position:absolute;inset:0}
.bn-hero__art img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.bn-hero__art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,24,60,.93) 0,rgba(0,24,60,.78) 46%,rgba(0,24,60,.18) 100%)}
.bn-hero__in{position:relative;max-width:var(--wide);margin:0 auto;padding:clamp(44px,7vw,96px) var(--pad)}
.bn-hero h1{color:#fff;font-size:clamp(32px,5.4vw,62px);max-width:17em}
.bn-hero__panel{background:rgba(255,255,255,.9);border-left:5px solid var(--edge);padding:16px 20px;margin:22px 0 0;max-width:40em;font-size:17px}
.bn-hero__panel p{margin:0}
.bn-hero__note{color:#cfe8f7;font-weight:600;font-size:14px;margin:14px 0 20px;text-transform:uppercase;letter-spacing:.02em}

/* ── три сплошные полосы-преимущества (myhexbots) */
.bn-bars{display:grid;grid-template-columns:repeat(3,1fr)}
.bn-bars section{padding:clamp(26px,3.4vw,44px) clamp(20px,2.6vw,38px);color:#fff}
.bn-bars section:nth-child(1){background:var(--hull)}
.bn-bars section:nth-child(2){background:var(--mid)}
.bn-bars section:nth-child(3){background:var(--flare)}
.bn-bars h2{font-size:23px;margin-bottom:10px}
.bn-bars p{margin:0;font-size:16px;color:rgba(255,255,255,.92)}

/* ── общие заголовки блоков */
.bn-block{padding:clamp(40px,5vw,70px) 0}
.bn-block--mist{background:var(--mist)}
.bn-mid{text-align:center;max-width:46em;margin:0 auto clamp(24px,3vw,40px)}
.bn-mid h2{font-size:clamp(25px,3.4vw,38px)}
.bn-mid p{color:var(--grey);margin:12px 0 0}

/* ── трио «This week on the bench» (myhexbots: фото на белом, имя капсом, абзац, прямоугольная кнопка) */
.bn-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,34px)}
.bn-picks article{text-align:center;background:var(--paper);padding:10px 10px 22px;border:1px solid var(--rule)}
.bn-picks img{margin:0 auto 14px;aspect-ratio:1/1;object-fit:contain;width:100%;background:#fff}
.bn-picks h3{font-size:19px;margin-bottom:8px}
.bn-picks h3 a{color:var(--hull);text-decoration:none}
.bn-picks p{font-size:15px;color:var(--grey);padding:0 12px}
.bn-picks .bn-tagprice{font-family:Saira,sans-serif;font-weight:800;font-size:22px;color:var(--hull);margin:4px 0 12px}

/* ── сетка товаров (smartkidsplanet: звёзды, число отзывов и цена на плитке) */
.bn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}
.bn-tile{display:flex;flex-direction:column;border:1px solid var(--rule);background:var(--paper)}
.bn-tile__shot{position:relative;background:#fff;padding:12px}
.bn-tile__shot img{aspect-ratio:1/1;object-fit:contain;width:100%}
.bn-flag{position:absolute;left:0;top:0;background:var(--edge);color:#00142f;font:700 11px/1 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:6px 9px}
.bn-flag--low{background:var(--flare);color:#fff}
.bn-tile__body{padding:0 14px 14px;display:flex;flex-direction:column;flex:1 1 auto}
.bn-tile__body h3{font-size:17px;margin-bottom:8px}
.bn-tile__body h3 a{color:var(--hull);text-decoration:none}
.bn-tile__body h3 a:hover{color:var(--mid);text-decoration:underline}
.bn-tile__body p{font-size:15px;color:var(--grey);margin:0 0 12px}
.bn-tile__foot{margin-top:auto}
.bn-score{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:13px;color:var(--grey)}
.bn-pips{display:inline-flex;gap:2px}
.bn-pip{width:11px;height:11px;background:var(--chrome);display:inline-block;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.bn-pip--on{background:var(--flare)}
.bn-pip--half{background:linear-gradient(90deg,var(--flare) 50%,var(--chrome) 50%)}
.bn-tagprice{font-family:Saira,sans-serif;font-weight:800;font-size:21px;color:var(--hull)}
.bn-tile .bn-tagprice{display:block;margin:0 0 10px}

/* ── рельс категорий (hexbug: круглые миниатюры, 2x2) */
.bn-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,26px)}
.bn-rail a{display:flex;gap:18px;align-items:center;background:var(--paper);border:1px solid var(--rule);padding:16px;text-decoration:none;color:inherit}
.bn-rail a:hover{border-color:var(--edge)}
.bn-rail img{width:104px;height:104px;border-radius:50%;object-fit:cover;background:var(--mist);flex:0 0 auto}
.bn-rail h3{font-size:20px;color:var(--hull);margin-bottom:6px}
.bn-rail p{margin:0;font-size:15px;color:var(--grey)}
.bn-rail em{display:block;font-style:normal;font-weight:600;font-size:13px;color:var(--edge);margin-top:7px;text-transform:uppercase}

/* ── товарные строки с характеристиками (hexbug) */
.bn-sheet{border-top:2px solid var(--hull)}
.bn-row{display:grid;grid-template-columns:72px 1.6fr 1fr 1fr .8fr .8fr;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--rule);font-size:15px}
.bn-row--head{font:700 12px/1.2 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--grey);border-bottom:1px solid var(--hull)}
.bn-row img{width:72px;aspect-ratio:1/1;object-fit:contain}
.bn-row b{font-weight:600}
.bn-row b a{color:var(--hull);text-decoration:none}
.bn-row b a:hover{text-decoration:underline}
.bn-row span{color:var(--grey)}
.bn-row .bn-tagprice{font-size:18px}
.bn-row__lab{display:none;font:700 11px/1 Barlow,sans-serif;text-transform:uppercase;color:var(--grey)}

/* ── брендовая лента в толстой рамке (myhexbots: медиа-блок в рамке) */
.bn-band{border:12px solid var(--hull);position:relative;background:var(--hull)}
.bn-band img{width:100%;max-height:430px;object-fit:cover;opacity:.9}
.bn-band__cap{position:absolute;left:0;right:0;bottom:0;background:rgba(0,24,60,.86);color:#fff;padding:18px clamp(16px,3vw,32px)}
.bn-band__cap h2{font-size:clamp(20px,2.6vw,30px);margin-bottom:6px}
.bn-band__cap p{margin:0;color:#cfe8f7;font-size:16px;max-width:52em}

/* ── FAQ тонкими линиями с «+» (myhexbots) */
.bn-ask{max-width:900px;margin:0 auto;border-top:1px solid var(--rule)}
.bn-ask details{border-bottom:1px solid var(--rule)}
.bn-ask summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;position:relative;font-family:Saira,sans-serif;font-weight:700;font-size:19px;text-transform:uppercase}
.bn-ask summary::-webkit-details-marker{display:none}
.bn-ask summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:27px;font-weight:400;color:var(--edge);line-height:1}
.bn-ask details[open] summary::after{content:"\2013"}
.bn-ask p{margin:0 0 18px;color:#2d3844;max-width:62em}

/* ── тёмный префутер-CTA со стрелкой (myhexbots) */
.bn-call{background:var(--hull);color:#fff;text-align:center;padding:clamp(38px,5vw,62px) var(--pad)}
.bn-call h2{font-size:clamp(24px,3.4vw,36px);color:#fff}
.bn-call p{max-width:38em;margin:12px auto 22px;color:#cfe8f7}
.bn-call .bn-arrow{font-size:28px;color:var(--flare);line-height:1}

/* ── «Why» с фото и белой панелью, заходящей снизу (myhexbots) */
.bn-why{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,32px)}
.bn-why figure{margin:0;position:relative;padding-bottom:46px}
.bn-why img{aspect-ratio:4/3;object-fit:cover;width:100%}
.bn-why figcaption{position:absolute;left:14px;right:14px;bottom:0;background:var(--paper);border:1px solid var(--rule);border-top:4px solid var(--edge);padding:16px 18px}
.bn-why h3{font-size:19px;margin-bottom:8px;color:var(--hull)}
.bn-why p{margin:0;font-size:15px;color:var(--grey)}

/* ── отзывы серыми карточками (myhexbots) */
.bn-said{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
.bn-said article{background:var(--mist);padding:22px 20px;text-align:center;border-bottom:4px solid var(--chrome)}
.bn-said h3{font-size:16px;margin:10px 0 8px;color:var(--hull)}
.bn-said p{font-size:15px;color:#2d3844}
.bn-said .bn-pips{justify-content:center;display:flex}
.bn-said footer{font:700 13px/1.3 Barlow,sans-serif;text-transform:uppercase;color:var(--hull);margin-top:12px}
.bn-said footer span{display:block;font-weight:500;text-transform:none;color:var(--grey);font-size:12px}
.bn-said a{color:var(--mid);font-size:13px;font-weight:600}

/* ── SEO-раздел (подача раздела сайта: жирный H2, подзаголовки, абзацы) */
.bn-prose h2{font-size:clamp(24px,3.2vw,34px);margin-bottom:18px;max-width:30em}
.bn-prose{max-width:960px}
.bn-prose p{max-width:62em}

/* ── чёрный футер 4 колонки + центрированная правовая строка (myhexbots) */
.bn-foot{background:#05101f;color:#aab6c4;font-size:15px}
.bn-foot__in{max-width:var(--wide);margin:0 auto;padding:clamp(34px,4vw,56px) var(--pad) 22px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(18px,3vw,40px)}
.bn-foot h3{font-size:14px;color:#fff;margin-bottom:12px;letter-spacing:.04em}
.bn-foot img{width:52px;margin-bottom:12px}
.bn-foot ul{list-style:none;margin:0;padding:0}
.bn-foot li{margin-bottom:7px}
.bn-foot a{color:#aab6c4;text-decoration:none}
.bn-foot a:hover{color:var(--edge)}
.bn-foot address{font-style:normal;line-height:1.7}
.bn-foot__law{border-top:1px solid #16263c;text-align:center;padding:16px var(--pad) 26px;font-size:13px;color:#7d8b9b}

/* ── хлебные крошки */
.bn-crumb{font-size:13px;color:var(--grey);padding:12px 0 0}
.bn-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.bn-crumb a{color:var(--grey)}
.bn-crumb li+li::before{content:"/";margin-right:7px;color:var(--chrome)}

/* ── шапка раздела/статьи */
.bn-head{background:var(--hull);color:#fff;padding:clamp(28px,4vw,52px) 0}
.bn-head h1{font-size:clamp(28px,4.4vw,48px);max-width:22em}
.bn-head p{color:#cfe8f7;max-width:48em;margin:16px 0 0;font-size:18px}
.bn-head em{font-style:normal;display:block;color:var(--edge);font-weight:700;font-size:13px;text-transform:uppercase;margin-bottom:10px}

/* ── PDP (spinmaster: галерея слева с полосой миниатюр, данные справа, аккордеоны, снимок рейтинга) */
.bn-item{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,3vw,46px);padding:clamp(20px,3vw,38px) 0}
.bn-shots__big{border:1px solid var(--rule);background:#fff}
.bn-shots__big img{aspect-ratio:1/1;object-fit:contain;width:100%;padding:10px}
.bn-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.bn-thumbs button{border:1px solid var(--rule);background:#fff;padding:3px;cursor:pointer;line-height:0}
.bn-thumbs button[aria-pressed=true]{border-color:var(--edge);border-width:2px;padding:2px}
.bn-thumbs img{aspect-ratio:1/1;object-fit:contain}
.bn-item h1{font-size:clamp(24px,3.2vw,36px)}
.bn-item__kick{color:var(--edge);font-weight:700;font-size:13px;text-transform:uppercase;margin-bottom:9px}
.bn-item__lede{font-size:18px;margin:14px 0 0}
.bn-buy{border:1px solid var(--rule);border-top:4px solid var(--edge);padding:18px;margin:20px 0}
.bn-buy__now{font-family:Saira,sans-serif;font-weight:800;font-size:34px;color:var(--hull);line-height:1}
.bn-buy__say{font-size:14px;color:var(--grey);margin:8px 0 14px}
.bn-stock{font-weight:600;font-size:14px;color:#17663a}
.bn-stock--thin{color:var(--flare)}
.bn-facts{list-style:none;margin:18px 0 0;padding:0}
.bn-facts li{padding:12px 0;border-top:1px solid var(--rule)}
.bn-facts b{display:block;font-family:Saira,sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;color:var(--hull)}
.bn-facts span{font-size:15px;color:#2d3844}
.bn-prose{border-top:1px solid var(--rule);max-width:760px;margin:0 auto;padding:10px 0 46px}
.bn-prose h2{font-family:Saira,sans-serif;font-weight:700;font-size:clamp(20px,2.4vw,26px);text-transform:uppercase;color:var(--hull);margin:30px 0 10px;padding-left:14px;border-left:5px solid var(--edge)}
.bn-prose p{font-size:16.5px;line-height:1.66;margin:0 0 12px;color:#243040}
.bn-prose a{color:var(--mid);text-decoration:underline;text-underline-offset:3px}
.bn-prose .bn-facts{margin-top:10px}
.bn-snap{display:grid;grid-template-columns:150px 1fr;gap:clamp(16px,3vw,36px);align-items:start}
.bn-snap__big{font-family:Saira,sans-serif;font-weight:800;font-size:54px;line-height:1;color:var(--hull)}
.bn-snap small{display:block;color:var(--grey);font-size:13px;margin-top:6px}
.bn-bars2{margin:0}
.bn-bars2 div{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;font-size:13px;color:var(--grey);margin-bottom:6px}
.bn-bars2 i{display:block;height:9px;background:var(--chrome);position:relative}
.bn-bars2 i b{position:absolute;inset:0 auto 0 0;background:var(--flare);display:block}
.bn-revs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px}
.bn-revs article{border:1px solid var(--rule);padding:16px}
.bn-revs h3{font-size:16px;margin:8px 0 7px;color:var(--hull)}
.bn-revs p{font-size:15px;margin:0 0 10px;color:#2d3844}
.bn-revs footer{font-size:13px;color:var(--grey)}
.bn-revs footer b{color:var(--hull);text-transform:uppercase}
.bn-near{padding-bottom:clamp(30px,4vw,56px)}

/* ── статьи и сервисные страницы */
.bn-text{max-width:860px;padding:clamp(26px,3.4vw,48px) 0}
.bn-text h2{font-size:clamp(21px,2.6vw,29px);margin:34px 0 12px}
.bn-text h2:first-child{margin-top:0}
.bn-text ul{padding-left:20px}
.bn-text li{margin-bottom:8px}
.bn-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px;padding:0;list-style:none}
.bn-jump a{display:inline-block;border:1px solid var(--rule);padding:7px 13px;font-size:14px;text-decoration:none;color:var(--hull);font-weight:600}
.bn-jump a:hover{border-color:var(--edge)}

/* ── 404 */
.bn-lost{text-align:center;padding:clamp(50px,8vw,120px) var(--pad)}
.bn-lost h1{font-size:clamp(30px,6vw,60px);color:var(--hull)}

@media(max-width:1000px){
  .bn-top__in{flex-wrap:wrap}
  .bn-nav{order:3;flex-basis:100%;justify-content:flex-start;gap:18px;border-top:1px solid var(--rule);padding-top:8px}
  .bn-item{grid-template-columns:1fr}
  .bn-foot__in{grid-template-columns:1fr 1fr}
  .bn-row{grid-template-columns:60px 1.4fr 1fr .8fr}
  .bn-row>*:nth-child(5),.bn-row>*:nth-child(6){display:none}
}
@media(max-width:860px){
  .bn-bars{grid-template-columns:1fr}
  .bn-why{grid-template-columns:1fr}
  .bn-why figure{padding-bottom:0}
  .bn-why figcaption{position:static;left:auto;right:auto;margin:0}
  .bn-said,.bn-picks{grid-template-columns:1fr}
  .bn-rail{grid-template-columns:1fr}
  .bn-revs{grid-template-columns:1fr}
  .bn-snap{grid-template-columns:1fr}
  .bn-hero__art::after{background:linear-gradient(180deg,rgba(0,24,60,.84) 0,rgba(0,24,60,.93) 100%)}
}
@media(max-width:680px){
  .bn-grid{grid-template-columns:repeat(2,1fr)}
  .bn-thumbs{grid-template-columns:repeat(4,1fr)}
  .bn-row{display:block;padding:14px 0}
  .bn-row img{width:88px;margin-bottom:8px}
  .bn-row--head{display:none}
  .bn-row>div,.bn-row>b,.bn-row>span{display:block;margin-bottom:5px}
  .bn-row__lab{display:inline;margin-right:6px}
  .bn-foot__in{grid-template-columns:1fr}
  .bn-sign span{display:none}
}
@media(max-width:420px){
  .bn-stamp img{width:100%;min-width:168px}
  .bn-top .bn-stamp{flex:1 1 100%}
  .bn-grid{grid-template-columns:1fr}
}
