.banner-section{width:100%;margin:20px 0;}.banner-section .banner-headers{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}.banner-section .banner-headers .title{font-size:1rem;font-weight:700;color:#111;}.banner-section .banner-headers .view-all{font-size:.9rem;font-weight:600;color:#2563eb;text-decoration:none;transition:.2s ease;}.banner-section .banner-headers .view-all:hover{opacity:.8;}.banner-section .banner-desktop-4-slides{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}.banner-section .banner-desktop-4-slides .banner-item{position:relative;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:.25s ease;text-decoration:none;display:block;flex-shrink:0;aspect-ratio:1/1;}.banner-section .banner-desktop-4-slides .banner-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12);}.banner-section .banner-desktop-4-slides .banner-item img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#fff;}@media(min-width:1400px){.banner-section .banner-desktop-4-slides{grid-template-columns:repeat(4,minmax(0,1fr));}}@media(max-width:1399px){.banner-section .banner-desktop-4-slides{grid-template-columns:repeat(4,minmax(0,1fr));}}@media(max-width:1199px){.banner-section .banner-desktop-4-slides{grid-template-columns:repeat(3,minmax(0,1fr));}}@media(max-width:991px){.banner-section .banner-desktop-4-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}.banner-section .banner-desktop-4-slides::-webkit-scrollbar{display:none;}.banner-section .banner-desktop-4-slides .banner-item{min-width:calc(50% - 6px);max-width:calc(50% - 6px);scroll-snap-align:start;}}@media(max-width:768px){.banner-section .banner-desktop-4-slides .banner-item{min-width:calc(50% - 6px);max-width:calc(50% - 6px);}}@media(max-width:576px){.banner-section .banner-desktop-4-slides .banner-item{min-width:85%;max-width:85%;}}@media(max-width:420px){.banner-section .banner-desktop-4-slides .banner-item{min-width:100%;max-width:100%;border-radius:12px;}}