:root{--bf-ink:#161615;--bf-cream:#fffdf5;--bf-accent:#e4e45b;--bf-muted:#6b6a66;--bf-line:#e6e3da}.bf-sec{padding:44px 0;background:var(--bf-cream);color:var(--bf-ink)}.bf-sec--dark{background:var(--bf-ink);color:var(--bf-cream)}.bf-sec--accent{background:var(--bf-accent);color:var(--bf-ink)}.bf-wrap{max-width:1320px;margin:0 auto;padding:0 16px}@media(min-width:990px){.bf-sec{padding:72px 0}.bf-wrap{padding:0 40px}}.bf-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.bf-h2{margin:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:clamp(26px,6.4vw,44px);line-height:1.05;letter-spacing:-.01em}.bf-sub{margin:8px 0 0;font-size:15px;line-height:1.45;opacity:.8;max-width:560px}.bf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.bf-link{flex:0 0 auto;font-size:14px;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.bf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,background .15s ease}.bf-btn:hover{transform:translateY(-1px)}.bf-btn--accent{background:var(--bf-accent);color:var(--bf-ink)}.bf-btn--ghost{background:transparent;color:#fff;border-color:#fff}.bf-btn--ink{background:var(--bf-ink);color:var(--bf-cream)}.bf-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 18px;padding:0 16px}.bf-tabs::-webkit-scrollbar{display:none}.bf-tab{flex:0 0 auto;padding:9px 16px;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;font-size:14px;font-weight:600;cursor:pointer;opacity:.7}.bf-tab[aria-selected=true]{opacity:1;background:var(--bf-ink);color:var(--bf-cream);border-color:var(--bf-ink)}.bf-sec--dark .bf-tab[aria-selected=true]{background:var(--bf-accent);color:var(--bf-ink);border-color:var(--bf-accent)}.bf-rail{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px}.bf-rail::-webkit-scrollbar{display:none}.bf-rail[hidden]{display:none}.bf-rail>*{scroll-snap-align:start}@media(min-width:750px){.bf-rail{grid-auto-columns:30%}}@media(min-width:990px){.bf-rail{grid-auto-columns:calc((100% - 60px) / 6);gap:12px;margin:0;padding:0 0 4px}.bf-tabs{margin:0 0 22px;padding:0}}.bf-rail-nav{display:none;gap:8px}@media(min-width:990px){.bf-rail-nav{display:flex}}.bf-arrow{width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;font-size:18px;line-height:1}.bf-card{display:block;color:inherit;text-decoration:none}.bf-card__media{position:relative;aspect-ratio:1 / 1;background:#fff;border-radius:12px;overflow:hidden}.bf-card--dark .bf-card__media{background:#f3f1ea}.bf-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8%;transition:opacity .25s ease,transform .35s ease}.bf-card__img--alt{opacity:0}@media(hover:hover){.bf-card:hover .bf-card__img--alt{opacity:1}.bf-card:hover .bf-card__img:not(.bf-card__img--alt){opacity:0}}.bf-card__badge{position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:999px;background:var(--bf-accent);color:var(--bf-ink);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bf-card__badge--muted{background:#e8e6df;color:#6b6a66}.bf-card__info{padding:10px 2px 0}.bf-card__title{margin:0;font-size:14px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bf-card__price{margin:4px 0 0;font-size:14px;font-weight:700}.bf-card__price s{margin-left:6px;font-weight:500;opacity:.55}.bf-rail,.bf-tiles,.bf-cats{scroll-padding-inline:16px}@media(min-width:990px){.bf-rail,.bf-tiles,.bf-cats{scroll-padding-inline:0}}.bf-sec .bf-h2{color:inherit!important}.bf-sec--dark,.bf-sec--dark .bf-h2,.bf-sec--dark .bf-sub,.bf-sec--dark .bf-eyebrow,.bf-sec--dark .bf-link,.bf-sec--dark .bf-card,.bf-sec--dark .bf-card__title,.bf-sec--dark .bf-card__price{color:var(--bf-cream)!important}.bf-sec--dark .bf-eyebrow{color:var(--bf-accent)!important;opacity:1}.bf-sec--dark .bf-sub{opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/41/assets/bf-home.css.map */