.bfg{background:var(--bfg-bg);color:var(--bfg-text);padding:var(--bfg-pt) 20px var(--bfg-pb);overflow-x:clip}.bfg__container{max-width:1240px;margin:0 auto}.bfg__head{margin-bottom:44px}.bfg__head--center{text-align:center}.bfg__head--left{text-align:left;padding-right:calc(var(--bfg-badge-right) + var(--bfg-badge-w))}.bfg__heading{margin:0 0 10px;font-size:35px!important}.bfg__sub{margin:0;font-size:18px}.bfg__wrap{position:relative}.bfg__grid{display:grid;grid-template-columns:var(--bfg-cols);grid-auto-rows:var(--bfg-row);grid-auto-flow:dense;gap:var(--bfg-gap)}.bfg__tile{position:relative;display:block;overflow:hidden;border-radius:var(--bfg-radius);text-decoration:none;color:#fff!important;background:#e9e4fb}.bfg__media,.bfg__media img,.bfg__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bfg__media img{object-fit:cover;transition:transform .5s ease}.bfg__tile:hover .bfg__media img{transform:scale(1.04)}.bfg__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bfg-overlay) 0%,var(--bfg-overlay-0) 40%);pointer-events:none}.bfg__label{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 22px 24px}.bfg__title{min-width:0;overflow-wrap:break-word;font-size:23px;font-weight:700;line-height:1.2;text-shadow:0 1px 8px rgba(60,30,140,.25)}.bfg__arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--bfg-arrow);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.bfg__tile:hover .bfg__arrow{transform:translate(3px)}.bfg__badge{position:absolute;z-index:3;pointer-events:none;top:var(--bfg-badge-top);right:var(--bfg-badge-right);width:var(--bfg-badge-w)}.bfg__badge img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 24px rgba(110,70,220,.3))}.bfg__badge--css{aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;filter:drop-shadow(0 14px 24px rgba(110,70,220,.35))}.bfg__badge--css:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 25%,#ffffff8c,#fff0 38%),radial-gradient(circle at 75% 80%,var(--bfg-badge-c3),rgba(0,0,0,0) 55%),linear-gradient(140deg,var(--bfg-badge-c1) 0%,var(--bfg-badge-c2) 100%);clip-path:polygon(50% 0%,60.5% 12.4%,75% 6.7%,77.6% 22.4%,93.3% 25%,87.6% 39.5%,100% 50%,87.6% 60.5%,93.3% 75%,77.6% 77.6%,75% 93.3%,60.5% 87.6%,50% 100%,39.5% 87.6%,25% 93.3%,22.4% 77.6%,6.7% 75%,12.4% 60.5%,0% 50%,12.4% 39.5%,6.7% 25%,22.4% 22.4%,25% 6.7%,39.5% 12.4%)}.bfg__badge-text{position:relative;display:block;transform:rotate(-10deg);color:#fff;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:calc(var(--bfg-badge-w) * .2);line-height:.95;text-shadow:0 3px 10px rgba(70,30,160,.35)}.bfg__badge.is-floating{animation:bfg-float 4s ease-in-out infinite}@keyframes bfg-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(4deg)}}@media(max-width:989px){.bfg__heading{font-size:34px}.bfg__grid{grid-auto-rows:calc(var(--bfg-row) * .72);gap:calc(var(--bfg-gap) * .7)}.bfg__label{padding:14px;gap:8px}.bfg__title{font-size:18px}.bfg__arrow{width:34px;height:34px}.bfg__arrow svg{width:16px;height:16px}.bfg__badge{width:calc(var(--bfg-badge-w) * .7);top:calc(var(--bfg-badge-w) * -.62);right:2%}.bfg__head--left{padding-right:calc(var(--bfg-badge-w) * .7 + 2%)}}@media(max-width:749px){.bfg__heading{font-size:26px!important}.bfg__sub{font-size:15px}.bfg__head{margin-bottom:26px}.bfg__head--left{padding-right:0}.bfg__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;gap:12px}.bfg__tile{grid-column:span 1!important;grid-row:span 1!important;border-radius:15px}.bfg__tile.is-wide{grid-column:span 2!important}.bfg__label{padding:12px;gap:8px}.bfg__title{font-size:15px}.bfg__arrow{width:28px;height:28px}.bfg__arrow svg{width:14px;height:14px}.bfg__badge{width:150px;top:-75px;right:0}.bfg__head--left{padding-right:0;text-align:center}}@media(max-width:600px){.bfg__badge{position:static;margin:0 auto}}@media(prefers-reduced-motion:reduce){.bfg__badge.is-floating{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/bfcm-category-grid.css.map */