:root{color-scheme:light;--ink:#203226;--pine:#152d22;--leaf:#32724f;--paper:#f5f6f0;--line:#d9e4da;--mist:#e5eee4}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 system-ui,sans-serif}
.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.status{margin:0;padding:6px 16px;text-align:center;background:#d6e9d9;color:#263c2c;font-size:.7rem;letter-spacing:.12em;font-weight:750}
header{background:var(--pine);color:#fff}
.nav,.nav nav,.nav form{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav{justify-content:space-between;min-height:66px;padding-block:10px}
.nav a,.nav .text{color:#fff}
.brand{font-size:1.25rem;font-weight:850;letter-spacing:.04em;text-decoration:none}
.brand span{color:#a2d1a8}
main{padding-block:32px 64px;min-height:75vh}
.hero{padding:30px clamp(20px,5vw,64px);background:var(--mist);border-radius:12px}
.eyebrow,.count{color:var(--leaf);font-weight:750;font-size:.76rem;letter-spacing:.08em}
h1{font-size:clamp(2rem,4.6vw,4rem);line-height:1.05;margin:8px 0 18px}
h2{font-size:1rem;line-height:1.35;margin:0}
a{color:#245c3d}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bf792b;outline-offset:2px}
.search,.buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block:18px}
input:not([type=hidden]){max-width:100%;border:1px solid #9cad9f;padding:9px 10px;border-radius:5px;background:white;color:var(--ink);font:inherit}
button,.button{display:inline-block;border:0;border-radius:5px;background:var(--pine);color:white;padding:9px 15px;text-decoration:none;font:inherit;cursor:pointer}
.text{background:transparent;color:var(--ink);text-decoration:underline;padding:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}
.card,.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.card a{display:block;text-decoration:none;color:var(--ink)}
.card a:hover h2{text-decoration:underline}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--mist);display:block}
.card div,.panel{padding:18px}
.card p{margin:.3rem 0 0;font-weight:700}
.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}
.gallery img{width:100%;border-radius:7px;background:white}
.gallery img:first-child{grid-column:1/-1}
.price{font-size:1.3rem;font-weight:750}
.buy input{width:5.2rem}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}
.narrow,.description{max-width:660px}
.journal-image{max-width:820px;margin:24px 0}.journal-image img{display:block;width:100%;height:auto;border-radius:8px}
.narrow label{display:block}
.line{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
footer{border-top:1px solid var(--line);padding-block:22px;color:#42594c}
@media(max-width:680px){.product{grid-template-columns:1fr}.nav{gap:5px}.nav nav{gap:11px}.line{grid-template-columns:1fr auto}.hero{padding:18px}}