:root{--navy:#061727;--blue:#143c5d;--cyan:#63d7f5;--ice:#eef7fd;--white:#fff;--line:#c6ddeb;--text:#143c5d;--muted:#4b6d86;--shadow:0 22px 54px rgba(6,36,65,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Bahnschrift,"Trebuchet MS","Segoe UI",sans-serif;background:var(--ice);color:var(--text)}.wrap{max-width:1180px;margin:0 auto;padding:34px 24px 60px}.top{position:sticky;top:0;background:rgba(6,23,39,.94);border-bottom:1px solid rgba(99,215,245,.25);backdrop-filter:blur(10px);z-index:50;color:#e8f6ff}.topin{max-width:1180px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:72px}.top strong{font-size:17px;letter-spacing:.05em}.seo-brand{display:flex!important;align-items:center;gap:12px!important;border:0!important;padding:0!important;color:#e8f6ff!important}.seo-brand img{width:72px;height:34px;object-fit:contain}.top a{text-decoration:none;color:#e8f6ff;border:1px solid rgba(99,215,245,.28);padding:9px 14px;border-radius:999px;font-size:14px;transition:.2s ease}.top a:hover,.top a:focus-visible{border-color:var(--cyan);background:rgba(99,215,245,.12)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:38px;align-items:center;padding:28px 0 12px}.hero img{width:100%;height:390px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}h1{font-size:clamp(32px,3.8vw,52px);line-height:1.04;margin:0 0 18px;color:#092d49}p{line-height:1.7;color:var(--muted)}.sec{margin-top:22px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 28px rgba(6,36,65,.06)}h2{margin:0 0 14px;font-size:clamp(25px,2.2vw,34px);color:#092d49}h3{margin:0 0 10px;color:#123c5b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.grid a{display:block;text-decoration:none;color:#123c5b;padding:11px 13px;border:1px solid #b9d9e9;border-radius:12px;background:#f4fbff;font-weight:700;transition:.18s ease}.grid a:hover,.grid a:focus-visible{transform:translateY(-1px);border-color:var(--cyan);background:#dff7ff}.catalog-group{border:1px solid #bfdbea;border-radius:14px;background:#f7fcff;margin-top:10px;overflow:hidden}.catalog-group summary{cursor:pointer;padding:14px 16px;font-weight:800;color:#0c3654;list-style:none;display:flex;justify-content:space-between;align-items:center}.catalog-group summary::-webkit-details-marker{display:none}.catalog-group summary:after{content:"+";font-size:22px;color:#1485ae}.catalog-group[open] summary:after{content:"−"}.catalog-group .grid{padding:0 14px 14px}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px}th,td{border:1px solid #c5deeb;padding:11px;text-align:left}th{width:36%;background:#dff2fb;color:#0b3553}td{background:#fff}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:14px}ul{margin:0;padding-left:20px;display:grid;gap:9px}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}label{display:grid;gap:7px;font-weight:700;color:#123c5b}input,textarea{width:100%;border:1px solid #a9ccde;border-radius:10px;padding:11px;background:#fff;font:inherit;color:#123c5b}input:focus,textarea:focus{outline:3px solid rgba(99,215,245,.3);border-color:#31add6}textarea{min-height:112px;resize:vertical}.btn{display:inline-block;margin-top:12px;border:1px solid var(--cyan);background:linear-gradient(135deg,#63d7f5,#9feaff);color:#062441;padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;cursor:pointer}.contacts a{color:#087ba7;font-weight:700}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions a{text-decoration:none;border-radius:12px;padding:11px 16px;font-weight:800;border:1px solid #9cc9dc;background:#f6fcff;color:#123c5b}.actions a:first-child{background:linear-gradient(135deg,#63d7f5,#a9edff);border-color:var(--cyan);color:#062441}.form-status{margin:10px 0 0;font-weight:700}.form-status.is-success{color:#167744}.form-status.is-error{color:#a11f2d}.seo-footer{margin-top:30px;background:var(--navy);color:#e8f6ff;padding:32px max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:1fr 1fr;gap:30px}.seo-footer p,.seo-footer span{color:#b9d7e8}.seo-footer>div:last-child{display:grid;gap:8px;justify-items:start}.seo-footer a{color:#8be7ff;text-decoration:none}@media(max-width:760px){.wrap{padding:22px 14px 80px}.topin{padding:10px 14px;min-height:64px}.seo-brand{font-size:13px!important}.seo-brand img{width:54px}.topin>.actions a:not(:first-child){display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:22px}.hero img{height:250px}.sec{padding:18px;border-radius:16px}.grid{grid-template-columns:1fr 1fr}.gallery img{height:220px}.actions a{flex:1 1 145px;text-align:center}.seo-footer{grid-template-columns:1fr;padding:26px 18px}.catalog-group .grid{grid-template-columns:1fr}th{width:44%}}
.privacy-consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-weight:400;line-height:1.5}.privacy-consent input{width:18px;height:18px;min-width:18px;margin:3px 0 0}.privacy-consent a{color:#087ba7;font-weight:700}.seo-request-form [type="submit"]{min-height:46px;position:relative;z-index:1}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-status{scroll-margin-top:90px}@media(max-width:760px){.seo-request-form [type="submit"]{width:100%;font-size:16px}.privacy-consent{font-size:14px}}


/* Unified product action row — 2026-09-27 */
.hero .actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero .actions a{min-height:56px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:14px 22px;border-radius:14px;font-size:clamp(15px,1.15vw,18px);line-height:1.2;flex:0 1 auto;transition:background .18s ease,transform .18s ease}
.hero .actions a:first-child{background:linear-gradient(120deg,#63d7f5,#a1edfa);border-color:#62cce9;color:#062441;box-shadow:0 10px 24px rgba(23,142,186,.18)}
.hero .actions a:nth-child(2){background:#173349;border:1px solid #9bb5c3;color:#fff;box-shadow:none}
.hero .actions a:first-child:hover{background:linear-gradient(120deg,#82e3fa,#bbf4ff);transform:translateY(-1px)}
.hero .actions a:nth-child(2):hover{background:#254a63;color:#fff;transform:translateY(-1px)}
.hero .actions a:focus-visible{outline:3px solid #0c91bf;outline-offset:3px}
@media(max-width:600px){.hero .actions{flex-direction:column}.hero .actions a{width:100%;flex:none;min-height:54px}}