.shp-page{padding-block: clamp(2rem, 1.2rem + 3vw, 4rem) clamp(3rem, 2rem + 4vw, 6rem)}.shp-wrap{display: grid;gap: var(--space-6);min-width: 0}.shp-wrap > *{min-width: 0}.shp-wrap h1{font-family: var(--font-serif);font-weight: var(--serif-book);font-size: var(--step-4);line-height: 1.1;letter-spacing: -0.01em;overflow-wrap: anywhere}.shp-wrap h2{font-size: var(--step-1);font-weight: 600;line-height: 1.3}.shp-wrap a{color: var(--fg);text-decoration: underline;text-decoration-color: var(--line-strong);text-underline-offset: 0.2em}.shp-wrap a:hover{text-decoration-color: currentColor}.shp-wrap a:focus-visible{outline: 2px solid var(--focus);outline-offset: 3px;border-radius: 2px}.shp-shop{display: grid;gap: var(--space-6)}.shp-head{display: grid;gap: var(--space-3);padding-bottom: var(--space-5);border-bottom: 1px solid var(--line)}.shp-about{font-size: var(--step-1);color: var(--fg-muted);max-width: var(--measure);overflow-wrap: anywhere}.shp-grid, .shp-facts, .shp-list{list-style: none;padding: 0;margin: 0}.shp-facts{display: flex;flex-wrap: wrap;gap: 0.4rem 1.5rem;font-size: var(--step--1)}.shp-facts li{display: flex;flex-wrap: wrap;gap: 0.35rem;min-width: 0;overflow-wrap: anywhere}.shp-k{color: var(--fg-muted)}.shp-v{color: var(--fg)}.shp-updated{font-size: var(--step--1);color: var(--fg-muted)}.shp-cats{display: flex;flex-wrap: wrap;gap: 0.5rem}.shp-cats a{display: inline-flex;align-items: center;min-height: 2.5rem;padding: 0.35rem 0.9rem;border: 1px solid var(--line-strong);border-radius: var(--radius-pill);font-size: var(--step--1);text-decoration: none;overflow-wrap: anywhere}.shp-cats a:hover{border-color: var(--fg)}.shp-cats a[aria-current="page"]{border-color: var(--fg);background: var(--fg);color: var(--bg)}.shp-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr));gap: var(--space-4)}.shp-grid > li{min-width: 0}.shp-card{min-width: 0}.shp-card .shp-photo{display: block;max-width: 100%}.shp-card > a{display: grid;gap: 0.3rem;height: 100%;padding: 0.75rem;border: 1px solid var(--line);border-radius: var(--radius-m);background: var(--bg-raised);text-decoration: none;transition: border-color var(--dur-hover) var(--ease-out)}.shp-card > a:hover{border-color: var(--fg)}.shp-card .shp-photo{width: 100%;aspect-ratio: 1;margin-bottom: 0.35rem;border-radius: var(--radius-s);object-fit: cover;background: var(--bg-sunken)}.shp-nophoto{display: grid;place-items: center;font-family: var(--font-serif);font-size: var(--step-3);color: var(--fg-muted);background: var(--bg-sunken)}.shp-card .shp-name{font-weight: 500;line-height: 1.35;overflow-wrap: anywhere}.shp-brand{font-size: var(--step--1);color: var(--fg-muted);overflow-wrap: anywhere}.shp-price{font-variant-numeric: tabular-nums}.shp-card .shp-price{font-weight: 600}.shp-stock{font-size: var(--step--1);color: var(--fg-muted)}.shp-stock[data-s="in"]::before, .shp-stock[data-s="n"]::before{content: "";display: inline-block;width: 0.5rem;height: 0.5rem;margin-right: 0.4rem;border-radius: 50%;background: var(--ok)}.shp-stock[data-s="out"]{color: var(--error)}.shp-pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.5rem 1.25rem;padding-top: var(--space-3);font-size: var(--step--1)}.shp-pager a{display: inline-flex;align-items: center;min-height: 2.75rem;padding-inline: 0.5rem}.shp-pager [aria-current="page"]{color: var(--fg-muted)}.shp-note{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.5rem 1.25rem;padding: var(--space-4) 0 0;border-top: 1px solid var(--line);font-size: var(--step--1);color: var(--fg-muted)}.shp-note p{flex: 1 1 100%;max-width: var(--measure)}.shp-report, .shp-make{display: inline-flex;align-items: center;min-height: 2.75rem}.shp-crumbs ol{display: flex;flex-wrap: wrap;gap: 0.25rem 0.5rem;font-size: var(--step--1);color: var(--fg-muted)}.shp-crumbs li{display: flex;gap: 0.5rem;min-width: 0;overflow-wrap: anywhere}.shp-crumbs li + li::before{content: "/";color: var(--line-strong)}.shp-crumbs [aria-current="page"]{color: var(--fg)}.shp-product{display: grid;gap: var(--space-5)}@media (min-width: 48em){.shp-product{grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);align-items: start}}.shp-media .shp-photo{width: 100%;aspect-ratio: 1;border-radius: var(--radius-m);object-fit: contain;background: var(--bg-sunken)}.shp-media .shp-nophoto{font-size: var(--step-5)}.shp-info{display: grid;gap: var(--space-3);align-content: start}.shp-info .shp-brand{font-size: var(--step-0)}.shp-info .shp-price{font-family: var(--font-serif);font-weight: var(--serif-book);font-size: var(--step-3);line-height: 1.15}.shp-codes{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 0.3rem 1rem;font-size: var(--step--1)}.shp-codes dt{color: var(--fg-muted)}.shp-codes dd{margin: 0;font-family: var(--font-mono);letter-spacing: var(--tracking-mono);overflow-wrap: anywhere}.shp-desc{display: grid;gap: 0.75em;max-width: var(--measure);overflow-wrap: anywhere}.shp-contact{display: grid;gap: 0.35rem;padding: var(--space-4);border: 1px solid var(--line);border-left: 3px solid var(--gold-line);border-radius: var(--radius-s);background: var(--bg-raised);overflow-wrap: anywhere}.shp-contact h2{margin-bottom: 0.25rem}.shp-contact .shp-name{font-weight: 600}.shp-contact [data-k="place"], .shp-contact [data-k="address"]{color: var(--fg-muted)}.shp-contact a{display: inline-flex;align-items: center;min-height: 2.25rem}.shp-dir{display: grid;gap: var(--space-5)}.shp-dir > p{color: var(--fg-muted);max-width: var(--measure)}.shp-dir section{display: grid;gap: var(--space-3)}.shp-list{display: grid;border-top: 1px solid var(--line)}.shp-list li{border-bottom: 1px solid var(--line)}.shp-list a{display: grid;gap: 0.2rem;padding: 0.85rem 0.25rem;text-decoration: none}.shp-list a:hover .shp-name{text-decoration: underline;text-underline-offset: 0.2em}.shp-list .shp-name{font-weight: 600;overflow-wrap: anywhere}.shp-list .shp-about{font-size: var(--step--1);color: var(--fg-muted);overflow-wrap: anywhere}.shp-count{font-size: var(--step--1);color: var(--fg-muted)}.shp-dir > .shp-make{padding-top: var(--space-3)}.shp-gone{display: grid;justify-items: start;gap: var(--space-4);padding-block: var(--space-6)}.shp-gone p{font-family: var(--font-serif);font-weight: var(--serif-book);font-size: var(--step-2);line-height: 1.25;max-width: var(--measure)}.shp-gone a{display: inline-flex;align-items: center;min-height: 2.75rem}
