.bf-related{position:relative;color:var(--bf-text)}.bf-related--width-parent{width:100%}.bf-related--width-page,.bf-related--width-full{width:100vw;margin-inline:calc(50% - 50vw)}.bf-related--background{background:var(--bf-section-bg)}.bf-related__inner{width:100%;margin-inline:auto;padding:var(--bf-padding-top) var(--bf-side-padding) var(--bf-padding-bottom)}.bf-related--width-page .bf-related__inner{max-width:var(--bf-max-width)}.bf-related--width-full .bf-related__inner{max-width:none}.bf-related--divider .bf-related__inner{border-top:1px solid var(--bf-line)}.bf-related__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.bf-related--align-center .bf-related__header{flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.bf-related__heading-wrap{min-width:0}.bf-related__eyebrow{margin:0 0 6px;color:var(--bf-accent);font-size:10px;font-weight:750;line-height:1;letter-spacing:.13em;text-transform:uppercase}.bf-related__heading{margin:0;color:var(--bf-text);font-size:clamp(23px,2.4vw,34px);font-weight:650;line-height:1.08;letter-spacing:-.03em}.bf-related__view-all{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding-bottom:4px;border-bottom:1px solid var(--bf-view-all-line);color:var(--bf-view-all);font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:gap .2s ease,opacity .2s ease}.bf-related__view-all svg{width:16px;height:16px}.bf-related__view-all:hover{gap:9px;opacity:.76}.bf-related__grid{display:grid;grid-template-columns:repeat(var(--bf-desktop-columns),minmax(0,1fr));column-gap:var(--bf-column-gap);row-gap:var(--bf-row-gap)}.bf-related__card{min-width:0}.bf-related__card[hidden]{display:none!important}.bf-related__image-link{display:block;color:inherit;text-decoration:none}.bf-related__media{position:relative;aspect-ratio:var(--bf-image-ratio);overflow:hidden;border:1px solid var(--bf-line);border-radius:var(--bf-card-radius);background:var(--bf-card-bg)}.bf-related__image,.bf-related__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .28s ease,filter .35s ease}.bf-related__media--fit-cover .bf-related__image,.bf-related__media--fit-cover .bf-related__placeholder{object-fit:cover}.bf-related__media--fit-contain .bf-related__image,.bf-related__media--fit-contain .bf-related__placeholder{object-fit:contain}.bf-related__image--secondary{opacity:0}.bf-related__card:not(.bf-related__card--has-secondary):hover .bf-related__image--primary{transform:scale(1.025);filter:brightness(.98)}.bf-related__card--has-secondary:hover .bf-related__image--primary{opacity:0;transform:scale(1.015)}.bf-related__card--has-secondary:hover .bf-related__image--secondary{opacity:1;transform:scale(1.025)}.bf-related__badge{position:absolute;top:9px;left:9px;z-index:2;padding:5px 8px;border-radius:4px;background:var(--bf-accent);color:#fff;font-size:9px;font-weight:750;line-height:1;letter-spacing:.08em;text-transform:uppercase}.bf-related__badge--muted{background:#171717d1}.bf-related__quick-link{position:absolute;right:8px;bottom:8px;left:8px;z-index:2;padding:10px 12px;border-radius:calc(var(--bf-card-radius) - 2px);background:#fffffff0;box-shadow:0 4px 16px #14141414;color:var(--bf-text);font-size:11px;font-weight:650;line-height:1;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.bf-related--quick-enabled .bf-related__card:hover .bf-related__quick-link{opacity:1;transform:translateY(0)}.bf-related__info{padding:11px 2px 0}.bf-related__title{margin:0 0 6px;font-size:13px;font-weight:520;line-height:1.35}.bf-related__title a{display:-webkit-box;overflow:hidden;color:var(--bf-text);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .2s ease}.bf-related__title a:hover{color:var(--bf-accent)}.bf-related__price{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;line-height:1.2}.bf-related__price-old{color:var(--bf-muted);font-weight:400}.bf-related__price-current{color:var(--bf-text);font-weight:680}.bf-related__price-current--sale{color:var(--bf-accent)}@media screen and (max-width:989px){.bf-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-related__quick-link{display:none}}@media screen and (max-width:749px){.bf-related__inner{padding:var(--bf-padding-top) var(--bf-side-padding-mobile) var(--bf-padding-bottom)}.bf-related__header{align-items:center;margin-bottom:17px}.bf-related__eyebrow{margin-bottom:4px;font-size:8.5px}.bf-related__heading{font-size:22px}.bf-related__view-all{gap:4px;font-size:10.5px;white-space:nowrap}.bf-related__view-all svg{width:14px;height:14px}.bf-related--mobile-grid .bf-related__grid{grid-template-columns:repeat(var(--bf-mobile-columns),minmax(0,1fr))}.bf-related--mobile-scroll .bf-related__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(72vw,1fr);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding-bottom:8px}.bf-related--mobile-scroll .bf-related__grid::-webkit-scrollbar{display:none}.bf-related--mobile-scroll .bf-related__card{scroll-snap-align:start}.bf-related__info{padding-top:9px}.bf-related__title{margin-bottom:5px;font-size:12px}.bf-related__price{gap:5px;font-size:12px}.bf-related__badge{top:7px;left:7px;padding:4px 6px;font-size:8px}}.bf-related__grid--loading{pointer-events:none}.bf-related__skeleton-media,.bf-related__skeleton-line{position:relative;overflow:hidden;background:#f2efef}.bf-related__skeleton-media:after,.bf-related__skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:bf-related-shimmer 1.25s infinite}.bf-related__skeleton-media{aspect-ratio:var(--bf-image-ratio);border:1px solid var(--bf-line);border-radius:var(--bf-card-radius)}.bf-related__skeleton-info{padding:11px 2px 0}.bf-related__skeleton-line{height:11px;border-radius:99px}.bf-related__skeleton-line--title{width:82%;margin-bottom:9px}.bf-related__skeleton-line--price{width:34%}@keyframes bf-related-shimmer{to{transform:translate(100%)}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */
