.concept-category-images{width:100%}.concept-category-images__container{max-width:var(--page-width);margin:0 auto;padding:2rem var(--page-width-margin)}.concept-category-images__wrapper{display:flex;flex-direction:column;gap:3rem}.concept-category-images__item{width:100%;position:relative;padding:0 1rem}.concept-category-images__link{display:block;text-decoration:none;color:inherit}.concept-category-images__image-wrapper{position:relative;width:100%;overflow:hidden}.concept-category-images__image{width:100%;height:auto;display:block;object-fit:cover}.concept-category-images__image--desktop,.concept-category-images__image--fallback{display:none}.concept-category-images__image--mobile,.concept-category-images__image--fallback-mobile{display:block}@media screen and (min-width: 750px){.concept-category-images__image--desktop,.concept-category-images__image--fallback{display:block}.concept-category-images__image--mobile,.concept-category-images__image--fallback-mobile{display:none}}.concept-category-images__placeholder{width:100%;height:200px;background-color:var(--color-base-accent-1);display:flex;align-items:center;justify-content:center}.concept-category-images__placeholder svg{width:60px;height:60px;fill:var(--color-base-accent-2)}.concept-category-images__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:2rem 1.5rem 1.5rem;color:#fff;transition:opacity .3s ease}.concept-category-images__title{margin:0;font-size:1.6rem;font-weight:600;line-height:1.2}.concept-category-images__link:hover .concept-category-images__overlay{opacity:.9}.concept-category-images__item{transition:transform .3s ease}.concept-category-images__link:hover .concept-category-images__item{transform:scale(1.02)}@media screen and (max-width: 749px){.concept-category-images__container{padding:1.5rem var(--page-width-margin)}.concept-category-images__wrapper{gap:2rem}.concept-category-images__item{padding:0 1.5rem}.concept-category-images__title{font-size:1.4rem}.concept-category-images__overlay{padding:1.5rem 1rem 1rem}}.concept-category-images .title-wrapper-with-link{margin-bottom:2rem}.concept-category-images .title{margin:0;text-align:center}@media screen and (max-width: 749px){.concept-category-images .title-wrapper-with-link{margin-bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-concept-category-images.css.map */