.brand .brand-logo{display:block;width:132px;height:auto}

.product-carousel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;touch-action:pan-y}
.product-carousel-track{display:flex;width:100%;height:100%;transition:transform .35s ease}
.product-carousel-track img{flex:0 0 100%;width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain;display:block}
.carousel-control{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:25px;line-height:25px;cursor:pointer}
.carousel-control.previous{left:8px}.carousel-control.next{right:8px}
.carousel-dots{position:absolute;z-index:2;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px}
.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.65);cursor:pointer}
.carousel-dots button.active{background:#ed1b2f;transform:scale(1.3)}
.whats-carousel{position:relative;display:block!important;width:100%;overflow:hidden;padding-bottom:28px}
.whats-carousel-track{display:flex;width:100%;transition:transform .35s ease}
.whats-carousel-slide{flex:0 0 100%;width:100%!important;height:520px!important;min-width:100%;object-fit:contain!important;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.08);background:#fff}

@media (max-width:640px){
  .site-header{position:static}
  .brand .brand-logo{width:110px}
  .offers .product{height:300px;width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}
  .offers .product img{width:100%;max-width:100%;max-height:290px;object-fit:contain}
  .whats-carousel{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}
  .whats-carousel-slide{height:520px!important;border-radius:0}
}