*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#15253b;background:#f5f8fc}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #e5ebf2}.wrap{max-width:1200px;margin:auto;padding:0 22px}.top{background:#103a73;color:#fff;font-size:13px;text-align:center;padding:9px}.nav{display:flex;align-items:center;gap:24px;min-height:76px;flex-wrap:wrap}.brand{font-weight:900;font-size:27px;color:#1263c8;letter-spacing:-1.2px}.brand span{color:#f5a623}.navlinks{display:flex;gap:19px;flex-wrap:wrap;font-size:14px;font-weight:650}.navlinks a:hover,.foot a:hover{color:#2376db}.nav .pill{margin-left:auto}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;background:#1769d1;color:white;padding:13px 21px;border-radius:12px;font-weight:750;border:0;cursor:pointer}.pill:hover,.btn:hover{background:#0e4b9b}.hero{background:linear-gradient(115deg,#0b2c60,#1365c8);color:#fff;padding:66px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:45px}.eyebrow{color:#b5d7ff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px}h1{font-size:clamp(34px,4vw,58px);line-height:1.08;margin:15px 0}h2{font-size:30px;margin:0 0 13px}h3{margin:0 0 9px}.hero p{font-size:18px;line-height:1.65;color:#e2edfc}.hero-panel{background:#ffffff17;border:1px solid #ffffff4d;border-radius:24px;padding:30px;backdrop-filter:blur(4px)}.hero-panel strong{font-size:22px}.searchbar{background:white;padding:12px;border-radius:15px;display:flex;gap:10px;margin-top:28px;box-shadow:0 8px 30px #061b3b25}.searchbar input{border:0;outline:0;flex:1;min-width:0;padding:10px;color:#15253b}.searchbar button{border:0;border-radius:10px;background:#ffb633;padding:12px 20px;font-weight:800;color:#16253c;cursor:pointer}.section{padding:58px 0}.muted{color:#66758b;line-height:1.65}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filter{border:1px solid #dbe5f1;border-radius:30px;background:white;padding:11px 17px;cursor:pointer;color:#344b69;font-weight:700}.filter.active{background:#1769d1;color:white;border-color:#1769d1}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.catalog-tools input{border:1px solid #d8e2ef;border-radius:12px;padding:13px 15px;width:min(360px,100%)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product{background:white;border:1px solid #e5ebf2;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #15385a09;display:flex;flex-direction:column}.art{height:145px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3f0ff,#f1f7ff);color:#1263c8;position:relative}.art svg{width:62px;height:62px;opacity:.7}.product:nth-child(5n+2) .art{background:linear-gradient(135deg,#e4f8f3,#eaf9ff);color:#078a88}.product:nth-child(5n+3) .art{background:linear-gradient(135deg,#fff1dc,#fff8ed);color:#bd7512}.product:nth-child(5n+4) .art{background:linear-gradient(135deg,#f1e8ff,#f8f3ff);color:#8054bc}.product .body{padding:20px;display:flex;flex:1;flex-direction:column}.tag{font-size:11px;color:#1666c5;font-weight:850;letter-spacing:.5px;text-transform:uppercase}.product h3{font-size:17px;line-height:1.4;margin:10px 0;min-height:48px}.product p{font-size:13px;color:#697c90;line-height:1.5;margin:0 0 20px}.product .btn{margin-top:auto;font-size:13px}.mini{font-size:12px;color:#63758a;margin-top:11px;text-align:center}.info{background:white;border-radius:22px;padding:30px;box-shadow:0 6px 25px #1236570b}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info p{line-height:1.7;color:#65758b}.faq details{background:white;padding:19px 22px;border:1px solid #e4eaf2;border-radius:12px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:750}.faq p{color:#60728b;line-height:1.7}.foot{background:#0b2446;color:#d8e4f3;padding:48px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.foot a{display:block;margin:10px 0;font-size:14px}.foot p{line-height:1.7}.footerend{border-top:1px solid #ffffff30;margin-top:35px;padding-top:20px;font-size:12px;color:#a9bdd3}.detail{max-width:850px;margin:50px auto;background:white;border-radius:22px;padding:40px;box-shadow:0 6px 30px #173d6110}.detail h1{font-size:40px}.detail p{line-height:1.75}.breadcrumb{font-size:13px;color:#71839a;margin-bottom:25px}.pagination{display:flex;justify-content:center;margin-top:28px;gap:12px;align-items:center}.pagination button{border:1px solid #d5e2ef;background:white;padding:11px 17px;border-radius:9px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:default}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.three{grid-template-columns:1fr}.nav .pill{display:none}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:43px 0}.nav{padding:16px 0;gap:12px}.navlinks{width:100%;overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:7px}.hero-panel{display:none}.searchbar{flex-direction:column}.searchbar button{width:100%}.footgrid{grid-template-columns:1fr}.detail{padding:24px;margin:22px 12px}.detail h1{font-size:29px}}