.campaign-banners-section{width:100%;overflow:hidden}.campaign-banners-section .container{max-width:1400px;margin:0 auto;padding:0 15px}.campaign-title{margin-bottom:30px}.campaign-title .section-title{font-size:28px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px}.campaign-banners-grid{display:grid;gap:20px;width:100%}.campaign-banners-2{grid-template-columns:repeat(2,1fr)}.campaign-banners-3{grid-template-columns:repeat(3,1fr)}.campaign-banners-4{grid-template-columns:repeat(4,1fr)}.campaign-banners-1{grid-template-columns:1fr;max-width:800px;margin:0 auto}.campaign-banner-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.campaign-banner-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.campaign-banner-link{display:block;position:relative;width:100%;height:100%;text-decoration:none}.campaign-banner-image{width:100%;height:auto;display:block;transition:transform .3s ease}.campaign-banner-item:hover .campaign-banner-image{transform:scale(1.05)}.campaign-banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:20px;opacity:0;transition:opacity .3s ease}.campaign-banner-item:hover .campaign-banner-overlay{opacity:1}.campaign-banner-title{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 991px){.campaign-banners-3,.campaign-banners-4{grid-template-columns:repeat(2,1fr)}.campaign-title .section-title{font-size:24px}.campaign-banner-title{font-size:16px}}@media (max-width: 767px){.campaign-banners-2,.campaign-banners-3,.campaign-banners-4{grid-template-columns:1fr;gap:15px}.campaign-title .section-title{font-size:20px}.campaign-banner-title{font-size:14px}.campaign-banners-section{padding:20px 0!important}.campaign-banner-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding:15px}}@media (max-width: 480px){.campaign-banners-grid{gap:10px}.campaign-banner-item{border-radius:6px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/campaign-banners.css.map */