.ff-shop{padding-bottom:var(--ff-section-padding-y)}.ff-shop__hero{width:100%;height:var(--ff-shop-hero-height-mobile, 300px);overflow:hidden;border-radius:var(--ff-shop-hero-radius-tl, 0) var(--ff-shop-hero-radius-tr, 0) var(--ff-shop-hero-radius-br, 24px) var(--ff-shop-hero-radius-bl, 24px);background:var(--color-bg-alt)}.ff-shop__hero-img{width:100%;height:100%;object-fit:cover;display:block}.ff-shop__heading{margin:36px 0 0;font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:clamp(2rem,4vw,3.2rem);color:var(--color-text);text-align:center}.ff-shop__tabs{display:flex;gap:10px;scroll-snap-type:x proximity;margin:28px 0 32px;padding-bottom:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ff-shop__tabs::-webkit-scrollbar{display:none}.ff-shop__tab{flex:none;scroll-snap-align:center;padding:11px 22px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-family:var(--ff-font-body);font-size:11px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.ff-shop__tab:hover{color:var(--color-text);border-color:var(--color-accent)}.ff-shop__tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text-on-accent)}.ff-shop__panel{display:none}.ff-shop__panel.is-active{display:block}.ff-shop__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}@media screen and (min-width:750px){.ff-shop__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}}@media screen and (min-width:990px){.ff-shop__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ff-shop__empty{grid-column:1 / -1;margin:0;padding:40px 0;text-align:center;font-family:var(--ff-font-body);color:var(--color-text-muted)}.ff-shop__panel-cta{display:flex;justify-content:center;margin-top:44px}@media screen and (min-width:750px){.ff-shop__hero{height:var(--ff-shop-hero-height, 420px)}}@media screen and (min-width:750px){.ff-shop__tabs{justify-content:center;flex-wrap:wrap;row-gap:12px}}@media screen and (max-width:749px){.ff-shop__tabs-wrap{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.ff-shop__tabs{padding-inline:4px}}ff-drag-scroll.ff-shop__tabs-wrap.is-scrollable .ff-shop__tabs{cursor:grab}ff-drag-scroll.ff-shop__tabs-wrap.is-dragging .ff-shop__tabs{cursor:grabbing;scroll-snap-type:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ff-shop-tabs.css.map */