:root{color-scheme:light;--ink:#22262c;--muted:#555e68;--paper:#f2f3f5;--line:#dde0e5;--accent:#e85340;--deep:#22272f}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Segoe UI",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}.shell{width:min(1320px,92%);margin:auto}
header{background:#fff;border-bottom:1px solid var(--line)}.mast{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.mast img{width:185px;max-height:58px;object-fit:contain}.mast nav{display:flex;gap:28px;font-weight:600}.contact{border:1px solid var(--line);padding:8px 14px;border-radius:30px;white-space:nowrap}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--deep);color:white;border-radius:28px;margin:28px 0 58px;padding:clamp(22px,4vw,60px);overflow:hidden;background-image:radial-gradient(ellipse at 75% 20%,#31564c,transparent 55%)}.hero-copy{align-self:center}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:750}.hero .eyebrow{color:#c9ded4}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px}
h1,h2,h3,p{margin:0 0 .65em}h1,h2{line-height:1.02;letter-spacing:-.055em}.hero h1{font-size:clamp(42px,6.2vw,96px);margin-bottom:20px}.hero-copy>p:not(.eyebrow){max-width:33ch;color:#d5e4dd;margin-bottom:25px}.button,button{display:inline-flex;gap:18px;align-items:center;border:0;border-radius:8px;background:#ff7764;color:#251b18;padding:11px 16px;font-weight:700;cursor:pointer}.button:hover,button:hover{background:#ff9789}
.hero-product{display:grid;align-content:space-between;min-width:0;border:1px solid #e3eee5;border-radius:18px;background:#f0f4ef;color:var(--ink);overflow:hidden}.hero-product img{display:block;width:100%;height:clamp(230px,27vw,370px);padding:16px;object-fit:contain;mix-blend-mode:multiply}.hero-caption{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--line)}.hero-caption small,.hero-caption strong{display:block}.hero-caption small{letter-spacing:.13em;color:var(--muted)}.hero-caption b{font-size:24px}
.catalog{margin:36px 0 54px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px}.section-title span,.card small{color:var(--muted)}h2{font-size:clamp(32px,4vw,52px)}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin:16px 0 24px}input,select,textarea{width:100%;padding:10px;border:1px solid #aebfb3;border-radius:8px;color:var(--ink);background:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card,.photo,.specs,.cms form,.cms-list{background:white;border:1px solid var(--line);border-radius:15px}.card{overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s}.card:hover{border-color:#829e8b;box-shadow:0 12px 24px #1b352314}.photo{display:grid;place-items:center;background:#e9efe9;min-height:180px;overflow:hidden}.card .photo{border:0;border-radius:0}.photo img{width:100%;height:230px;object-fit:contain;padding:14px;mix-blend-mode:multiply}.card-copy{display:flex;flex:1;flex-direction:column;padding:19px}.card-copy h3{margin:4px 0;font-size:22px}.card-copy p{color:var(--muted);font-size:14px}.card-copy span{margin-top:auto;font-weight:700}.placeholder{color:var(--muted);padding:18px}
.services,footer{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--line)}.back{display:inline-block;margin:24px 0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.detail h1{font-size:clamp(40px,5vw,76px)}.detail .photo img{height:min(55vw,460px)}.notice,.specs,.cms form,.cms-list{padding:20px}.notice{background:#dde8df;border-radius:10px}.specs{margin:28px 0}.specs dl div{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:8px 0}.specs dt{font-weight:700}
.cms{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.cms label{display:block;margin-bottom:12px}.cms .check input{width:auto}.cms-list{max-height:640px;overflow:auto}.cms-list a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.cms-list a:hover{text-decoration:underline}
@media(max-width:840px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{display:none}.hero{gap:18px}}
@media(max-width:600px){.mast{flex-wrap:wrap;padding:10px 0}.mast nav{gap:15px}.hero,.detail,.cms{grid-template-columns:1fr}.grid{gap:9px}.photo img{height:140px}.card-copy{padding:11px}.card-copy h3{font-size:17px}.filters{grid-template-columns:1fr auto}.filters input{grid-column:1/-1}}
.hero{background-image:radial-gradient(ellipse at 75% 20%,#424b58,transparent 55%)}
.hero-product,.photo{background:#eceef1}
.notice{background:#e5e8ee}