.promo-cards-section-band{background-color:var(--promo-section-background, #ffffff);padding-block:var(--promo-section-padding, 0)}.promo-cards-section-band--padded>.vk-section{margin-block:0}.promo-cards-section-band--compact>.vk-section{margin-block:16px}.promo-cards-section__grid{--promo-card-gap: 16px;grid-auto-columns:calc((100% - 3 * var(--promo-card-gap)) / 4);gap:var(--promo-card-gap)}.promo-cards-section--overlay .promo-cards-section__grid{--promo-card-gap: 12px;grid-auto-columns:calc((100% - 2 * var(--promo-card-gap)) / 3)}@media screen and (min-width:1024px){.promo-cards-section-band--desktop-columns-3 .promo-cards-section__grid{grid-auto-columns:calc((100% - 2 * var(--promo-card-gap)) / 3)}.promo-cards-section-band--desktop-columns-4 .promo-cards-section__grid{grid-auto-columns:calc((100% - 3 * var(--promo-card-gap)) / 4)}}.promo-cards-section-band.promo-cards-section-band--logos .promo-cards-section__grid{--promo-card-gap: 24px;grid-auto-columns:calc((100% - 7 * var(--promo-card-gap)) / 8);align-items:center;justify-content:safe center}.promo-logo{display:flex;align-items:center;justify-content:center;height:60px}.promo-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.promo-cards-section__grid .promo-item-compact{background:var(--vk-color-light-grey);border-radius:4px}.promo-cards-section-band--compact .promo-cards-section__grid .promo-item-compact .promo-card__image-container--cover{border-bottom-left-radius:0;border-bottom-right-radius:0}.promo-cards-section-band--compact .promo-cards-section__grid .promo-item-compact .promo-card__image-container--cover:has(.promo-card__label-bar){border-radius:4px}.promo-cards-section-band--compact .promo-cards-section__grid .promo-item-compact .promo-card__meta-details{display:flex;flex-direction:column}.promo-cards-section-band--compact .promo-cards-section__grid .promo-item-compact .promo-card__subhead{order:-1;margin-bottom:4px}.promo-cards-section-band--compact .promo-cards-section__grid .promo-item-compact .promo-card__promo-label{order:-2}@media screen and (max-width:1023px){.promo-cards-section__grid{grid-auto-columns:288px;gap:12px}.promo-cards-section--overlay .promo-cards-section__grid{grid-auto-columns:260px}.promo-cards-section-band.promo-cards-section-band--logos .promo-cards-section__grid{grid-auto-columns:112px;gap:16px}.promo-logo{height:60px}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/promo_cards_section.css.map */