.card-grid-section__inner{max-width:1400px;margin:0 auto;padding:0 24px}.card-grid-section__header{margin-bottom:32px}.card-grid-section__header.text-left{text-align:left}.card-grid-section__header.text-center{text-align:center}.card-grid-section__header.text-right{text-align:right}.card-grid-section__title{margin:0;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.3}.card-grid{display:flex;flex-wrap:nowrap;gap:20px;margin:0;padding:4px 0 8px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start;justify-content:safe center}.card-grid::-webkit-scrollbar{height:6px}.card-grid::-webkit-scrollbar-track{background:#eee;border-radius:3px}.card-grid::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.card-grid::-webkit-scrollbar-thumb:hover{background:#999}.card-grid__item{flex:0 0 auto;width:var(--card-width-desktop);scroll-snap-align:start}@media(max-width:989px){.card-grid{gap:14px;justify-content:flex-start}.card-grid__item{width:var(--card-width-mobile)}}.card-grid__card{position:relative;overflow:hidden;border-radius:8px;background:#f1f1f1;aspect-ratio:2 / 3;transition:transform .25s ease,box-shadow .25s ease}.card-grid__card--square{aspect-ratio:1 / 1}.card-grid__card--portrait{aspect-ratio:3 / 4}.card-grid__card--tall{aspect-ratio:2 / 3}.card-grid__card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001f}.card-grid__image-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card-grid__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card-grid__card:hover .card-grid__img{transform:scale(1.04)}.card-grid__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e2e2e2}.card-grid__placeholder .placeholder-svg{width:60%;height:60%;background:none;opacity:.5}.card-grid__overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-height:30%;padding:12px 10px;background:#ffffffb3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.card-grid__title{width:100%;margin:0;overflow:hidden;color:rgb(var(--color-main-rgb));font-size:clamp(12px,1.15vw,15px);font-weight:600;line-height:1.45;text-align:center;word-break:auto-phrase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-grid__title-link{color:inherit;text-decoration:none}.card-grid__buttons{display:flex;gap:6px;width:100%}.card-grid__btn{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;padding:7px 6px;overflow:hidden;border:1px solid rgb(var(--color-main-rgb));border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.02em;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .15s ease}.card-grid__btn--primary{background:rgb(var(--color-main-rgb));color:#fff}.card-grid__btn--primary:hover{background:#333;transform:translateY(-1px)}.card-grid__btn--secondary{background:transparent;color:rgb(var(--color-main-rgb))}.card-grid__btn--secondary:hover{background:rgb(var(--color-main-rgb));color:#fff;transform:translateY(-1px)}@media(max-width:749px){.card-grid-section__inner{padding:0 16px}.card-grid__title{font-size:12px}.card-grid__overlay{gap:6px;padding:8px 8px 10px}.card-grid__btn{padding:6px 4px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-product-card-grid.css.map */