@font-face{font-family:Archivo;src:url('/fonts/archivo_regular.ttf')}@font-face{font-family:Archivo;src:url('/fonts/archivo_extrabold.ttf');font-weight:800}:root{--bg:#f3f2f2;--surface:#eae9e9;--ink:#201e1d;--accent:#ec3013;--line:#c5c1be}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Archivo,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;font-weight:800}h1{font-size:clamp(34px,5vw,64px);margin:14px 0 24px}h2{font-size:30px}h3{font-size:20px}header{background:var(--ink);color:#fff}.topline{border-bottom:1px solid #ffffff30;padding:8px 5%;font-size:12px;letter-spacing:.08em}.nav{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;gap:28px}.brand{text-decoration:none;font-size:26px;font-weight:800;white-space:nowrap}.brand em{color:var(--accent);font-style:normal}.nav form{display:flex;flex:1}.nav input{margin:0;background:#fff}.navlinks{display:flex;gap:22px;align-items:center;font-size:14px;white-space:nowrap}.navlinks a{text-decoration:none}.subnav{display:flex;gap:28px;padding:12px 5%;border-bottom:1px solid var(--line);background:#fff;font-size:14px}.subnav a{text-decoration:none}main{max-width:1400px;margin:auto;padding:32px 5% 80px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;color:var(--accent)}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:380px;border-bottom:2px solid var(--ink);padding-bottom:40px;gap:60px;align-items:center}.hero p{max-width:440px;color:#625f5c}.heroart{min-height:330px;background:var(--surface);position:relative;display:grid;place-items:center;overflow:hidden}.heroart img{width:90%;height:300px;object-fit:contain}.heroart small{position:absolute;bottom:12px;right:16px;letter-spacing:.15em}.row{display:flex;align-items:center;justify-content:space-between;gap:18px}.section{margin-top:44px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.shops{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);padding:20px}.card h3 a{text-decoration:none}.product-image{height:190px;width:100%;object-fit:contain;background:var(--surface);margin-bottom:14px}.muted{color:#706a65;font-size:14px}.price{font-size:23px;font-weight:800}.tag{display:inline-block;padding:3px 8px;background:var(--surface);font-size:12px}.accent{color:var(--accent)}.button,button{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:12px 18px;font:800 14px Archivo;cursor:pointer;text-decoration:none;text-align:left;min-height:44px}.primary{background:var(--accent);border-color:var(--accent)}.secondary{background:transparent;color:var(--ink)}button:disabled{opacity:.45;cursor:wait}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);background:transparent;font:inherit;margin:6px 0 16px;border-radius:0}input[type=checkbox]{width:auto;display:inline}label{display:block;font-size:14px;font-weight:800}input:focus,button:focus-visible,a:focus-visible,select:focus{outline:2px solid var(--accent);outline-offset:3px}.split{display:grid;grid-template-columns:2fr 1fr;gap:36px}.stack>*+*{margin-top:18px}.banner{background:var(--ink);color:#fff;padding:32px;display:flex;justify-content:space-between;align-items:center;margin-top:40px}.banner h2{margin:0 0 10px}.notice{border-left:4px solid var(--accent);background:#fff;padding:16px;margin-bottom:24px}.error{color:#ae1800}.line{border-top:1px solid var(--line);padding:18px 0}.total{border-top:2px solid var(--ink);padding-top:16px;font-weight:800}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}footer{background:var(--ink);color:#fff;padding:40px 5%;display:flex;justify-content:space-between;font-size:14px}.narrow{max-width:640px;margin:auto}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.empty{padding:60px 20px;text-align:center;border:1px solid var(--line)}.detail-image{width:100%;height:400px;object-fit:contain;background:var(--surface)}.quant{display:flex;gap:14px;align-items:center}.quant button{padding:6px 15px}nav[role=navigation] svg{width:20px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;z-index:20}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.shops{grid-template-columns:repeat(2,1fr)}.nav{flex-wrap:wrap;gap:16px}.nav form{order:3;flex-basis:100%}.hero{gap:20px}.filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:24px 20px 60px}.nav{padding:20px}.navlinks{gap:14px;font-size:12px}.hero,.split{grid-template-columns:1fr}.heroart{min-height:230px}.heroart img{height:210px}.hero h1{font-size:40px}.grid{gap:12px}.card{padding:12px}.product-image{height:140px}.shops{grid-template-columns:1fr}.subnav{overflow:auto;white-space:nowrap}.banner{display:block;padding:24px}.banner a{margin-top:20px}.price{font-size:20px}.row{flex-wrap:wrap}.detail-image{height:280px}footer{gap:20px;flex-direction:column}}

:root[data-theme="dark"]{color-scheme:dark;--bg:#181716;--surface:#282625;--ink:#f3f2f2;--line:#615c59;--accent:#ff6246}
[data-theme="dark"] header{background:#201e1d}[data-theme="dark"] .card,[data-theme="dark"] .subnav,[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:var(--surface);color:var(--ink)}
[data-theme="dark"] .muted,[data-theme="dark"] .hero p{color:#c8c2bd}
#login-sheet{width:min(100%,560px);max-height:90dvh;overflow:auto;margin:auto auto 0;padding:28px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
#login-sheet::backdrop{background:#0009}.settings select{padding:10px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
[data-theme="dark"] footer,[data-theme="dark"] .banner{background:#201e1d;color:var(--ink)}
[data-theme="dark"] .notice{background:var(--surface);color:var(--ink)}
[data-theme="dark"] button,[data-theme="dark"] .button{color:var(--bg)}
[data-theme="dark"] button.secondary,[data-theme="dark"] .button.secondary{color:var(--ink)}

button.primary,.button.primary,[data-theme="dark"] button.primary,[data-theme="dark"] .button.primary{color:var(--on-accent,#fff)}
.content-banner{grid-template-columns:1fr}.content-banner:has(.heroart){grid-template-columns:1fr 1fr}@media(max-width:720px){.content-banner:has(.heroart){grid-template-columns:1fr}}