:root{--bg:#f7fbff;--bg2:#eef3f7;--ink:#0b1220;--muted:rgba(11,18,32,.70);--card:#ffffff;--line:rgba(11,18,32,.12);--a:#0ea5e9;--a2:#38bdf8;--r:30px;--g:22px;--sh:0 10px 26px rgba(0,0,0,.10);}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 15% 10%, rgba(255,255,255,.55), rgba(255,255,255,0)), linear-gradient(180deg,var(--bg),var(--bg2));color:var(--ink);line-height:1.6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif}
a{color:inherit}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.small{font-size:.92rem}
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.80);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.dot{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,var(--a),var(--a2))}
.name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;gap:10px;flex-wrap:wrap}.navLine{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0 14px;border-top:1px solid var(--line)}
.nav__a{text-decoration:none;padding:9px 12px;border-radius:999px;border:1px solid transparent}.nav__a.on{border-color:var(--line);background:rgba(0,0,0,.03)}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pill{text-decoration:none;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.85);font-weight:800}
.pill.strong{background:linear-gradient(135deg,var(--a),var(--a2));border-color:transparent;color:#111}
.main{padding:18px 0 40px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--g);align-items:start}
.heroCard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px}
.eyebrow{font-family:ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:900;font-size:.84rem}
.heroCard h1{margin:10px 0 10px;font-size:clamp(30px,3.2vw,54px);line-height:1.06}
.lead{margin:0}
.heroBtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(135deg,var(--a),var(--a2));font-weight:900;text-decoration:none;color:#111;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.small{padding:10px 12px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tab{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.02);cursor:pointer;font-weight:900}
.tab.on{background:linear-gradient(135deg,var(--a),var(--a2));border-color:transparent;color:#111}
.tabPane{display:none;margin-top:10px}.tabPane.show{display:block}
.bullets{margin:12px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:8px}
.heroMedia img{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh)}
.rail{margin-top:12px;display:grid;gap:10px}.railItem{padding:12px;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.75)}
.railItem b{display:block}.railItem span{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);margin-top:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.link{font-weight:900;text-decoration:none}
.leadSplit{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--g);margin-top:16px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini div{padding:12px;border-radius:16px;border:1px dashed var(--line);background:rgba(0,0,0,.02)}.mini b{display:block}.mini span{color:var(--muted)}
.form{display:grid;gap:10px}label{display:grid;gap:6px;font-weight:900}
input,textarea{padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.92);font:inherit}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pageHead h1{margin:0 0 10px;font-size:clamp(26px,2.8vw,44px)}
.catalogWrap{display:grid;grid-template-columns:1fr .38fr;gap:var(--g);align-items:start}
.catalog{display:grid;gap:var(--g)}.catalog.cols2{grid-template-columns:repeat(2,1fr)}.catalog.cols4{grid-template-columns:repeat(4,1fr)}
.pCard{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:10px}
.pTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.price{font-weight:900}.pImg{height:150px;object-fit:cover;border-radius:calc(var(--r) - 10px);border:1px solid var(--line)}
.pActions{display:flex;gap:10px;flex-wrap:wrap}
.side{position:sticky;top:92px;display:grid;gap:12px}.sideCard{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.sideRow{display:flex;justify-content:space-between;margin:10px 0}
.prod{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);margin-top:12px}
.big{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh)}
.thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.thumbs img{width:150px;border-radius:16px;border:1px solid var(--line)}
.prodInfo{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:16px}
.buyRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.price.big{font-size:1.2rem}
.cartGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--g);margin-top:12px}
.cartCard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:16px}
.items{display:grid;gap:10px;margin:12px 0}
.item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.02)}
.qty{display:inline-flex;gap:8px;align-items:center}.qty button,.remove{width:34px;height:34px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.9);cursor:pointer}
.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.policyGrid,.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);margin-top:12px}
.meta{list-style:none;padding:0;margin:0;color:var(--muted);display:grid;gap:8px}
.success{text-align:center}.badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(135deg,var(--a),var(--a2));font-weight:900;margin:0 auto 10px}
.ftr{margin-top:22px;border-top:1px solid var(--line);background:rgba(255,255,255,.76)}
.fGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);padding:18px 0}.fGrid.two{grid-template-columns:1.2fr .8fr}
.fLinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.fLinks a{text-decoration:none;padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.9);font-weight:800}
.copy{padding:12px 0;color:var(--muted)}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.leadSplit{grid-template-columns:1fr}.catalogWrap{grid-template-columns:1fr}.side{position:relative;top:auto}.cartGrid{grid-template-columns:1fr}.prod{grid-template-columns:1fr}}
@media(max-width:760px){.row2{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.catalog.cols4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.catalog.cols2{grid-template-columns:1fr}.catalog.cols4{grid-template-columns:1fr}}