*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.55;color:#131E34;background:#fff}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #468CEB;outline-offset:2px}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin:0 auto}
.topbar{background:#1C2A46;color:#fff;font-size:14px;padding:10px 40px}
.topbar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px}
.topbar-r{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.lang{display:flex;gap:14px}
.lang a{opacity:.8}
.lang a[aria-current]{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.hdr{background:#fff;border-bottom:1px solid #D5DDEA}
.hdr .wrap{padding:18px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}
.logo{display:flex;align-items:center;gap:10px}
.logo b{background:#131E34;color:#F6C523;font-weight:800;font-size:24px;letter-spacing:.5px;padding:6px 12px}
.logo small{font-size:12px;font-weight:600;letter-spacing:4px}
.nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;font-weight:500}
.hdr-r{margin-left:auto}
.cartbtn{background:#131E34;color:#fff;font-weight:700;font-size:15px;padding:11px 18px;display:inline-block}
.hero{background:#131E34;color:#fff;padding:0 40px}
.hero .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:56px;padding:88px 0 96px}
.hero-t{flex:1 1 480px;min-width:280px}
.hero h1{margin:0 0 22px;font-size:60px;line-height:1.02;font-weight:800;letter-spacing:-.5px}
.hero p{margin:0 0 36px;font-size:19px;line-height:1.6;color:#C9D3E2;max-width:540px}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btn-y{background:#F6C523;color:#131E34;font-weight:700;font-size:17px;padding:17px 28px}
.btn-o{border:2px solid #fff;color:#fff;font-weight:700;font-size:17px;padding:15px 26px}
.hero-i{flex:0 1 360px;display:flex;justify-content:center}
.hero-i svg{max-width:100%;height:auto}
.perks{padding:44px 40px;border-bottom:1px solid #D5DDEA}
.perks .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.perk{display:flex;gap:16px;align-items:flex-start}
.perk svg{flex:none}
.perk b{display:block;font-weight:700;font-size:18px}
.perk span{color:#4A5770;font-size:15px}
.sec{padding:80px 40px 40px;scroll-margin-top:12px}
.sec2{padding:64px 40px 88px;scroll-margin-top:12px}
.h2{margin:0 0 36px;font-size:38px;line-height:1.1;font-weight:800}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.cat{display:flex;flex-direction:column;gap:10px;border-top:4px solid #131E34;padding-top:20px}
.pic{background:#F0F4FA;height:200px;display:flex;align-items:center;justify-content:center}
.cat-n{font-size:22px;font-weight:700;margin-top:6px}
.cat-s{font-size:15px;color:#4A5770}
.cat-p{font-size:15px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.card{display:flex;flex-direction:column;border:1px solid #131E34;background:#fff}
.badge{background:#131E34;color:#fff;font-size:14px;font-weight:600;padding:9px 14px}
.badge.soon{background:#E3E9F2;color:#4A5770}
.card-b{flex:1;display:flex;flex-direction:column;gap:6px;padding:18px 16px}
.card h3{margin:0;font-size:19px;line-height:1.25;font-weight:700}
.card p{margin:0;font-size:15px;color:#4A5770}
.card-f{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.price{font-size:22px;font-weight:800;line-height:1.2}
.unit{display:block;font-size:13px;font-weight:500;color:#4A5770}
.btn-s{background:#F6C523;color:#131E34;border:0;font:inherit;font-weight:700;font-size:15px;padding:11px 16px;cursor:pointer}
.btn-w{background:#fff;color:#131E34;border:1px solid #131E34;font:inherit;font-weight:700;font-size:15px;padding:10px 14px;cursor:pointer;display:inline-block}
.how{background:#F0F4FA;padding:84px 40px;scroll-margin-top:12px}
.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.how li{border-top:2px solid #131E34;padding-top:18px}
.how li>span{font-size:15px;font-weight:700;color:#4A5770}
.how h3{margin:8px 0;font-size:21px;font-weight:700}
.how p{margin:0;color:#4A5770}
.ftr{background:#131E34;color:#fff;padding:64px 40px 40px}
.ftr-t{display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px}
.ftr-about{max-width:320px}
.ftr-logo{display:inline-block;background:#F6C523;color:#131E34;font-weight:800;font-size:24px;padding:6px 12px}
.ftr-about p{margin:16px 0 0;color:#C9D3E2}
.ftr-cols{display:flex;flex-wrap:wrap;gap:48px}
.ftr-col{display:flex;flex-direction:column;gap:10px;color:#C9D3E2}
.ftr-col b{color:#fff}
.ftr-b{margin-top:48px;padding-top:20px;border-top:1px solid #2B3A57;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:#C9D3E2}
.crumbs{padding:28px 40px 0}
.crumbs nav{font-size:14px;color:#4A5770;display:flex;flex-wrap:wrap;gap:8px}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.crumbs .cur{color:#131E34}
.pd{padding:32px 40px 0}
.pd .wrap{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.pd-g{flex:1 1 500px;min-width:280px}
.pd-main{background:#F0F4FA;height:520px;display:flex;align-items:center;justify-content:center}
.thumbs{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.thumb{width:96px;height:96px;background:#F0F4FA;border:1px solid #D5DDEA;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.thumb[aria-pressed="true"]{border:2px solid #131E34}
.pd-i{flex:1 1 420px;min-width:280px}
.pd-cat{margin:0 0 8px;font-size:15px;color:#4A5770}
.pd-i h1{margin:0 0 18px;font-size:44px;line-height:1.05;font-weight:800}
.pd-st{margin-bottom:24px}
.pd-st span{display:inline-block;background:#131E34;color:#fff;font-weight:600;font-size:14px;padding:7px 12px}
.pd-price{margin:0;font-size:42px;font-weight:800;line-height:1.1}
.pd-vat{margin:4px 0 28px;font-size:15px;color:#4A5770}
fieldset{border:0;margin:0 0 22px;padding:0}
legend{font-weight:700;font-size:16px;padding:0;margin:0 0 10px}
.opts{display:flex;flex-wrap:wrap;gap:10px}
.opt{background:#fff;color:#131E34;border:1px solid #131E34;font:inherit;font-size:15px;font-weight:600;padding:11px 18px;cursor:pointer}
.opt[aria-pressed="true"]{background:#131E34;color:#fff}
.buy{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 26px}
.qty{display:flex;align-items:center;border:1px solid #131E34}
.qty button{background:none;border:0;font:inherit;font-size:22px;width:48px;height:54px;cursor:pointer;color:#131E34}
.qty span{min-width:44px;text-align:center;font-weight:700;font-size:17px}
.qty.sm button{font-size:20px;width:42px;height:46px}
.qty.sm span{min-width:40px;font-size:inherit}
.btn-buy{flex:1 1 240px;min-height:54px;background:#F6C523;color:#131E34;border:0;font:inherit;font-weight:700;font-size:17px;padding:0 22px;cursor:pointer}
.info{background:#F0F4FA;padding:18px 20px;display:flex;flex-direction:column;gap:10px;font-size:15px}
.tabs-s{padding:64px 40px 0}
.tabs{display:flex;flex-wrap:wrap;gap:32px;border-bottom:1px solid #D5DDEA}
.tab{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:0 0 14px;font:inherit;font-size:17px;font-weight:600;color:#4A5770;cursor:pointer}
.tab[aria-selected="true"]{border-bottom-color:#131E34;font-weight:700;color:#131E34}
.tabp{max-width:720px;padding:28px 0 0;font-size:17px;line-height:1.7}
.tabp p{margin:0}
.sim{padding:88px 40px 96px}
.sim .h2{font-size:34px}
.co-h{padding:56px 40px 0}
.co-h h1{margin:0;font-size:44px;line-height:1.05;font-weight:800}
.steps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:28px;font-size:15px}
.steps li{color:#4A5770;padding-bottom:10px}
.steps li[aria-current]{color:#131E34;font-weight:700;border-bottom:3px solid #131E34}
.notice{background:#FFF6D6;border-left:4px solid #F6C523;padding:14px 18px;margin:24px 0 0;font-size:16px}
.notice a{text-decoration:underline;font-weight:600}
.co{padding:40px 40px 96px}
.co .wrap{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.co-m{flex:1 1 560px;min-width:280px}
.co h2{margin:52px 0 20px;font-size:26px;line-height:1.2;font-weight:800}
.co h2.first{margin:0 0 8px}
.item{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid #D5DDEA}
.item-pic{width:104px;height:104px;background:#F0F4FA;display:flex;align-items:center;justify-content:center;flex:none}
.item-i{flex:1 1 200px;display:flex;flex-direction:column;gap:4px}
.item-i b{font-size:18px}
.item-i span{font-size:15px;color:#4A5770}
.link-btn{align-self:flex-start;background:none;border:0;padding:0;margin-top:4px;font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:#131E34;cursor:pointer}
.item-p{font-size:18px;font-weight:800;min-width:110px;text-align:right}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 20px}
.fields label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600}
.fields .full{grid-column:1/-1}
.inp{font:inherit;font-size:16px;font-weight:400;padding:12px 14px;border:1px solid #8D9AB0;background:#fff;color:#131E34}
.choices{display:flex;flex-direction:column;gap:12px}
.choice{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #8D9AB0;cursor:pointer}
.choice:has(input:checked){border:2px solid #131E34}
.choice.off{border-color:#D5DDEA;color:#6B7890;cursor:default}
.choice input,.chk input{width:18px;height:18px;margin:0;flex:none}
.chk{display:flex;align-items:flex-start;gap:12px;font-size:16px;cursor:pointer}
.chk input{margin-top:3px}
.chk a{text-decoration:underline}
.sum{flex:1 1 320px;max-width:420px;min-width:280px;border:1px solid #131E34}
.sum-h{background:#131E34;color:#fff;font-weight:700;font-size:17px;padding:14px 18px}
.sum-b{padding:20px 18px 22px;display:flex;flex-direction:column;gap:12px;font-size:16px}
.row{display:flex;justify-content:space-between;gap:12px}
.row.tot{align-items:baseline;border-top:1px solid #D5DDEA;padding-top:16px;margin-top:6px}
.row.tot b{font-size:28px;font-weight:800;white-space:nowrap}
.btn-order{margin-top:10px;width:100%;background:#F6C523;color:#131E34;border:0;font:inherit;font-weight:700;font-size:17px;padding:17px;cursor:pointer}
.btn-order:disabled{opacity:.55;cursor:not-allowed}
.note{margin:0;font-size:14px;color:#4A5770}
.ul{font-weight:600;text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
.doc{padding:56px 40px 88px}
.doc .wrap{max-width:820px}
.doc h1{margin:0 0 8px;font-size:40px;line-height:1.1;font-weight:800}
.doc h2{margin:36px 0 12px;font-size:24px;line-height:1.25;font-weight:800;scroll-margin-top:12px}
.doc p,.doc li{font-size:17px;line-height:1.65}
.doc p{margin:0 0 12px}
.doc ul{padding-left:22px;margin:0 0 12px}
.doc a{text-decoration:underline}
.doc .meta{color:#4A5770;margin:0 0 28px}
.kv{display:grid;grid-template-columns:minmax(170px,auto) 1fr;gap:8px 24px;margin:0 0 12px}
.kv dt{font-weight:700}
.kv dd{margin:0}
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:760px;margin:0 auto;background:#131E34;color:#fff;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;box-shadow:0 8px 24px rgba(19,30,52,.3);font-size:15px}
.ck p{margin:0;flex:1 1 320px}
.ck a{text-decoration:underline;color:#fff}
.ck button{background:#F6C523;color:#131E34;border:0;font:inherit;font-weight:700;padding:10px 18px;cursor:pointer}
.toast{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:60;background:#131E34;color:#fff;padding:14px 18px;font-size:15px;width:max-content;max-width:min(560px,92vw);box-shadow:0 8px 24px rgba(19,30,52,.3)}
@media (max-width:640px){
.topbar,.hero,.perks,.sec,.sec2,.how,.ftr,.crumbs,.pd,.tabs-s,.sim,.co-h,.co,.doc{padding-left:20px;padding-right:20px}
.hdr .wrap{padding:14px 20px}
.hdr-r{margin-left:0}
.hero .wrap{padding:56px 0 64px}
.hero h1{font-size:40px}
.h2{font-size:30px}
.pd-main{height:340px}
.pd-i h1,.co-h h1,.doc h1{font-size:34px}
.kv{grid-template-columns:1fr}
.kv dt{margin-top:8px}
}
