.cards-grid{--grid-gap: 2rem;--cols: 3}.cards-grid h2{margin-top:0;font-size:calc(var(--font-heading-scale) * 3rem);text-align:center}.cards-grid small{display:block;text-align:center}.cards-grid .grid-layout{display:flex;gap:var(--grid-gap);overflow:hidden;will-change:transform}.cards-grid .grid-layout card-item{flex:0 0 calc((100% - (var(--grid-gap) * (var(--cols) - 1))) / var(--cols));background-color:var(--card-bg-color, #fefbf4);height:var(--card-height);border-radius:1rem;overflow:hidden;display:flex;flex-direction:var(--card-direction)}.cards-grid .grid-layout card-item .card__header{height:var(--card-header-height)}.cards-grid .grid-layout card-item .card__header .img-container{width:100%;height:100%}.cards-grid .grid-layout card-item .card__header .img-container img{display:block;width:100%;height:100%;object-fit:cover}.cards-grid .grid-layout card-item .card__body{padding:3rem var(--card-bodyPadding, 2rem)}.cards-grid .grid-layout card-item .card__body h3,.cards-grid .grid-layout card-item .card__body p{margin:0}.cards-grid .grid-layout card-item .card__body h3{font-size:var(--card-headingSize, 2rem)}.cards-grid .grid-layout card-item .card__body p{font-size:var(--card-contentSize, 1rem)}.cards-grid{--shift: calc( (100% - (var(--grid-gap) * (var(--cols) - 1))) / var(--cols) + var(--grid-gap) )}.cards-grid .grid-layout.anim-next{animation:slide-left .4s ease}.cards-grid .grid-layout.anim-prev{animation:slide-right .4s ease}@keyframes slide-left{0%{transform:translate(var(--shift))}to{transform:translate(0)}}@keyframes slide-right{0%{transform:translate(calc(var(--shift) * -1))}to{transform:translate(0)}}.cards-grid .action-buttons{margin:2rem auto;width:max-content;display:flex;gap:var(--grid-gap)}.cards-grid .action-buttons>button{background-color:#0000001a;padding:1rem;border:none;cursor:pointer;width:40px;height:40px;border-radius:100vw}[dir=rtl] .cards-grid .grid-layout.anim-next{animation:slide-right .4s ease}[dir=rtl] .cards-grid .grid-layout.anim-prev{animation:slide-left .4s ease}@media (max-width: 890px){.cards-grid{--cols: 2}}@media (max-width: 580px){.cards-grid{--cols: 1}}@media (prefers-reduced-motion: reduce){.cards-grid .grid-layout{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/grid-layout.css.map */