.fof-products{--fof-products-per-view: 5.3;--fof-products-gap: 2px;--fof-products-bg: #000000;--fof-products-text: #ffffff;--fof-products-media-bg: #1c1c1c;--fof-products-image-padding: 10%;--fof-products-muted: #9a9a9a;--fof-products-sale: #ff4d5e;--fof-products-font: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--fof-products-marquee-speed: 40s}.fof-products{background:var(--fof-products-bg);color:var(--fof-products-text);font-family:var(--fof-products-font);font-weight:400;font-stretch:125%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fof-products *,.fof-products *:before,.fof-products *:after{box-sizing:border-box}.fof-products__heading{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fof-products__marquee{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.15);background:#000;color:#fff;font-size:11px;letter-spacing:.08em;line-height:1;white-space:nowrap}.fof-products__marquee-track{display:flex;width:max-content;padding:10px 0;animation:fof-products-marquee var(--fof-products-marquee-speed) linear infinite;will-change:transform}.fof-products__marquee-group{display:flex;flex:none}.fof-products__marquee-item:after{content:"\2022";margin:0 1.6em}@keyframes fof-products-marquee{to{transform:translate(-50%)}}.fof-products__list{display:flex;gap:var(--fof-products-gap);margin:0;padding:0;overflow-x:auto;list-style:none;scroll-snap-type:x proximity;scrollbar-color:#555555 transparent;scrollbar-width:thin}.fof-products__card{flex:0 0 calc(100% / var(--fof-products-per-view));min-width:0;scroll-snap-align:start}.fof-products__link{display:block;height:100%;color:inherit;text-decoration:none}.fof-products__link:focus-visible{outline:1px solid var(--fof-products-text);outline-offset:-3px}.fof-products__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--fof-products-media-bg)}.fof-products__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;padding:var(--fof-products-image-padding);object-fit:contain;transition:transform .35s ease,opacity .25s ease}.fof-products__link:hover .fof-products__image{transform:scale(1.04)}.fof-products__image--back{opacity:0}.fof-products__link:focus-visible .fof-products__image--back{opacity:1}.fof-products__link:focus-visible .fof-products__media--has-back .fof-products__image:not(.fof-products__image--back){opacity:0}@media(hover:hover){.fof-products__link:hover .fof-products__image--back{opacity:1}.fof-products__link:hover .fof-products__media--has-back .fof-products__image:not(.fof-products__image--back){opacity:0}}.fof-products__tag,.fof-products__off,.fof-products__plus{position:absolute;color:var(--fof-products-muted);font-size:10px;line-height:1;letter-spacing:.04em}.fof-products__tag{top:12px;right:12px}.fof-products__off{bottom:14px;left:12px}.fof-products__plus{right:12px;bottom:12px;color:var(--fof-products-text);font-size:17px;font-weight:300}.fof-products__info{padding:12px 12px 22px}.fof-products__row{display:flex;justify-content:space-between;gap:10px}.fof-products__name,.fof-products__price,.fof-products__meta{margin:0;font-size:11px;font-weight:400;line-height:1.35;letter-spacing:0}.fof-products__price{flex:none}.fof-products__price s{color:var(--fof-products-muted)}.fof-products__sale{color:var(--fof-products-sale)}.fof-products__meta{margin-top:3px;color:var(--fof-products-muted)}.fof-products__colors{margin-left:10px}.fof-products__more{display:flex;justify-content:center;padding:36px 24px 48px}.fof-products__all{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:48px;padding:0 32px;border:1px solid var(--fof-products-text);color:inherit;font-size:12px;font-weight:500;letter-spacing:.14em;text-decoration:none;transition:background-color .2s ease,color .2s ease}.fof-products__all:hover,.fof-products__all:focus-visible{background:var(--fof-products-text);color:var(--fof-products-bg)}.fof-products--page{--fof-products-bg: #1c1c1c;--fof-page-top: 80px;padding-top:var(--fof-page-top)}.fof-products__grid{display:grid;grid-template-columns:repeat(var(--fof-cols, 3),minmax(0,1fr));grid-auto-rows:max(200px,calc((100vh - var(--fof-page-top)) / var(--fof-rows, 2)));grid-auto-rows:max(200px,calc((100svh - var(--fof-page-top)) / var(--fof-rows, 2)));margin:0;padding:0;list-style:none}.fof-products--page .fof-products__card{min-height:0}.fof-products--page .fof-products__link{display:flex;flex-direction:column}.fof-products--page .fof-products__media{flex:1;min-height:0;aspect-ratio:auto;background:none}.fof-products--page .fof-products__image{padding:8px 16px 0}.fof-products--page .fof-products__off,.fof-products--page .fof-products__plus{display:none}.fof-products--page .fof-products__info{display:grid;grid-template-areas:"name name" "meta price";grid-template-columns:minmax(0,1fr) auto;flex:none;gap:4px 12px;padding:4px 16px 14px}.fof-products--page .fof-products__row{display:contents}.fof-products--page .fof-products__name{grid-area:name;font-size:clamp(14px,1.25vw,18px)}.fof-products--page .fof-products__meta{grid-area:meta;margin:0;font-size:10px}.fof-products--page .fof-products__price{grid-area:price;color:var(--fof-products-muted);font-size:10px}.fof-products--page .fof-products__sale{color:var(--fof-products-sale)}.fof-products__pages{display:flex;justify-content:center;gap:28px;padding:0 24px 48px;font-size:12px;letter-spacing:.14em}@media(max-width:1100px){.fof-products{--fof-products-per-view: 3.3}}@media(max-width:700px){.fof-products{--fof-products-per-view: 2.2;--fof-products-marquee-speed: 28s}.fof-products--page{--fof-page-top: 56px}.fof-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max(150px,calc((100vh - var(--fof-page-top)) / 3));grid-auto-rows:max(150px,calc((100svh - var(--fof-page-top)) / 3))}.fof-products--page .fof-products__image{padding:6px 10px 0}.fof-products--page .fof-products__info{gap:2px 8px;padding:2px 10px 8px}.fof-products--page .fof-products__name{font-size:12px}.fof-products--page .fof-products__price s{display:none}.fof-products__row{flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){.fof-products__marquee-track{animation:none}.fof-products__image,.fof-products__all{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/fof-products.css.map */