.banner-food-desktop{width:100%;max-width:1178px;margin:0 auto;height:auto;aspect-ratio:1071/350;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#fff}.banner-food-desktop .banner-wrapper{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:8px;width:100%;height:100%}.banner-food-desktop .banner-wrapper .banner-item{position:relative;overflow:hidden;border-radius:8px;transition:transform .3s ease}.banner-food-desktop .banner-wrapper .banner-item:hover{transform:scale(1.03)}.banner-food-desktop .banner-wrapper .banner-item .banner-img{width:100%;height:100%;object-fit:contain;border-radius:8px}@media(min-width:1024px){.banner-food-desktop .banner-wrapper{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}}@media(min-width:768px)and (max-width:1023px){.banner-food-desktop{max-width:95%;aspect-ratio:auto}.banner-food-desktop .banner-wrapper{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.banner-food-desktop .banner-item .banner-img{width:100%;height:220px;object-fit:cover;border-radius:8px}}@media(max-width:767px){.banner-food-desktop{max-width:95%;aspect-ratio:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.banner-food-desktop .banner-wrapper{display:flex;flex-wrap:nowrap;gap:8px;width:max-content;padding:4px;overflow-x:auto;scroll-behavior:smooth}.banner-food-desktop .banner-wrapper .banner-item{flex:0 0 calc(50% - 8px);scroll-snap-align:center;border-radius:8px;transition:transform .3s ease}.banner-food-desktop .banner-wrapper .banner-item:hover{transform:scale(1.02)}.banner-food-desktop .banner-wrapper .banner-item .banner-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px}.banner-food-desktop .banner-wrapper::-webkit-scrollbar{display:none}}