.promo-grid-section{padding:0 20px}.promo-grid__inner{max-width:1440px;margin:0 auto;padding:24px 0}.promo-grid__heading{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:20px;color:#1a1a1a}.promo-grid__top{display:grid;grid-template-columns:3fr 2fr;gap:12px;margin-bottom:12px}.promo-grid__large{display:block;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;position:relative;height:380px;border:1px solid #d5dde5;transition:border-color .3s ease,box-shadow .3s ease}.promo-grid__large:hover{box-shadow:0 2px 12px #065cab1f;transform:translateY(-2px)}.promo-grid__right-stack{display:flex;flex-direction:column;gap:12px}.promo-grid__small{display:block;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;position:relative;flex:1;border:1px solid #d5dde5;transition:border-color .3s ease,box-shadow .3s ease}.promo-grid__small:hover{box-shadow:0 2px 12px #065cab1f;transform:translateY(-2px)}.promo-grid__banner-content{position:relative;width:100%;height:100%;overflow:hidden}.promo-grid__image{width:100%;height:100%;object-fit:contain;display:block;position:absolute;top:0;left:0}.promo-grid__placeholder{width:100%;display:flex;align-items:center;justify-content:center}.promo-grid__placeholder--large{height:340px;background:linear-gradient(135deg,#0a2540,#0d3d7a 40%,#31c5fd)}.promo-grid__placeholder--small{height:100%;min-height:160px;background:linear-gradient(135deg,#e1effe,#c5ddf8,#a8ccf2)}.promo-grid__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 32px;color:#fff;background:linear-gradient(0deg,rgba(10,37,64,.8) 0%,rgba(10,37,64,.3) 50%,transparent 100%);z-index:1}.promo-grid__overlay--left{align-items:flex-start;text-align:left}.promo-grid__overlay--center{align-items:center;text-align:center}.promo-grid__overlay--right{align-items:flex-end;text-align:right}.promo-grid__small .promo-grid__overlay{color:#fff;padding:20px 24px}.promo-grid__badge{display:inline-block;background:#fff;color:var(--color-primary, #31c5fd);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.promo-grid__title--large{font-size:1.8rem;font-weight:800;line-height:1.15;margin:0 0 8px;max-width:320px}.promo-grid__title--small{font-size:1.15rem;font-weight:700;line-height:1.2;margin:0 0 4px}.promo-grid__desc{font-size:.95rem;margin:0 0 14px;opacity:.9;max-width:300px}.promo-grid__desc--small{font-size:.85rem;margin-bottom:10px}.promo-grid__btn{display:inline-block;background:#fff;color:var(--color-primary, #31c5fd);font-size:.85rem;font-weight:700;padding:10px 22px;border-radius:6px;transition:background .2s ease,transform .2s ease}.promo-grid__btn--small{padding:8px 18px;font-size:.8rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.5)}.promo-grid__large:hover .promo-grid__btn,.promo-grid__small:hover .promo-grid__btn{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.promo-grid__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.promo-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 50%,#f0f4f8 50%);border-radius:10px;overflow:hidden;text-decoration:none;color:#1a1a1a;position:relative;transition:border-color .3s ease,box-shadow .3s ease;border:1px solid #d5dde5}.promo-card:hover{box-shadow:0 2px 12px #065cab1f;transform:translateY(-2px)}.promo-card__top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.promo-card__icon-placeholder{width:36px;height:36px;background:#e0f7ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #31c5fd)}.promo-card__icon{width:30px;height:30px;object-fit:contain}.promo-card__brand{height:22px;width:auto;object-fit:contain}.promo-card__title{font-size:1.05rem;font-weight:800;margin:10px 16px 2px;line-height:1.2;color:#1a1a1a}.promo-card__desc{font-size:.8rem;color:#555;margin:0 16px 8px;line-height:1.3}.promo-card__image{width:100%;height:140px;object-fit:contain;margin-top:auto;padding:0 12px}.promo-card__image-placeholder{width:100%;height:140px;background:linear-gradient(180deg,transparent 0%,rgba(49,197,253,.08) 100%)}.promo-card__arrow{position:absolute;bottom:12px;left:16px;width:32px;height:32px;background:var(--color-primary, #31c5fd);color:#0a2540;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.promo-card:hover .promo-card__arrow{background:#20a8e0}@media screen and (min-width:750px)and (max-width:989px){.promo-grid__top{grid-template-columns:1fr 1fr}.promo-grid__title--large{font-size:1.4rem}.promo-grid__large{height:320px}.promo-grid__cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.promo-grid-section{padding:0 12px}.promo-grid__inner{padding:16px 0}.promo-grid__top{grid-template-columns:1fr;gap:10px}.promo-grid__right-stack{gap:10px}.promo-grid__large{height:240px}.promo-grid__small{min-height:160px}.promo-grid__title--large{font-size:1.3rem;max-width:240px}.promo-grid__title--small{font-size:1rem}.promo-grid__overlay{padding:20px}.promo-grid__btn{padding:8px 18px;font-size:.8rem}.promo-grid__cards{grid-template-columns:repeat(2,1fr);gap:10px}.promo-card__title{font-size:.9rem}.promo-card__desc{font-size:.75rem}.promo-card__image{height:110px}}@media screen and (max-width:479px){.promo-grid__large{height:200px}.promo-grid__title--large{font-size:1.15rem}.promo-grid__desc{font-size:.8rem}.promo-card__image{height:90px}.promo-card__arrow{width:28px;height:28px;bottom:8px;left:12px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-promo-grid.css.map */