@layer components{.shop-page .shop-head .wrap{max-width:72rem}.shop-page .shop-head h1{max-width:18ch}.shop-page .shop-band{padding-block-start:calc(var(--section-y) * .75)}.shop-tile{aspect-ratio:1;background:radial-gradient(120% 90% at 50% 30%, var(--white), color-mix(in oklab, var(--paper) 70%, var(--white)));border-radius:var(--radius);place-items:center;width:100%;padding:8%;display:grid;overflow:hidden}.shop-tile img{object-fit:contain;width:100%;height:100%}.shop-tools{gap:var(--space-3);padding-block:var(--space-3);border-block:1px solid var(--line);display:grid}.shop-search{gap:var(--space-1);max-width:30rem;display:grid}.shop-search .label{color:var(--gold-ink)}.shop-search-field{position:relative}.shop-search input{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);width:100%;min-height:48px;color:var(--ink);font:inherit;font-size:var(--step-0);padding:.7rem 5.5rem .7rem 1rem}.shop-search input::placeholder{color:var(--muted)}.shop-search input:hover{border-color:var(--gold)}.shop-search input::-webkit-search-cancel-button{display:none}.shop-search-clear{border-radius:var(--radius);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding-inline:1rem;position:absolute;inset-block:4px;inset-inline-end:4px}.shop-search-clear:hover{background:var(--paper)}.shop-chips{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-width:47.99rem){.shop-tools .shop-chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem;overflow-x:auto}.shop-tools .shop-chips::-webkit-scrollbar{display:none}.shop-tools .shop-chips button{flex:none}}.shop-chips button{border:1px solid var(--line);background:var(--white);min-height:44px;color:var(--ink);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;border-radius:99px;padding:.5rem 1.1rem}.shop-chips button:hover{border-color:var(--ink)}.shop-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white);font-weight:600}@media (min-width:64rem){.shop-tools{align-items:end;gap:var(--space-4);grid-template-columns:minmax(0,26rem) 1fr}.shop-tools .shop-chips{justify-content:flex-end}}.shop-count{margin-block:var(--space-3) var(--space-2);color:var(--muted);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase}.shop-grid{gap:var(--space-4) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:48rem){.shop-grid{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.shop-grid>li[hidden]{display:none}.shop-empty{justify-items:start;gap:var(--space-2);padding-block:var(--space-4);display:grid}.shop-empty p{font-family:var(--font-display);font-size:var(--step-2)}.shop-card{height:100%}.shop-card-link{gap:var(--space-2);height:100%;color:inherit;border-radius:var(--radius);text-decoration:none;display:grid}.shop-card-body{align-content:start;gap:.25rem;display:grid}.shop-card-name{font-size:var(--step-1);line-height:1.2}.shop-card-type{color:var(--muted);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase}.shop-card-meta{font-size:var(--step--1);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-block-start:.35rem;display:flex}.shop-card-price{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;font-weight:500}.shop-card-sizes{color:var(--muted)}.shop-card-link:hover .shop-card-name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}@media (prefers-reduced-motion:no-preference){.shop-tile img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.shop-card-link:hover .shop-tile img{transform:translateY(-3%)scale(1.03)}}.shop-page .product-detail{--section-pad:var(--space-4)}.breadcrumb ol{font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.25rem .5rem;margin-block-end:var(--space-4);display:flex}.breadcrumb li+li:before{content:"/";color:var(--line);margin-inline-end:.5rem}.breadcrumb a{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.25em}.breadcrumb a:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.breadcrumb [aria-current]{color:var(--ink)}.product-layout{gap:var(--space-4);display:grid}.product-media{gap:var(--space-2);align-content:start;display:grid}.product-photo[hidden]{display:none}.product-photo{padding:10%}.product-thumbs{gap:var(--space-1);flex-wrap:wrap;display:flex}.product-thumbs button{border:1px solid #0000;width:4.75rem;padding:6%}.product-thumbs button[aria-pressed=true]{border-color:var(--ink)}.product-thumbs button:hover{border-color:var(--gold)}.product-info{gap:var(--space-3);align-content:start;display:grid}.product-info h1{font-size:var(--step-3);line-height:1.05}.product-info>.label{color:var(--gold-ink)}.product-sizes{gap:var(--space-1);display:grid}.product-sizes .label{color:var(--gold-ink)}.product-size-current{color:var(--ink);letter-spacing:.06em;text-transform:none}.product-size-line{color:var(--muted)}.product-size-line .label{color:var(--gold-ink);margin-inline-end:.5rem}.product-story{max-width:var(--measure);font-size:var(--step-0);line-height:1.7}.buy-box{justify-items:start;gap:var(--space-2);padding:var(--space-3);background:var(--white);border-radius:var(--radius);display:grid}.buy-title{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.buy-note{color:var(--muted);font-size:var(--step--1)}.product-more{border-block-start:1px solid var(--line);padding-block-start:var(--space-2)}.product-more summary{cursor:pointer;min-height:44px;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.product-more summary::-webkit-details-marker{display:none}.product-more summary:after{content:"+";font-size:1.25rem;line-height:1}.product-more[open] summary:after{content:"−"}.product-more p{max-width:var(--measure);margin-block-start:var(--space-1);line-height:1.7}@media (min-width:56rem){.product-layout{gap:var(--space-5);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start}.product-media{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-3))}}.pairs-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.pairs-head h2{font-size:var(--step-3)}}
