.cards-grid{padding-top:var(--inner-offset-top-mobile);padding-bottom:var(--inner-offset-bottom-mobile);text-align:center;background-color:var(--color-background)}.cards-grid .cards-grid__header{max-width:800px;margin:0 auto 32px}.cards-grid .cards-grid__header .section-title__text-container:first-child{text-align:start}.cards-grid .cards-grid__header .section-title__text-container:last-child{text-align:start}.cards-grid .cards-grid__header.need-animate{opacity:0;transition-property:opacity}.cards-grid .cards-grid__text{margin-top:16px;color:var(--color-text-primary)}.cards-grid .cards-grid__button{margin-top:-24px}.cards-grid .cards-grid__row{display:flex;flex-wrap:wrap;gap:27px 8px}.cards-grid .cards-grid__item{width:100%;flex-shrink:0;word-break:break-word;position:relative}.cards-grid .cards-grid__item.cards-grid__item--active .cards-grid__content-container{min-height:100%}.cards-grid .cards-grid__item.cards-grid__item--active .cards-grid__item-text,.cards-grid .cards-grid__item.cards-grid__item--active .cards-grid__item-link{margin-top:12px;opacity:1;max-height:800px;transition-delay:var(--animate-delay);visibility:visible}.cards-grid .cards-grid__item.need-animate{opacity:0;transition-property:opacity;transition-delay:var(--delay-step)}.cards-grid .cards-grid__item-image-wrapper{padding-top:105%;display:block;position:relative;overflow:hidden;border-radius:calc(var(--global-border-radius) * 1.5)}.cards-grid .cards-grid__content-container{position:absolute;bottom:0;min-height:0;max-height:100%;width:100%;display:flex;flex-direction:column;border:1px solid var(--overlay-border-color);background:var(--overlay-background-color);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:inherit;padding:24px 24px 32px;transition-property:height,min-height,max-height;transition-duration:var(--timing-base);transition-timing-function:ease-in-out}.cards-grid .cards-grid__item-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-desktop-pos);vertical-align:middle;transition-timing-function:ease-out;transition-property:transform,opacity;transition-duration:1.5s,var(--animate-img-scale);transition-delay:var(--delay-step),0s;transform:scale(1.2)}.cards-grid .cards-grid__item-image.cards-grid__item-image--placeholder{background-color:var(--color-img-placeholder-bg)}.cards-grid .cards-grid__item-text,.cards-grid .cards-grid__item-link{opacity:0;max-height:0;overflow-y:auto;transition-property:opacity,margin-top,max-height;transition-duration:calc(var(--timing-base) * 1.5),calc(var(--timing-base) * 1.5),var(--timing-base);visibility:hidden}.cards-grid .cards-grid__item-title,.cards-grid .cards-grid__item-text,.cards-grid .cards-grid__item-link{color:var(--overlay-text-color)}.cards-grid .cards-grid__item-link{justify-content:center;flex-shrink:0;padding-bottom:0}.cards-grid.animated .cards-grid__header.need-animate,.cards-grid.animated .cards-grid__item.need-animate{opacity:1}.cards-grid.animated .cards-grid__item.need-animate .cards-grid__item-image{transform:scale(1)}@media (max-width: 991.98px){.cards-grid .cards-grid__item-title{font-size:calc(var(--body-font-size) * 1.125);font-weight:600;line-height:1.44}}@media (max-width: 575.98px){.cards-grid .cards-grid__row.cards-grid__row--center-one{justify-content:center}}@media (min-width: 576px){.cards-grid .cards-grid__item{width:calc(50% - 4px)}}@media (min-width: 576px) and (max-width: 767px){.cards-grid .cards-grid__row.cards-grid__row--center-two{justify-content:center}}@media (min-width: 768px){.cards-grid{padding-top:var(--inner-offset-top);padding-bottom:var(--inner-offset-bottom)}.cards-grid .cards-grid__header{margin-bottom:48px}.cards-grid .cards-grid__header .section-title__text-container:last-child{text-align:center}.cards-grid .cards-grid__item-image-wrapper{padding-top:131%}.cards-grid .cards-grid__item{width:calc(50% - 8px)}.cards-grid .cards-grid__row{flex-wrap:wrap;gap:32px 16px}}@media (min-width: 992px){.cards-grid .cards-grid__row{justify-content:center}.cards-grid .cards-grid__item.cards-grid__item--4{width:calc(25% - 12px)}.cards-grid .cards-grid__item.cards-grid__item--5{width:calc(20% - 14px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cards-grid.build.css.map */