.cards__component{display:flex;gap:1.2rem;flex-wrap:wrap;width:100%}.cards__component .card{position:relative;flex:1 1 100%;max-width:100%;height:inherit!important}.cards__component .card:hover .card__image img{transform:scale(1.025)}.cards__component .card .card__wrapper{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;background:rgb(var(--color-background));border-radius:2rem;overflow:hidden}.cards__component .pill{position:absolute;top:3rem;left:3rem;max-width:80%}.cards__component .card__image{position:relative;overflow:hidden;border-radius:2rem;aspect-ratio:360/400}.cards__component .card__image img{width:100%;height:auto;object-fit:cover;display:block;aspect-ratio:360/400;transition:transform var(--duration-default) var(--ease-out-slow)}.cards__component .card__content{display:flex;flex-direction:column;padding:2rem 3.2rem 3.2rem}.cards__component .card__heading{font-weight:400;line-height:2.8rem;font-size:2.4rem}.cards__component .card__subheading{font-weight:500;line-height:2.4rem;font-size:1.8rem;margin-top:1rem;margin-bottom:0}.cards__component .card__text{margin-top:3.2rem}.cards__component .card__text p{line-height:2.8rem;font-size:2rem}.cards__component .card__text *:last-child{margin-bottom:0}.cards__component .card__text *:first-child{margin-top:0}.cards__component .card__button{margin-top:3.2rem}.cards__component .card__button .button{max-height:unset;font-size:1.6rem;line-height:2rem}@media screen and (min-width: 750px){.cards__component .card__button .button{font-size:2rem;line-height:2.4rem}}.card.color-scheme-1{border:1px solid var(--color-primary-b);border-radius:2rem}.cards--layout-2-column .card,.cards--layout-3-column .card{flex:1 1 100%}.cards--layout-1-column .card .card__wrapper{flex-direction:column;align-items:stretch}.cards--layout-1-column .card__image{flex:0 0 50%;min-height:300px}.cards--layout-1-column .card__image img{height:100%;object-fit:cover}.cards--layout-1-column .card__content{display:flex;flex-direction:column;padding:2rem 3.2rem 3.2rem}.cards--layout-2-column .card__image img,.cards--layout-3-column .card__image img{height:100%}.cards--layout-2-column .card,.cards--layout-3-column .card{display:flex;flex-direction:column}.cards--layout-2-column .card .card__wrapper,.cards--layout-3-column .card .card__wrapper{height:100%}@media screen and (min-width: 750px){.cards__component{display:flex;gap:2rem;width:100%}.cards--layout-2-column .card__content,.cards--layout-3-column .card__content{padding:3.2rem 6.4rem 6.4rem;display:flex}.cards--layout-2-column .card__image{aspect-ratio:16/9}.cards--layout-3-column .card__image{aspect-ratio:4/3}.cards--layout-2-column .card,.cards--layout-3-column .card{flex:0 0 calc(50% - 1rem);width:calc(50% - 1rem)}:is(.cards--layout-1-column,.cards--layout-2-column,.cards--layout-3-column) .card__subheading{line-height:2.8rem;font-size:2rem}:is(.cards--layout-1-column,.cards--layout-2-column,.cards--layout-3-column) .card__heading{font-weight:400;line-height:3.6rem;font-size:3.2rem}:is(.cards--layout-1-column,.cards--layout-2-column,.cards--layout-3-column) .card__text{margin-top:3.6rem}:is(.cards--layout-1-column,.cards--layout-2-column,.cards--layout-3-column) .card__button{margin-top:3.6rem}:is(.cards--layout-1-column,.cards--layout-2-column,.cards--layout-3-column) .card__button .button{font-size:1.6rem;line-height:2rem}.cards--layout-1-column .card .card__wrapper{flex-direction:row;flex-wrap:nowrap}.cards--layout-1-column .card__content{flex:1;padding:6.4rem}.cards--layout-1-column .card__image{aspect-ratio:750/582}.cards--layout-1-column .card__image img{aspect-ratio:750/582}.cards--layout-2-column,.cards--layout-3-column{justify-content:space-between}:is(.cards--layout-2-column,.cards--layout-3-column) .card__image{aspect-ratio:750/400}:is(.cards--layout-2-column,.cards--layout-3-column) .card__image img{aspect-ratio:750/400}.cards--layout-2-column .card__image{min-height:40rem;width:100%}}@media screen and (min-width: 991px){.cards--layout-3-column,.cards--layout-2-column{justify-content:space-between}.cards--layout-2-column .card{flex:0 0 calc(50% - 1rem);width:calc(50% - 1rem)}.cards--layout-3-column .card{flex:0 0 calc(33.33% - 1.5rem);width:calc(33.33% - 1.5rem)}.cards--layout-3-column .card__heading{font-weight:400;line-height:2.8rem;font-size:2.4rem}.cards--layout-3-column .card__text{margin-top:3.6rem}.cards--layout-3-column .card__content{flex:1;padding:3.2rem}.cards--layout-3-column .card__button{margin-top:3.6rem}.cards--layout-3-column .card__button .button{font-size:1.6rem;line-height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ecostal-cards.css.map */