soi-bf-collection{display:block;margin:var(--bf-space-top,12px) auto var(--bf-space-bottom,24px);scroll-margin-top:-16px}
.soi-bf-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:18px;padding:6px 4px 10px;margin:0 0 8px}
.soi-bf-filter{justify-self:center;display:grid;place-items:center;width:min(var(--bf-circle-size),100%);aspect-ratio:1;border:0;border-radius:50%;background:var(--bf-gradient);color:var(--bf-circle-text);font-family:inherit;font-size:var(--bf-font);font-weight:600;line-height:1.15;text-align:center;padding:8px;position:relative;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}
.soi-bf-filter>span{max-width:100%;overflow-wrap:anywhere;hyphens:auto}.soi-bf-filter small{display:block;font-size:.65em;font-weight:400;text-transform:uppercase;margin-bottom:2px}
.soi-bf-filter.soi-bf-gifts{padding-inline:2px}.soi-bf-filter.soi-bf-gifts>span{hyphens:manual;overflow-wrap:normal}
.soi-bf-filter[data-deal="50"]>span,.soi-bf-filter[data-deal="30"]>span,.soi-bf-filter[data-deal="20"]>span{white-space:nowrap;overflow-wrap:normal}
.soi-bf-filter::after{content:'';position:absolute;inset:-5px;border:1.5px solid transparent;border-radius:50%;pointer-events:none}
.soi-bf-filter[aria-pressed=true]::after{border-color:var(--bf-circle-text)}
.soi-bf-filter:focus-visible{outline:3px solid var(--bf-circle-text);outline-offset:5px}
.soi-bf-filter[data-deal="50"],.soi-bf-filter[data-deal="30"],.soi-bf-filter[data-deal="20"]{font-size:calc(var(--bf-font) * 1.35)}
@media(hover:hover){.soi-bf-filter:hover{transform:translateY(-3px);box-shadow:0 5px 14px #4e39142b}}
.soi-bf-grid{grid-template-columns:repeat(var(--section-products-per-row),minmax(0,1fr));gap:24px;}.soi-bf-card{min-width:0}.soi-bf-card[hidden],.soi-bf-empty[hidden],[data-more][hidden]{display:none!important}
.soi-bf-status{font-size:12px;min-height:18px;margin:0 0 10px}.soi-bf-empty{text-align:center;padding:32px 0}.soi-bf-more{text-align:center;margin-top:28px}
@media(min-width:741px){soi-bf-collection .soi-bf-grid{--section-products-per-row:var(--bf-desktop-columns)}}
@media(max-width:740px){.soi-bf-filters{gap:10px;padding:6px 2px 8px;margin-bottom:6px}.soi-bf-filter{width:min(var(--bf-circle-mobile),100%);font-size:var(--bf-font-mobile);padding:5px}.soi-bf-filter[data-deal="50"],.soi-bf-filter[data-deal="30"],.soi-bf-filter[data-deal="20"]{font-size:calc(var(--bf-font-mobile) * 1.35)}.soi-bf-filter[aria-pressed=true]{outline-offset:3px}.soi-bf-filter.soi-bf-gifts{font-size:calc(var(--bf-font-mobile) * .9)}soi-bf-collection{margin-top:var(--bf-space-top,12px)}}
@media(prefers-reduced-motion:reduce){.soi-bf-filter,.soi-bf-grid{transition:none}}
@media(max-width:400px){soi-bf-collection.container{padding-left:12px;padding-right:12px}.soi-bf-filters{gap:8px}.soi-bf-filter{padding:4px;min-height:0}.soi-bf-filter.soi-bf-gifts{padding-inline:1px;font-size:10px}.soi-bf-filter::after{inset:-3px}}


soi-bf-collection.container{margin-left:auto!important;margin-right:auto!important}.soi-bf-gifts{text-decoration:none}.soi-bf-status:empty{display:none}

.soi-bf-more + .soi-bf-filters { margin-top: 20px; }
.soi-bf-more:has([data-more][hidden]) { margin-top: 0; }

@media (max-width: 740px) {
  .soi-bf-filters .soi-bf-gifts {
    container-type: inline-size;
    padding-inline: 2px;
    grid-template-columns: minmax(0, 1fr);
  }
  .soi-bf-gifts > span {
    font-size: min(var(--bf-font-mobile), 17.5cqi);
    line-height: 1.12;
    font-weight: 500;
  }
}