.collection-cards{background:var(--section-bg, var(--gd-white));padding-bottom:var(--section-pb-m, 48px);padding-top:var(--section-pt-m, 48px)}.collection-cards__header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.collection-cards__grid{display:flex;gap:16px;list-style:none;margin:0 calc(var(--gd-gutter-mobile) * -1);overflow-x:auto;padding:0 var(--gd-gutter-mobile);scroll-padding:0 var(--gd-gutter-mobile);scroll-snap-type:x mandatory;scrollbar-width:none}.collection-cards__grid::-webkit-scrollbar{display:none}.collection-cards__item{flex:0 0 302px;margin:0;scroll-snap-align:start}.collection-cards__card{background:var(--gd-surface-soft);border:1px solid var(--gd-border);border-radius:var(--gd-radius-xl);box-sizing:border-box;color:var(--gd-white);display:flex;flex-direction:column;height:360px;justify-content:flex-end;overflow:hidden;position:relative;text-decoration:none}.collection-cards__media{top:0;right:0;bottom:0;left:0;position:absolute}.collection-cards__media image-element,.collection-cards__image,.collection-cards__placeholder{display:block;height:100%;width:100%}.collection-cards__image{object-fit:cover;transition:transform .6s ease}.collection-cards__card:hover .collection-cards__image{transform:scale(1.03)}[data-disable-animations=true] .collection-cards__card:hover .collection-cards__image{transform:none}.collection-cards__body{background:linear-gradient(180deg,var(--gd-overlay-forest-0) 0%,var(--gd-overlay-dark-90) 100%);display:flex;flex-direction:column;gap:12px;padding:24px;position:relative}.collection-cards__title{font:600 var(--gd-type-display-xs) var(--gd-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-cards__link{align-self:flex-start;color:var(--gd-white)}@media only screen and (min-width:769px){.collection-cards{padding-bottom:var(--section-pb, 0);padding-top:var(--section-pt, 80px)}.collection-cards__header{gap:2px;margin-bottom:40px}.collection-cards__grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;overflow:visible;padding:0}.collection-cards__item{flex:none}.collection-cards__card{border:0}}@media only screen and (min-width:769px)and (max-width:1100px){.collection-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/collection-cards.css.map */