.ff-collection-spotlight{--ff-cat-bg: #ffffff;--ff-cat-card-bg: #e2f3e2;--ff-cat-accent: var(--ff-brand-green-hex, #2D5A42);--ff-cat-accent-hover: #B8E986;--ff-cat-accent-text: #ffffff;--ff-cat-text: #000000;--ff-cat-text-muted: #666666;--ff-cat-dark: #333333;--ff-cat-radius: 12px;--ff-cat-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--ff-cat-bg);font-family:var(--ff-cat-font);-webkit-font-smoothing:antialiased}.ff-collection-spotlight-section.shopify-section{margin:0}.ff-collection-spotlight__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3.2rem}.ff-collection-spotlight__header-text{flex:1;min-width:0}.ff-collection-spotlight__eyebrow{display:inline-block;margin-bottom:.8rem;padding:.45rem 1.2rem;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ff-eyebrow-text, #2D5A42);background:var(--ff-eyebrow-bg, #B8E986);border:1px solid var(--ff-eyebrow-border, rgba(45, 90, 66, .2));border-radius:var(--ff-cat-radius)}.ff-collection-spotlight__title{margin:0;font-family:var(--ff-cat-font);font-size:clamp(2.4rem,3.6vw,3.6rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ff-cat-text);text-transform:none}.ff-collection-spotlight__title em{color:var(--ff-cat-accent);font-style:normal}.ff-collection-spotlight__text{margin:1rem 0 0;max-width:56rem;font-size:clamp(1.4rem,1.6vw,1.6rem);line-height:1.6;color:var(--ff-cat-text-muted)}.ff-collection-spotlight__view-all{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;flex-shrink:0;min-height:4.8rem;padding:1.2rem 2.4rem;font-family:var(--ff-cat-font);font-size:1.4rem;font-weight:600;text-decoration:none;color:var(--ff-cat-accent-text);background:var(--ff-cat-accent);border:none;border-radius:var(--ff-cat-radius);transition:background .2s ease,transform .2s ease;white-space:nowrap}.ff-collection-spotlight__view-all:hover{background:var(--ff-cat-accent-hover);color:var(--ff-cat-accent-text);transform:translateY(-1px)}.ff-collection-spotlight__header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.ff-collection-spotlight__arrows{display:none;gap:.8rem}.ff-collection-spotlight__arrow{width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);border-radius:var(--ff-cat-radius);background:#fff;color:var(--ff-cat-text);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.ff-collection-spotlight__arrow:hover{border-color:var(--ff-cat-accent);background:var(--ff-cat-accent);color:var(--ff-cat-accent-text)}.ff-collection-spotlight__grid{display:grid;grid-template-columns:repeat(var(--ff-cols-desktop, 4),minmax(0,1fr));gap:1.2rem;align-items:stretch}.ff-collection-tile{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:var(--ff-cat-radius);overflow:hidden;box-shadow:0 2px 12px #0000000a;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ff-collection-tile:hover{transform:translateY(-4px);border-color:#2d5a4233;box-shadow:0 12px 32px #2d5a421f}.ff-collection-tile--placeholder{pointer-events:none;opacity:.75}.ff-collection-tile__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#e8ebe4}.ff-collection-tile__image,.ff-collection-tile__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.ff-collection-tile__placeholder{display:flex;align-items:center;justify-content:center;background:#e8ebe4}.ff-collection-tile__placeholder .placeholder-svg{width:55%;height:auto;opacity:.4}.ff-collection-tile:hover .ff-collection-tile__image{transform:scale(1.05)}.ff-collection-tile__body{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:1;width:100%;padding:1.4rem 1.6rem;background:#fff}.ff-collection-tile__text{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.ff-collection-tile__name{margin:0;font-family:var(--ff-cat-font);font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--ff-cat-text);text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-collection-tile__count{font-size:1.3rem;font-weight:400;color:var(--ff-cat-text-muted)}.ff-collection-tile__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.6rem;height:3.6rem;border-radius:50%;color:var(--ff-cat-text);background:#f0f0f0;transition:background .2s ease,color .2s ease}.ff-collection-tile:hover .ff-collection-tile__arrow{background:var(--ff-cat-accent);color:var(--ff-cat-text)}.ff-collection-tile__arrow svg{width:1.8rem;height:1.8rem}@media screen and (max-width:989px){.ff-collection-spotlight__header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;gap:.65rem 1rem;margin-bottom:2.4rem}.ff-collection-spotlight__header-text{display:contents}.ff-collection-spotlight__eyebrow{grid-column:1;grid-row:1;justify-self:start;width:auto;max-width:max-content;margin-bottom:0}.ff-collection-spotlight__title{grid-column:1 / -1;grid-row:2;font-size:clamp(2rem,5.5vw,2.6rem)}.ff-collection-spotlight__text{grid-column:1 / -1;grid-row:3;margin-top:.35rem;font-size:1.35rem}.ff-collection-spotlight__header-actions{grid-column:2;grid-row:1;width:auto;justify-content:flex-end;gap:.5rem}.ff-collection-spotlight__view-all{flex:0 0 auto;width:auto;min-height:3.4rem;padding:.55rem 1.1rem;font-size:1.15rem;gap:.35rem}.ff-collection-spotlight__view-all svg{width:1.4rem;height:1.4rem}.ff-collection-spotlight__arrow{width:3.4rem;height:3.4rem}}@media screen and (max-width:749px){.ff-collection-spotlight__arrows--mobile{display:flex}.ff-collection-spotlight__grid:not(.ff-collection-spotlight__grid--slider){grid-template-columns:repeat(var(--ff-cols-mobile, 2),minmax(0,1fr));gap:1rem}.ff-collection-spotlight__view-all{min-height:3.2rem;padding:.5rem .95rem;font-size:1.05rem}.ff-collection-spotlight__arrow{width:3.2rem;height:3.2rem}.ff-collection-spotlight__header-actions{gap:.4rem}.ff-collection-spotlight__grid--slider{display:flex;align-items:stretch;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.4rem}.ff-collection-spotlight__grid--slider::-webkit-scrollbar{display:none}.ff-collection-spotlight__grid--slider .ff-collection-tile{flex:0 0 calc((100% - 1rem) / var(--ff-cols-mobile, 2));scroll-snap-align:start;min-width:0;height:auto;align-self:stretch}.ff-collection-tile__body{padding:1.2rem}.ff-collection-tile__name{font-size:1.35rem;white-space:normal}.ff-collection-tile__count{font-size:1.2rem}.ff-collection-tile__arrow{width:3.2rem;height:3.2rem}}@media screen and (max-width:389px){.ff-collection-spotlight__grid--slider .ff-collection-tile{flex:0 0 82%}.ff-collection-spotlight__grid:not(.ff-collection-spotlight__grid--slider){gap:.85rem}.ff-collection-tile__body{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ff-collection-spotlight.css.map */