/* Promo banners sit directly under the printing-solutions section (both on the plain cream
   page background), so padding is trimmed here to keep the two from reading as one big
   empty gap - the section still gets its own breathing room, just not a full 100px block. */
.promo-banners.section { padding: 30px 0 60px; }
.promo-banners { overflow: hidden; background: transparent !important; }
.promo-banner-swiper { padding: 4px 4px 44px; }
.promo-banner-swiper .swiper-slide { overflow: hidden; border-radius: 18px; box-shadow: var(--shadow); }
.promo-banner-swiper img { width: 100%; aspect-ratio: 1920 / 400; object-fit: cover; display: block; }
.promo-banner-link { display: block; }
.promo-banners .swiper-button-next, .promo-banners .swiper-button-prev { width: 42px; height: 42px; border-radius: 50%; background: var(--red); color: var(--white); box-shadow: 0 8px 18px rgba(235, 10, 30, .22); }
.promo-banners .swiper-button-next::after, .promo-banners .swiper-button-prev::after { font-size: .9rem; font-weight: 700; }
.promo-banners .swiper-pagination-bullet { background: rgba(17,17,17,.25); }
.promo-banners .swiper-pagination-bullet-active { background: var(--gold); }
@media (max-width: 700px) { .promo-banners .swiper-button-next, .promo-banners .swiper-button-prev { display: none; } .promo-banner-swiper .swiper-slide { border-radius: 12px; } .promo-banner-swiper { padding-bottom: 34px; } }