.froo-brand-section .froo-brand-blocks__grid{display:grid;column-gap:var(--grid-gap);row-gap:var(--grid-gap);grid-template-columns:repeat(var(--mobile-grid),1fr)}@media screen and (min-width:750px){.froo-brand-section .froo-brand-blocks__grid{grid-template-columns:repeat(var(--tablet-grid),1fr)}}@media screen and (min-width:99px){.froo-brand-section .froo-brand-blocks__grid{grid-template-columns:repeat(var(--desktop-grid),1fr)}}.froo-brand-section .froo-brand-blocks__grid article,.froo-brand-section .froo-brand-blocks__slider article{width:100%;display:flex;justify-content:center;align-items:center}.froo-brand-section .froo-brand-blocks__grid article a,.froo-brand-section .froo-brand-blocks__slider article a{width:100%}.froo-brand-section .froo-brand-blocks__grid article svg,.froo-brand-section .froo-brand-blocks__slider article svg{width:100%;max-height:20rem}.froo-brand-section .froo-brand-blocks__grid article div img,.froo-brand-section .froo-brand-blocks__slider article div img{width:100%;max-height:10.8rem;object-fit:scale-down}@media screen and (min-width:1200px){.froo-brand-section .froo-brand-blocks__grid article div img,.froo-brand-section .froo-brand-blocks__slider article div img{max-height:17.7rem}}.froo-brand-wrapper{background-color:#107c10;position:relative;padding-top:0!important;padding-bottom:0!important}.froo-brand-triangle{width:50%;line-height:0;overflow:hidden}.froo-brand-triangle img{height:auto;display:block;width:100%}.froo-brand-triangle--upper{position:absolute;bottom:-1px;left:0}.froo-brand-triangle.froo-brand-triangle--upper img{height:59px;width:100%}.froo-brand-triangle--lower{position:absolute;top:0;left:0;z-index:10}.froo-brand-triangle.froo-brand-triangle--lower img{height:17px;width:auto}@media screen and (min-width:750px){.froo-brand-triangle.froo-brand-triangle--lower img{height:36px;width:auto}}.froo-brand-section .splide__arrow svg{fill:#fff;height:3rem;width:3rem}.froo-brand-section .splide__arrow{background:transparent}@media screen and (max-width:989px){.froo-brand-triangle--upper{display:none}}@media screen and (min-width:980px){.froo-brand-triangle{width:100%}.froo-brand-triangle.froo-brand-triangle--lower{top:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/froo-brand-blocks.css.map */