.hop-related{padding:32px 0 64px}.related-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:10px 2px 24px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink,#22221f) 20%,transparent) transparent}.related-track:empty{display:none}.related-track>.hop-scene-card{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}.related-track .hop-scene-card:has(:focus-visible) .hop-scene-card-image{transform:translateY(-6px);box-shadow:0 0 0 var(--hop-border-width,6px) #fff,0 8px 18px -8px #22221f40}@media(min-width:781px){.related-track .hop-scene-card:hover .hop-scene-card-image,.related-track .hop-scene-card:focus-within .hop-scene-card-image{transform:translateY(-6px);box-shadow:0 0 0 var(--hop-border-width,6px) #fff,0 8px 18px -8px #22221f40}}.related-track .hop-scene-card-info{gap:8px}.related-track .hop-scene-buy{justify-content:flex-end}.related-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-size:12px;color:var(--muted,#6b675d)}.related-controls [hidden],[data-related-more][hidden]{display:none!important}.related-controls[hidden]{display:flex!important;visibility:hidden;pointer-events:none}.related-control{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;width:32px;height:32px;min-height:32px;padding:6px;background:transparent;color:inherit;cursor:pointer}.related-control:focus-visible{background:color-mix(in srgb,var(--ink,#22221f) 8%,transparent);color:var(--accent,#ff2a08)}@media(min-width:781px){.related-control:hover,.related-control:focus-visible{background:color-mix(in srgb,var(--ink,#22221f) 8%,transparent);color:var(--accent,#ff2a08)}}.related-control svg{display:block;width:20px;height:20px}.hop-related .hop-scene-explore{display:flex;align-items:center;justify-content:center;width:fit-content;margin:28px auto 0}.hop-related .hop-scene-editor-note{text-align:center;padding:36px 20px;border:1px dashed color-mix(in srgb,var(--ink,#22221f) 25%,transparent)}.related-more{display:table;margin:20px auto;text-decoration:none;text-underline-offset:4px}@media(max-width:780px){.related-track{gap:18px}.related-track>.hop-scene-card{flex-basis:calc((100% - 18px)/2)}}@media(prefers-reduced-motion:reduce){.related-track{scroll-behavior:auto}}.related-track{padding-bottom:4px;scrollbar-width:none;overflow-y:hidden}.related-track::-webkit-scrollbar{display:none}.related-controls{gap:0;margin-top:0;min-height:44px}.related-controls>[data-related-prev],.related-controls>[data-related-next],.related-controls>[data-related-status]{display:none}.related-controls>.related-pages{display:flex}.hop-related[data-count="1"] .related-track,.hop-related[data-count="2"] .related-track,.hop-related[data-count="3"] .related-track,.hop-related[data-count="4"] .related-track{justify-content:center}@media(max-width:780px){.hop-related{padding:24px 0 40px}.hop-related[data-count="3"] .related-track,.hop-related[data-count="4"] .related-track{justify-content:flex-start}}.related-track .hop-scene-card-image{scroll-margin-block:10px}.related-track .hop-scene-card-image:focus-visible{outline:none}.related-products-frame{min-width:0;border:0;border-radius:16px;padding:20px 24px 12px}@media(max-width:780px){.related-products-frame{padding:12px 16px 8px}}.storefront.storefront .related-products-frame[data-surface-shape=block]{border-radius:16px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/related-products.css.map */