.herobanner{aspect-ratio:24/9;background-color:#fff;width:100%;margin:0 auto;position:relative;overflow:hidden}.mobile-banner{display:none}.slider-track{width:100%;height:100%;position:relative}.slide{opacity:0;z-index:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.slide.active{opacity:1;z-index:1}.slide img{object-fit:cover;pointer-events:none;width:100%;height:100%}.slider-arrow{color:#333;cursor:pointer;z-index:10;opacity:0;background-color:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:background-color .3s,color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.herobanner:hover .slider-arrow{opacity:1}.slider-arrow:hover{color:#fff;background-color:#399}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background-color:#ffffff80;border-radius:50%;width:12px;height:12px;transition:background-color .3s,width .3s}.dot.active{background-color:#872100;border-radius:6px;width:24px}.dot.active.non-slider-case{display:none}.herobanner{position:relative}@media (min-width:768px){.herobanner{aspect-ratio:24/9}}@media (max-width:768px){.slider-arrow{opacity:1;width:35px;height:35px;font-size:1rem}}@media (max-width:767px){.dot{width:8px;height:8px}.dot.active{width:16px}.slider-dots{gap:6px;bottom:12px}.slide img{object-fit:contain}.herobanner{aspect-ratio:16/7;height:auto;display:none}.slide img{object-fit:contain;transform:scale(1.06)}.mobile-banner{display:block}.nav-container{position:static;top:72px}.herobanner:after{display:none}.navbar ul li:has(.products-dropdown):after{display:none}.navbar{height:70px}}@media (max-width:600px){.dot{width:8px;height:8px}.dot.active{width:16px}.slider-dots{gap:8px}}@media (max-width:480px){.slide img{transform:scale(1.2)}.herobanner{aspect-ratio:16/7}}