.shop-site{background:#f1f0eb}.shop-nav{border-bottom:1px solid var(--line)}.shop-nav .main-nav .active{color:#111}
.shop-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:4rem;padding:clamp(5rem,10vw,9rem) var(--pad) 3rem;border-bottom:1px solid var(--line)}
.shop-hero>div>p{margin:0 0 1rem;color:#74736e;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.shop-hero h1{font-size:clamp(4rem,9vw,10rem);line-height:.8}.shop-intro{max-width:320px;margin:0;color:#696862;font-size:.72rem;line-height:1.75}
.shop-products{padding:0 var(--pad) 6rem}.shop-toolbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.25rem 0 2rem}.shop-filters{display:flex;gap:.4rem}.shop-filters button{display:flex;gap:.45rem;padding:.5rem .85rem;border:1px solid #cccac3;border-radius:99px;background:transparent;color:#676660;cursor:pointer;font-size:.61rem}.shop-filters button span{color:#999891}.shop-filters button.active,.shop-filters button:hover{border-color:#121211;background:#121211;color:#f5f4ef}.shop-filters button.active span,.shop-filters button:hover span{color:#aaa9a3}
.inline-search{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-bottom:1px solid #aaa9a2}.inline-search svg{width:13px;fill:none;stroke:#555;stroke-width:1.5}.inline-search input{width:120px;border:0;outline:0;background:transparent;color:#111;font-size:.62rem}.inline-search input::placeholder{color:#8b8a84}.result-count{margin:0;color:#77766f;font-size:.6rem}.result-count span{color:#111}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.shop-grid .product-card{animation-delay:var(--card-delay);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.shop-grid .product-art{height:auto;aspect-ratio:1.55;border-radius:0;background:transparent}
.shop-note{position:relative;padding:clamp(6rem,13vw,12rem) var(--pad);overflow:hidden;border-top:1px solid var(--line);background:#e6e5df}.shop-note::after{content:"01";position:absolute;right:-.03em;bottom:-.35em;color:rgba(20,20,18,.035);font-size:34vw;font-weight:600;line-height:1}.shop-note p{position:relative;z-index:2;margin:0 0 1.2rem;color:#77766f;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.shop-note h2{position:relative;z-index:2;margin:0;font-size:clamp(3rem,8vw,9rem);font-weight:300;letter-spacing:-.075em;line-height:.85}
@media(max-width:980px){.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-toolbar{grid-template-columns:1fr auto}.inline-search{grid-row:2;grid-column:1/-1}.inline-search input{width:100%}.result-count{grid-row:1;grid-column:2}.shop-hero{padding-top:6rem}}
@media(max-width:620px){.shop-hero{align-items:flex-start;flex-direction:column;gap:2rem;padding-top:4.5rem}.shop-hero h1{font-size:4.6rem}.shop-toolbar{display:flex;align-items:stretch;flex-direction:column;gap:1rem;padding-top:1rem}.shop-filters{overflow-x:auto;padding-bottom:.2rem}.shop-filters button{flex:0 0 auto}.result-count{order:-1}.shop-grid{grid-template-columns:minmax(0,1fr);gap:.65rem}.shop-grid .product-art{height:auto;aspect-ratio:1.42}.shop-note{padding-block:7rem}}

.shop-grid .product-art{overflow:hidden;border-radius:1.1rem}

/* Comfortable reading sizes */
.shop-hero>div>p,.shop-note p{font-size:.68rem}.shop-intro{color:#55544f;font-size:.86rem}.shop-filters button{font-size:.72rem}.inline-search input{font-size:.78rem}.result-count{font-size:.72rem}

/* Compact page framing */
.shop-hero{padding:clamp(3.5rem,6vw,5.5rem) var(--pad) 2.5rem}.shop-hero h1{font-size:clamp(3.5rem,7vw,7.25rem)}.shop-note{padding:clamp(4.5rem,7vw,6.5rem) var(--pad)}.shop-note h2{max-width:980px;font-size:clamp(3rem,6vw,6.25rem)}.shop-note::after{font-size:24vw}
@media(max-width:980px){.shop-hero{padding-top:4.5rem}}
@media(max-width:620px){.shop-hero{gap:1.25rem;padding-top:3.5rem}.shop-hero h1{font-size:3.7rem}.shop-note{padding-block:4.5rem}.shop-note h2{font-size:3.5rem}}