/*
Theme Name: LEXLEGACYBLOC Export Catalogue
Author: LEXLEGACYBLOC Starter
Description: Lightweight B2B export enquiry catalogue. No checkout.
Version: 1.2
*/
:root{color-scheme:dark;--bg:hsl(216 63% 8%);--card:hsl(211 52% 11%);--text:hsl(40 33% 95%);--muted:hsl(214 22% 76%);--teal:hsl(178 75% 41%);--gold:hsl(40 61% 57%);--line:hsl(214 28% 25%);font:16px/1.6 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}a{color:var(--teal)}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.wrap{width:min(1120px,calc(100% - 2rem));margin:auto}.narrow{max-width:760px}.nav{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line)}.nav .wrap,.links,.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.nav .wrap{justify-content:space-between;padding:.85rem 0}.brand{font-weight:850;letter-spacing:.11em;color:var(--gold);text-decoration:none}.links a{color:var(--text);text-decoration:none;font-size:.9rem}.links a:hover{color:var(--teal)}.skip{position:absolute;left:.5rem;top:-5rem}.skip:focus{top:.5rem;z-index:5;background:var(--bg)}
.hero{padding:clamp(4rem,10vw,8rem) 0;background:radial-gradient(ellipse at 80% 15%,hsl(180 51% 16%),transparent 60%);border-bottom:1px solid var(--line)}.hero p:not(.eyebrow){max-width:52ch;color:var(--muted);font-size:1.15rem}.eyebrow,.tag{color:var(--gold);font-size:.76rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.05}h1{font-size:clamp(2.9rem,7vw,6rem);margin-bottom:1.3rem}h1 em{color:var(--teal);font-weight:inherit}h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:1rem}.actions{margin-top:1.5rem}.btn{display:inline-block;padding:.7rem 1rem;border:1px solid var(--teal);border-radius:.5rem;background:var(--teal);color:var(--bg);text-decoration:none;font-weight:750;cursor:pointer}.btn.secondary{background:transparent;color:var(--teal)}.btn:disabled{opacity:.55;cursor:default}
.section{padding:clamp(2.5rem,6vw,5rem) 0;scroll-margin-top:7rem}.shade{background:var(--card)}.muted{color:var(--muted)}.tiles,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:1rem}.tile,.product,.form,details{border:1px solid var(--line);border-radius:.85rem;background:var(--card)}.tile{display:grid;gap:.25rem;padding:1rem;color:var(--text);text-decoration:none}.tile span{color:var(--muted)}.tile small,.more{color:var(--teal)}.product{overflow:hidden}.opener{width:100%;height:100%;display:flex;flex-direction:column;text-align:left;border:0;background:transparent;color:var(--text);padding:0;cursor:pointer}.opener:hover{background:hsl(211 40% 16%)}.opener:focus-visible{outline-offset:-3px}.product img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 4%;background:white}.details{display:grid;gap:.45rem;padding:1rem}.details strong{font-size:1.12rem}
details{padding:.8rem 1rem;margin:.6rem 0}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);margin:.65rem 0 0}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,325px),1fr));gap:2rem}.form{padding:1.25rem}form label{display:block;margin-bottom:.8rem}input,select,textarea{display:block;width:100%;padding:.55rem;border:1px solid var(--line);border-radius:.3rem;color:var(--text);background:var(--bg)}textarea{min-height:6rem}.notice{color:var(--gold)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted)}
dialog{width:min(600px,calc(100% - 2rem));max-height:85dvh;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:1rem;padding:2rem}dialog::backdrop{background:#02070cdb}.close{display:block;margin:0 0 .5rem auto;border:1px solid var(--line);border-radius:.4rem;background:var(--bg);color:var(--text);width:2.7rem;height:2.7rem;cursor:pointer}dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:.4rem;margin:0 0 1.2rem}dl div{padding:.5rem;border:1px solid var(--line);border-radius:.4rem}dt{font-size:.8rem;color:var(--muted)}dd{margin:0;font-weight:700}

.catalogue-tools{max-width:34rem;margin:1.5rem 0}.catalogue-tools input{margin-top:.4rem}.catalogue-tools p{color:var(--muted);font-size:.9rem;margin:.5rem 0}.product[hidden]{display:none}