:root{font-family:system-ui,sans-serif;color:#242424;background:#f7f7f8;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{border-bottom:3px solid #b42335}a{color:#a31e30;text-underline-offset:3px}a:hover{color:#691322}.brand{font-size:2rem;font-weight:800;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;list-style:none;padding:0}.cards li{background:white;padding:20px;border:1px solid #ddd;border-radius:12px}.cards img,.product-image{object-fit:contain;background:white;max-width:100%}.cards h2{font-size:1rem}.cards p{margin:8px 0}h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.25}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:14px;border-bottom:1px solid #ddd}footer{border-top:1px solid #ddd;font-size:.9rem}a:focus-visible{outline:3px solid #b42335;outline-offset:4px}@media(prefers-color-scheme:dark){:root{color:#eee;background:#191b20}.cards li,table{background:#252830;border-color:#444}a{color:#ff9baa}a:hover{color:#ffd6de}}

/* Shared visual treatment for the public category, store and product pages. */
:root{--surface:#fff;--line:#e6e0e2;--muted:#68616a;--accent:#b42335;background:#f8f6f7;color:#29242a}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{color:var(--accent);letter-spacing:-1.5px;font-size:2.2rem}
header nav{gap:10px;margin:0}header nav a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;text-decoration:none;background:var(--surface)}
main{padding-top:44px;padding-bottom:56px;min-height:65vh}h1{max-width:900px;letter-spacing:-.035em;margin:0 0 18px}main>p:first-of-type{color:var(--muted);max-width:850px;margin-bottom:32px}main>h2{margin-top:32px;font-size:1.25rem}
.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:18px 0 32px}
.directory-grid li{min-width:0}.directory-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-height:76px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;text-decoration:none;font-weight:600;box-shadow:0 3px 12px #21101b04;overflow-wrap:anywhere}
.directory-grid a::after{content:'→';color:var(--accent);flex-shrink:0}.directory-grid a:hover{border-color:var(--accent);box-shadow:0 4px 16px #b4233510}
.cards li{border-color:var(--line);border-radius:18px;background:var(--surface)}.cards a{text-decoration:none;color:inherit}.cards img{display:block;margin:auto;border-radius:12px}.cards p{color:var(--muted)}.cards li>p:first-of-type{font-weight:750;font-size:1.15rem;color:var(--accent)}
.product-image{padding:20px;border-radius:18px}table{background:var(--surface)}th,td{border-color:var(--line)}footer{border-color:var(--line);color:var(--muted)}
@media(max-width:850px){header{align-items:flex-start;flex-direction:column;gap:12px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){header,main,footer{padding-left:18px;padding-right:18px}header nav{gap:8px}header nav a{padding:8px 10px}.directory-grid{gap:10px}.directory-grid a{padding:14px 12px;font-size:.9rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards li{padding:12px}.cards img{width:100%;height:140px}.cards h2{overflow-wrap:anywhere}}
@media(prefers-color-scheme:dark){:root{--surface:#25252c;--line:#393840;--muted:#b7b0bc;--accent:#ff8797;background:#18181e;color:#f4f1f5}a{color:#ff9baa}}