body[data-page=shelf] #header .header-nav,body[data-page=shelf-hub] #header .header-nav{min-height:44px}@media (min-width: 769px){body[data-page=shelf] #header .header-a11y-slot,body[data-page=shelf-hub] #header .header-a11y-slot{display:block}}.shp-main{width:100%;max-width:1180px;margin:0 auto;padding:8px 16px 64px;box-sizing:border-box}.shp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-block-end:12px;font-size:14px;color:var(--m)}.shp-crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.shp-crumbs [aria-current=page]{padding:0 4px;color:var(--l2);font-weight:600}.shp-head{margin-block-end:24px}.shp-title{font-size:clamp(1.7rem,6vw,2.4rem);color:var(--accent);margin:0 0 8px}.shp-intro{margin:0 0 16px;font-size:1rem;line-height:1.6;color:var(--l2);max-width:62ch}.shp-store{min-height:48px}.shp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 640px){.shp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width: 960px){.shp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.shp-item{min-width:0}.shp-card{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding-block-end:14px;background:var(--d);color:var(--l);border:1px solid var(--line);border-radius:var(--r, 14px);overflow:hidden;box-shadow:0 1px #0a25400a,0 4px 12px #0a25400a;transition:border-color .18s,box-shadow .18s}.shp-card:hover{border-color:var(--accent);box-shadow:0 6px 18px #0a25401a}.shp-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--y)}.shp-media{display:flex;align-items:center;justify-content:center;aspect-ratio:1.1;overflow:hidden;background:linear-gradient(135deg,#fff9ed,#f9f6f0);margin-block-end:6px}.shp-media picture{display:contents}.shp-media img{width:100%;height:100%;object-fit:contain}.shp-media img.shp-img-fallback{width:60%;height:auto;opacity:.5}.shp-brand,.shp-name,.shp-price{padding-inline:12px}.shp-brand{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:var(--m);text-transform:uppercase}.shp-name{font-weight:700;font-size:.95rem;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.shp-from{margin-block-start:auto;padding-inline:12px;font-size:.8rem;font-weight:700;color:var(--m)}.shp-from+.shp-price{margin-block-start:0}.shp-price{margin-block-start:auto;font-family:Secular One,Rubik,sans-serif;font-size:1.2rem;line-height:1;color:var(--accentDark)}.shp-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 640px){.shp-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width: 960px){.shp-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.shp-tile{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:88px;height:100%;box-sizing:border-box;padding:16px;background:var(--d);color:var(--accent);border:1.5px solid var(--line);border-radius:var(--r, 14px);transition:border-color .18s,box-shadow .18s}.shp-tile:hover{border-color:var(--accent);box-shadow:0 6px 18px #0a25401a}.shp-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--y)}.shp-tile-name{font-family:Secular One,Rubik,sans-serif;font-size:1.1rem;line-height:1.25;overflow-wrap:anywhere}.shp-tile-count{font-size:.88rem;color:var(--m)}.shp-related{margin-block-start:40px}.shp-related h2{font-size:20px;margin-block-end:12px;color:var(--accent)}footer.site-footer .footer-hubs{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 2px;padding-block:16px 4px;border-block-start:1px solid rgba(255,255,255,.08);font-size:.9rem}footer.site-footer .footer-hubs a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}footer.site-footer .footer-hubs .footer-sep{color:#ffffff4d;user-select:none;padding:0 2px}footer.site-footer .footer-hubs .footer-hubs-gap{padding:0 8px}
