:root{--ink:#10201f;--muted:#607370;--line:#d7e2df;--paper:#f7faf9;--panel:#fff;--teal:#0f766e;--teal-dark:#0b4f4a;--amber:#b66322;--silver:#a9b3ba;--soft:#e8f2ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#f7faf9eb;justify-content:space-between;align-items:center;min-height:72px;padding:0 32px;display:flex;position:sticky;top:0}.brand,nav{align-items:center;gap:18px;display:flex}.brand{font-size:18px;font-weight:800}.brand-mark{background:var(--teal);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;display:inline-flex}nav{color:var(--muted);font-size:14px;font-weight:700}nav a:hover,.locale-button:hover,.text-link:hover,.back-link:hover{color:var(--teal)}.cart-link{align-items:center;gap:7px;display:inline-flex}.cart-link strong{background:var(--teal);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;display:inline-flex}.locale-switcher{position:relative}.locale-button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:800;display:inline-flex}.locale-button strong{color:var(--ink)}.locale-panel{border:1px solid var(--line);z-index:30;background:#fff;min-width:210px;max-height:min(70vh,420px);padding:8px;position:absolute;top:calc(100% + 14px);right:0;overflow:auto;box-shadow:0 18px 44px #10201f29}.locale-panel a{justify-content:space-between;align-items:center;gap:18px;padding:10px 12px;display:flex}.locale-panel a.active{background:var(--soft);color:var(--teal-dark)}.hero{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:44px;min-height:calc(100vh - 72px);padding:56px 32px 72px;display:grid}.hero-copy,.hero-media,.section,.quote-band,footer,.detail-page{width:100%;max-width:1180px;margin:0 auto}.hero-copy{align-self:center}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:820px;margin-bottom:24px;font-size:clamp(42px,8vw,86px);line-height:.95}h2{letter-spacing:0;margin-bottom:18px;font-size:clamp(30px,5vw,52px);line-height:1}h3{font-size:20px;line-height:1.15}.lead{color:var(--muted);max-width:680px;font-size:20px;line-height:1.55}.shipping-promise{border-left:4px solid var(--amber);color:var(--ink);background:#fff;max-width:720px;margin:22px 0 0;padding:14px 16px;font-weight:800;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin:32px 0;display:flex}.button{border:1px solid var(--teal);cursor:pointer;font:inherit;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;display:inline-flex}.button:disabled{cursor:wait;opacity:.7}.button.primary{background:var(--teal);color:#fff}.button.secondary{color:var(--teal-dark);background:0 0}.button.light{color:var(--teal-dark);background:#fff}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;margin:0;display:grid}.metrics div,.scope-grid article,.product-card{background:var(--panel);border:1px solid var(--line)}.metrics div{padding:18px}.metrics dt{font-size:28px;font-weight:900}.metrics dd{color:var(--muted);margin:4px 0 0}.hero-media{aspect-ratio:16/10;background:#eaf0ef;align-self:center;overflow:hidden}.hero-media img{object-fit:cover;width:100%;height:100%;display:block}.section{padding:88px 32px 0}.intro{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:32px;display:grid}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.scope-grid article{min-height:190px;padding:24px}.scope-grid p,.scope-grid li,.product-card p,.notes li{color:var(--muted);line-height:1.55}ul{padding-left:20px}.section-title{justify-content:space-between;align-items:end;gap:24px;display:flex}.filters{flex-wrap:wrap;gap:8px;margin:8px 0 26px;display:flex}.filters span{border:1px solid var(--line);color:var(--teal-dark);padding:8px 12px;font-size:13px;font-weight:800}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product-card{grid-template-rows:210px 1fr;min-height:520px;display:grid}.product-visual{background:linear-gradient(135deg,#0f766e14,#fff3),#eef5f3;justify-content:center;align-items:end;display:flex;position:relative;overflow:hidden}.product-visual .body{z-index:2;border:2px solid #10201f3d;width:64px;height:124px;display:block}.product-visual .cap{z-index:3;background:#111;width:46px;height:34px;display:block;position:absolute;top:42px}.product-visual .shadow{background:#10201f24;width:116px;height:18px;display:block;position:absolute;bottom:32px}.product-visual.amber .body{background:linear-gradient(90deg,#7b3e16,#d18838 45%,#7b3e16)}.product-visual.clear .body{background:linear-gradient(90deg,#ffffff80,#abdae280);border-radius:18px 18px 10px 10px}.product-visual.tin .body{background:linear-gradient(90deg,#909ba2,#eef2f3 45%,#9aa4aa);border-radius:12px;width:92px;height:78px}.product-visual.hardware .body{background:linear-gradient(90deg,#1f2937,#d9dee2 30%,#111827);border-radius:18px;width:42px;height:148px}.product-body{flex-direction:column;padding:22px;display:flex}.category{color:var(--teal);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900}.specs,.detail-specs{gap:10px;margin:8px 0 18px;display:grid}.specs{grid-template-columns:repeat(4,minmax(0,1fr))}.specs dt,.detail-specs dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.specs dd,.detail-specs dd{margin:2px 0 0;font-size:14px;font-weight:800}.text-link,.back-link{color:var(--teal-dark);margin-top:auto;font-weight:900}.product-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex}.product-actions .button{min-height:42px;padding:0 14px}.quote-band{background:var(--teal-dark);color:#fff;justify-content:space-between;align-items:center;gap:28px;margin-top:88px;padding:42px;display:flex}.quote-band .eyebrow{color:#9fe4db}.quote-band h2{margin-bottom:12px;font-size:clamp(26px,4vw,44px)}.quote-band p:last-child{color:#d5f2ed;margin-bottom:0;font-weight:800}footer{color:var(--muted);justify-content:space-between;padding:36px 32px;font-size:14px;display:flex}.detail-page{padding:48px 32px 80px}.detail-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:48px;margin-top:28px;display:grid}.detail-visual{border:1px solid var(--line);background:linear-gradient(135deg,#e8f2ef,#fff);justify-content:center;align-items:center;min-height:480px;display:flex}.detail-visual span{background:linear-gradient(90deg,#8b4a1d,#d69a57 48%,#6d3919);border:2px solid #10201f33;width:130px;height:260px;display:block}.detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-specs div{border-top:1px solid var(--line);padding-top:12px}.notes{margin:0 0 28px}.cart-page{width:100%;max-width:1180px;margin:0 auto;padding:64px 32px 88px}.empty-cart{border:1px solid var(--line);background:#fff;margin-top:26px;padding:28px}.cart-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:32px;margin-top:32px;display:grid}.cart-items,.quote-form,.contact-form{border:1px solid var(--line);background:#fff;padding:24px}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 130px auto;align-items:center;gap:16px;padding:16px 0;display:grid}.cart-item:first-child{padding-top:0}.cart-item h2,.quote-form h2{margin-bottom:8px;font-size:22px;line-height:1.15}.cart-item label,.quote-form label,.contact-form label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:900;display:grid}.cart-item input,.quote-form input,.quote-form textarea,.contact-form input,.contact-form textarea{border:1px solid var(--line);color:var(--ink);font:inherit;text-transform:none;width:100%;min-height:42px;padding:8px 10px;font-weight:700}.quote-form,.contact-form{gap:14px;display:grid}.quote-form textarea,.contact-form textarea{resize:vertical;min-height:110px}.cart-totals{border-bottom:1px solid var(--line);gap:8px;padding:18px 0;display:grid}.cart-totals div{justify-content:space-between;display:flex}.cart-totals div:last-child{color:var(--teal-dark);font-size:20px}.payment-methods{border:1px solid var(--line);gap:10px;margin:0;padding:14px;display:grid}.payment-methods legend{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.payment-methods label{text-transform:none;align-items:center;gap:10px;display:flex}.payment-methods input{width:auto;min-height:auto}.form-success{color:var(--teal-dark);font-weight:800}.text-button{color:var(--teal-dark);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:900}.form-error{color:#b42318;font-weight:800}.catalog-controls{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.catalog-controls label{flex:200px;gap:8px;font-weight:600;display:grid}.catalog-controls input,.catalog-controls select{border:1px solid var(--line);width:100%;min-width:0;color:inherit;font:inherit;background:#fff;border-radius:8px;padding:12px}.catalog-photo{aspect-ratio:1;background:#fff;overflow:hidden}.catalog-photo img{object-fit:contain;width:100%;height:100%;display:block}.product-card .catalog-photo{aspect-ratio:auto;height:210px;min-height:0}.detail-photo{border-radius:16px;align-self:start}.catalog-notice{color:#475569;max-width:80ch}.supply-badge{color:#0f766e;font-size:.85rem;font-weight:700}.catalog-more{margin-top:24px}.supplier-offer{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:16px}.specs dd,.detail-specs dd{overflow-wrap:anywhere}.product-card .specs{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card .specs div:first-child,.product-card .specs .closure-spec{grid-column:1/-1}#stock{scroll-margin-top:110px}#consult-stock{margin-top:30px;scroll-margin-top:120px}@media (max-width:900px){.topbar{flex-direction:column;align-items:flex-start;gap:10px;min-height:auto;padding:0 18px;position:sticky}nav{gap:12px;width:100%;max-width:100%;padding-bottom:10px;overflow-x:auto}.brand{padding-top:12px}.cart-link,.locale-button{border:1px solid var(--line);white-space:nowrap;background:#fff;min-height:34px;padding:0 10px}.locale-panel{z-index:60;width:auto;min-width:0;max-height:calc(100vh - 130px);position:fixed;top:112px;left:18px;right:18px}.hero,.intro,.detail-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:38px 18px 56px}.hero-media{order:-1}.section,.detail-page{padding-left:18px;padding-right:18px}.catalog-grid,.scope-grid,.specs,.metrics{grid-template-columns:1fr}.quote-band,footer,.section-title{flex-direction:column;align-items:flex-start}.quote-band{width:auto;margin-left:18px;margin-right:18px;padding:28px}.cart-layout,.cart-item{grid-template-columns:1fr}.cart-page{padding-left:18px;padding-right:18px}}
