.responsive-grid-section{background-color:var(--bg-color);padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.page-width{max-width:1280px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:40px}.section-heading{font-size:32px;font-weight:600;margin:0}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--card-gap)}.grid-card{display:block;margin:var(--card-margin-top) var(--card-margin-right) var(--card-margin-bottom) var(--card-margin-left);transition:transform .3s ease,box-shadow .3s ease}.grid-card:hover{transform:translateY(-4px)}.card-inner{padding:var(--card-padding);height:100%;display:flex;flex-direction:column;border-radius:var(--border-radius);overflow:hidden}.card-image-wrapper{width:100%;margin-bottom:16px;overflow:hidden;border-radius:var(--border-radius)}.card-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.grid-card:hover .card-image{transform:scale(1.05)}.card-content{flex:1;display:flex;flex-direction:column;gap:12px}.card-title{font-size:var(--title-size-desktop);font-weight:600;line-height:1.3;margin:0}.card-description{font-size:var(--text-size-desktop);line-height:1.6;margin:0}.card-description p{margin:0 0 12px}.card-description p:last-child{margin-bottom:0}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.card-tag{display:inline-block;padding:6px 14px;border-radius:20px;font-size:var(--tag-size-desktop);font-weight:500;white-space:nowrap;transition:opacity .2s ease}.card-tag:hover{opacity:.8}.card-button-wrapper{margin-top:16px;width:100%}.card-button{display:block;width:100%;padding:14px 24px;text-align:center;text-decoration:none;font-size:var(--button-size-desktop);font-weight:600;border-radius:var(--border-radius);transition:opacity .3s ease,transform .2s ease;cursor:pointer}.card-button:hover{opacity:.9;transform:translateY(-2px)}.card-button:active{transform:translateY(0)}@media screen and (max-width: 989px){.page-width{padding:0 16px}.section-heading{font-size:28px}.grid-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.page-width{padding:0 12px}.section-heading{font-size:24px}.section-header{margin-bottom:24px}.grid-container{grid-template-columns:repeat(var(--grid-columns-mobile),1fr)}.card-title{font-size:var(--title-size-mobile)}.card-description{font-size:var(--text-size-mobile)}.card-tag{font-size:var(--tag-size-mobile);padding:4px 12px}.card-button{font-size:var(--button-size-mobile);padding:12px 20px}.grid-card[data-show-mobile=false]{display:none}}@media screen and (min-width: 750px){.grid-card[data-show-desktop=false]{display:none}}@media (prefers-reduced-motion: reduce){.grid-card,.card-image,.card-tag{transition:none}}.grid-card:focus-within{outline:2px solid currentColor;outline-offset:4px}@media (prefers-contrast: high){.card-inner{border:2px solid currentColor}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-responsive-grid.css.map */