.bfcm-collection-hero{position:relative}.bfcm-collection-hero>picture img{position:absolute;z-index:1;width:100%;height:100%;object-fit:cover;top:0;left:0}.bfcm-collection-hero .collection-hero__inner{z-index:2;position:relative;display:flex;align-items:center;justify-content:space-between;height:100%}.bfcm-collection-hero .collection-hero__inner>div{width:100%;height:100%}.bfcm-collection-hero .collection-hero__inner .collection-hero__text-wrapper{display:flex}.bfcm-collection-hero .collection-hero__inner .collection-hero__text-wrapper h1{font:var(--h1);margin:auto 0;font-size:clamp(30px,4vw,70px)}.bfcm-collection-hero .collection-hero__inner .collection-hero__image-container{display:block;margin-top:auto}@media screen and (max-width:750px){.bfcm-collection-hero .collection-hero__inner{flex-wrap:wrap;gap:0;padding-bottom:0}.bfcm-collection-hero .collection-hero__inner .collection-hero__text-wrapper{min-width:100%}.bfcm-collection-hero .collection-hero__inner .collection-hero__text-wrapper h1{margin:30px 0 26px}.bfcm-collection-hero .collection-hero__inner .collection-hero__image-container{width:80%}}@media screen and (max-width:550px){.bfcm-collection-hero .collection-hero__inner .collection-hero__image-container{width:70%}}.bfcm-collection-hero .collection-hero__inner .collection-hero__image-container img{height:auto;width:auto;display:block;margin:auto auto 0}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks{display:flex;flex-wrap:wrap;gap:30px;padding-block:50px}@media screen and (max-width:1100px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks{gap:15px}}@media screen and (max-width:900px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks{gap:10px}}@media screen and (max-width:750px){.bfcm-collection-hero .collection-hero__inner .collection-hero__image-container img{height:100%;max-height:none}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks{width:20%;gap:5px;padding-block:0 20px}}@media screen and (max-width:550px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks{width:30%;padding-block:0 10px}}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block{aspect-ratio:1/1;width:calc(50% - 15px);position:relative;padding:40px;border-radius:var(--border-radius);border:2px solid var(--current-color);overflow:hidden;background-color:var(--black);z-index:2}@media screen and (max-width:1410px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block{padding:20px}}@media screen and (max-width:1100px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block{width:calc(50% - 7.5px)}}@media screen and (max-width:900px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block{width:calc(50% - 5px)}}@media screen and (max-width:750px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block{width:100%;border-radius:var(--border-radius-small);padding:10px}}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block>div{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block.--condense>div .last{margin-top:auto}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block img{position:absolute;width:110%;height:110%;object-fit:cover;z-index:1;top:0;left:0}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span{color:var(--current-color);z-index:2;margin:0;display:block;text-align:center;line-height:1}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.first,.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.last{font-size:20px;font-weight:500}@media screen and (max-width:1600px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.first,.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.last{font-size:16px}}@media screen and (max-width:1100px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.first,.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.last{font-size:12px}}@media screen and (max-width:900px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.first,.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.last{font-size:10px}}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.last{text-transform:uppercase}.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.percent{font-size:70px;font-weight:700;position:absolute;top:50%;translate:0 -50%;width:100%}@media screen and (max-width:1300px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.percent{font-size:50px}}@media screen and (max-width:1100px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.percent{font-size:40px}}@media screen and (max-width:900px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.percent{font-size:30px}}@media screen and (max-width:400px){.bfcm-collection-hero .collection-hero__inner .collection-hero__blocks .promo-block span.percent{font-size:22px}}
/*# sourceMappingURL=bfcm-collection-hero.css.map */