.promo-grid{padding:40px 0;background-color:#fff}.promo-grid__inner{display:grid;grid-template-columns:repeat(var(--promo-cols, 3),minmax(0,1fr));gap:40px}.promo-card{position:relative;width:100%;aspect-ratio:400 / 255;border-radius:5px;overflow:hidden;display:block;text-decoration:none;border-bottom:2px solid #F09F02;flex-shrink:0}.promo-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .4s ease}.promo-card:hover .promo-card__bg{transform:scale(1.04)}.promo-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.promo-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000c,#0000);z-index:1}.promo-card__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:0 30px 24px;display:flex;flex-direction:column;gap:6px}.promo-card__title{font-family:var(--font-primary);font-size:var(--fs-h3);font-weight:600;line-height:1.2;letter-spacing:var(--tracking-snug);color:#fff;margin:0}.promo-card__desc{font-family:var(--font-primary);font-size:16px;font-weight:400;line-height:1.4;letter-spacing:0px;color:#fefefe;margin:0}.promo-card__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-primary);font-size:12px;font-weight:600;letter-spacing:0px;color:#f09f02;margin-top:4px}.promo-card__link img{width:24px;height:24px;object-fit:contain;flex-shrink:0;transition:transform var(--transition-fast)}.promo-card:hover .promo-card__link img{transform:translate(4px)}@media(max-width:1023px){.promo-grid{padding:32px 0}.promo-grid__inner{grid-template-columns:repeat(2,1fr);gap:20px}.promo-card:last-child{grid-column:1 / -1;aspect-ratio:unset;height:255px}}@media(max-width:767px){.promo-grid{padding:24px 0}.promo-grid__inner{grid-template-columns:minmax(0,1fr);gap:16px}.promo-card:last-child{grid-column:unset;height:auto;aspect-ratio:400 / 255}.promo-card__desc{font-size:14px}.promo-card__content{padding:0 20px 20px}}.promo-grid--portrait .promo-card,.promo-grid--portrait .promo-card:last-child{aspect-ratio:5 / 7;height:auto;grid-column:auto}.promo-grid--portrait .promo-grid__inner{gap:24px}@media(max-width:1023px){.promo-grid--portrait .promo-grid__inner{grid-template-columns:repeat(var(--promo-cols-tablet, 2),minmax(0,1fr));gap:16px}}@media(max-width:767px){.promo-grid--portrait .promo-grid__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.promo-grid--portrait .promo-card__content{padding:0 14px 14px}.promo-grid--portrait .promo-card__title{font-size:18px}}.promo-grid--tile .promo-card,.promo-grid--tile .promo-card:last-child,.promo-grid--square .promo-card,.promo-grid--square .promo-card:last-child{height:auto;grid-column:auto}.promo-grid--tile .promo-card,.promo-grid--tile .promo-card:last-child{aspect-ratio:7 / 8}.promo-grid--square .promo-card,.promo-grid--square .promo-card:last-child{aspect-ratio:1 / 1}.promo-grid--tile .promo-grid__inner,.promo-grid--square .promo-grid__inner{gap:24px}@media(max-width:1023px){.promo-grid--tile .promo-grid__inner,.promo-grid--square .promo-grid__inner{grid-template-columns:repeat(var(--promo-cols-tablet, 2),minmax(0,1fr));gap:16px}}@media(max-width:767px){.promo-grid--tile .promo-grid__inner,.promo-grid--square .promo-grid__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.promo-grid--tile .promo-card__content,.promo-grid--square .promo-card__content{padding:0 14px 14px}.promo-grid--tile .promo-card__title,.promo-grid--square .promo-card__title{font-size:18px}.promo-grid--tile .promo-card:last-child:nth-child(odd),.promo-grid--square .promo-card:last-child:nth-child(odd){grid-column:1 / -1}.promo-grid--tile .promo-card:last-child:nth-child(odd){aspect-ratio:7 / 4}.promo-grid--square .promo-card:last-child:nth-child(odd){aspect-ratio:2 / 1}}@media(max-width:480px){.promo-grid--square .promo-grid__inner{grid-template-columns:minmax(0,1fr)}.promo-grid--square .promo-card,.promo-grid--square .promo-card:last-child{aspect-ratio:2 / 1}.promo-grid--tile .promo-card__title{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/promo-grid.css.map */