:root{color-scheme:light;font:16px system-ui,sans-serif;color:#233b32;background:#f6f7ee}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#184437;color:white;padding:1rem max(1rem,calc((100vw - 68rem)/2))}header a{color:white}nav{display:flex;gap:1rem;flex-wrap:wrap}main{max-width:68rem;margin:auto;padding:0 1rem 3rem}section{padding:1.3rem 0;border-bottom:1px solid #c9d6bf}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:1.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;margin:1rem 0}.grid article{background:#fff;border-radius:.8rem;border:1px solid #dbe3cf;padding:1rem}.grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.5rem}a{color:#155645}button,.button{display:inline-block;border:0;border-radius:.45rem;background:#175645;color:white;padding:.65rem .85rem;font:inherit;text-decoration:none;cursor:pointer}button:disabled{opacity:.6}input,select{font:inherit;padding:.5rem;border:1px solid #a1b3a3;border-radius:.35rem}form label{display:block;margin:.65rem 0}form [hidden]{display:none}.line{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.55rem 0}

header{position:sticky;top:0;z-index:2}section{scroll-margin-top:6rem}.shop-hero{margin:1.4rem 0;padding:clamp(1.25rem,5vw,4rem);border:0;border-radius:1rem;background:radial-gradient(circle at 85% 15%,#e0c184,transparent 55%),#dce7cd}.shop-hero small,.grid article small,#detailContent small{font-weight:750;letter-spacing:.04em}.filters{display:flex;gap:.8rem;flex-wrap:wrap;align-items:end}.filters label{display:grid;gap:.3rem;font-weight:650}.filters label:first-child{flex:1;min-width:min(100%,14rem)}.filters input{min-width:0}.grid article .secondary{margin:0 .4rem .4rem 0}.secondary{background:#e6eedc;color:#193f33}dialog{max-width:min(90vw,28rem);max-height:85vh;border:0;border-radius:1rem;padding:1rem;color:inherit}dialog::backdrop{background:#17392e99}dialog img{display:block;width:100%;max-height:45vh;object-fit:contain;margin:.75rem auto}#detailContent .secondary{display:none}