.collection-banner-grid{position:relative;width:100%;overflow:hidden;background:var(--section-bg-color,#ffffff)}.collection-banner-grid *{box-sizing:border-box}.collection-banner-grid__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.collection-banner-grid__background--mobile{display:none}.collection-banner-grid__bg-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.collection-banner-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000014;z-index:2;pointer-events:none}.collection-banner-grid__inner{position:relative;z-index:5;max-width:1440px;margin:0 auto;padding:40px}.collection-banner-grid__header{display:flex;justify-content:center;align-items:center;margin-bottom:36px}.collection-banner-grid__heading{margin:0;font-size:40px;font-weight:600;line-height:1.15;text-align:center;text-transform:uppercase;letter-spacing:.04em;color:#111}.collection-banner-grid__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.collection-banner-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:95px;overflow:hidden;text-decoration:none;background:var(--card-bg,#d10000);border:2px solid var(--card-border,#ffffff);border-radius:var(--card-radius,0);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;isolation:isolate}.collection-banner-card__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.collection-banner-card__bg{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.collection-banner-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:2;transition:background .3s ease}.collection-banner-card__content{position:relative;z-index:3;width:100%;padding:18px 14px;display:flex;align-items:center;justify-content:center;text-align:center}.collection-banner-card__title{display:block;margin:0;color:var(--card-text,#ffffff);font-size:18px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;word-break:break-word}.collection-banner-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000002e}.collection-banner-card:hover .collection-banner-card__bg{transform:scale(1.08)}.collection-banner-card:hover .collection-banner-card__overlay{background:#00000047}.collection-banner-card:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.collection-banner-card:active{transform:scale(.98)}@media screen and (max-width:991px){.collection-banner-grid__inner{padding:32px 24px}.collection-banner-grid__header{margin-bottom:28px}.collection-banner-grid__heading{font-size:32px}.collection-banner-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.collection-banner-card{min-height:82px}.collection-banner-card__content{padding:16px 10px}.collection-banner-card__title{font-size:15px}}@media screen and (max-width:767px){.collection-banner-grid{background:var(--mobile-section-bg-color,var(--section-bg-color))}.collection-banner-grid__background--desktop{display:none}.collection-banner-grid__background--mobile{display:block}.collection-banner-grid__inner{padding:24px 16px}.collection-banner-grid__header{margin-bottom:20px}.collection-banner-grid__heading{font-size:26px;line-height:1.2}.collection-banner-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-banner-card{min-height:72px}.collection-banner-card__content{padding:14px 8px}.collection-banner-card__title{font-size:14px;letter-spacing:.04em}}@media screen and (max-width:480px){.collection-banner-grid__inner{padding:20px 12px}.collection-banner-grid__grid{gap:10px}.collection-banner-card{min-height:64px}.collection-banner-card__content{padding:12px 6px}.collection-banner-card__title{font-size:12px;line-height:1.2}}@media screen and (min-width:768px){.collection-banner-grid__background--desktop{display:block}.collection-banner-grid__background--mobile{display:none}}@media(prefers-reduced-motion:reduce){.collection-banner-card,.collection-banner-card__bg,.collection-banner-card__overlay{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-banner-grid.css.map */