.section__card-collage{--card-padding-mobile: 15px;--card-padding-desktop: 32px;--card-gap-mobile: 15px;--card-gap-desktop: 15px;--card-height-default: 320px;--card-height-mobile-grid: 200px;--card-height-mobile-list: 60px;--card-border-radius: 15px;--title-size-desktop: 32px;--title-size-tablet: 26px;--title-size-mobile: 20px;--title-size-small: 14px;--text-size-desktop: 20px;--text-size-tablet: 16px;--text-size-mobile: 12px;--text-title-size-desktop: 40px;--text-title-size-tablet: 35px;--text-title-size-mobile: 27px;--text-content-size-desktop: 24px;--text-content-size-tablet: 20px;--text-content-size-mobile: 14px;--animation-duration: .3s;--animation-easing: ease-in-out}.section__card-collage .card-collage__container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--card-height-default);gap:var(--card-gap-desktop)}.section__card-collage.card-collage-4 .card-collage__container{grid-auto-rows:auto}.section__card-collage.card-collage-4 .card-collage__container .card-collage__item--image.card-collage-block-1{max-height:var(--card-height-default)}@media screen and (max-width: 1100px){.section__card-collage .card-collage__container{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;padding:20px}.section__card-collage.collage-layout-list .card-collage__container{grid-auto-rows:auto}.section__card-collage.collage-layout-grid .card-collage__container{grid-auto-rows:1fr}}@media screen and (max-width: 768px){.section__card-collage.collage-layout-list .card-collage__container{grid-template-columns:repeat(1,1fr);grid-template-rows:auto;gap:16px}.section__card-collage.collage-layout-grid .card-collage__container{gap:8px}}@media screen and (min-width: 769px){.section__card-collage.card-collage-5 .card-collage-block-2{grid-column:2 / -1;grid-row:1 / 2}}@media screen and (min-width: 1101px){.section__card-collage.card-collage-4 .card-collage-block-1{grid-column:1 / -1;grid-row:1 / 2}}@media screen and (max-width: 1100px){.section__card-collage.card-collage-5 .card-collage-block-5{grid-column:1 / -1;max-height:var(--card-collage-grid-image-height)}}.section__card-collage [class*=card-collage-block-]{position:relative;border-radius:var(--card-border-radius)}.section__card-collage .card-collage__image,.section__card-collage .card-collage__image-wrapper{height:100%}.section__card-collage .card-collage__img{max-width:100%;display:block;object-fit:cover;border-radius:var(--card-border-radius);height:100%;width:100%}@media screen and (max-width: 768px){.section__card-collage.collage-layout-list .card-collage__container .card-collage__image-wrapper{height:var(--card-height-mobile-list);object-position:top}}.section__card-collage .card-collage__badge{display:flex;justify-content:flex-end;align-items:flex-start;position:absolute;top:var(--card-padding-desktop);right:var(--card-padding-desktop);z-index:1}.section__card-collage .card-collage__badge-img{max-width:100%;display:block;height:auto}@media screen and (max-width: 768px){.section__card-collage .card-collage__badge{top:var(--card-padding-mobile);right:var(--card-padding-mobile)}.section__card-collage .card-collage__badge-img{max-width:50px}}.section__card-collage .card-collage__item--image .card-collage__image-content{position:absolute;bottom:0;left:0;width:100%;z-index:0;padding:var(--card-padding-desktop);height:100%;display:flex;flex-direction:column;align-items:baseline;justify-content:flex-end;gap:10px}@media screen and (max-width: 768px){.section__card-collage .card-collage__item--image .card-collage__image-content{padding:var(--card-padding-mobile)}.section__card-collage.collage-layout-list .card-collage__item--image:not(.is-open,.is-opening) .card-collage__image-content{padding:0 var(--card-padding-mobile);justify-content:center}.section__card-collage.collage-layout-list .card-collage__item--image .card-collage__image-content{justify-content:flex-start}}.section__card-collage .card-collage__item--image .card-collage__image-content .card-collage__title{font-size:var(--title-size-desktop);color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:700;letter-spacing:0;line-height:1.2;margin:0}.section__card-collage .card-collage__item--image .card-collage__image-content .card-collage__content p{font-size:var(--text-size-desktop);color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:400;letter-spacing:0;line-height:1.2;margin:0}@media screen and (max-width: 1300px){.section__card-collage .card-collage__item--image .card-collage__image-content .card-collage__title{font-size:var(--title-size-tablet)}.section__card-collage .card-collage__item--image .card-collage__image-content .card-collage__content p{font-size:var(--text-size-tablet)}}@media screen and (max-width: 768px){.section__card-collage .card-collage__item--image .card-collage__image-content .card-collage__title{font-size:var(--title-size-mobile)}.section__card-collage .card-collage__item--image .card-collage__image-content .card-collage__content p{font-size:var(--text-size-mobile)}}@media screen and (max-width: 500px){.section__card-collage .card-collage__item--image .card-collage__image-content .card-collage__title{font-size:var(--title-size-small)}}.section__card-collage .card-collage__text{background-color:#f2f2f2;padding:var(--card-padding-desktop);height:100%;border-radius:var(--card-border-radius);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}.section__card-collage.card-collage-4 .card-collage-block-1 .card-collage__text{background-color:transparent;text-align:center;align-items:center}@media screen and (max-width: 1100px){.section__card-collage .card-collage__text{background-color:transparent;padding:14px 0}.section__card-collage.card-collage-4 .card-collage-block-1 .card-collage__text{text-align:left;align-items:flex-start}}.section__card-collage .card-collage__text .card-collage__title{font-size:var(--text-title-size-desktop);color:#191919;text-transform:uppercase;font-weight:800;line-height:1.2;margin:0}.section__card-collage .card-collage__text .card-collage__content p{font-size:var(--text-content-size-desktop);color:#191919;font-weight:400;line-height:1.2;letter-spacing:.3px;margin:0}@media screen and (max-width: 1300px){.section__card-collage .card-collage__text .card-collage__title{font-size:var(--text-title-size-tablet)}.section__card-collage .card-collage__text .card-collage__content p{font-size:var(--text-content-size-tablet)}}@media screen and (max-width: 768px){.section__card-collage .card-collage__text .card-collage__title{font-size:var(--text-title-size-mobile)}.section__card-collage .card-collage__text .card-collage__content p{font-size:var(--text-content-size-mobile)}}@media screen and (max-width: 768px){.section__card-collage.collage-layout-list .card-collage__item--image .card-collage__image-content .card-collage__content{display:none}.section__card-collage.collage-layout-list .card-collage__item--image:not(.is-open) .card-collage__content{display:none}.section__card-collage.collage-layout-list .card-collage__item--image .card-collage__badge{display:none}.section__card-collage.collage-layout-list .card-collage__badge{position:initial;width:100%;height:100%;display:flex;align-items:end}.section__card-collage.collage-layout-list .card-collage__item--image.is-opening .card-collage__content,.section__card-collage.collage-layout-list .card-collage__item--image.is-opening .card-collage__badge{display:flex;animation:isOpenContent var(--animation-duration) var(--animation-easing) forwards}.section__card-collage.collage-layout-list .card-collage__item--image.is-closing .card-collage__content{animation:isCloseContent var(--animation-duration) var(--animation-easing) forwards}.section__card-collage .card-collage__item--image.is-opening .card-collage__image-wrapper{animation:openImage var(--animation-duration) var(--animation-easing) forwards}.section__card-collage .card-collage__item--image.is-closing .card-collage__image-wrapper{animation:closeImage var(--animation-duration) var(--animation-easing) forwards}}@keyframes isOpenContent{0%{opacity:0}to{opacity:1}}@keyframes isCloseContent{0%{opacity:1}to{opacity:0}}@keyframes openImage{0%{height:var(--card-height-mobile-list)}to{height:var(--card-collage-image-height)}}@keyframes closeImage{0%{height:var(--card-collage-image-height)}to{height:var(--card-height-mobile-list)}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/rove-card-collage.css.map */