:root{--ink:#142f38;--green:#d5f572;--muted:#5d6d72;--line:#dce3e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9f6;color:var(--ink);font:15px/1.6 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit}.notice{background:var(--ink);color:#eef6e1;text-align:center;padding:8px 16px;font-size:12px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:20px;background:white}.logo{font-size:29px;letter-spacing:4px;font-weight:800;text-decoration:none;line-height:1.1}.logo span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none}button{border:0;background:transparent;color:inherit}button.dark,.primary{background:var(--ink);color:white;padding:12px 23px;border-radius:4px;text-decoration:none;display:inline-block}.dark span{background:var(--green);color:var(--ink);padding:2px 7px;margin-left:10px;border-radius:20px}main{max-width:1450px;margin:auto}.hero{padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-3px;margin:22px 0}p{color:var(--muted)}.hero p{font-size:17px;max-width:420px;margin-bottom:30px}.hero-notes{display:flex;gap:18px;font-size:10px;margin-top:35px}.blueprint{background:#153a46;border-radius:6px;overflow:hidden;position:relative;min-height:330px}.blueprint svg{display:block;width:100%}.blueprint>span{color:#a6c0c7;font:10px monospace;position:absolute;bottom:18px;left:22px;letter-spacing:2px}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:22px 5%;gap:25px}.strip div{display:flex;flex-direction:column}.strip span{color:var(--muted);font-size:12px}#katalog{padding:65px 5%}.section-head h2,h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.catalog{display:grid;grid-template-columns:205px 1fr;gap:35px;margin-top:30px}aside label{display:block;font-size:12px;font-weight:600;margin:18px 0 7px}input,select{width:100%;border:1px solid #cbd6d7;padding:11px;background:white;border-radius:3px;color:var(--ink)}aside button{font-size:12px;margin-top:16px;text-decoration:underline}.aside-note{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:12px}.aside-note p{font-size:11px}#result{font-size:12px;color:var(--muted);margin:0 0 15px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.art{height:150px;background:#edf1ee;display:grid;place-items:center;position:relative}.art svg{width:130px;height:100px}.art small{position:absolute;bottom:4px;right:8px;color:#5b6e72;font-size:9px}.card .body{padding:20px;display:flex;flex-direction:column;flex:1}.brand{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.card h3{font-size:16px;line-height:1.4;margin:9px 0;min-height:45px}.spec{font-size:11px;color:var(--muted);min-height:35px}.price{font-size:23px;font-weight:700;margin-top:14px}.tax,.status{font-size:10px;color:var(--muted)}.status{margin:12px 0;color:#806325}.card button{border:1px solid var(--line);border-radius:3px;padding:9px;margin-top:auto;text-align:left;font-size:12px}.card button:hover{background:var(--ink);color:white}.project{margin:0 5% 55px;background:#e8eee7;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.project p{font-size:14px}.project button{text-decoration:underline;padding:15px 0}footer{background:var(--ink);color:white;padding:40px 5%;display:flex;gap:45px;flex-wrap:wrap}footer>div{display:flex;flex-wrap:wrap;gap:15px;max-width:700px}footer button{font-size:12px}footer small{width:100%;color:#a5b8bb;font-size:11px}dialog{border:0;border-radius:8px;padding:38px;max-width:760px;width:calc(100% - 28px);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#09212db3}#close{position:absolute;right:12px;top:10px}dialog h2{padding-right:20px}dialog p,dialog li{font-size:14px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.scroll{overflow:auto}.primary{margin-top:15px}.alert{padding:14px;background:#fff5d9;color:#735520;font-size:12px}.cartline{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.qty{display:flex;align-items:center;gap:12px}.qty button{border:1px solid var(--line);padding:3px 10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 25px;border-radius:4px;display:none;z-index:10}@media(max-width:1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.hero-notes{flex-wrap:wrap}nav{gap:12px}}@media(max-width:650px){header{padding:18px 5%;flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;font-size:12px}.hero{grid-template-columns:1fr;padding-top:35px}.blueprint{min-height:0}.hero-notes{margin-top:23px}h1{letter-spacing:-2px}.strip{gap:12px}.strip b{font-size:12px}.strip span{font-size:10px}.catalog{grid-template-columns:1fr;gap:25px}aside{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}aside label{margin:0;align-self:end}aside input,aside select{grid-row:auto}aside label[for=search]{grid-column:1/-1}#search{grid-column:1/-1}aside label[for=category]{grid-column:1}#category{grid-column:1}aside label[for=brand]{grid-column:2;grid-row:3}#brand{grid-column:2;grid-row:4}aside label[for=sort],#sort{grid-column:1/-1}.aside-note{grid-column:1/-1;margin:10px 0 0;padding-top:12px}.aside-note p{margin:3px 0}.products{gap:10px}.card .body{padding:12px}.card h3{font-size:14px}.price{font-size:19px}.art{height:125px}.project{grid-template-columns:1fr;padding:25px;gap:8px}dialog{padding:28px 20px}.cartline{flex-wrap:wrap}}
.art.photo{height:220px;background:white;padding:18px 20px 26px}.art.photo img{width:100%;height:100%;object-fit:contain}.art.photo small{left:10px;right:10px;text-align:center;font-size:9px}.photo-credit{padding:2px 15px;font-size:10px;text-align:right;color:#64767b}dialog .art.photo{height:290px} @media(max-width:650px){.art.photo{height:180px;padding:12px 12px 32px}.art.photo small{font-size:8px}.photo-credit{padding:2px 10px}}

.catalog-hub{padding:45px 5% 60px;border-top:1px solid var(--line)}.catalog-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px}.catalog-tile{display:flex;flex-direction:column;text-align:left;background:white;border:1px solid var(--line);border-radius:6px;padding:18px;transition:border-color .15s}.catalog-tile:hover,.catalog-tile.selected{border-color:#496e75}.tile-number{font:11px monospace;color:#6c858c}.catalog-tile img{height:110px;width:100%;object-fit:contain;margin:10px 0 20px}.catalog-tile b{font-size:16px;line-height:1.3;min-height:42px}.catalog-tile>span:not(.tile-number){font-size:11px;color:var(--muted);margin:10px 0;min-height:40px}.catalog-tile strong{font-size:12px;margin-top:auto}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.catalog-tabs button{background:white;border:1px solid var(--line);border-radius:4px;padding:10px 14px;font-size:12px}.catalog-tabs button.selected{background:var(--ink);color:white}.catalog-tabs small{opacity:.7;margin-left:5px}.card h3{min-height:65px}.spec{min-height:55px}.price{font-size:20px}.card .body{gap:3px}.photo-credit{min-height:20px} @media(max-width:950px){.catalog-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-tile{padding:14px}.catalog-tile:last-child{grid-column:1/-1}.catalog-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.catalog-tabs button{flex-shrink:0}.card h3{min-height:85px}.spec{min-height:65px}.price{font-size:17px}}
.brand-lockup{display:flex;align-items:center;gap:16px;letter-spacing:2px;flex-shrink:0}.brand-lockup img{display:block;width:112px;height:70px;object-fit:contain;background:#050504;border-radius:3px}.brand-lockup .brand-name{font-size:23px;letter-spacing:2px;margin:0}.brand-lockup .brand-name span{font-size:10px;letter-spacing:1.7px;margin-top:8px}@media(max-width:800px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:space-between}}@media(max-width:420px){.brand-lockup{gap:9px}.brand-lockup img{width:80px;height:50px}.brand-lockup .brand-name{font-size:18px}.brand-lockup .brand-name span{font-size:8px;letter-spacing:1px}header .dark{padding:10px 12px}}
.cookie-banner{position:fixed;z-index:30;bottom:18px;left:5%;right:5%;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 35px #102c3833;padding:22px;display:flex;gap:25px;align-items:center;justify-content:space-between}.cookie-banner[hidden]{display:none}.cookie-banner p{font-size:13px;margin:7px 0;max-width:760px}.cookie-info{text-decoration:underline;font-size:12px;padding:0}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-actions button{padding:11px 20px;border:1px solid var(--ink);border-radius:4px;min-width:105px}.cookie-accept{background:var(--ink);color:white}@media(max-width:650px){.cookie-banner{left:12px;right:12px;bottom:12px;padding:18px;display:block}.cookie-actions{margin-top:14px}.cookie-actions button{flex:1}}