@media(max-width:760px){
  .ml-modal{
    align-items:flex-end;
    justify-content:center;
    padding:0 8px max(8px,env(safe-area-inset-bottom));
  }
  .ml-modal-content,
  .seller-wow,
  .quickbuy-wow,
  .auth-wow,
  .profile-login-wow,
  .profile-login-clean,
  .google-only-auth{
    width:100%;
    max-width:520px;
    max-height:86dvh;
    border-radius:26px 26px 18px 18px;
    padding:16px;
  }
  .profile-login-clean,
  .profile-login-wow,
  .auth-wow.google-only-auth,
  .google-only-auth,
  #profileModal .ml-modal-content,
  #modalPerfilCliente .ml-modal-content{
    padding:0;
  }
  .auth-wow-shell,
  .seller-wow-shell{
    display:block;
    min-height:0;
  }
  .auth-wow-brand,
  .seller-wow-brand{
    padding:18px;
    margin:0 0 12px;
    border-radius:20px;
  }
  .auth-wow-brand h2,
  .seller-wow-brand h2{
    font-size:22px;
  }
  .auth-wow-form,
  .seller-wow-form{
    padding:0;
  }
  .profile-login-clean-top,
  .profile-login-head,
  .auth-panel-title{
    grid-template-columns:58px minmax(0,1fr);
    gap:12px;
    padding:18px 62px 16px 16px;
  }
  .profile-login-clean-logo,
  .auth-brand-logo,
  .profile-login-logo,
  .profile-login-head .profile-login-clean-logo{
    width:58px;
    height:58px;
    min-width:58px;
    min-height:58px;
    border-radius:18px;
  }
  .profile-login-clean-top h2,
  .profile-login-clean-top h3,
  .profile-login-head h2,
  .profile-login-head h3,
  .auth-panel-title h2,
  .auth-panel-title h3{
    font-size:21px;
    line-height:1.08;
  }
  .profile-login-clean-top p,
  .profile-login-head p,
  .auth-panel-title p{
    font-size:12.8px;
    line-height:1.32;
  }
  .profile-login-body,
  .profile-login-clean .profile-login-body,
  .profile-login-wow .profile-login-body{
    padding:14px;
  }
  .profile-login-clean-benefits,
  .profile-benefits,
  .profile-login-benefits,
  .profile-login-body ul{
    grid-template-columns:1fr;
    gap:8px;
    margin-bottom:14px;
  }
  .profile-login-clean-benefits div,
  .profile-login-clean-benefits span,
  .profile-login-body li,
  .profile-benefit{
    min-height:42px;
    justify-content:flex-start;
    padding:9px 10px;
    border-radius:14px;
    font-size:12.8px;
  }
  .google-login-main,
  .profile-google-clean,
  a.google-login-main,
  .google-only-auth .btn-login,
  .auth-wow.google-only-auth .btn-login{
    height:50px;
    min-height:50px;
    border-radius:16px;
    font-size:14.5px;
  }
  .modal-close{
    top:12px;
    right:12px;
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    border-radius:14px;
  }
}

@media(max-width:380px){
  .profile-login-clean-top,
  .profile-login-head,
  .auth-panel-title{
    grid-template-columns:52px minmax(0,1fr);
    gap:10px;
    padding:15px 56px 14px 14px;
  }
  .profile-login-clean-logo,
  .auth-brand-logo,
  .profile-login-logo,
  .profile-login-head .profile-login-clean-logo{
    width:52px;
    height:52px;
    min-width:52px;
    min-height:52px;
  }
  .profile-login-clean-top h2,
  .profile-login-clean-top h3,
  .profile-login-head h2,
  .profile-login-head h3,
  .auth-panel-title h2,
  .auth-panel-title h3{
    font-size:18px;
  }
  .profile-login-clean-top p,
  .profile-login-head p,
  .auth-panel-title p{
    font-size:12px;
  }
}

@media(max-width:760px){
  body{
    padding-bottom:96px;
    font-size:14px;
  }
  .ml-header{
    padding:8px 10px;
    z-index:3000;
  }
  .ml-header-top{
    display:grid;
    grid-template-columns:auto 1fr auto auto;
    align-items:center;
    gap:8px;
    width:100%;
    max-width:100%;
    margin:0;
  }
  .ml-logo{
    width:102px;
    max-width:102px;
    height:42px;
  }
  .ml-search{
    height:42px;
    min-width:0;
    border-radius:999px;
    padding:0 6px 0 12px;
    gap:7px;
  }
  .ml-search:before{font-size:15px}
  .ml-search input{
    font-size:14px;
    padding:0;
  }
  .ml-search button{
    width:34px;
    height:34px;
    min-width:34px;
    font-size:16px;
  }
  .ml-header-icons,.extreme-top-actions{gap:6px}
  .ml-header-icons button,.header-share-store-btn,.header-cart-btn,.header-profile-btn{
    width:38px;
    height:38px;
    border-radius:16px;
    font-size:17px;
  }


  .ml-categories{
    position:relative!important;
    z-index:120!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    min-height:48px!important;
    padding:7px 10px 8px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:10px!important;
    white-space:nowrap!important;
    background:rgba(255,255,255,.98)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.9)!important;
    border-bottom:1px solid rgba(223,231,240,.92)!important;
    border-radius:0!important;
    box-shadow:0 5px 18px rgba(15,42,61,.055)!important;
    scrollbar-width:none!important;
    touch-action:pan-x!important;
  }

  .ml-categories::-webkit-scrollbar{
    display:none!important;
  }

  .ml-categories a{
    position:relative!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    scroll-snap-align:start!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#536274!important;
    border:1px solid #dfe7f0!important;
    box-shadow:0 1px 2px rgba(15,42,61,.035)!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }

  .ml-categories a.active,
  .ml-categories a[aria-current="page"]{
    background:#eef5f8!important;
    color:#0f3a52!important;
    border-color:rgba(15,58,82,.34)!important;
    box-shadow:0 2px 7px rgba(15,58,82,.08), inset 0 0 0 1px rgba(15,58,82,.04)!important;
    font-weight:600!important;
  }

  .ml-categories a:active{
    transform:scale(.985)!important;
  }

  .ml-banner-carousel{
    margin:12px 10px;
    aspect-ratio:16/7;
    border-radius:16px;
    max-height:210px;
  }
  .ml-shortcuts{
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
    margin:10px auto 18px;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    border-radius:18px;
    padding:6px;
    overflow:hidden;
  }
  .ml-shortcut{
    min-height:58px;
    font-size:10px;
    gap:4px;
    border-radius:14px;
  }
  .ml-shortcut i{font-size:20px}
  .ml-destaque-container{
    padding:0 10px;
    gap:12px;
  }
  .ml-ofertas-relampago,.ml-prod-destaque{
    border-radius:18px;
    padding:12px;
  }
  .ml-oferta-item{
    grid-template-columns:56px 1fr;
    padding:8px;
  }
  .ml-oferta-item img{
    width:56px;
    height:56px;
  }
  .ml-prod-destaque img{height:180px}
  .extreme-section-title{
    margin:18px 0 10px;
    padding:0 12px;
  }
  .extreme-section-title h1,.extreme-section-title h2{font-size:23px}
  .ml-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:0 10px;
  }
  .ml-card{border-radius:18px}
  .ml-card-img{height:155px}
  .ml-card-body{padding:10px}
  .ml-card-title{
    font-size:13px;
    min-height:36px;
  }
  .ml-card-price{font-size:21px}
  .ml-card-badge{
    font-size:10px;
    padding:3px 7px;
  }
  .ml-btn-comprar{
    min-height:40px;
    font-size:12px;
  }
  .produto-detalhe-page,.ml-detalhe{
    margin:12px 10px;
    padding:14px;
    border-radius:18px;
  }
  .produto-gallery{display:block}
  .gallery-main img{
    max-height:380px;
    border-radius:16px;
  }
  .gallery-thumbs{
    flex-direction:row;
    margin-top:10px;
  }
  .gallery-thumbs img{
    width:64px;
    height:64px;
    flex:0 0 auto;
  }
  .extreme-recommend-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .extreme-reco-card img{height:130px}
  .ml-modal{
    padding:8px;
    align-items:flex-end;
  }
  .ml-modal-content,.auth-wow,.seller-wow,.quickbuy-wow,.profile-login-wow,.profile-login-clean{
    width:100%;
    max-width:480px;
    max-height:88dvh;
    border-radius:24px 24px 18px 18px;
    padding:16px;
    margin:0 auto;
  }
  .auth-wow-shell,.seller-wow-shell{
    display:block;
    min-height:0;
  }
  .auth-wow-brand,.seller-wow-brand,.profile-login-head{
    padding:18px;
    margin:0 0 12px;
    border-radius:20px;
  }
  .auth-wow-brand h2,.seller-wow-brand h2,.profile-login-head h2{
    font-size:22px;
  }
  .auth-benefit-strip,.seller-proof-grid{grid-template-columns:1fr}
  .auth-wow-form,.seller-wow-form,.profile-login-body{padding:0}
  .profile-login-clean-top{
    grid-template-columns:64px 1fr;
    gap:12px;
  }
  .profile-login-clean-logo{
    width:64px;
    height:64px;
    border-radius:18px;
  }
  .row-flex,.whatsapp-row,.seller-two-cols,.cep-finder-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .ml-sidebar,#cartSidebar.ml-sidebar.cart-wow{
    width:100vw;
    max-width:100vw;
  }
  .ml-sidebar-left{
    width:90vw;
    max-width:90vw;
    border-radius:0 24px 24px 0;
  }
  .menu-extreme-head{padding:12px 12px 10px}
  .menu-welcome-card{
    grid-template-columns:58px minmax(0,1fr);
    min-height:78px;
    padding:10px 48px 10px 10px;
    border-radius:18px;
  }
  .menu-welcome-logo{
    width:58px;
    height:58px;
    border-radius:15px;
  }
  .menu-welcome-kicker{font-size:10px}
  .menu-welcome-name{
    font-size:13.5px;
    -webkit-line-clamp:2;
  }
  .menu-extreme-close{
    right:12px;
    top:12px;
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .menu-extreme-list{padding:10px}
  .menu-section-title{
    margin:13px 8px 7px;
    font-size:10.5px;
  }
  .menu-extreme-list a,.ml-sidebar-left li a{
    min-height:46px;
    grid-template-columns:30px minmax(0,1fr) 18px;
    border-radius:14px;
    padding:7px 10px;
    font-size:14px;
  }
  .menu-extreme-list a i:first-child,.ml-sidebar-left li a i:first-child{
    width:30px;
    height:30px;
    font-size:14px;
  }
  .menu-extreme-footer{padding:10px 12px 12px}
  .menu-extreme-seller-box{
    padding:12px;
    border-radius:16px;
  }
  .tracking-steps,.tracking-timeline{
    grid-template-columns:repeat(2,1fr);
  }
.extreme-app-splash-card{
    width:min(430px,calc(100vw - 24px));
    padding:18px;
  }
  .extreme-app-splash-card img{
    width:74px;
    height:74px;
  }
  .extreme-offline-card,.extreme-inbox-card,.extreme-notify-card{
    width:min(430px,calc(100vw - 24px));
  }
  .extreme-inbox-mini{
    align-items:flex-end;
    padding:12px;
  }
  .extreme-inbox-card{
    border-radius:28px 28px 0 0;
  }
  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
  .ml-nav-item{
    height:56px;
    font-size:10.5px;
  }
  .ml-nav-item i{font-size:20px}
  .footer{margin-bottom:100px}
}

@media(max-width:380px){
  .ml-logo{
    width:90px;
    max-width:90px;
  }
  .ml-header-top{gap:6px}
  .ml-header-icons button,.header-share-store-btn,.header-cart-btn,.header-profile-btn{
    width:34px;
    height:34px;
  }
  .ml-card-img{height:135px}
  .ml-card-price{font-size:19px}
  .ml-shortcut{
    font-size:9px;
    min-height:54px;
  }
  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
  .ml-nav-item{
    height:52px;
    font-size:10px;
  }
  .ml-nav-item i{font-size:18px}
  .extreme-notify-actions{grid-template-columns:1fr}
}

@media(max-width:760px){
  .ml-header .ml-header-icons button,
  .ml-header .extreme-top-actions button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .menu-toggle,
  .ml-header .ml-menu-toggle,
  .ml-header [data-open-menu],
  .ml-header [onclick*="menu"],
  .ml-header [onclick*="cart"],
  .ml-header [onclick*="perfil"],
  .ml-header [onclick*="profile"]{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    border-radius:14px!important;
  }

  .ml-header .ml-header-icons i,
  .ml-header .extreme-top-actions i,
  .ml-header .header-share-store-btn i,
  .ml-header .header-cart-btn i,
  .ml-header .header-profile-btn i,
  .ml-header .menu-toggle i,
  .ml-header .ml-menu-toggle i{
    font-size:17px!important;
  }

  .ml-header .ml-header-icons svg,
  .ml-header .extreme-top-actions svg,
  .ml-header .header-share-store-btn svg,
  .ml-header .header-cart-btn svg,
  .ml-header .header-profile-btn svg,
  .ml-header .menu-toggle svg,
  .ml-header .ml-menu-toggle svg{
    width:18px!important;
    height:18px!important;
  }

  .ml-header .header-profile-btn img,
  .ml-header .header-profile-btn span,
  .ml-header .profile-initial,
  .ml-header .user-initial{
    width:28px!important;
    height:28px!important;
    font-size:12px!important;
  }

  .ml-header .header-cart-count{
    top:-2px!important;
    right:-2px!important;
  }
}

@media(max-width:760px){
  .ml-header{
    padding:8px 10px!important;
  }

  .ml-header .ml-header-top{
    max-width:100%!important;
    grid-template-columns:92px minmax(0,1fr) max-content!important;
    gap:7px!important;
  }

  .ml-header .ml-logo{
    width:92px!important;
    max-width:92px!important;
    height:38px!important;
  }

  .ml-header .ml-search{
    height:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    padding:0 5px 0 10px!important;
    gap:6px!important;
  }

  .ml-header .ml-search:before{
    font-size:13px!important;
  }

  .ml-header .ml-search input{
    height:36px!important;
    line-height:36px!important;
    font-size:13px!important;
  }

  .ml-header .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    border-radius:10px!important;
  }

  .ml-header .ml-search button .header-svg-icon{
    width:15px!important;
    height:15px!important;
  }

  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions{
    gap:5px!important;
  }

  .ml-header .ml-header-icons button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    border-radius:12px!important;
  }

  .ml-header .ml-header-icons button .header-svg-icon,
  .ml-header .header-share-store-btn .header-svg-icon,
  .ml-header .header-cart-btn .header-svg-icon,
  .ml-header .header-profile-btn .header-svg-icon{
    width:17px!important;
    height:17px!important;
  }

  .ml-header .header-profile-btn img,
  .ml-header .header-profile-btn span{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    font-size:11px!important;
  }

  .ml-header .header-cart-count{
    top:-5px!important;
    right:-5px!important;
  }
}

@media(max-width:380px){
  .ml-header .ml-header-top{
    grid-template-columns:78px minmax(0,1fr) max-content!important;
    gap:5px!important;
  }

  .ml-header .ml-logo{
    width:78px!important;
    max-width:78px!important;
    height:34px!important;
  }

  .ml-header .ml-search{
    height:36px!important;
    min-height:36px!important;
  }

  .ml-header .ml-search input{
    font-size:12.5px!important;
  }

  .ml-header .ml-search button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }

  .ml-header .ml-header-icons button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }
}

@media(max-width:760px){
  .ml-modal{
    align-items:flex-end!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
  }

  .ml-modal-content,
  .auth-wow,
  .seller-wow,
  .quickbuy-wow,
  .profile-login-wow,
  .profile-login-clean{
    width:100%!important;
    max-width:520px!important;
    max-height:86dvh!important;
    margin:0 auto!important;
    border-radius:24px 24px 18px 18px!important;
    padding:14px!important;
    overflow:auto!important;
  }

  .profile-login-clean-top{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
  }

  .profile-login-clean-logo{
    width:58px!important;
    height:58px!important;
    border-radius:16px!important;
  }

  .profile-login-clean-top h2,
  .profile-login-head h2{
    font-size:20px!important;
    line-height:1.08!important;
    margin-right:40px!important;
  }

  .profile-login-head,
  .auth-wow-brand,
  .seller-wow-brand{
    padding:16px!important;
    border-radius:18px!important;
  }

  .profile-login-body,
  .auth-wow-form,
  .seller-wow-form{
    padding:0!important;
  }

  .profile-summary{
    gap:10px!important;
    padding:11px!important;
    border-radius:16px!important;
  }

  .avatar-circle{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    font-size:20px!important;
  }

  .google-login-main,
  .profile-google-clean,
  .seller-submit,
  .btn-login{
    min-height:44px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }

  .ml-sidebar-left{
    width:90vw!important;
    max-width:90vw!important;
    border-radius:0 22px 22px 0!important;
  }

  .menu-welcome-card{
    grid-template-columns:54px minmax(0,1fr)!important;
    min-height:72px!important;
    padding:9px 44px 9px 9px!important;
  }

  .menu-welcome-logo{
    width:54px!important;
    height:54px!important;
  }

  .menu-welcome-name{
    font-size:13px!important;
    -webkit-line-clamp:2!important;
  }

  .menu-extreme-list a,
  .ml-sidebar-left li a,
  .menu-extreme-link{
    min-height:44px!important;
    font-size:13.5px!important;
    grid-template-columns:29px minmax(0,1fr) 16px!important;
    padding:7px 9px!important;
  }

  .menu-extreme-list a i:first-child,
  .ml-sidebar-left li a i:first-child{
    width:29px!important;
    height:29px!important;
    font-size:13px!important;
  }
}

@media(max-width:380px){
  .ml-sidebar-left{
    width:92vw!important;
    max-width:92vw!important;
  }

  .profile-login-clean-top{
    grid-template-columns:52px minmax(0,1fr)!important;
  }

  .profile-login-clean-logo{
    width:52px!important;
    height:52px!important;
  }

  .profile-login-clean-top h2,
  .profile-login-head h2{
    font-size:18px!important;
  }
}

@media(max-width:760px){
  .ml-modal{
    align-items:flex-end!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
  }

  #profileModal .ml-modal-content,
  #profileModal .profile-login-clean,
  #profileModal .profile-login-wow,
  .profile-login-clean,
  .profile-login-wow,
  .auth-wow.google-only-auth,
  .google-only-auth{
    width:100%!important;
    max-width:520px!important;
    max-height:84dvh!important;
    border-radius:24px 24px 18px 18px!important;
  }

  .profile-login-clean-top,
  .profile-login-head{
    padding:14px 50px 13px 14px!important;
    gap:10px!important;
  }

  .profile-login-clean-logo,
  .profile-login-head .profile-login-clean-logo{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:16px!important;
  }

  .profile-login-clean-top h2,
  .profile-login-head h2,
  .profile-login-clean-top h3,
  .profile-login-head h3,
  .auth-panel-title h3{
    font-size:19px!important;
  }

  .profile-login-clean-top p,
  .profile-login-head p,
  .auth-panel-title p{
    font-size:12.5px!important;
  }

  .profile-login-body,
  .google-only-auth .auth-wow-form,
  .auth-wow.google-only-auth .auth-wow-form{
    padding:14px!important;
  }

  .profile-login-body li,
  .auth-benefit,
  .profile-benefit{
    min-height:35px!important;
    padding:8px 9px!important;
    font-size:12.5px!important;
  }

  .ml-sidebar-left{
    width:86vw!important;
    max-width:86vw!important;
    border-radius:0 22px 22px 0!important;
  }
}

@media(max-width:380px){
  .ml-sidebar-left{
    width:90vw!important;
    max-width:90vw!important;
  }

  .profile-login-clean-logo,
  .profile-login-head .profile-login-clean-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }

  .profile-login-clean-top h2,
  .profile-login-head h2,
  .profile-login-clean-top h3,
  .profile-login-head h3,
  .auth-panel-title h3{
    font-size:18px!important;
  }
}

@media(max-width:760px){
  .profile-login-clean-benefits{grid-template-columns:1fr;gap:8px}
  .auth-brand-top{margin-bottom:12px}
  .auth-brand-name{font-size:16px}
  .extreme-offline-card{grid-template-columns:38px 1fr;gap:8px}
  .extreme-offline-card button{grid-column:1/-1;width:100%}
}

@media(max-width:760px){
  body{padding-bottom:92px!important;}
  .ml-header{padding:8px 10px!important;}
  .ml-header .ml-header-top{
    grid-template-columns:88px minmax(0,1fr) max-content!important;
    gap:7px!important;
  }
  .ml-header .ml-logo{
    width:88px!important;
    max-width:88px!important;
    height:36px!important;
  }
  .ml-header .ml-search{
    height:38px!important;
    min-height:38px!important;
    border-radius:16px!important;
  }
  .ml-header .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:11px!important;
  }
  .ml-header .ml-header-icons button,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .header-share-store-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:13px!important;
  }

  .ml-banner-carousel{
    margin:12px 10px!important;
    max-width:calc(100vw - 20px)!important;
    aspect-ratio:16/7!important;
    max-height:205px!important;
    border-radius:20px!important;
  }
  .ml-shortcuts{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:12px auto 18px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    padding:6px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .ml-shortcut{
    min-width:0!important;
    min-height:62px!important;
    font-size:10px!important;
    line-height:1.05!important;
    gap:5px!important;
    padding:4px 1px!important;
  }
  .ml-shortcut i{font-size:22px!important;}
  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
  .ml-nav-item{
    min-width:0!important;
    height:56px!important;
    border-radius:18px!important;
    font-size:10.5px!important;
    line-height:1.05!important;
  }
  .ml-nav-item i{font-size:20px!important;}
  #modalPerfilCliente.ml-modal.active{
    align-items:center!important;
    padding:8px!important;
  }
  #modalPerfilCliente .profile-login-wow{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 18px)!important;
    border-radius:26px!important;
  }
  #modalPerfilCliente .modal-close{
    top:14px!important;
    right:14px!important;
    width:44px!important;
    height:44px!important;
    border-radius:17px!important;
  }
  #modalPerfilCliente .profile-summary{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:96px!important;
    padding:16px 68px 16px 16px!important;
    border-radius:26px 26px 18px 18px!important;
  }
  #modalPerfilCliente .profile-summary .avatar-circle{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }
  #modalPerfilCliente .profile-summary h3{
    font-size:20px!important;
  }
  #modalPerfilCliente .profile-summary p{
    font-size:12.5px!important;
    -webkit-line-clamp:2!important;
  }
  #modalPerfilCliente .profile-login-wow > .btn,
  #modalPerfilCliente .profile-login-wow > form,
  #modalPerfilCliente .profile-login-wow > hr,
  #modalPerfilCliente .profile-login-wow > button:not(.modal-close){
    margin-left:14px!important;
    margin-right:14px!important;
  }
  #modalPerfilCliente .row-flex{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  #modalPerfilCliente .form-group input,
  #modalPerfilCliente .whatsapp-wrapper{
    height:50px!important;
    min-height:50px!important;
    border-radius:17px!important;
  }
  #modalPerfilCliente .whatsapp-prefix{
    height:50px!important;
    min-width:56px!important;
  }
  #modalPerfilCliente .btn-primary{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:17px!important;
  }
  .ml-sidebar-left{
    width:86vw!important;
    max-width:86vw!important;
    border-radius:0 24px 24px 0!important;
  }
  .ml-sidebar-left .menu-extreme-head{padding:12px!important;}
  .ml-sidebar-left .menu-extreme-list{padding:10px 10px 12px!important;}
  .ml-sidebar-left .menu-extreme-footer{padding:10px 12px 14px!important;}
}

@media(max-width:380px){
  .ml-header .ml-header-top{
    grid-template-columns:78px minmax(0,1fr) max-content!important;
    gap:5px!important;
  }
  .ml-header .ml-logo{width:78px!important;max-width:78px!important;}
  .ml-header .ml-header-icons{gap:4px!important;}
  .ml-header .ml-header-icons button,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .header-share-store-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }
  #modalPerfilCliente .profile-summary{
    grid-template-columns:46px minmax(0,1fr)!important;
    padding:14px 62px 14px 14px!important;
  }
  #modalPerfilCliente .profile-summary .avatar-circle{width:44px!important;height:44px!important;min-width:44px!important;}
  #modalPerfilCliente .profile-summary h3{font-size:18px!important;}
}

@media(max-width:760px){
  #quickBuyModal.ml-modal,
  #quickbuyModal.ml-modal,
  #modalQuickBuy.ml-modal,
  #modalCompraRapida.ml-modal,
  #modalWhatsApp.ml-modal,
  .ml-modal:has(.quickbuy-wow){
    align-items:center!important;
    padding:8px!important;
  }

  .quickbuy-wow{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    padding:12px 14px 16px!important;
    border-radius:24px!important;
  }

  .quickbuy-wow .modal-close{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:15px!important;
  }

  .quickbuy-wow h1,
  .quickbuy-wow h2,
  .quickbuy-wow h3,
  .quickbuy-wow .quickbuy-title,
  .quickbuy-wow .modal-title{
    font-size:21px!important;
    line-height:1.12!important;
    margin-bottom:8px!important;
  }

  .quickbuy-wow h1 + p,
  .quickbuy-wow h2 + p,
  .quickbuy-wow h3 + p,
  .quickbuy-wow .quickbuy-subtitle,
  .quickbuy-wow .modal-subtitle,
  .quickbuy-wow > p{
    font-size:14px!important;
    line-height:1.42!important;
    margin-bottom:12px!important;
  }

  .quickbuy-wow .quickbuy-product,
  .quickbuy-wow .quickbuy-product-name,
  .quickbuy-wow .product-name,
  .quickbuy-wow .selected-product{
    font-size:15px!important;
    margin:8px 0!important;
  }

  .quickbuy-wow form{
    gap:9px!important;
  }

  .quickbuy-wow .input-with-icon input,
  .quickbuy-wow .input-with-icon select,
  .quickbuy-wow .form-group input,
  .quickbuy-wow .form-group select,
  .quickbuy-wow .whatsapp-wrapper input{
    min-height:50px!important;
    height:50px!important;
    border-radius:16px!important;
    font-size:14.5px!important;
  }

  .quickbuy-wow textarea{
    min-height:78px!important;
  }

  .quickbuy-wow .quickbuy-submit,
  .quickbuy-wow button[type="submit"],
  .quickbuy-wow .btn-primary,
  .quickbuy-wow .btn-whatsapp{
    min-height:50px!important;
    height:50px!important;
    border-radius:16px!important;
    font-size:14px!important;
  }
}

@media(max-width:380px){
  .quickbuy-wow{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    padding:10px 12px 14px!important;
    border-radius:22px!important;
  }

  .quickbuy-wow h1,
  .quickbuy-wow h2,
  .quickbuy-wow h3,
  .quickbuy-wow .quickbuy-title,
  .quickbuy-wow .modal-title{
    font-size:19px!important;
  }
}

@media(max-width:760px){
  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:max-content!important;
  }

  .ml-header .ml-header-icons > button,
  .ml-header .extreme-top-actions > button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .account-btn,
  .ml-header .conta-btn,
  .ml-header .profile-btn,
  .ml-header .user-btn,
  .ml-header button[aria-label*="Conta"],
  .ml-header button[aria-label*="conta"],
  .ml-header button[aria-label*="Perfil"],
  .ml-header button[aria-label*="perfil"]{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    padding:0!important;
    margin:0!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
    line-height:1!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .ml-header .header-profile-btn > img,
  .ml-header .header-profile-btn > span,
  .ml-header .account-btn > img,
  .ml-header .account-btn > span,
  .ml-header .conta-btn > img,
  .ml-header .conta-btn > span,
  .ml-header .profile-btn > img,
  .ml-header .profile-btn > span,
  .ml-header .user-btn > img,
  .ml-header .user-btn > span,
  .ml-header button[aria-label*="Conta"] > img,
  .ml-header button[aria-label*="Conta"] > span,
  .ml-header button[aria-label*="conta"] > img,
  .ml-header button[aria-label*="conta"] > span,
  .ml-header button[aria-label*="Perfil"] > img,
  .ml-header button[aria-label*="Perfil"] > span,
  .ml-header button[aria-label*="perfil"] > img,
  .ml-header button[aria-label*="perfil"] > span{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    object-fit:cover!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
    color:#fff!important;
    background:rgba(255,255,255,.18)!important;
  }

  .ml-header .header-profile-btn i,
  .ml-header .header-profile-btn svg,
  .ml-header .account-btn i,
  .ml-header .account-btn svg,
  .ml-header .conta-btn i,
  .ml-header .conta-btn svg,
  .ml-header .profile-btn i,
  .ml-header .profile-btn svg,
  .ml-header .user-btn i,
  .ml-header .user-btn svg,
  .ml-header button[aria-label*="Conta"] i,
  .ml-header button[aria-label*="Conta"] svg,
  .ml-header button[aria-label*="conta"] i,
  .ml-header button[aria-label*="conta"] svg,
  .ml-header button[aria-label*="Perfil"] i,
  .ml-header button[aria-label*="Perfil"] svg,
  .ml-header button[aria-label*="perfil"] i,
  .ml-header button[aria-label*="perfil"] svg{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
    font-size:17px!important;
    color:#fff!important;
    fill:none!important;
    stroke:#fff!important;
    background:transparent!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    min-width:0!important;
    width:auto!important;
    height:56px!important;
    max-height:56px!important;
    padding:0 3px!important;
    margin:0!important;
    border-radius:18px!important;
    flex:1 1 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    overflow:hidden!important;
    line-height:1!important;
    font-size:10.5px!important;
  }

  .ml-bottom-nav .ml-nav-item i,
  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav a i,
  .ml-bottom-nav a svg,
  .ml-bottom-nav button i,
  .ml-bottom-nav button svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    font-size:20px!important;
    margin:0!important;
    flex:0 0 20px!important;
  }

  .ml-bottom-nav .ml-nav-item img,
  .ml-bottom-nav a img,
  .ml-bottom-nav button img,
  .ml-bottom-nav .ml-nav-item span:first-child img,
  .ml-bottom-nav a span:first-child img,
  .ml-bottom-nav button span:first-child img{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 20px!important;
  }
}

@media(max-width:380px){
  .ml-header .ml-header-icons > button,
  .ml-header .extreme-top-actions > button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .account-btn,
  .ml-header .conta-btn,
  .ml-header .profile-btn,
  .ml-header .user-btn,
  .ml-header button[aria-label*="Conta"],
  .ml-header button[aria-label*="conta"],
  .ml-header button[aria-label*="Perfil"],
  .ml-header button[aria-label*="perfil"]{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    flex-basis:32px!important;
    border-radius:11px!important;
  }

  .ml-header .header-profile-btn > img,
  .ml-header .header-profile-btn > span,
  .ml-header .account-btn > img,
  .ml-header .account-btn > span,
  .ml-header .conta-btn > img,
  .ml-header .conta-btn > span,
  .ml-header .profile-btn > img,
  .ml-header .profile-btn > span,
  .ml-header .user-btn > img,
  .ml-header .user-btn > span{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    height:52px!important;
    max-height:52px!important;
    font-size:10px!important;
  }
}

@media(max-width:760px){
  .ml-header:after{display:none!important}

  .ml-shortcut i{
    width:32px!important;
    height:32px!important;
    border-radius:12px!important;
  }
  .ml-card:hover{
    transform:none!important;
  }
  .extreme-section-title:before{
    width:30px;
    height:4px;
    margin-bottom:6px;
  }
}

@media(max-width:760px){
  .ml-banner-carousel .banner-nav-btn,
  .ml-banner-carousel .banner-prev,
  .ml-banner-carousel .banner-next{
    display:none!important;
  }
}

@media(max-width:760px){
  .ml-banner-carousel{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin:10px calc(50% - 50vw) 14px!important;
    aspect-ratio:1600/600!important;
    max-height:none!important;
    border-radius:0!important;
  }
}

@media(max-width:760px){

  body{
    padding-bottom:96px!important;
    font-size:14px!important;
    overscroll-behavior-y:contain;
  }

  .ml-header{
    padding:8px 10px!important;
    border-radius:0!important;
  }

  .ml-header .ml-header-top{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr) max-content!important;
    gap:6px!important;
    align-items:center!important;
  }

  .ml-header .ml-logo{
    width:82px!important;
    max-width:82px!important;
    height:36px!important;
    object-fit:contain!important;
  }

  .ml-header .ml-search{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    padding:0 5px 0 10px!important;
    gap:6px!important;
  }

  .ml-header .ml-search input{
    min-width:0!important;
    height:36px!important;
    font-size:13px!important;
  }

  .ml-header .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:10px!important;
  }

  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:max-content!important;
  }

  .ml-header .ml-header-icons button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:12px!important;
  }

  .ml-banner-carousel{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin:10px calc(50% - 50vw) 14px!important;
    aspect-ratio:1600 / 600!important;
    height:auto!important;
    max-height:none!important;
    border-radius:0!important;
  }

  .ml-banner-slide img,
  .ml-banner-slide picture img,
  .ml-cover{
    object-fit:contain!important;
    object-position:center center!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:10px auto 18px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    padding:6px!important;
    border-radius:18px!important;
  }

  .ml-shortcut{
    min-height:58px!important;
    font-size:10px!important;
    border-radius:14px!important;
  }

  .ml-shortcut i{
    font-size:19px!important;
  }

  .ml-grid{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:0 10px!important;
    margin-bottom:28px!important;
  }

  .ml-card{
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .ml-card-img{
    height:auto!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
  }

  .ml-card-body{
    padding:10px!important;
  }

  .ml-card-title{
    font-size:13px!important;
    line-height:1.3!important;
    min-height:34px!important;
  }

  .ml-card-price{
    font-size:20px!important;
    margin:6px 0!important;
  }

  .ml-card-badges{
    gap:5px!important;
    margin:8px 0!important;
  }

  .ml-card-badge{
    font-size:9.5px!important;
    padding:3px 7px!important;
  }

  .ml-btn-comprar{
    width:100%!important;
    min-height:40px!important;
    font-size:12px!important;
    border-radius:12px!important;
  }

  .ml-destaque-container{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    padding:0 10px!important;
    gap:12px!important;
  }

  .ml-ofertas-relampago,
  .ml-prod-destaque{
    border-radius:18px!important;
    padding:12px!important;
  }

  .ml-prod-destaque img{
    height:auto!important;
    aspect-ratio:4 / 3!important;
    object-fit:cover!important;
  }

  .produto-detalhe-page,
  .ml-detalhe{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:12px auto!important;
    padding:14px!important;
    border-radius:18px!important;
  }

  .produto-gallery{
    display:block!important;
  }

  .gallery-main img{
    width:100%!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    object-fit:contain!important;
    border-radius:16px!important;
  }

  .gallery-thumbs{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    margin-top:10px!important;
    overflow-x:auto!important;
  }

  .gallery-thumbs img{
    width:64px!important;
    height:64px!important;
    flex:0 0 auto!important;
  }

  .ml-modal{
    align-items:flex-end!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
  }

  .ml-modal-content,
  .auth-wow,
  .seller-wow,
  .quickbuy-wow,
  .profile-login-wow,
  .profile-login-clean{
    width:100%!important;
    max-width:520px!important;
    max-height:86dvh!important;
    border-radius:24px 24px 18px 18px!important;
    overflow:auto!important;
  }

  .ml-sidebar,
  #cartSidebar.ml-sidebar.cart-wow{
    width:100vw!important;
    max-width:100vw!important;
  }

  .ml-sidebar-left{
    width:88vw!important;
    max-width:88vw!important;
    border-radius:0 22px 22px 0!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-nav-item{
    height:56px!important;
    font-size:10px!important;
    border-radius:17px!important;
  }

  .ml-nav-item i{
    font-size:20px!important;
  }
}

@media(max-width:380px){

  .ml-header .ml-header-top{
    grid-template-columns:72px minmax(0,1fr) max-content!important;
    gap:5px!important;
  }

  .ml-header .ml-logo{
    width:72px!important;
    max-width:72px!important;
  }

  .ml-grid{
    gap:10px!important;
    padding:0 8px!important;
  }

  .ml-card-body{
    padding:9px!important;
  }

  .ml-card-price{
    font-size:18px!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
  }

  .ml-shortcut{
    font-size:9px!important;
    min-height:54px!important;
  }
}

@media(max-width:760px){
  #profileModal .ml-modal-content,
  #modalPerfilCliente .ml-modal-content,
  #profileModal .profile-login-clean,
  #modalPerfilCliente .profile-login-clean,
  .profile-login-clean,
  .profile-login-wow,
  .auth-wow.google-only-auth,
  .google-only-auth{
    width:100%!important;
    max-width:520px!important;
    max-height:86dvh!important;
    border-radius:26px 26px 18px 18px!important;
  }
  .profile-login-clean-top,
  .profile-login-head,
  .auth-panel-title{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:12px!important;
    padding:18px 62px 16px 16px!important;
  }
  .profile-login-clean-logo,
  .auth-brand-logo,
  .profile-login-logo,
  .profile-login-head .profile-login-clean-logo{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
  }
  .profile-login-clean-top h2,
  .profile-login-clean-top h3,
  .profile-login-head h2,
  .profile-login-head h3,
  .auth-panel-title h2,
  .auth-panel-title h3{
    font-size:21px!important;
  }
  .profile-login-clean-top p,
  .profile-login-head p,
  .auth-panel-title p{
    font-size:12.8px!important;
  }
  .profile-login-body{
    padding:14px!important;
  }
  .profile-login-clean-benefits,
  .profile-benefits,
  .profile-login-benefits,
  .profile-login-body ul{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .profile-login-clean-benefits div,
  .profile-login-clean-benefits span,
  .profile-login-body li,
  .profile-benefit,
  .auth-benefit{
    min-height:42px!important;
    justify-content:flex-start!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    font-size:12.8px!important;
  }
}

@media(max-width:760px){
  html,body{overflow-x:hidden!important;}
  body{padding-bottom:96px!important;}
  .ml-modal{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  .auth-wow,
  .ml-modal-content,
  .profile-login-clean,
  .profile-login-wow,
  .google-only-auth,
  #profileModal .ml-modal-content,
  #modalPerfilCliente .ml-modal-content{
    width:100%!important;
    max-width:520px!important;
    max-height:88dvh!important;
    border-radius:28px 28px 18px 18px!important;
  }
  .auth-wow-shell{display:block!important;min-height:0!important;}
  .auth-wow-brand{padding:22px!important;margin:0!important;border-radius:0!important;}
  .auth-wow-brand h1,.auth-wow-brand h2,.auth-wow-brand h3{font-size:26px!important;}
  .auth-wow-brand p{font-size:14px!important;}
  .auth-wow-form{padding:18px!important;}
  .auth-tabs,.tabs-auth{height:52px!important;margin:14px 0 18px!important;}
  .tab-auth{height:38px!important;font-size:13.5px!important;}
  .form-group input,.form-group select,.form-group textarea,.input-with-icon input,.input-with-icon select,.auth-wow-form input,.auth-wow-form select,.auth-wow-form textarea,.profile-login-body input,.profile-login-body select,.profile-login-body textarea{min-height:50px!important;border-radius:16px!important;}
  .btn,.btn-primary,.btn-login,.auth-wow-form .btn-login,.auth-wow-form .btn-primary,.profile-login-body .btn-login,.profile-login-body .btn-primary,.google-login-main,.profile-google-clean,a.google-login-main{min-height:52px!important;border-radius:17px!important;font-size:14.5px!important;}
  .profile-login-clean-top,.profile-login-head,.auth-panel-title{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;padding:18px 62px 16px 16px!important;}
  .profile-login-clean-logo,.auth-brand-logo,.profile-login-logo{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;}
  .profile-login-clean-benefits,.profile-benefits,.profile-login-benefits,.profile-login-body ul{grid-template-columns:1fr!important;gap:8px!important;}
  .ml-header{padding:8px 10px!important;}
  .ml-header-top{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;max-width:100%!important;}
  .ml-logo{width:96px!important;max-width:96px!important;height:40px!important;}
  .ml-search{height:42px!important;min-width:0!important;}
  .ml-header-icons,.extreme-top-actions{gap:6px!important;}
  .ml-header .ml-header-icons button,.ml-header .extreme-top-actions button,.ml-header .header-share-store-btn,.ml-header .header-cart-btn,.ml-header .header-profile-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:14px!important;}
  .ml-banner-carousel{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;min-width:0!important;margin:12px 10px!important;aspect-ratio:16/7!important;border-radius:18px!important;}
  .ml-shortcuts{margin:10px 10px 18px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;}
  .ml-shortcut{min-height:58px!important;font-size:10px!important;padding:4px!important;}
  .ml-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0 10px!important;}
  .ml-card-img{height:clamp(132px,42vw,170px)!important;}
  .ml-card-body{padding:10px!important;}
  .produto-detalhe-page,.ml-detalhe{margin:12px 10px!important;padding:14px!important;border-radius:18px!important;}
  .produto-gallery{display:block!important;}
  .gallery-thumbs{flex-direction:row!important;margin-top:10px!important;}
  .extreme-recommend-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ml-sidebar,#cartSidebar.ml-sidebar.cart-wow{width:100vw!important;max-width:100vw!important;}
  .ml-sidebar-left{width:90vw!important;max-width:90vw!important;border-radius:0 24px 24px 0!important;}
  .tracking-steps,.tracking-timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .row-flex,.whatsapp-row,.seller-two-cols,.cep-finder-grid{grid-template-columns:1fr!important;}
}

@media(max-width:480px){
  .ml-grid{gap:10px!important;}
  .ml-card-title{font-size:12.8px!important;min-height:35px!important;}
  .ml-card-price{font-size:19px!important;}
  .ml-card-badges{gap:4px!important;}
  .ml-card-badge,.ml-badge{font-size:9.5px!important;padding:3px 6px!important;}
  .ml-shortcuts{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:10px auto 18px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    padding:5px!important;
    overflow:hidden!important;
    scrollbar-width:auto!important;
  }
  .ml-shortcuts::-webkit-scrollbar{display:none!important;}
  .ml-shortcut{
    min-width:0!important;
    max-width:100%!important;
    flex:initial!important;
    padding:4px 2px!important;
  }
  .extreme-recommend-strip{grid-template-columns:1fr 1fr!important;}
  .checkout-native,.payment-native,.order-track-card{padding:14px!important;border-radius:18px!important;}
  .extreme-notify-actions{grid-template-columns:1fr!important;}
}

@media(max-width:380px){
  .ml-header-top{grid-template-columns:78px minmax(0,1fr) auto!important;gap:5px!important;}
  .ml-logo{width:78px!important;max-width:78px!important;}
  .ml-header .ml-header-icons button,.ml-header .extreme-top-actions button,.ml-header .header-share-store-btn,.ml-header .header-cart-btn,.ml-header .header-profile-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;}
  .auth-wow-brand{padding:18px!important;}
  .auth-wow-brand h1,.auth-wow-brand h2,.auth-wow-brand h3{font-size:22px!important;}
  .auth-wow-form h1,.auth-wow-form h2,.auth-wow-form h3,.auth-panel-title h2,.auth-panel-title h3{font-size:21px!important;}
  .ml-card-img{height:128px!important;}
  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
  .ml-nav-item{height:52px!important;font-size:10px!important;}
}

@media(max-width:760px){
  body{
    padding-bottom:94px!important;
  }

  .ml-header{
    padding:8px 10px 10px!important;
  }

  .ml-header-top{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .ml-logo img,
  .header-logo img{
    height:36px!important;
    max-width:140px!important;
  }

  .ml-search{
    height:42px!important;
    min-height:42px!important;
    padding:0 6px 0 11px!important;
    gap:7px!important;
    border-radius:18px!important;
  }

  .ml-search input{
    font-size:13px!important;
  }

  .ml-search button{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }

  .ml-header .ml-header-icons button,
  .ml-header .extreme-top-actions button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .menu-toggle,
  .ml-header .ml-menu-toggle,
  .ml-header [data-open-menu],
  .ml-header [onclick*="menu"],
  .ml-header [onclick*="cart"],
  .ml-header [onclick*="perfil"],
  .ml-header [onclick*="profile"]{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:13px!important;
  }

  .ml-banner-carousel{
    width:calc(100vw - 20px)!important;
    margin:11px auto 10px!important;
    border-radius:18px!important;
    aspect-ratio:16/7!important;
    max-height:190px!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 20px)!important;
    margin:10px auto 18px!important;
    padding:7px!important;
    gap:5px!important;
    border-radius:20px!important;
  }

  .ml-shortcut{
    min-height:58px!important;
    padding:6px 3px!important;
    border-radius:15px!important;
    font-size:9.3px!important;
  }

  .ml-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
    padding:0 10px!important;
  }

  .ml-card{
    border-radius:18px!important;
  }

  .ml-card-img{
    height:148px!important;
  }

  .ml-card-body{
    padding:10px!important;
  }

  .ml-card-title{
    min-height:36px!important;
    font-size:12.6px!important;
  }

  .ml-card-price{
    font-size:20px!important;
  }

  .ml-modal{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
  }

  #modalPerfilCliente .ml-modal-content,
  #modalPerfilCliente .profile-login-wow,
  #modalPerfilCliente .profile-login-clean,
  #modalPerfilCliente .google-only-auth{
    width:100%!important;
    max-width:500px!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px!important;
  }

  #modalPerfilCliente .profile-login-clean-top{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px 52px 14px 14px!important;
  }

  #modalPerfilCliente .profile-login-clean-logo{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }

  #modalPerfilCliente .profile-login-clean-top h2{
    font-size:19px!important;
    margin-bottom:5px!important;
  }

  #modalPerfilCliente .profile-login-clean-top p{
    font-size:11.1px!important;
    line-height:1.28!important;
    -webkit-line-clamp:2!important;
  }

  #modalPerfilCliente .profile-login-clean-benefits{
    padding:10px 12px 0!important;
    gap:6px!important;
  }

  #modalPerfilCliente .profile-login-clean-benefits div,
  #modalPerfilCliente .profile-benefit{
    min-height:40px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:9px!important;
    padding:7px 9px!important;
    border-radius:14px!important;
  }

  #modalPerfilCliente .profile-login-clean-benefits i,
  #modalPerfilCliente .profile-benefit i{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  #modalPerfilCliente .profile-login-clean-benefits span,
  #modalPerfilCliente .profile-benefit span{
    font-size:11.6px!important;
  }

  #modalPerfilCliente .google-login-main.profile-google-clean,
  #modalPerfilCliente a.google-login-main.profile-google-clean,
  #modalPerfilCliente .btn-login.profile-google-clean{
    width:calc(100% - 24px)!important;
    height:48px!important;
    min-height:48px!important;
    margin:11px 12px 10px!important;
    border-radius:15px!important;
    font-size:13px!important;
  }

  #modalPerfilCliente .profile-login-clean-note{
    margin:0 12px 12px!important;
    font-size:10.9px!important;
    line-height:1.3!important;
  }

  #modalVender .ml-modal-content,
  #modalVender .seller-wow{
    width:100%!important;
    max-width:520px!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px!important;
  }

  #modalVender .seller-wow-shell,
  #modalVender .auth-wow-shell{
    display:block!important;
    max-height:calc(100dvh - 16px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  #modalVender .seller-wow-brand,
  #modalVender .auth-wow-brand{
    padding:18px!important;
  }

  #modalVender .seller-wow-brand h2,
  #modalVender .auth-wow-brand h2{
    font-size:25px!important;
  }

  #modalVender .seller-wow-brand p,
  #modalVender .auth-wow-brand p{
    font-size:13px!important;
  }

  #modalVender .seller-proof-grid,
  #modalVender .auth-benefit-strip{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:14px!important;
  }

  #modalVender .seller-proof-grid div,
  #modalVender .auth-benefit{
    padding:10px!important;
    border-radius:15px!important;
  }

  #modalVender .seller-wow-form,
  #modalVender .auth-wow-form{
    padding:18px!important;
    overflow:visible!important;
  }

  #modalVender .seller-wow-form h2,
  #modalVender .seller-wow-form h3,
  #modalVender .auth-wow-form h2,
  #modalVender .auth-wow-form h3{
    margin-right:48px!important;
    font-size:20px!important;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar{
    top:10px!important;
    left:10px!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    height:calc(100dvh - 20px)!important;
    border-radius:28px!important;
  }

  #cartSidebar.ml-sidebar.cart-wow,
  .ml-sidebar.cart-wow{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    border-radius:24px 24px 0 0!important;
  }
}

@media(max-width:380px){
  .ml-logo img,
  .header-logo img{
    height:32px!important;
    max-width:118px!important;
  }

  .ml-search input{
    font-size:12.4px!important;
  }

  .ml-card-img{
    height:132px!important;
  }

  .ml-card-price{
    font-size:18px!important;
  }

  #modalPerfilCliente .profile-login-clean-top{
    grid-template-columns:44px minmax(0,1fr)!important;
    padding:12px 50px 12px 12px!important;
  }

  #modalPerfilCliente .profile-login-clean-logo{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  #modalPerfilCliente .profile-login-clean-top h2{
    font-size:17px!important;
  }

  #modalPerfilCliente .profile-login-clean-top p{
    font-size:10.5px!important;
  }
}

@media(max-width:760px){
  #modalCupom.ml-modal,
  #modalPlay.ml-modal{
    align-items:flex-end!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
  }

  #modalCupom .ml-modal-content,
  #modalPlay .ml-modal-content{
    width:100%!important;
    max-width:520px!important;
    max-height:calc(100dvh - 16px)!important;
    padding:20px 14px 14px!important;
    border-radius:24px!important;
  }

  #modalCupom .ml-modal-content > div:first-of-type,
  #modalPlay .ml-modal-content > div:first-of-type{
    width:56px!important;
    height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    flex-basis:56px!important;
    border-radius:20px!important;
  }

  #modalCupom .ml-modal-content > div:first-of-type i,
  #modalPlay .ml-modal-content > div:first-of-type i,
  #modalCupom .ml-modal-content > div:first-of-type svg,
  #modalPlay .ml-modal-content > div:first-of-type svg,
  #modalCupom .ml-modal-content > div:first-of-type img,
  #modalPlay .ml-modal-content > div:first-of-type img{
    width:26px!important;
    height:26px!important;
    max-width:26px!important;
    max-height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    font-size:24px!important;
    line-height:26px!important;
  }

  #modalCupom h3,
  #modalPlay h3{
    margin:0 48px 7px!important;
    font-size:20px!important;
  }

  #modalCupom p,
  #modalPlay p{
    font-size:12.3px!important;
    line-height:1.35!important;
    margin-bottom:12px!important;
  }

  #modalCupom .ml-modal-content > div[style*="max-height"],
  #modalPlay .ml-modal-content > div[style*="max-height"]{
    max-height:calc(100dvh - 260px)!important;
    gap:9px!important;
  }
}

@media(max-width:380px){
  #modalCupom h3,
  #modalPlay h3{
    font-size:18px!important;
  }

  #modalCupom p,
  #modalPlay p{
    font-size:11.5px!important;
  }
}

@media(max-width:760px){
  #modalPerfilCliente .ml-modal-content,
  #profileModal .ml-modal-content,
  #modalPerfilCliente .profile-login-clean,
  #modalPerfilCliente .profile-login-wow,
  #modalPerfilCliente .google-only-auth,
  #modalPerfilCliente .auth-wow.google-only-auth,
  #profileModal .profile-login-clean,
  #profileModal .profile-login-wow,
  #profileModal .google-only-auth,
  #profileModal .auth-wow.google-only-auth{
    max-height:calc(100dvh - 10px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  #modalPerfilCliente .profile-login-clean-benefits div,
  #modalPerfilCliente .profile-login-body li,
  #modalPerfilCliente .profile-benefit,
  #profileModal .profile-login-clean-benefits div,
  #profileModal .profile-login-body li,
  #profileModal .profile-benefit{
    min-height:54px!important;
    padding:10px 12px!important;
    gap:10px!important;
  }

  #modalPerfilCliente .profile-login-clean-benefits i,
  #modalPerfilCliente .profile-login-body li i,
  #modalPerfilCliente .profile-benefit i,
  #profileModal .profile-login-clean-benefits i,
  #profileModal .profile-login-body li i,
  #profileModal .profile-benefit i{
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
}

@media(max-width:760px){
  .coupon-modal-content,
  .play-modal-content{
    width:100%;
    padding:18px;
  }
  .coupon-card{
    grid-template-columns:1fr;
  }
  .coupon-card-desc,
  .coupon-card-discount{
    grid-column:1/-1;
    grid-row:auto;
  }
  .coupon-card-discount{
    min-width:0;
    min-height:48px;
  }
  .cep-finder-grid,
  .seller-flow-mini{
    grid-template-columns:1fr;
  }
  .quickbuy-head,
  .native-illustration-block{
    grid-template-columns:1fr;
    text-align:left;
  }
  .quickbuy-icon{
    grid-row:auto;
  }
}

@media (max-width:768px){
  .ml-header .menu-toggle,
  .ml-header .ml-menu-toggle,
  .ml-header [data-open-menu],
  .ml-header [aria-controls="moreSidebar"],
  .ml-header [onclick*="toggleMore"],
  .ml-header [onclick*="openMenu"],
  .ml-header [onclick*="abrirMenu"],
  .ml-header [onclick*="menuSidebar"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}

@media (max-width:768px){
  .ml-header{
    padding:7px 4px 7px 8px!important;
  }

  .ml-header .ml-header-top{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr) max-content!important;
    align-items:center!important;
    gap:6px!important;
  }

  .ml-header .ml-logo{
    width:76px!important;
    max-width:76px!important;
    min-width:76px!important;
    height:36px!important;
    justify-self:start!important;
  }

  .ml-header .ml-search{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:14px!important;
    padding:0 5px 0 10px!important;
    gap:6px!important;
  }

  .ml-header .ml-search input{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    line-height:38px!important;
    font-size:13.5px!important;
  }

  .ml-header .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    border-radius:10px!important;
  }

  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions{
    justify-self:end!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:max-content!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
  }

  .ml-header .ml-header-icons button:not(.header-menu-btn),
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    border-radius:12px!important;
  }

  .ml-header .header-menu-btn,
  .ml-header .ml-header-icons .header-menu-btn{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}

@media (max-width:380px){
  .ml-header{
    padding:7px 3px 7px 6px!important;
  }

  .ml-header .ml-header-top{
    grid-template-columns:66px minmax(0,1fr) max-content!important;
    gap:4px!important;
  }

  .ml-header .ml-logo{
    width:66px!important;
    max-width:66px!important;
    min-width:66px!important;
    height:32px!important;
  }

  .ml-header .ml-search{
    height:38px!important;
    min-height:38px!important;
    padding-left:9px!important;
    padding-right:4px!important;
  }

  .ml-header .ml-search input{
    height:36px!important;
    line-height:36px!important;
    font-size:12.7px!important;
  }

  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions{
    gap:4px!important;
  }

  .ml-header .ml-header-icons button:not(.header-menu-btn),
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
  }
}

:root{
  --extreme-white:#ffffff;
  --extreme-bg:#ffffff;
  --extreme-soft:#f4f8fb;
  --extreme-primary:#0f3a52;
  --extreme-primary-2:#14506f;
  --extreme-primary-soft:rgba(15,58,82,.10);
  --extreme-primary-border:rgba(15,58,82,.14);
  --extreme-accent:#ff6b16;
  --extreme-accent-2:#e85d0f;
  --extreme-accent-soft:rgba(255,107,22,.12);
  --extreme-text:#102033;
  --extreme-muted:#5c7184;
  --extreme-border:#dfe9f2;
  --primary:#0f3a52;
  --accent:#ff6b16;
  --text:#102033;
  --text-secondary:#5c7184;
  --price-color:#0f3a52;
  --header-bg-gradient:linear-gradient(135deg,#0f3a52 0%,#14506f 100%);
  --andes-bg:#ffffff;
  --andes-surface:#ffffff;
  --andes-surface-soft:#f4f8fb;
  --andes-blue:#0f3a52;
  --andes-blue-hover:#14506f;
  --andes-blue-soft:rgba(15,58,82,.10);
  --andes-yellow:#ffffff;
  --andes-orange:#ff6b16;
}

@media(max-width:768px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#ffffff!important;
  }

  body{
    padding-bottom:94px!important;
    color:#102033!important;
    font-size:14px!important;
    line-height:1.36!important;
  }

  body.menu-open,
  body.cart-open{
    overflow:hidden!important;
  }

  .ml-header{
    position:sticky!important;
    top:0!important;
    z-index:6000!important;
    width:100%!important;
    padding:8px 10px 9px!important;
    background:linear-gradient(135deg,#0f3a52 0%,#14506f 100%)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 8px 22px rgba(15,58,82,.18)!important;
  }

  .ml-header .ml-header-top,
  .ml-header-top{
    width:100%!important;
    max-width:100%!important;
    min-height:38px!important;
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr) max-content!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
  }

  .ml-header .header-menu-btn,
  .ml-header .menu-toggle,
  .ml-header .ml-menu-toggle,
  .ml-header [data-open-menu],
  .ml-header [onclick*="menu"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  .ml-logo,
  .ml-header .ml-logo{
    width:78px!important;
    max-width:78px!important;
    height:36px!important;
    max-height:36px!important;
    display:block!important;
    object-fit:contain!important;
  }

  .ml-logo img,
  .header-logo img,
  .ml-header .ml-logo img{
    width:100%!important;
    max-width:100%!important;
    height:36px!important;
    max-height:36px!important;
    object-fit:contain!important;
    display:block!important;
  }

  .ml-search,
  .ml-header .ml-search{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:0 5px 0 10px!important;
    border-radius:15px!important;
    background:#ffffff!important;
    border:1px solid rgba(255,255,255,.34)!important;
    box-shadow:0 8px 18px rgba(7,22,34,.13)!important;
    overflow:hidden!important;
  }

  .ml-search:before,
  .ml-header .ml-search:before{
    color:#5c7184!important;
    font-size:13px!important;
  }

  .ml-search input,
  .ml-header .ml-search input{
    min-width:0!important;
    width:100%!important;
    height:36px!important;
    line-height:36px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#102033!important;
    font-size:12.8px!important;
    font-weight:650!important;
    outline:none!important;
  }

  .ml-search input::placeholder,
  .ml-header .ml-search input::placeholder{
    color:#7890a4!important;
    font-weight:600!important;
  }

  .ml-search button,
  .ml-header .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#ff6b16!important;
    color:#ffffff!important;
    box-shadow:none!important;
  }

  .ml-search button i,
  .ml-search button svg,
  .ml-header .ml-search button i,
  .ml-header .ml-search button svg{
    color:#ffffff!important;
    fill:none!important;
    stroke:#ffffff!important;
    width:15px!important;
    height:15px!important;
    font-size:15px!important;
  }

  .ml-header-icons,
  .extreme-top-actions,
  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:max-content!important;
  }

  .ml-header .ml-header-icons > button,
  .ml-header .extreme-top-actions > button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .account-btn,
  .ml-header .conta-btn,
  .ml-header .profile-btn,
  .ml-header .user-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    color:#ffffff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .ml-header .ml-header-icons i,
  .ml-header .extreme-top-actions i,
  .ml-header .header-share-store-btn i,
  .ml-header .header-cart-btn i,
  .ml-header .header-profile-btn i,
  .ml-header .ml-header-icons svg,
  .ml-header .extreme-top-actions svg,
  .ml-header .header-share-store-btn svg,
  .ml-header .header-cart-btn svg,
  .ml-header .header-profile-btn svg{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
    color:#ffffff!important;
    fill:none!important;
    stroke:#ffffff!important;
    font-size:17px!important;
  }

  .ml-header .header-profile-btn img,
  .ml-header .header-profile-btn span,
  .ml-header .profile-initial,
  .ml-header .user-initial{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:grid!important;
    place-items:center!important;
    color:#ffffff!important;
    background:rgba(255,255,255,.18)!important;
    font-size:10.5px!important;
    font-weight:900!important;
  }

  .ml-header .header-cart-count{
    top:-5px!important;
    right:-5px!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#ff6b16!important;
    color:#ffffff!important;
    border:2px solid #0f3a52!important;
    font-size:9px!important;
    line-height:13px!important;
    font-weight:900!important;
  }

  .ml-banner-carousel{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1600/600!important;
    margin:10px auto 12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 10px 24px rgba(15,58,82,.08)!important;
  }

  .ml-banner-wrapper,
  .ml-banner-slide{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }

  .ml-banner-slide img,
  .ml-banner-slide picture,
  .ml-banner-slide picture img,
  .ml-cover{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#ffffff!important;
  }

  .ml-banner-carousel .banner-nav-btn,
  .ml-banner-carousel .banner-prev,
  .ml-banner-carousel .banner-next,
  .banner-nav-btn,
  .banner-prev,
  .banner-next{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    min-height:0!important;
    margin:10px auto 17px!important;
    padding:6px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 8px 20px rgba(15,58,82,.07)!important;
  }

  .ml-shortcut{
    min-width:0!important;
    min-height:56px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px 2px!important;
    border-radius:14px!important;
    color:#0f3a52!important;
    background:#ffffff!important;
    font-size:9.7px!important;
    line-height:1.05!important;
    font-weight:850!important;
    text-align:center!important;
  }

  .ml-shortcut i,
  .ml-shortcut svg{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:rgba(15,58,82,.10)!important;
    color:#0f3a52!important;
    font-size:17px!important;
  }

  .ml-shortcut:hover,
  .ml-shortcut:active{
    background:rgba(255,107,22,.10)!important;
    color:#ff6b16!important;
    transform:none!important;
  }

  .ml-shortcut:hover i,
  .ml-shortcut:active i{
    background:#ff6b16!important;
    color:#ffffff!important;
  }

  .extreme-section-title{
    margin:17px 0 9px!important;
    padding:0 12px!important;
  }

  .extreme-section-title h1,
  .extreme-section-title h2{
    color:#102033!important;
    font-size:21px!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }

  .extreme-section-title span,
  .extreme-section-title p{
    color:#5c7184!important;
    font-size:12.8px!important;
    line-height:1.32!important;
    font-weight:650!important;
  }

  .ml-grid{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
    padding:0 10px!important;
    margin:0 auto 28px!important;
  }

  .ml-card{
    min-width:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 8px 20px rgba(15,58,82,.07)!important;
    transform:none!important;
  }

  .ml-card:hover{
    transform:none!important;
  }

  .ml-card-img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    max-height:none!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    background:#f4f8fb!important;
  }

  .ml-card-body{
    padding:10px!important;
  }

  .ml-card-title{
    min-height:35px!important;
    color:#102033!important;
    font-size:12.8px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
  }

  .ml-card-price,
  .ml-preco-pix,
  .preco-grande,
  .extreme-native-product-price{
    color:#0f3a52!important;
    font-size:20px!important;
    line-height:1.05!important;
    font-weight:950!important;
  }

  .ml-card-badges{
    gap:5px!important;
    margin:7px 0!important;
  }

  .ml-badge,
  .ml-card-badge,
  .extreme-interest-badge,
  .order-status-pill{
    min-height:21px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    color:#0f3a52!important;
    background:rgba(15,58,82,.08)!important;
    font-size:9.5px!important;
    font-weight:850!important;
  }

  .ml-btn-comprar,
  .ml-card .btn,
  .ml-card .btn-primary,
  .btn-primary,
  .seller-submit,
  .quickbuy-wow .btn-whatsapp,
  .quickbuy-wow button[type="submit"]{
    min-height:40px!important;
    height:auto!important;
    border-radius:13px!important;
    background:#ff6b16!important;
    color:#ffffff!important;
    border:0!important;
    box-shadow:0 9px 18px rgba(255,107,22,.20)!important;
    font-size:12.4px!important;
    font-weight:900!important;
  }

  .ml-btn-share{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border-radius:13px!important;
    color:#0f3a52!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 8px 18px rgba(15,58,82,.10)!important;
  }

  .ml-destaque-container{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0 10px!important;
    margin-bottom:22px!important;
  }

  .ml-ofertas-relampago,
  .ml-prod-destaque{
    border-radius:18px!important;
    padding:12px!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 8px 20px rgba(15,58,82,.07)!important;
  }

  .ml-ofertas-header{
    color:#102033!important;
    font-size:14px!important;
    font-weight:900!important;
  }

  .ml-timer,
  .ml-mais-vendido{
    background:#ff6b16!important;
    color:#ffffff!important;
    border-radius:999px!important;
  }

  .ml-oferta-item{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:9px!important;
    padding:8px!important;
    border-radius:14px!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
  }

  .ml-oferta-item img{
    width:54px!important;
    height:54px!important;
    border-radius:12px!important;
    object-fit:cover!important;
  }

  .ml-prod-destaque img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    max-height:none!important;
    object-fit:cover!important;
    border-radius:15px!important;
  }

  .produto-detalhe-page,
  .ml-detalhe{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:12px auto!important;
    padding:14px!important;
    border-radius:18px!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 8px 20px rgba(15,58,82,.07)!important;
  }

  .produto-gallery{
    display:block!important;
  }

  .gallery-main img{
    width:100%!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    border-radius:16px!important;
    background:#ffffff!important;
  }

  .gallery-thumbs{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    margin-top:10px!important;
    overflow-x:auto!important;
  }

  .gallery-thumbs img{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-radius:13px!important;
    object-fit:cover!important;
  }

  .extreme-recommend-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }

  .extreme-reco-card{
    border-radius:16px!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
  }

  .extreme-reco-card img{
    height:auto!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
  }

  .ml-modal{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    background:rgba(7,22,34,.34)!important;
    backdrop-filter:blur(5px)!important;
  }

  .ml-modal-content,
  .auth-wow,
  .seller-wow,
  .quickbuy-wow,
  .profile-login-wow,
  .profile-login-clean,
  .google-only-auth,
  #profileModal .ml-modal-content,
  #modalPerfilCliente .ml-modal-content,
  #modalVender .ml-modal-content{
    width:100%!important;
    max-width:520px!important;
    max-height:88dvh!important;
    margin:0 auto!important;
    overflow:auto!important;
    border-radius:26px 26px 18px 18px!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 18px 48px rgba(7,22,34,.24)!important;
  }

  .auth-wow-shell,
  .seller-wow-shell{
    display:block!important;
    min-height:0!important;
  }

  .auth-wow-brand,
  .seller-wow-brand,
  .profile-login-head,
  .profile-login-clean-top,
  .auth-panel-title{
    background:linear-gradient(135deg,#0f3a52 0%,#14506f 100%)!important;
    color:#ffffff!important;
    border-radius:24px 24px 18px 18px!important;
  }

  .auth-wow-brand h1,
  .auth-wow-brand h2,
  .auth-wow-brand h3,
  .seller-wow-brand h1,
  .seller-wow-brand h2,
  .seller-wow-brand h3,
  .profile-login-head h2,
  .profile-login-clean-top h2,
  .auth-panel-title h2,
  .auth-panel-title h3{
    color:#ffffff!important;
  }

  .auth-wow-brand p,
  .seller-wow-brand p,
  .profile-login-head p,
  .profile-login-clean-top p,
  .auth-panel-title p{
    color:rgba(255,255,255,.82)!important;
  }

  .modal-close{
    top:12px!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    background:#ffffff!important;
    color:#0f3a52!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 8px 18px rgba(7,22,34,.12)!important;
  }

  .form-group input,
  .form-group select,
  .form-group textarea,
  .input-with-icon input,
  .input-with-icon select,
  .auth-wow-form input,
  .auth-wow-form select,
  .auth-wow-form textarea,
  .profile-login-body input,
  .profile-login-body select,
  .profile-login-body textarea,
  .quickbuy-wow input,
  .quickbuy-wow select,
  .quickbuy-wow textarea{
    min-height:48px!important;
    border-radius:15px!important;
    color:#102033!important;
    background:#ffffff!important;
    border:1px solid #dfe9f2!important;
    box-shadow:none!important;
  }

  .google-login-main,
  .profile-google-clean,
  a.google-login-main,
  .btn-login{
    min-height:48px!important;
    border-radius:15px!important;
    background:#ffffff!important;
    color:#0f3a52!important;
    border:1px solid #dfe9f2!important;
    box-shadow:0 8px 18px rgba(15,58,82,.08)!important;
    font-size:13.5px!important;
    font-weight:900!important;
  }

  .ml-sidebar,
  #cartSidebar.ml-sidebar.cart-wow{
    width:100vw!important;
    max-width:100vw!important;
    background:#ffffff!important;
  }

  .ml-sidebar-left{
    width:88vw!important;
    max-width:88vw!important;
    border-radius:0 22px 22px 0!important;
    background:#ffffff!important;
    border-right:1px solid #dfe9f2!important;
    box-shadow:16px 0 42px rgba(7,22,34,.18)!important;
  }

  .menu-extreme-head{
    padding:11px!important;
    background:linear-gradient(135deg,#0f3a52 0%,#14506f 100%)!important;
  }

  .menu-welcome-card{
    min-height:66px!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    padding:8px 42px 8px 8px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.20)!important;
  }

  .menu-welcome-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
    background:#ffffff!important;
  }

  .menu-welcome-kicker,
  .menu-welcome-name{
    color:#ffffff!important;
  }

  .menu-extreme-close{
    top:11px!important;
    right:11px!important;
    width:32px!important;
    height:32px!important;
    border-radius:12px!important;
    background:#ffffff!important;
    color:#0f3a52!important;
  }

  .menu-extreme-list{
    padding:9px!important;
    background:#ffffff!important;
  }

  .menu-section-title{
    margin:11px 7px 6px!important;
    color:#5c7184!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  .menu-extreme-list a,
  .ml-sidebar-left li a,
  .menu-extreme-link{
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 15px!important;
    align-items:center!important;
    gap:8px!important;
    padding:7px 9px!important;
    border-radius:14px!important;
    background:#ffffff!important;
    color:#102033!important;
    font-size:13.2px!important;
    font-weight:850!important;
  }

  .menu-extreme-list a i:first-child,
  .ml-sidebar-left li a i:first-child{
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:rgba(15,58,82,.10)!important;
    color:#0f3a52!important;
    font-size:12.5px!important;
  }

  .menu-extreme-list a:hover,
  .menu-extreme-list a:active,
  .ml-sidebar-left li a:hover,
  .ml-sidebar-left li a:active{
    background:rgba(255,107,22,.10)!important;
    color:#ff6b16!important;
  }

  .menu-extreme-footer{
    padding:10px 11px 13px!important;
    background:#ffffff!important;
    border-top:1px solid #dfe9f2!important;
  }

  .menu-extreme-seller-box{
    padding:11px!important;
    border-radius:16px!important;
    background:rgba(255,107,22,.10)!important;
    border:1px solid rgba(255,107,22,.22)!important;
  }

  .menu-extreme-cta{
    min-height:38px!important;
    border-radius:13px!important;
    background:#ff6b16!important;
    color:#ffffff!important;
    font-weight:900!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    flex:1 1 0!important;
    min-width:0!important;
    height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:0 3px!important;
    border-radius:17px!important;
    color:#0f3a52!important;
    background:transparent!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:850!important;
    overflow:hidden!important;
  }

  .ml-bottom-nav .ml-nav-item.active,
  .ml-bottom-nav a.active,
  .ml-bottom-nav button.active,
  .ml-bottom-nav .ml-nav-item:hover,
  .ml-bottom-nav a:hover,
  .ml-bottom-nav button:hover{
    background:rgba(255,107,22,.12)!important;
    color:#ff6b16!important;
  }

  .ml-bottom-nav .ml-nav-item i,
  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav a i,
  .ml-bottom-nav a svg,
  .ml-bottom-nav button i,
  .ml-bottom-nav button svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    color:currentColor!important;
    font-size:20px!important;
  }
.footer{
    margin-bottom:98px!important;
  }
}

@media(max-width:380px){
  .ml-header .ml-header-top,
  .ml-header-top{
    grid-template-columns:70px minmax(0,1fr) max-content!important;
    gap:5px!important;
  }

  .ml-logo,
  .ml-header .ml-logo{
    width:70px!important;
    max-width:70px!important;
  }

  .ml-header .ml-header-icons > button,
  .ml-header .extreme-top-actions > button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border-radius:12px!important;
  }

  .ml-search,
  .ml-header .ml-search{
    height:36px!important;
    min-height:36px!important;
    border-radius:14px!important;
  }

  .ml-search input,
  .ml-header .ml-search input{
    height:34px!important;
    line-height:34px!important;
    font-size:12.3px!important;
  }

  .ml-search button,
  .ml-header .ml-search button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }

  .ml-banner-carousel{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:9px auto 11px!important;
    border-radius:16px!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    gap:4px!important;
    padding:5px!important;
  }

  .ml-shortcut{
    min-height:52px!important;
    font-size:8.8px!important;
    padding:4px 1px!important;
  }

  .ml-shortcut i,
  .ml-shortcut svg{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    font-size:15px!important;
  }

  .ml-grid{
    gap:10px!important;
    padding:0 8px!important;
  }

  .ml-card{
    border-radius:16px!important;
  }

  .ml-card-body{
    padding:9px!important;
  }

  .ml-card-title{
    font-size:12.3px!important;
    min-height:34px!important;
  }

  .ml-card-price,
  .ml-preco-pix,
  .preco-grande,
  .extreme-native-product-price{
    font-size:18px!important;
  }

  .ml-sidebar-left{
    width:90vw!important;
    max-width:90vw!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    height:50px!important;
    font-size:9.6px!important;
  }
}
@media(max-width:768px){
  :root{
    --mobile-menu-top:62px;
    --mobile-menu-bottom-gap:10px;
  }

  .menu-extreme-overlay,
  .ml-sidebar-overlay{
    z-index:5900!important;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar,
  .ml-sidebar-left{
    position:fixed!important;
    top:var(--mobile-menu-top)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:min(88vw,360px)!important;
    max-width:calc(100vw - 18px)!important;
    height:calc(100dvh - var(--mobile-menu-top) - var(--mobile-menu-bottom-gap) - env(safe-area-inset-bottom))!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--mobile-menu-top) - var(--mobile-menu-bottom-gap) - env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:0 22px 22px 0!important;
    background:#ffffff!important;
    border-top:1px solid #dfe9f2!important;
    border-right:1px solid #dfe9f2!important;
    border-bottom:1px solid #dfe9f2!important;
    border-left:0!important;
    box-shadow:16px 0 42px rgba(7,22,34,.18)!important;
    z-index:6100!important;
  }

  #moreSidebar.ml-sidebar-left.open,
  .ml-sidebar-left#moreSidebar.open,
  .ml-sidebar-left.open{
    transform:translateX(0)!important;
  }

  #moreSidebar .menu-extreme-head,
  .ml-sidebar-left#moreSidebar .menu-extreme-head,
  .ml-sidebar-left .menu-extreme-head{
    flex:0 0 auto!important;
    min-height:0!important;
    padding:10px!important;
  }

  #moreSidebar .menu-welcome-card,
  .ml-sidebar-left#moreSidebar .menu-welcome-card,
  .ml-sidebar-left .menu-welcome-card{
    min-height:58px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    padding:7px 40px 7px 7px!important;
    border-radius:16px!important;
  }

  #moreSidebar .menu-welcome-logo,
  .ml-sidebar-left#moreSidebar .menu-welcome-logo,
  .ml-sidebar-left .menu-welcome-logo{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
  }

  #moreSidebar .menu-extreme-close,
  .ml-sidebar-left#moreSidebar .menu-extreme-close,
  .ml-sidebar-left .menu-extreme-close{
    top:10px!important;
    right:10px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:11px!important;
  }

  #moreSidebar .menu-extreme-list,
  .ml-sidebar-left#moreSidebar .menu-extreme-list,
  .ml-sidebar-left .menu-extreme-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding:8px 9px!important;
  }

  #moreSidebar .menu-section-title,
  .ml-sidebar-left#moreSidebar .menu-section-title,
  .ml-sidebar-left .menu-section-title{
    margin:8px 7px 5px!important;
    font-size:9.5px!important;
  }

  #moreSidebar .menu-extreme-list a,
  #moreSidebar li a,
  #moreSidebar .menu-extreme-link,
  .ml-sidebar-left#moreSidebar .menu-extreme-list a,
  .ml-sidebar-left#moreSidebar li a,
  .ml-sidebar-left#moreSidebar .menu-extreme-link,
  .ml-sidebar-left .menu-extreme-list a,
  .ml-sidebar-left li a,
  .ml-sidebar-left .menu-extreme-link{
    min-height:39px!important;
    height:auto!important;
    grid-template-columns:27px minmax(0,1fr) 14px!important;
    gap:7px!important;
    padding:6px 8px!important;
    border-radius:13px!important;
    font-size:12.8px!important;
  }

  #moreSidebar .menu-extreme-list a i:first-child,
  #moreSidebar li a i:first-child,
  .ml-sidebar-left#moreSidebar .menu-extreme-list a i:first-child,
  .ml-sidebar-left#moreSidebar li a i:first-child,
  .ml-sidebar-left .menu-extreme-list a i:first-child,
  .ml-sidebar-left li a i:first-child{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }

  #moreSidebar .menu-extreme-footer,
  .ml-sidebar-left#moreSidebar .menu-extreme-footer,
  .ml-sidebar-left .menu-extreme-footer{
    flex:0 0 auto!important;
    padding:9px 10px 11px!important;
    background:#ffffff!important;
    border-top:1px solid #dfe9f2!important;
  }

  #moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left .menu-extreme-seller-box{
    padding:9px!important;
    border-radius:15px!important;
  }

  #moreSidebar .menu-extreme-seller-box h3,
  #moreSidebar .menu-extreme-seller-box strong,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box h3,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box strong,
  .ml-sidebar-left .menu-extreme-seller-box h3,
  .ml-sidebar-left .menu-extreme-seller-box strong{
    font-size:12.8px!important;
    line-height:1.12!important;
    margin-bottom:3px!important;
  }

  #moreSidebar .menu-extreme-seller-box p,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box p,
  .ml-sidebar-left .menu-extreme-seller-box p{
    font-size:10.5px!important;
    line-height:1.2!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #moreSidebar .menu-extreme-cta,
  .ml-sidebar-left#moreSidebar .menu-extreme-cta,
  .ml-sidebar-left .menu-extreme-cta{
    min-height:34px!important;
    height:34px!important;
    margin-top:7px!important;
    border-radius:12px!important;
    font-size:11.7px!important;
  }
}

@media(max-width:768px) and (max-height:720px){
  :root{
    --mobile-menu-top:56px;
    --mobile-menu-bottom-gap:8px;
  }

  #moreSidebar .menu-welcome-card,
  .ml-sidebar-left#moreSidebar .menu-welcome-card,
  .ml-sidebar-left .menu-welcome-card{
    min-height:52px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    padding:6px 38px 6px 6px!important;
  }

  #moreSidebar .menu-welcome-logo,
  .ml-sidebar-left#moreSidebar .menu-welcome-logo,
  .ml-sidebar-left .menu-welcome-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }

  #moreSidebar .menu-extreme-list a,
  #moreSidebar li a,
  #moreSidebar .menu-extreme-link,
  .ml-sidebar-left#moreSidebar .menu-extreme-list a,
  .ml-sidebar-left#moreSidebar li a,
  .ml-sidebar-left#moreSidebar .menu-extreme-link,
  .ml-sidebar-left .menu-extreme-list a,
  .ml-sidebar-left li a,
  .ml-sidebar-left .menu-extreme-link{
    min-height:35px!important;
    grid-template-columns:25px minmax(0,1fr) 13px!important;
    padding:5px 7px!important;
    font-size:12.2px!important;
  }

  #moreSidebar .menu-extreme-list a i:first-child,
  #moreSidebar li a i:first-child,
  .ml-sidebar-left#moreSidebar .menu-extreme-list a i:first-child,
  .ml-sidebar-left#moreSidebar li a i:first-child,
  .ml-sidebar-left .menu-extreme-list a i:first-child,
  .ml-sidebar-left li a i:first-child{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    font-size:11px!important;
  }

  #moreSidebar .menu-extreme-seller-box p,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box p,
  .ml-sidebar-left .menu-extreme-seller-box p{
    display:none!important;
  }
}

@media(max-width:380px){
  :root{
    --mobile-menu-top:54px;
    --mobile-menu-bottom-gap:8px;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar,
  .ml-sidebar-left{
    width:90vw!important;
    max-width:calc(100vw - 14px)!important;
  }
}

@media(max-width:760px){
  :root{
    --andes-mobile-pad:10px;
    --andes-mobile-radius:18px;
    --andes-mobile-radius-lg:24px;
    --andes-mobile-shadow:0 12px 34px rgba(15,42,61,.10);
    --andes-mobile-shadow-strong:0 22px 70px rgba(9,28,45,.20);
  }

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    -webkit-text-size-adjust:100%!important;
  }

  body{
    font-size:14px!important;
    line-height:1.42!important;
    padding-bottom:94px!important;
    overscroll-behavior-y:contain!important;
  }

  body.menu-open,
  body.cart-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .ml-header{
    position:sticky!important;
    top:0!important;
    z-index:3000!important;
    min-height:56px!important;
    padding:8px 10px!important;
    background:var(--header-bg-gradient)!important;
    box-shadow:0 8px 24px rgba(15,58,82,.18)!important;
    border-radius:0!important;
  }

  .ml-header .ml-header-top,
  .ml-header-top{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:86px minmax(0,1fr) max-content!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
  }

  .ml-header .header-menu-btn,
  .ml-header .menu-toggle,
  .ml-header .ml-menu-toggle,
  .ml-header [data-open-menu].header-menu-btn{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .ml-logo,
  .ml-header .ml-logo,
  .header-logo,
  .ml-header .header-logo{
    width:86px!important;
    max-width:86px!important;
    height:38px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    object-fit:contain!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:13px!important;
    padding:3px 5px!important;
    box-shadow:0 6px 14px rgba(9,28,45,.10)!important;
    overflow:hidden!important;
  }

  .ml-logo img,
  .ml-header .ml-logo img,
  .header-logo img,
  .ml-header .header-logo img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    padding:0!important;
  }

  .ml-header .ml-search,
  .ml-search{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    padding:0 5px 0 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
    overflow:hidden!important;
  }

  .ml-header .ml-search:before,
  .ml-search:before{
    flex:0 0 auto!important;
    color:#fff!important;
    opacity:.92!important;
    font-size:13px!important;
  }

  .ml-header .ml-search input,
  .ml-search input{
    flex:1 1 auto!important;
    min-width:0!important;
    width:100%!important;
    height:36px!important;
    line-height:36px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:750!important;
  }

  .ml-header .ml-search input::placeholder,
  .ml-search input::placeholder{
    color:rgba(255,255,255,.82)!important;
  }

  .ml-header .ml-search button,
  .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--primary)!important;
    box-shadow:none!important;
  }

  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions,
  .ml-header-icons,
  .extreme-top-actions{
    width:auto!important;
    min-width:max-content!important;
    max-width:max-content!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }

  .ml-header .ml-header-icons > button,
  .ml-header .extreme-top-actions > button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn,
  .ml-header .account-btn,
  .ml-header .conta-btn,
  .ml-header .profile-btn,
  .ml-header .user-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    padding:0!important;
    margin:0!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    color:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  .ml-header .ml-header-icons i,
  .ml-header .extreme-top-actions i,
  .ml-header .header-share-store-btn i,
  .ml-header .header-cart-btn i,
  .ml-header .header-profile-btn i,
  .ml-header .ml-header-icons svg,
  .ml-header .extreme-top-actions svg,
  .ml-header .header-share-store-btn svg,
  .ml-header .header-cart-btn svg,
  .ml-header .header-profile-btn svg{
    width:17px!important;
    height:17px!important;
    font-size:17px!important;
    color:#fff!important;
    fill:none!important;
    stroke:#fff!important;
  }

  .ml-header .header-profile-btn > img,
  .ml-header .header-profile-btn > span,
  .ml-header .account-btn > img,
  .ml-header .account-btn > span,
  .ml-header .profile-btn > img,
  .ml-header .profile-btn > span{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.20)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
  }

  .ml-header .header-cart-count{
    top:-5px!important;
    right:-5px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:99px!important;
    background:var(--accent)!important;
    color:#fff!important;
    border:2px solid var(--primary)!important;
    font-size:10px!important;
    font-weight:950!important;
    display:grid!important;
    place-items:center!important;
  }

  .ml-banner-carousel{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin:10px calc(50% - 50vw) 12px!important;
    aspect-ratio:1600 / 600!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .ml-banner-wrapper,
  .ml-banner-slide{
    width:100%!important;
    height:100%!important;
  }

  .ml-banner-slide img,
  .ml-banner-slide picture img,
  .ml-cover{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
  }

  .banner-nav-btn,
  .banner-prev,
  .banner-next{
    display:none!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:10px auto 18px!important;
    padding:6px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--border)!important;
    box-shadow:0 8px 22px rgba(15,42,61,.07)!important;
    overflow:hidden!important;
  }

  .ml-shortcut{
    min-width:0!important;
    min-height:56px!important;
    padding:4px 2px!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    color:var(--primary)!important;
    font-size:9.8px!important;
    line-height:1.08!important;
    font-weight:900!important;
    text-align:center!important;
  }

  .ml-shortcut i,
  .ml-shortcut svg{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:#eef5fb!important;
    color:var(--primary)!important;
    font-size:18px!important;
  }

  .extreme-section-title{
    margin:18px 0 10px!important;
    padding:0 12px!important;
  }

  .extreme-section-title h1,
  .extreme-section-title h2{
    font-size:22px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    margin:0 0 4px!important;
    color:var(--text)!important;
  }

  .extreme-section-title p,
  .extreme-section-title span{
    font-size:13px!important;
    line-height:1.34!important;
    color:var(--text-secondary)!important;
    font-weight:700!important;
  }

  .ml-grid{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
    padding:0 10px!important;
    margin:0 auto 28px!important;
  }

  .ml-card{
    min-width:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid var(--border)!important;
    box-shadow:0 8px 22px rgba(15,42,61,.07)!important;
    transform:none!important;
  }

  .ml-card-img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
    object-position:center!important;
    background:var(--border-light)!important;
  }

  .ml-card-body{
    padding:10px!important;
  }

  .ml-card-title{
    min-height:34px!important;
    font-size:12.7px!important;
    line-height:1.3!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    -webkit-line-clamp:2!important;
    color:var(--text)!important;
  }

  .ml-card-badges{
    gap:5px!important;
    margin:7px 0!important;
  }

  .ml-card-badge,
  .ml-badge,
  .extreme-interest-badge,
  .order-status-pill{
    min-height:20px!important;
    padding:3px 6px!important;
    border-radius:999px!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .ml-card-price,
  .ml-preco-pix,
  .preco-grande,
  .extreme-native-product-price{
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:-.03em!important;
    color:var(--price-color)!important;
    margin:6px 0!important;
  }

  .ml-btn-comprar,
  .ml-card .btn,
  .ml-card .btn-primary{
    width:100%!important;
    min-height:39px!important;
    height:39px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .ml-destaque-container{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0 10px!important;
    margin:0 auto 22px!important;
  }

  .ml-ofertas-relampago,
  .ml-prod-destaque{
    border-radius:18px!important;
    padding:12px!important;
    box-shadow:0 8px 22px rgba(15,42,61,.07)!important;
  }

  .ml-oferta-item{
    min-height:62px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:10px!important;
    padding:8px!important;
    border-radius:14px!important;
  }

  .ml-oferta-item img{
    width:54px!important;
    height:54px!important;
    border-radius:13px!important;
    object-fit:cover!important;
  }

  .ml-prod-destaque img{
    height:auto!important;
    aspect-ratio:4 / 3!important;
    object-fit:cover!important;
    border-radius:16px!important;
  }

  .produto-detalhe-page,
  .ml-detalhe{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:12px auto!important;
    padding:14px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--border)!important;
    box-shadow:0 8px 24px rgba(15,42,61,.08)!important;
  }

  .produto-detalhe-page h1,
  .produto-detalhe-page h2,
  .ml-detalhe h1,
  .ml-detalhe h2{
    font-size:22px!important;
    line-height:1.14!important;
    letter-spacing:-.035em!important;
  }

  .produto-gallery{
    display:block!important;
  }

  .gallery-main img{
    width:100%!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    object-fit:contain!important;
    border-radius:16px!important;
    background:#fff!important;
  }

  .gallery-thumbs{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    margin-top:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  .gallery-thumbs img{
    width:62px!important;
    height:62px!important;
    flex:0 0 62px!important;
    border-radius:13px!important;
  }

  .extreme-recommend-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .ml-modal{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    background:rgba(9,28,45,.58)!important;
    backdrop-filter:blur(10px)!important;
  }

  .ml-modal.active{
    display:flex!important;
  }

  .ml-modal-content,
  .auth-wow,
  .seller-wow,
  .quickbuy-wow,
  .profile-login-wow,
  .profile-login-clean,
  .google-only-auth,
  #profileModal .ml-modal-content,
  #modalPerfilCliente .ml-modal-content{
    width:100%!important;
    max-width:520px!important;
    max-height:88dvh!important;
    margin:0 auto!important;
    border-radius:26px 26px 18px 18px!important;
    background:#fff!important;
    color:var(--text)!important;
    border:1px solid var(--border)!important;
    box-shadow:var(--andes-mobile-shadow-strong)!important;
    overflow:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .profile-login-clean,
  .profile-login-wow,
  .auth-wow.google-only-auth,
  .google-only-auth,
  #profileModal .ml-modal-content,
  #modalPerfilCliente .ml-modal-content{
    padding:0!important;
  }

  .modal-close{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:15px!important;
    display:grid!important;
    place-items:center!important;
    background:#eef5fb!important;
    color:var(--primary)!important;
    border:1px solid var(--border)!important;
    box-shadow:0 8px 18px rgba(15,42,61,.08)!important;
    z-index:40!important;
  }

  .auth-wow-shell,
  .seller-wow-shell{
    display:block!important;
    min-height:0!important;
  }

  .auth-wow-brand,
  .seller-wow-brand,
  .profile-login-head,
  .cart-wow-head{
    padding:16px 56px 16px 16px!important;
    margin:0!important;
    border-radius:0!important;
    background:linear-gradient(135deg,#fff7ef 0%,#fff 62%,#f7fbff 100%)!important;
    color:var(--text)!important;
    border-bottom:1px solid #ffd7bd!important;
  }

  .auth-wow-brand h1,
  .auth-wow-brand h2,
  .auth-wow-brand h3,
  .seller-wow-brand h1,
  .seller-wow-brand h2,
  .seller-wow-brand h3,
  .profile-login-head h2,
  .profile-login-head h3{
    margin:0 0 6px!important;
    font-size:22px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    color:var(--text)!important;
    font-weight:950!important;
  }

  .auth-wow-brand p,
  .seller-wow-brand p,
  .profile-login-head p{
    margin:0!important;
    color:var(--text-secondary)!important;
    font-size:13px!important;
    line-height:1.34!important;
    font-weight:700!important;
  }

  .auth-wow-form,
  .seller-wow-form,
  .profile-login-body{
    padding:14px!important;
    background:#fff!important;
    color:var(--text)!important;
  }

  .auth-tabs,
  .tabs-auth{
    height:auto!important;
    padding:5px!important;
    gap:5px!important;
    margin:0 0 14px!important;
    border-radius:15px!important;
    background:var(--border-light)!important;
  }

  .tab-auth{
    min-height:38px!important;
    padding:0 8px!important;
    border-radius:12px!important;
    font-size:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .profile-login-clean-top,
  .profile-login-head,
  .auth-panel-title{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:14px 54px 14px 14px!important;
    background:linear-gradient(135deg,#fff7ef 0%,#fff 62%,#f7fbff 100%)!important;
    border-bottom:1px solid #ffd7bd!important;
    color:var(--text)!important;
    min-height:0!important;
  }

  .profile-login-clean-logo,
  .auth-brand-logo,
  .profile-login-logo,
  .profile-login-head .profile-login-clean-logo{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid #ffd7bd!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .profile-login-clean-logo img,
  .auth-brand-logo img,
  .profile-login-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:5px!important;
  }

  .profile-login-clean-top h2,
  .profile-login-clean-top h3,
  .profile-login-head h2,
  .profile-login-head h3,
  .auth-panel-title h2,
  .auth-panel-title h3{
    margin:0 0 4px!important;
    font-size:19px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    color:var(--text)!important;
    font-weight:950!important;
  }

  .profile-login-clean-top p,
  .profile-login-head p,
  .auth-panel-title p{
    margin:0!important;
    color:var(--text-secondary)!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:650!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .profile-login-clean-benefits,
  .profile-benefits,
  .profile-login-benefits,
  .profile-login-body ul,
  .auth-benefit-strip,
  .seller-proof-grid{
    list-style:none!important;
    margin:0 0 12px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .profile-login-clean-benefits div,
  .profile-login-clean-benefits span,
  .profile-login-body li,
  .profile-benefit,
  .auth-benefit,
  .seller-proof-grid div{
    min-height:38px!important;
    padding:8px 9px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    background:#f6f9fc!important;
    border:1px solid var(--border)!important;
    color:var(--text)!important;
    font-size:12.3px!important;
    line-height:1.22!important;
    font-weight:850!important;
    overflow:hidden!important;
  }

  .profile-login-clean-benefits i,
  .profile-login-body li i,
  .profile-benefit i,
  .auth-benefit i{
    width:18px!important;
    min-width:18px!important;
    text-align:center!important;
    color:var(--accent)!important;
    font-size:14px!important;
  }

  .form-group{
    margin-bottom:10px!important;
  }

  .form-group label{
    margin-bottom:5px!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    font-weight:900!important;
    color:var(--text)!important;
  }

  .form-group input,
  .form-group select,
  .form-group textarea,
  .input-with-icon input,
  .input-with-icon select,
  .input-with-icon textarea,
  .profile-login-body input,
  .profile-login-body select,
  .profile-login-body textarea,
  .auth-wow-form input,
  .auth-wow-form select,
  .auth-wow-form textarea,
  .seller-wow-form input,
  .seller-wow-form select,
  .seller-wow-form textarea,
  .quickbuy-wow input,
  .quickbuy-wow select,
  .quickbuy-wow textarea{
    width:100%!important;
    min-height:46px!important;
    height:auto!important;
    border-radius:15px!important;
    border:1px solid var(--input-border)!important;
    background:#fff!important;
    color:var(--text)!important;
    padding:10px 12px!important;
    font-size:14px!important;
    outline:0!important;
  }

  .form-group textarea,
  .quickbuy-wow textarea,
  .seller-wow-form textarea{
    min-height:84px!important;
    resize:vertical!important;
  }

  .row-flex,
  .whatsapp-row,
  .seller-two-cols,
  .cep-finder-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .whatsapp-wrapper{
    min-height:46px!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid var(--input-border)!important;
  }

  .whatsapp-prefix{
    height:46px!important;
    min-width:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#eef5fb!important;
    color:var(--primary)!important;
    border-right:1px solid var(--border)!important;
    font-weight:900!important;
  }

  .btn,
  .btn-primary,
  .btn-login,
  .google-login-main,
  .profile-google-clean,
  a.google-login-main,
  .seller-submit,
  .quickbuy-submit,
  .cart-checkout-wow,
  .cart-checkout-btn{
    width:100%!important;
    min-height:48px!important;
    height:auto!important;
    border-radius:15px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:950!important;
    text-align:center!important;
  }

  .google-login-main,
  .profile-google-clean,
  a.google-login-main{
    background:#fff!important;
    color:var(--text)!important;
    border:1px solid var(--border)!important;
    box-shadow:0 8px 22px rgba(15,42,61,.07)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #modalPerfilCliente.ml-modal.active,
  #profileModal.ml-modal.active{
    align-items:center!important;
    padding:8px!important;
  }

  #modalPerfilCliente .profile-login-wow,
  #modalPerfilCliente .profile-login-clean,
  #modalPerfilCliente .ml-modal-content,
  #profileModal .profile-login-wow,
  #profileModal .profile-login-clean,
  #profileModal .ml-modal-content{
    width:calc(100vw - 16px)!important;
    max-width:500px!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px!important;
    overflow:auto!important;
    padding:0!important;
  }

  #modalPerfilCliente .profile-summary,
  #profileModal .profile-summary{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:74px!important;
    padding:12px 56px 12px 12px!important;
    margin:0!important;
    border-radius:24px 24px 16px 16px!important;
    background:linear-gradient(135deg,#fff7ef,#fff)!important;
    border:0!important;
    border-bottom:1px solid #ffd7bd!important;
  }

  #modalPerfilCliente .profile-summary .avatar-circle,
  #profileModal .profile-summary .avatar-circle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:50%!important;
    font-size:18px!important;
  }

  #modalPerfilCliente .profile-summary h3,
  #profileModal .profile-summary h3{
    margin:0 0 3px!important;
    font-size:18px!important;
    line-height:1.08!important;
    font-weight:950!important;
    color:var(--text)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #modalPerfilCliente .profile-summary p,
  #profileModal .profile-summary p{
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    color:var(--text-secondary)!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #modalPerfilCliente .profile-login-wow > .btn,
  #modalPerfilCliente .profile-login-wow > form,
  #modalPerfilCliente .profile-login-wow > hr,
  #modalPerfilCliente .profile-login-wow > button:not(.modal-close),
  #profileModal .profile-login-wow > .btn,
  #profileModal .profile-login-wow > form,
  #profileModal .profile-login-wow > hr,
  #profileModal .profile-login-wow > button:not(.modal-close){
    margin-left:12px!important;
    margin-right:12px!important;
  }

  #modalPerfilCliente .profile-login-wow > form,
  #profileModal .profile-login-wow > form{
    margin-top:10px!important;
  }

  #modalPerfilCliente .form-group input,
  #modalPerfilCliente .whatsapp-wrapper,
  #profileModal .form-group input,
  #profileModal .whatsapp-wrapper{
    min-height:46px!important;
    border-radius:15px!important;
  }

  #modalPerfilCliente .btn-primary,
  #profileModal .btn-primary{
    min-height:48px!important;
    border-radius:15px!important;
  }

  .quickbuy-wow,
  .seller-wow,
  #modalVender .seller-wow,
  #modalVender .ml-modal-content{
    width:calc(100vw - 16px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px!important;
    padding:0!important;
    overflow:auto!important;
  }

  .quickbuy-wow{
    padding:14px!important;
  }

  .quickbuy-wow h1,
  .quickbuy-wow h2,
  .quickbuy-wow h3,
  .quickbuy-wow .quickbuy-title,
  .quickbuy-wow .modal-title{
    font-size:21px!important;
    line-height:1.12!important;
    margin:0 46px 8px 0!important;
  }

  .ml-sidebar,
  #cartSidebar.ml-sidebar.cart-wow{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    border-radius:0!important;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar,
  .ml-sidebar-left{
    top:8px!important;
    left:8px!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px!important;
    background:#fff!important;
    color:var(--text)!important;
    overflow:hidden!important;
  }

  .menu-extreme-head{
    flex:0 0 auto!important;
    padding:10px!important;
  }

  .menu-welcome-card{
    min-height:68px!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 44px 9px 9px!important;
    border-radius:18px!important;
  }

  .menu-welcome-logo{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:14px!important;
  }

  .menu-welcome-kicker{
    font-size:9.5px!important;
  }

  .menu-welcome-name{
    font-size:13px!important;
    line-height:1.2!important;
    -webkit-line-clamp:2!important;
  }

  .menu-extreme-close{
    top:12px!important;
    right:12px!important;
    width:32px!important;
    height:32px!important;
    border-radius:12px!important;
  }

  .menu-extreme-list{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:9px!important;
    overflow:auto!important;
  }

  .menu-section-title{
    margin:10px 7px 6px!important;
    font-size:10px!important;
  }

  .menu-extreme-list a,
  .ml-sidebar-left li a,
  .menu-extreme-link{
    min-height:40px!important;
    grid-template-columns:28px minmax(0,1fr) 15px!important;
    gap:7px!important;
    padding:6px 8px!important;
    border-radius:13px!important;
    font-size:13px!important;
    line-height:1.08!important;
  }

  .menu-extreme-list a i:first-child,
  .ml-sidebar-left li a i:first-child{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
    font-size:12.5px!important;
  }

  .menu-extreme-footer{
    flex:0 0 auto!important;
    padding:9px 10px 12px!important;
  }

  .menu-extreme-seller-box{
    padding:10px!important;
    border-radius:16px!important;
  }

  .cart-wow-head{
    min-height:72px!important;
    padding:14px 16px!important;
  }

  .cart-wow-title h3{
    font-size:18px!important;
  }

  .cart-wow-body{
    padding:14px!important;
  }

  .cart-item-wow{
    grid-template-columns:56px minmax(0,1fr) 32px!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:15px!important;
  }

  .cart-item-wow img{
    width:56px!important;
    height:56px!important;
    border-radius:12px!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    min-width:0!important;
    width:auto!important;
    height:54px!important;
    max-height:54px!important;
    padding:0 3px!important;
    border-radius:17px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    color:var(--primary)!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:900!important;
    overflow:hidden!important;
  }

  .ml-bottom-nav .ml-nav-item i,
  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav a i,
  .ml-bottom-nav a svg,
  .ml-bottom-nav button i,
  .ml-bottom-nav button svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    font-size:20px!important;
    margin:0!important;
  }

  .ml-bottom-nav .ml-nav-item.active,
  .ml-bottom-nav .ml-nav-item:hover,
  .ml-bottom-nav a.active,
  .ml-bottom-nav button.active{
    color:var(--accent)!important;
    background:#fff3e8!important;
    border:1px solid #ffd7bd!important;
  }
}

@media(max-width:380px){
  .ml-header .ml-header-top,
  .ml-header-top{
    grid-template-columns:76px minmax(0,1fr) max-content!important;
    gap:5px!important;
  }

  .ml-logo,
  .ml-header .ml-logo,
  .header-logo,
  .ml-header .header-logo{
    width:76px!important;
    max-width:76px!important;
    height:34px!important;
    border-radius:11px!important;
    padding:2px 4px!important;
  }

  .ml-header .ml-search,
  .ml-search{
    height:36px!important;
    min-height:36px!important;
    border-radius:13px!important;
  }

  .ml-header .ml-search input,
  .ml-search input{
    height:34px!important;
    line-height:34px!important;
    font-size:12.5px!important;
  }

  .ml-header .ml-search button,
  .ml-search button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }

  .ml-header .ml-header-icons > button,
  .ml-header .extreme-top-actions > button,
  .ml-header .header-share-store-btn,
  .ml-header .header-cart-btn,
  .ml-header .header-profile-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    flex-basis:32px!important;
  }

  .ml-grid{
    gap:10px!important;
    padding:0 8px!important;
  }

  .ml-card-body{
    padding:9px!important;
  }

  .ml-card-title{
    font-size:12.2px!important;
  }

  .ml-card-price{
    font-size:18.5px!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    gap:4px!important;
    padding:5px!important;
  }

  .ml-shortcut{
    min-height:52px!important;
    font-size:8.8px!important;
  }

  .profile-login-clean-top,
  .profile-login-head,
  .auth-panel-title{
    grid-template-columns:48px minmax(0,1fr)!important;
    padding:12px 50px 12px 12px!important;
  }

  .profile-login-clean-logo,
  .auth-brand-logo,
  .profile-login-logo{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }

  .profile-login-clean-top h2,
  .profile-login-clean-top h3,
  .profile-login-head h2,
  .profile-login-head h3,
  .auth-panel-title h2,
  .auth-panel-title h3{
    font-size:17.5px!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    height:52px!important;
    font-size:9.5px!important;
  }
}

@media(max-height:720px) and (max-width:760px){
  .ml-modal-content,
  .auth-wow,
  .seller-wow,
  .quickbuy-wow,
  .profile-login-wow,
  .profile-login-clean,
  .google-only-auth,
  #profileModal .ml-modal-content,
  #modalPerfilCliente .ml-modal-content{
    max-height:calc(100dvh - 12px)!important;
  }

  .auth-wow-brand,
  .seller-wow-brand,
  .profile-login-head,
  .profile-login-clean-top,
  .auth-panel-title{
    padding-top:11px!important;
    padding-bottom:11px!important;
  }

  .profile-login-body,
  .auth-wow-form,
  .seller-wow-form{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }

  .form-group{
    margin-bottom:8px!important;
  }

  .form-group input,
  .form-group select,
  .form-group textarea,
  .input-with-icon input,
  .input-with-icon select,
  .profile-login-body input,
  .profile-login-body select,
  .profile-login-body textarea{
    min-height:42px!important;
  }

  .btn,
  .btn-primary,
  .btn-login,
  .google-login-main,
  .profile-google-clean,
  .seller-submit,
  .quickbuy-submit{
    min-height:44px!important;
  }
}

@media(max-width:760px){
  #cartSidebar.ml-sidebar.cart-wow,
  .ml-sidebar.cart-wow#cartSidebar{
    position:fixed!important;
    top:10px!important;
    right:8px!important;
    bottom:auto!important;
    left:auto!important;
    width:calc(100vw - 16px)!important;
    max-width:420px!important;
    height:calc(100dvh - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    min-height:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:#ffffff!important;
    color:var(--text)!important;
    border:1px solid var(--border)!important;
    box-shadow:0 24px 80px rgba(9,28,45,.26)!important;
    z-index:6100!important;
    transform:translateX(calc(100% + 24px))!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #cartSidebar.ml-sidebar.cart-wow.open,
  .ml-sidebar.cart-wow#cartSidebar.open{
    transform:translateX(0)!important;
  }

  #cartSidebar .cart-wow-inner{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#ffffff!important;
  }

  #cartSidebar .cart-wow-head{
    position:relative!important;
    flex:0 0 auto!important;
    min-height:58px!important;
    height:auto!important;
    padding:10px 54px 10px 12px!important;
    margin:0!important;
    border-radius:0!important;
    background:linear-gradient(135deg,#fff7ef 0%,#ffffff 64%,#f7fbff 100%)!important;
    border-bottom:1px solid #ffd7bd!important;
    color:var(--text)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  #cartSidebar .cart-wow-title{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
  }

  #cartSidebar .cart-wow-title i{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#eef5fb!important;
    color:var(--primary)!important;
    font-size:16px!important;
  }

  #cartSidebar .cart-wow-title h1,
  #cartSidebar .cart-wow-title h2,
  #cartSidebar .cart-wow-title h3,
  #cartSidebar .cart-wow-title strong{
    margin:0!important;
    color:var(--text)!important;
    font-size:17px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #cartSidebar .cart-wow-title span,
  #cartSidebar .cart-wow-title small,
  #cartSidebar .cart-wow-title p{
    display:block!important;
    margin:2px 0 0!important;
    color:var(--text-secondary)!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #cartSidebar .cart-wow-close,
  #cartSidebar button.cart-wow-close,
  #cartSidebar .cart-close,
  #cartSidebar .close-cart,
  #cartSidebar [data-close-cart],
  #cartSidebar [onclick*="closeCart"],
  #cartSidebar [onclick*="fecharCarrinho"],
  #cartSidebar [onclick*="toggleCart"]{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    background:#eef5fb!important;
    color:var(--primary)!important;
    border:1px solid var(--border)!important;
    box-shadow:0 8px 18px rgba(15,42,61,.08)!important;
    z-index:80!important;
    font-size:18px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  #cartSidebar .cart-wow-close i,
  #cartSidebar .cart-wow-close svg,
  #cartSidebar .cart-close i,
  #cartSidebar .close-cart i{
    color:var(--primary)!important;
    font-size:17px!important;
    width:17px!important;
    height:17px!important;
  }

  #cartSidebar .cart-wow-body{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    background:#ffffff!important;
  }

  #cartSidebar .cart-empty-wow{
    padding:28px 14px!important;
    text-align:center!important;
  }

  #cartSidebar .cart-empty-wow i{
    font-size:40px!important;
    color:var(--primary)!important;
  }

  #cartSidebar .cart-empty-wow strong{
    font-size:16px!important;
    line-height:1.15!important;
  }

  #cartSidebar .cart-item-wow{
    width:100%!important;
    min-height:70px!important;
    grid-template-columns:50px minmax(0,1fr) 30px!important;
    gap:9px!important;
    align-items:center!important;
    padding:9px!important;
    margin:0 0 8px!important;
    border-radius:15px!important;
    background:#f7fafc!important;
    border:1px solid var(--border)!important;
    box-shadow:none!important;
  }

  #cartSidebar .cart-item-wow img{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    border-radius:12px!important;
    object-fit:cover!important;
    background:#ffffff!important;
  }

  #cartSidebar .cart-item-wow strong,
  #cartSidebar .cart-item-wow h4,
  #cartSidebar .cart-item-wow .cart-item-title{
    display:block!important;
    margin:0 0 3px!important;
    color:var(--text)!important;
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #cartSidebar .cart-item-wow small,
  #cartSidebar .cart-item-wow span,
  #cartSidebar .cart-item-wow p{
    margin:0!important;
    color:var(--text-secondary)!important;
    font-size:11.5px!important;
    line-height:1.22!important;
  }

  #cartSidebar .cart-remove-wow,
  #cartSidebar .cart-item-remove,
  #cartSidebar .remove-cart-item{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    background:#fff1f2!important;
    color:#b91c1c!important;
    border:1px solid #fecdd3!important;
    font-size:13px!important;
  }

  #cartSidebar .cart-track-wow,
  #cartSidebar .cart-summary-wow,
  #cartSidebar .cart-wow-footer,
  #cartSidebar .cart-total-wow,
  #cartSidebar .cart-actions-wow{
    flex:0 0 auto!important;
    padding:10px!important;
    margin:0!important;
    background:#f7fafc!important;
    border-top:1px solid var(--border)!important;
  }

  #cartSidebar .cart-total-wow{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    font-size:13px!important;
  }

  #cartSidebar .cart-total-wow strong,
  #cartSidebar .cart-summary-wow strong{
    font-size:18px!important;
    line-height:1.05!important;
    color:var(--price-color)!important;
  }

  #cartSidebar .cart-checkout-wow,
  #cartSidebar .cart-checkout-btn,
  #cartSidebar .btn-primary,
  #cartSidebar .btn,
  #cartSidebar a.btn{
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    border-radius:15px!important;
    padding:0 12px!important;
    margin-top:8px!important;
    font-size:13.5px!important;
    font-weight:950!important;
  }

  body.cart-open .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
}

@media(max-width:380px){
  #cartSidebar.ml-sidebar.cart-wow,
  .ml-sidebar.cart-wow#cartSidebar{
    top:8px!important;
    right:6px!important;
    width:calc(100vw - 12px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:22px!important;
  }

  #cartSidebar .cart-wow-head{
    min-height:54px!important;
    padding:9px 50px 9px 10px!important;
  }

  #cartSidebar .cart-wow-title{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
  }

  #cartSidebar .cart-wow-title i{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    font-size:15px!important;
  }

  #cartSidebar .cart-wow-title h1,
  #cartSidebar .cart-wow-title h2,
  #cartSidebar .cart-wow-title h3,
  #cartSidebar .cart-wow-title strong{
    font-size:16px!important;
  }

  #cartSidebar .cart-wow-close,
  #cartSidebar button.cart-wow-close,
  #cartSidebar .cart-close,
  #cartSidebar .close-cart,
  #cartSidebar [data-close-cart]{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:13px!important;
  }

  #cartSidebar .cart-item-wow{
    grid-template-columns:46px minmax(0,1fr) 28px!important;
    min-height:66px!important;
    padding:8px!important;
  }

  #cartSidebar .cart-item-wow img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
}

@media(max-width:760px){
  .extreme-recommend-home{
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 16px!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .extreme-section-title{
    width:100%!important;
    max-width:100%!important;
    margin:14px auto 8px!important;
    padding:0 10px!important;
  }

  .extreme-section-title h1,
  .extreme-section-title h2{
    font-size:19px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    margin:0 0 3px!important;
    font-weight:950!important;
    color:var(--text)!important;
  }

  .extreme-section-title h1 i,
  .extreme-section-title h2 i{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:9px!important;
    display:inline-grid!important;
    place-items:center!important;
    margin-right:6px!important;
    background:#eef5fb!important;
    color:var(--primary)!important;
    font-size:12px!important;
    vertical-align:middle!important;
  }

  .extreme-section-title span,
  .extreme-section-title p{
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:750!important;
    color:var(--text-secondary)!important;
    margin:0!important;
  }

  .extreme-recommend-strip{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
    margin:0!important;
    padding:0 10px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }

  .extreme-recommend-strip::-webkit-scrollbar{
    display:none!important;
  }

  .extreme-reco-card{
    flex:0 0 136px!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    border-radius:14px!important;
    background:#ffffff!important;
    border:1px solid #dfe7f0!important;
    box-shadow:0 6px 18px rgba(15,42,61,.07)!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
  }

  .extreme-reco-card img{
    width:100%!important;
    height:108px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    background:#f4f7fb!important;
    border-radius:0!important;
  }

  .extreme-reco-card div{
    padding:8px!important;
    min-height:76px!important;
  }

  .extreme-reco-card strong{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    min-height:31px!important;
    overflow:hidden!important;
    color:var(--text)!important;
    font-size:11.6px!important;
    line-height:1.28!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
  }

  .extreme-reco-card span{
    display:block!important;
    margin-top:5px!important;
    color:var(--price-color)!important;
    font-size:15.5px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
  }

  .ml-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:0 10px!important;
    margin:0 auto 24px!important;
  }

  .ml-card{
    border-radius:14px!important;
    border:1px solid #dfe7f0!important;
    box-shadow:0 6px 18px rgba(15,42,61,.065)!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .ml-card-img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    max-height:148px!important;
    object-fit:cover!important;
    background:#f4f7fb!important;
  }

  .ml-card-body{
    padding:8px!important;
  }

  .ml-card-title{
    min-height:32px!important;
    font-size:12.1px!important;
    line-height:1.28!important;
    font-weight:800!important;
    color:var(--text)!important;
    -webkit-line-clamp:2!important;
    letter-spacing:-.01em!important;
  }

  .ml-card-badges{
    gap:4px!important;
    margin:6px 0!important;
    max-height:42px!important;
    overflow:hidden!important;
  }

  .ml-badge,
  .ml-card-badge,
  .badge-frete,
  .badge-oferta,
  .extreme-interest-badge,
  .order-status-pill{
    min-height:18px!important;
    height:18px!important;
    max-height:18px!important;
    padding:2px 6px!important;
    border-radius:999px!important;
    font-size:8.8px!important;
    line-height:1!important;
    font-weight:900!important;
    gap:3px!important;
    letter-spacing:-.005em!important;
  }

  .ml-badge i,
  .ml-card-badge i,
  .badge-frete i,
  .badge-oferta i,
  .extreme-interest-badge i,
  .order-status-pill i{
    font-size:8.5px!important;
  }

  .ml-card-price,
  .ml-preco-pix,
  .preco-grande,
  .extreme-native-product-price{
    font-size:19px!important;
    line-height:1.04!important;
    margin:6px 0 5px!important;
    letter-spacing:-.04em!important;
    color:var(--price-color)!important;
  }

  .extreme-product-meta{
    gap:4px!important;
    margin:4px 0!important;
    font-size:10.8px!important;
    line-height:1.2!important;
    color:var(--text-secondary)!important;
  }

  .extreme-installment-badge,
  .extreme-installment-detail{
    font-size:10.4px!important;
    line-height:1.2!important;
    margin-top:2px!important;
    color:var(--success)!important;
    font-weight:750!important;
  }

  .ml-btn-comprar,
  .ml-card .btn,
  .ml-card .btn-primary{
    min-height:36px!important;
    height:36px!important;
    border-radius:11px!important;
    padding:0 8px!important;
    font-size:11.5px!important;
    font-weight:950!important;
    box-shadow:0 8px 16px rgba(255,107,22,.16)!important;
  }

  .ml-btn-share{
    top:7px!important;
    right:7px!important;
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    border-radius:11px!important;
    font-size:12px!important;
    background:#ffffff!important;
    color:var(--primary)!important;
    border:1px solid #dfe7f0!important;
    box-shadow:0 6px 16px rgba(15,42,61,.08)!important;
  }

  .ml-shortcut.mais-vendidos,
  .ml-shortcut.ofertas,
  .ml-shortcut.lojas,
  .ml-shortcut.play,
  .ml-shortcut.cupons{
    min-height:52px!important;
    border-radius:13px!important;
    font-size:9.4px!important;
    line-height:1.05!important;
    padding:4px 2px!important;
  }

  .ml-shortcut.mais-vendidos i,
  .ml-shortcut.ofertas i,
  .ml-shortcut.lojas i,
  .ml-shortcut.play i,
  .ml-shortcut.cupons i{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    border-radius:10px!important;
    font-size:15px!important;
    background:#eef5fb!important;
    color:var(--primary)!important;
  }

  .ml-shortcut.mais-vendidos:hover,
  .ml-shortcut.mais-vendidos:active{
    background:#fff3e8!important;
    color:var(--accent)!important;
  }

  .ml-shortcut.mais-vendidos:hover i,
  .ml-shortcut.mais-vendidos:active i{
    background:#fff3e8!important;
    color:var(--accent)!important;
  }
}

@media(max-width:380px){
  .extreme-section-title h1,
  .extreme-section-title h2{
    font-size:18px!important;
  }

  .extreme-reco-card{
    flex-basis:126px!important;
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
  }

  .extreme-reco-card img{
    height:98px!important;
  }

  .extreme-reco-card strong{
    font-size:11.1px!important;
  }

  .extreme-reco-card span{
    font-size:14.5px!important;
  }

  .ml-grid{
    gap:8px!important;
    padding:0 8px!important;
  }

  .ml-card-img{
    max-height:132px!important;
  }

  .ml-card-body{
    padding:7px!important;
  }

  .ml-card-title{
    font-size:11.7px!important;
    min-height:30px!important;
  }

  .ml-card-price,
  .ml-preco-pix,
  .preco-grande,
  .extreme-native-product-price{
    font-size:17.8px!important;
  }

  .ml-badge,
  .ml-card-badge,
  .badge-frete,
  .badge-oferta,
  .extreme-interest-badge,
  .order-status-pill{
    min-height:17px!important;
    height:17px!important;
    padding:2px 5px!important;
    font-size:8.3px!important;
  }

  .ml-btn-comprar,
  .ml-card .btn,
  .ml-card .btn-primary{
    height:34px!important;
    min-height:34px!important;
    font-size:11px!important;
  }
}

.ml-logo,
.ml-header .ml-logo,
.header-logo,
.ml-header .header-logo,
.logo,
.site-logo,
.brand-logo,
.ml-header .brand-logo,
.menu-welcome-logo,
.ml-sidebar-left .menu-welcome-logo,
#moreSidebar .menu-welcome-logo,
.profile-login-clean-logo,
.profile-login-head .profile-login-clean-logo,
.auth-brand-logo,
.profile-login-logo,
.extreme-app-splash-card img,
.extreme-notify-logo-wrap,
.extreme-notify-logo,
.login-brand-icon,
.logo-card,
.logo-box,
.logo-wrap{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
}

.ml-logo img,
.ml-header .ml-logo img,
.header-logo img,
.ml-header .header-logo img,
.logo img,
.site-logo img,
.brand-logo img,
.menu-welcome-logo img,
.ml-sidebar-left .menu-welcome-logo img,
#moreSidebar .menu-welcome-logo img,
.profile-login-clean-logo img,
.profile-login-head .profile-login-clean-logo img,
.auth-brand-logo img,
.profile-login-logo img,
.extreme-notify-logo,
.extreme-app-splash-card img,
.login-brand-icon img,
.logo-card img,
.logo-box img,
.logo-wrap img{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  padding:0!important;
  object-fit:contain!important;
}

.ml-header .ml-logo,
.ml-header .header-logo,
.ml-header .brand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}

.menu-welcome-logo,
.profile-login-clean-logo,
.auth-brand-logo,
.profile-login-logo,
.extreme-notify-logo-wrap{
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}

@media(max-width:760px){
  .ml-logo,
  .ml-header .ml-logo,
  .header-logo,
  .ml-header .header-logo,
  .menu-welcome-logo,
  .profile-login-clean-logo,
  .auth-brand-logo,
  .profile-login-logo,
  .extreme-notify-logo-wrap{
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }

  .ml-logo img,
  .ml-header .ml-logo img,
  .header-logo img,
  .ml-header .header-logo img,
  .menu-welcome-logo img,
  .profile-login-clean-logo img,
  .auth-brand-logo img,
  .profile-login-logo img,
  .extreme-notify-logo{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
  }
}

@media (max-width:768px){
  :root{
    --ext-mobile-bg:#f4f7fb;
    --ext-mobile-card:#ffffff;
    --ext-mobile-text:#102033;
    --ext-mobile-muted:#637083;
    --ext-mobile-blue:#0f3a52;
    --ext-mobile-blue-2:#14506f;
    --ext-mobile-orange:#ff6b16;
    --ext-mobile-border:#e2eaf2;
    --ext-mobile-shadow:0 2px 10px rgba(15,42,61,.08);
  }

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:var(--ext-mobile-bg)!important;
    font-size:13px!important;
    line-height:1.35!important;
    padding-bottom:68px!important;
  }

  body.menu-open,
  body.cart-open{
    overflow:hidden!important;
  }

  .ml-header{
    position:sticky!important;
    top:0!important;
    z-index:5000!important;
    width:100%!important;
    background:linear-gradient(135deg,var(--ext-mobile-blue) 0%,var(--ext-mobile-blue-2) 100%)!important;
    box-shadow:0 2px 14px rgba(15,58,82,.20)!important;
    padding:7px 8px 8px!important;
    border:0!important;
  }

  .ml-header-top{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
  }

  .ml-logo{
    width:76px!important;
    max-width:76px!important;
    height:34px!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .ml-search{
    height:38px!important;
    min-height:38px!important;
    width:100%!important;
    min-width:0!important;
    background:#fff!important;
    border:0!important;
    border-radius:20px!important;
    padding:0 5px 0 11px!important;
    gap:6px!important;
    box-shadow:0 2px 8px rgba(8,28,44,.13)!important;
    overflow:hidden!important;
  }

  .ml-search:before{
    color:var(--ext-mobile-muted)!important;
    font-size:13px!important;
    flex:0 0 auto!important;
  }

  .ml-search input{
    height:38px!important;
    min-width:0!important;
    color:var(--ext-mobile-text)!important;
    background:transparent!important;
    font-size:13px!important;
    font-weight:600!important;
    padding:0!important;
    border:0!important;
  }

  .ml-search input::placeholder{
    color:#7c8796!important;
    font-weight:500!important;
  }

  .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    border-radius:16px!important;
    background:#eef5fb!important;
    color:var(--ext-mobile-blue)!important;
    box-shadow:none!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }

  .ml-search button i,
  .ml-search button svg,
  .ml-search button .header-svg-icon{
    width:15px!important;
    height:15px!important;
    font-size:14px!important;
    color:var(--ext-mobile-blue)!important;
    stroke:var(--ext-mobile-blue)!important;
  }

  .ml-header-icons,
  .extreme-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    min-width:max-content!important;
  }

  .ml-header-icons button,
  .header-share-store-btn,
  .header-cart-btn,
  .header-profile-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    border-radius:17px!important;
    border:0!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    box-shadow:none!important;
    padding:0!important;
  }

  .ml-header-icons button i,
  .ml-header-icons button svg,
  .header-share-store-btn i,
  .header-share-store-btn svg,
  .header-cart-btn i,
  .header-cart-btn svg,
  .header-profile-btn i,
  .header-profile-btn svg{
    width:17px!important;
    height:17px!important;
    font-size:16px!important;
    color:#fff!important;
    stroke:#fff!important;
  }

  .header-profile-btn img,
  .header-profile-btn span,
  .profile-initial,
  .user-initial{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    border-radius:50%!important;
    font-size:11px!important;
    background:#fff!important;
    color:var(--ext-mobile-blue)!important;
  }

  .header-cart-count{
    top:-5px!important;
    right:-5px!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:var(--ext-mobile-orange)!important;
    color:#fff!important;
    border:2px solid var(--ext-mobile-blue)!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  .ml-header .menu-toggle,
  .ml-header .ml-menu-toggle,
  .ml-header [data-open-menu],
  .ml-header [aria-label*="menu" i],
  .ml-header [title*="menu" i]{
    display:none!important;
  }

  .ml-banner-carousel{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:10px auto 8px!important;
    aspect-ratio:16/6!important;
    max-height:154px!important;
    min-height:auto!important;
    border-radius:14px!important;
    border:0!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:var(--ext-mobile-shadow)!important;
  }

  .ml-banner-wrapper,
  .ml-banner-slide{
    height:100%!important;
    min-height:0!important;
  }

  .ml-banner-slide img,
  .ml-cover,
  .ml-banner-carousel img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
  }

  .ml-shortcuts{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:8px auto 12px!important;
    padding:8px 6px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:3px!important;
    background:#fff!important;
    border:0!important;
    border-radius:16px!important;
    box-shadow:var(--ext-mobile-shadow)!important;
    overflow:hidden!important;
  }

  .ml-shortcut{
    min-width:0!important;
    min-height:56px!important;
    height:56px!important;
    padding:4px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--ext-mobile-blue)!important;
    font-size:9.6px!important;
    line-height:1.05!important;
    font-weight:800!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .ml-shortcut i,
  .ml-shortcut svg{
    width:20px!important;
    height:20px!important;
    font-size:19px!important;
    color:var(--ext-mobile-blue)!important;
    stroke:var(--ext-mobile-blue)!important;
  }

  .ml-shortcut span,
  .ml-shortcut small,
  .ml-shortcut .badge{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .ml-destaque-container{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:0 auto 12px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .ml-ofertas-relampago,
  .ml-prod-destaque{
    width:100%!important;
    padding:10px!important;
    border:0!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:var(--ext-mobile-shadow)!important;
  }

  .ml-ofertas-header{
    margin-bottom:8px!important;
    font-size:13px!important;
    line-height:1.1!important;
    color:var(--ext-mobile-blue)!important;
  }

  .ml-timer{
    height:24px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:var(--ext-mobile-orange)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
  }

  .ml-oferta-item{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:8px!important;
    min-height:62px!important;
    padding:7px!important;
    margin-bottom:7px!important;
    border:1px solid var(--ext-mobile-border)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  .ml-oferta-item img{
    width:48px!important;
    height:48px!important;
    border-radius:10px!important;
    object-fit:cover!important;
  }

  .ml-oferta-item h3,
  .ml-oferta-item strong,
  .ml-oferta-item .title{
    font-size:12px!important;
    line-height:1.18!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .ml-prod-destaque img{
    height:128px!important;
    border-radius:12px!important;
    object-fit:cover!important;
  }

  .extreme-section-title{
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 8px!important;
    padding:0 10px!important;
  }

  .extreme-section-title h1,
  .extreme-section-title h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
    color:var(--ext-mobile-text)!important;
  }

  .extreme-section-title p,
  .extreme-section-title span{
    margin-top:2px!important;
    font-size:12px!important;
    line-height:1.25!important;
    color:var(--ext-mobile-muted)!important;
    font-weight:600!important;
  }

  .ml-grid{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    padding:0 8px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .ml-card{
    min-width:0!important;
    border:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:var(--ext-mobile-shadow)!important;
  }

  .ml-card-img{
    width:100%!important;
    height:136px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    background:#f7fafc!important;
  }

  .ml-card-body{
    padding:8px!important;
    background:#fff!important;
  }

  .ml-card-title{
    min-height:32px!important;
    margin:0!important;
    color:var(--ext-mobile-text)!important;
    font-size:12px!important;
    line-height:1.32!important;
    font-weight:650!important;
    letter-spacing:0!important;
    -webkit-line-clamp:2!important;
  }

  .ml-card-badges{
    margin:6px 0 3px!important;
    gap:4px!important;
    max-height:42px!important;
    overflow:hidden!important;
  }

  .ml-card-badge,
  .extreme-interest-badge,
  .order-status-pill,
  .badge-frete,
  .badge-oferta{
    min-height:17px!important;
    height:17px!important;
    max-width:100%!important;
    padding:0 5px!important;
    border-radius:6px!important;
    font-size:9px!important;
    line-height:17px!important;
    font-weight:800!important;
    border:0!important;
  }

  .ml-card-badge.frete,
  .badge-frete{
    background:#e8f7ef!important;
    color:#178c4f!important;
  }

  .ml-card-badge.oferta,
  .badge-oferta{
    background:#fff1e8!important;
    color:#c94f00!important;
  }

  .ml-card-price,
  .ml-preco-pix,
  .preco-grande,
  .extreme-native-product-price{
    margin:5px 0 2px!important;
    color:#0f344d!important;
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    font-weight:900!important;
  }

  .ml-btn-comprar,
  .extreme-native-product-primary,
  .btn-primary{
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:11px!important;
    font-weight:900!important;
    background:linear-gradient(135deg,#ff7a1a 0%,#f05a0a 100%)!important;
    color:#fff!important;
    box-shadow:0 4px 10px rgba(255,107,22,.18)!important;
  }

  .ml-btn-share{
    top:6px!important;
    right:6px!important;
    width:28px!important;
    height:28px!important;
    border-radius:50%!important;
    border:0!important;
    background:rgba(255,255,255,.94)!important;
    color:var(--ext-mobile-blue)!important;
    box-shadow:0 2px 8px rgba(15,42,61,.12)!important;
  }

  .extreme-product-meta,
  .extreme-detail-badges,
  .extreme-installment-badge{
    margin:3px 0!important;
    gap:4px!important;
    color:var(--ext-mobile-muted)!important;
    font-size:10px!important;
    line-height:1.15!important;
  }

  .produto-detalhe-page,
  .ml-detalhe,
  .checkout-native,
  .payment-native,
  .cart-summary-wow,
  .checkout-frete-box,
  .checkout-pay-box{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:8px auto!important;
    padding:12px!important;
    border:0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:var(--ext-mobile-shadow)!important;
  }

  .produto-gallery{
    display:block!important;
    margin:10px 0!important;
  }

  .gallery-main img{
    max-height:360px!important;
    border-radius:14px!important;
    object-fit:contain!important;
    background:#fff!important;
  }

  .gallery-thumbs{
    margin-top:8px!important;
    display:flex!important;
    flex-direction:row!important;
    gap:7px!important;
    overflow-x:auto!important;
  }

  .gallery-thumbs img{
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
    border-radius:10px!important;
  }

  .extreme-recommend-strip{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    grid-template-columns:none!important;
    padding-bottom:4px!important;
  }

  .extreme-reco-card{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    border:0!important;
    border-radius:13px!important;
    box-shadow:var(--ext-mobile-shadow)!important;
    overflow:hidden!important;
  }

  .extreme-reco-card img{
    height:104px!important;
    object-fit:cover!important;
  }

  .ml-modal{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 8px max(8px,env(safe-area-inset-bottom))!important;
    background:rgba(9,28,45,.54)!important;
    backdrop-filter:blur(10px)!important;
    z-index:9000!important;
  }

  .ml-modal-content,
  .seller-wow,
  .quickbuy-wow,
  .auth-wow,
  .profile-login-wow,
  .profile-login-clean,
  .google-only-auth{
    width:100%!important;
    max-width:520px!important;
    max-height:86dvh!important;
    margin:0 auto!important;
    padding:14px!important;
    border:0!important;
    border-radius:22px 22px 14px 14px!important;
    background:#fff!important;
    box-shadow:0 -8px 32px rgba(8,28,44,.24)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .modal-close{
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:14px!important;
    background:#eef5fb!important;
    color:var(--ext-mobile-blue)!important;
    z-index:2!important;
  }

  .ml-sidebar-left{
    top:0!important;
    left:0!important;
    width:86vw!important;
    max-width:320px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0 18px 18px 0!important;
    background:#fff!important;
    overflow-y:auto!important;
    box-shadow:8px 0 30px rgba(8,28,44,.22)!important;
  }

  #cartSidebar.ml-sidebar,
  .ml-sidebar.cart-wow{
    width:100vw!important;
    max-width:100vw!important;
  }

  .cart-wow-panel,
  .cart-sidebar-content,
  .ml-sidebar-content{
    max-height:100dvh!important;
    overflow-y:auto!important;
    background:#fff!important;
  }

  .tracking-steps,
  .tracking-timeline,
  .row-flex,
  .whatsapp-row,
  .seller-two-cols,
  .cep-finder-grid{
    grid-template-columns:1fr!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-nav-item{
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#243447!important;
    font-size:9.8px!important;
    line-height:1!important;
    font-weight:700!important;
  }

  .ml-nav-item i,
  .ml-nav-item svg{
    width:20px!important;
    height:20px!important;
    font-size:19px!important;
    color:#243447!important;
    stroke:#243447!important;
  }

  .ml-nav-item.active,
  .ml-nav-item.active i,
  .ml-nav-item.active svg,
  .ml-nav-item:hover,
  .ml-nav-item:hover i,
  .ml-nav-item:hover svg{
    color:var(--ext-mobile-blue)!important;
    stroke:var(--ext-mobile-blue)!important;
    font-weight:900!important;
  }
.footer{
    margin-bottom:76px!important;
  }
}

@media (max-width:380px){
  .ml-header-top{
    grid-template-columns:68px minmax(0,1fr) auto!important;
    gap:5px!important;
  }

  .ml-logo{
    width:68px!important;
    max-width:68px!important;
    height:31px!important;
  }

  .ml-search{
    height:36px!important;
    min-height:36px!important;
    border-radius:18px!important;
  }

  .ml-search input{
    font-size:12px!important;
  }

  .ml-header-icons button,
  .header-share-store-btn,
  .header-cart-btn,
  .header-profile-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }

  .ml-banner-carousel{
    max-height:138px!important;
  }

  .ml-shortcut{
    min-height:52px!important;
    height:52px!important;
    font-size:9px!important;
  }

  .ml-shortcut i,
  .ml-shortcut svg{
    width:18px!important;
    height:18px!important;
    font-size:17px!important;
  }

  .ml-card-img{
    height:122px!important;
  }

  .ml-card-title{
    font-size:11.5px!important;
  }

  .ml-card-price,
  .ml-preco-pix,
  .preco-grande,
  .extreme-native-product-price{
    font-size:16.5px!important;
  }
}


@media (max-width:768px){
  body{
    padding-bottom:72px!important;
  }

  .ml-header .header-cart-btn,
  .ml-header .cart-button,
  .ml-header .btn-cart,
  .ml-header [data-cart],
  .ml-header [data-open-cart],
  .ml-header [onclick*="cart"],
  .ml-header [onclick*="carrinho"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  .ml-header .ml-header-top{
    grid-template-columns:78px minmax(0,1fr) max-content!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  .ml-header .ml-logo{
    width:78px!important;
    max-width:78px!important;
    height:36px!important;
  }

  .ml-header .ml-search{
    height:40px!important;
    min-height:40px!important;
    border-radius:20px!important;
    padding:0 6px 0 11px!important;
    background:#fff!important;
    border:1px solid rgba(15,58,82,.12)!important;
    box-shadow:0 2px 8px rgba(15,42,61,.08)!important;
  }

  .ml-header .ml-search input{
    height:38px!important;
    line-height:38px!important;
    color:#102033!important;
    font-size:13.2px!important;
    font-weight:600!important;
  }

  .ml-header .ml-search input::placeholder{
    color:#6c7b8d!important;
  }

  .ml-header .ml-search:before{
    color:#6c7b8d!important;
    font-size:13px!important;
  }

  .ml-header .ml-search button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:15px!important;
    background:#eef5fb!important;
    color:#0f3a52!important;
    box-shadow:none!important;
  }

  .ml-header .ml-header-icons,
  .ml-header .extreme-top-actions{
    gap:5px!important;
    display:flex!important;
    align-items:center!important;
  }

  .ml-header .header-profile-btn,
  .ml-header .header-share-store-btn,
  .ml-header .ml-header-icons button:not(.header-cart-btn),
  .ml-header .extreme-top-actions button:not(.header-cart-btn){
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:none!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    padding:0!important;
    margin:0!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:3px!important;
    color:#607083!important;
    background:transparent!important;
    font-size:9.6px!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
    line-height:1!important;
  }

  .ml-bottom-nav .ml-nav-item i{
    font-size:17.5px!important;
    line-height:1!important;
    color:#607083!important;
    font-weight:400!important;
    opacity:.92!important;
    transform:scale(.94)!important;
  }

  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav .ml-nav-item .header-svg-icon{
    width:18px!important;
    height:18px!important;
    stroke:#607083!important;
    color:#607083!important;
    stroke-width:1.7!important;
    fill:none!important;
    opacity:.94!important;
  }

  .ml-bottom-nav .ml-nav-item.active,
  .ml-bottom-nav .ml-nav-item:hover{
    color:#0f3a52!important;
    font-weight:700!important;
  }

  .ml-bottom-nav .ml-nav-item.active i,
  .ml-bottom-nav .ml-nav-item:hover i{
    color:#0f3a52!important;
    opacity:1!important;
    font-weight:400!important;
  }

  .ml-bottom-nav .ml-nav-item.active svg,
  .ml-bottom-nav .ml-nav-item:hover svg{
    stroke:#0f3a52!important;
    color:#0f3a52!important;
    stroke-width:1.8!important;
    opacity:1!important;
  }

  .ml-bottom-nav .ml-nav-item.active::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    width:24px!important;
    height:2px!important;
    border-radius:0 0 999px 999px!important;
    background:#ff6b16!important;
  }
}

@media (max-width:380px){
  .ml-header .ml-header-top{
    grid-template-columns:66px minmax(0,1fr) max-content!important;
    gap:5px!important;
  }

  .ml-header .ml-logo{
    width:66px!important;
    max-width:66px!important;
    height:32px!important;
  }

  .ml-header .ml-search{
    height:38px!important;
    min-height:38px!important;
  }

  .ml-header .header-profile-btn,
  .ml-header .header-share-store-btn,
  .ml-header .ml-header-icons button:not(.header-cart-btn),
  .ml-header .extreme-top-actions button:not(.header-cart-btn){
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item{
    height:52px!important;
    min-height:52px!important;
    font-size:9px!important;
  }

  .ml-bottom-nav .ml-nav-item i{
    font-size:16.5px!important;
  }

  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav .ml-nav-item .header-svg-icon{
    width:17px!important;
    height:17px!important;
  }
}


@media (max-width:768px){
  :root{
    --mobile-header-height:116px;
    --mobile-nav-height:64px;
  }

  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{
    padding-bottom:calc(var(--mobile-nav-height) + 18px + env(safe-area-inset-bottom))!important;
    background:#f4f7fb!important;
  }

  .ml-header{
    position:sticky!important;
    top:0!important;
    z-index:3000!important;
    width:100%!important;
    padding:7px 10px 8px!important;
    background:linear-gradient(135deg,var(--primary,#0f3a52) 0%,var(--primary-2,#14506f) 100%)!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 8px 22px rgba(15,58,82,.18)!important;
    overflow:visible!important;
  }

  .ml-header .ml-header-top,
  .ml-header-top{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    grid-template-areas:"brand search account"!important;
    align-items:center!important;
    gap:8px!important;
  }

  .ml-header .ml-logo,
  .ml-logo{
    grid-area:brand!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    border-radius:50%!important;
    padding:3px!important;
    object-fit:contain!important;
    background:#fff!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 4px 12px rgba(5,22,35,.13)!important;
    justify-self:start!important;
    align-self:center!important;
  }

  .ml-header .ml-search,
  .ml-search{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 5px 0 12px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid rgba(15,58,82,.10)!important;
    box-shadow:0 4px 14px rgba(5,22,35,.12)!important;
    overflow:visible!important;
  }

  .ml-header .ml-search:before,
  .ml-search:before{
    position:static!important;
    content:""!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    display:block!important;
    background-color:var(--primary,#0f3a52)!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M10.5%204a6.5%206.5%200%200%201%205.18%2010.43l4.45%204.44-1.42%201.42-4.44-4.45A6.5%206.5%200%201%201%2010.5%204m0%202a4.5%204.5%200%201%200%200%209%204.5%204.5%200%200%200%200-9%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M10.5%204a6.5%206.5%200%200%201%205.18%2010.43l4.45%204.44-1.42%201.42-4.44-4.45A6.5%206.5%200%201%201%2010.5%204m0%202a4.5%204.5%200%201%200%200%209%204.5%204.5%200%200%200%200-9%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat!important;
    opacity:.76!important;
    flex:0 0 16px!important;
  }

  .ml-header .ml-search input,
  .ml-search input{
    flex:1 1 auto!important;
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:var(--text,#102033)!important;
    font-size:13.5px!important;
    line-height:38px!important;
    font-weight:650!important;
    box-shadow:none!important;
  }

  .ml-header .ml-search input::placeholder,
  .ml-search input::placeholder{
    color:#6f7f92!important;
    opacity:1!important;
    font-weight:600!important;
  }

  .ml-header .ml-search button,
  .ml-search button{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    max-width:31px!important;
    max-height:31px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:50%!important;
    background:#eef5fb!important;
    color:var(--primary,#0f3a52)!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .ml-header .ml-search button svg,
  .ml-header .ml-search button .header-svg-icon,
  .ml-search button svg,
  .ml-search button .header-svg-icon{
    width:16px!important;
    height:16px!important;
    display:block!important;
    overflow:visible!important;
    color:var(--primary,#0f3a52)!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
  }

  .ml-header .ml-header-icons,
  .ml-header-icons,
  .ml-header .extreme-top-actions,
  .extreme-top-actions{
    grid-area:account!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    overflow:visible!important;
  }

  .ml-header .header-cart-btn:not(.header-share-store-btn),
  .ml-header button[aria-label*="sacola" i],
  .ml-header button[aria-label*="carrinho" i],
  .ml-header button[onclick*="toggleCart"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .ml-header .header-menu-btn,
  .ml-header .menu-toggle,
  .ml-header .ml-menu-toggle,
  .ml-header [data-open-menu],
  .ml-header [onclick*="toggleMore"],
  .ml-header [onclick*="menu"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .ml-header .header-share-store-btn{
    display:none!important;
  }

  .ml-header .header-profile-btn,
  .ml-header .ml-header-icons > button.header-profile-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.26)!important;
    box-shadow:none!important;
    overflow:visible!important;
    line-height:1!important;
  }

  .ml-header .header-profile-btn img,
  .ml-header .header-profile-btn span{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    object-fit:cover!important;
    font-size:12px!important;
    line-height:1!important;
    color:#fff!important;
    background:rgba(255,255,255,.18)!important;
  }

  .ml-header .header-profile-btn svg,
  .ml-header .header-profile-btn .header-svg-icon{
    width:19px!important;
    height:19px!important;
    display:block!important;
    overflow:visible!important;
    color:#fff!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.1!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .ml-header .ml-header-top::after{
    content:"Envie para seu endereço";
    grid-column:1 / -1;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    height:22px!important;
    margin-top:1px!important;
    padding:0 2px!important;
    color:rgba(255,255,255,.92)!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:650!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .ml-search-suggestions{
    top:calc(100% + 7px)!important;
    left:0!important;
    right:0!important;
    border-radius:18px!important;
    z-index:3600!important;
  }
}

@media (max-width:768px){
  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a.ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0 1px!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:var(--primary,#0f3a52)!important;
    font-size:9.8px!important;
    line-height:1!important;
    font-weight:650!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    box-shadow:none!important;
  }

  .ml-bottom-nav .ml-nav-item i,
  .ml-bottom-nav a i,
  .ml-bottom-nav button i{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:0!important;
    color:currentColor!important;
    font-size:18px!important;
    line-height:22px!important;
    text-align:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    vertical-align:middle!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav .ml-nav-item .header-svg-icon,
  .ml-bottom-nav a svg,
  .ml-bottom-nav a .header-svg-icon,
  .ml-bottom-nav button svg,
  .ml-bottom-nav button .header-svg-icon{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:1px!important;
    color:currentColor!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  .ml-bottom-nav .ml-nav-item svg path,
  .ml-bottom-nav .ml-nav-item svg circle,
  .ml-bottom-nav .ml-nav-item svg line,
  .ml-bottom-nav .ml-nav-item svg polyline,
  .ml-bottom-nav .ml-nav-item svg polygon,
  .ml-bottom-nav a svg path,
  .ml-bottom-nav a svg circle,
  .ml-bottom-nav a svg line,
  .ml-bottom-nav a svg polyline,
  .ml-bottom-nav a svg polygon{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    vector-effect:non-scaling-stroke!important;
  }

  .ml-bottom-nav .ml-nav-item span,
  .ml-bottom-nav a span,
  .ml-bottom-nav button span{
    display:block!important;
    max-width:100%!important;
    min-width:0!important;
    color:currentColor!important;
    font-size:9.8px!important;
    line-height:1.05!important;
    font-weight:650!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .ml-bottom-nav .ml-nav-item.active,
  .ml-bottom-nav .ml-nav-item:hover,
  .ml-bottom-nav .ml-nav-item:focus-visible,
  .ml-bottom-nav a.active,
  .ml-bottom-nav a:hover,
  .ml-bottom-nav button.active{
    color:var(--accent,#ff6b16)!important;
    background:transparent!important;
    border:0!important;
  }

  .ml-bottom-nav .ml-nav-item.active i,
  .ml-bottom-nav .ml-nav-item.active svg,
  .ml-bottom-nav .ml-nav-item.active span,
  .ml-bottom-nav a.active i,
  .ml-bottom-nav a.active svg,
  .ml-bottom-nav a.active span{
    color:var(--accent,#ff6b16)!important;
  }
}

@media (max-width:380px){
  .ml-header .ml-header-top,
  .ml-header-top{
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:6px!important;
  }

  .ml-header .ml-logo,
  .ml-logo,
  .ml-header .header-profile-btn,
  .ml-header .ml-header-icons > button.header-profile-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }

  .ml-header .ml-search,
  .ml-search{
    height:38px!important;
    min-height:38px!important;
  }

  .ml-header .ml-search input,
  .ml-search input{
    height:36px!important;
    line-height:36px!important;
    font-size:12.8px!important;
  }

  .ml-bottom-nav .ml-nav-item,
  .ml-bottom-nav a.ml-nav-item,
  .ml-bottom-nav a,
  .ml-bottom-nav button{
    font-size:9.2px!important;
  }

  .ml-bottom-nav .ml-nav-item i,
  .ml-bottom-nav a i,
  .ml-bottom-nav button i,
  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav a svg,
  .ml-bottom-nav button svg{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
    font-size:17px!important;
    line-height:21px!important;
  }
}

@media (max-width: 768px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
    background:#f4f7fb!important;
  }

  .ml-header{
    position:sticky!important;
    top:0!important;
    z-index:7000!important;
    padding:7px 10px 6px!important;
    background:linear-gradient(135deg,#0f3a52 0%,#14506f 100%)!important;
    box-shadow:0 2px 10px rgba(15,58,82,.18)!important;
  }
  .ml-header .ml-header-top{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:8px!important;
  }
  .ml-header .ml-logo{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    min-width:42px!important;
    border-radius:50%!important;
    padding:5px!important;
    background:#fff!important;
    object-fit:contain!important;
    box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
  }
  .ml-header .ml-search{
    height:40px!important;
    min-height:40px!important;
    width:100%!important;
    min-width:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    padding:0 4px 0 12px!important;
    gap:6px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
  }
  .ml-header .ml-search:before{
    color:#617086!important;
    font-size:14px!important;
  }
  .ml-header .ml-search input{
    color:#102033!important;
    font-size:13.5px!important;
    font-weight:600!important;
    height:38px!important;
    line-height:38px!important;
  }
  .ml-header .ml-search input::placeholder{
    color:#738196!important;
    opacity:1!important;
  }
  .ml-header .ml-search button{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border-radius:50%!important;
    background:#eef5fb!important;
    color:#0f3a52!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    box-shadow:none!important;
  }
  .ml-header .ml-search button .header-svg-icon{
    width:15px!important;
    height:15px!important;
    stroke:#0f3a52!important;
  }
  .ml-header .ml-header-icons{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    min-width:0!important;
  }
  .ml-header .mobile-header-cart-btn,
  .ml-header .mobile-header-menu-btn,
  .ml-header .mobile-header-share-btn,
  .ml-header .header-cart-btn:not(.mobile-header-profile-btn){
    display:none!important;
  }
  .ml-header .mobile-header-profile-btn,
  .ml-header .header-profile-btn{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    color:#fff!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .ml-header .mobile-header-profile-btn img,
  .ml-header .header-profile-btn img,
  .ml-header .mobile-header-profile-btn span,
  .ml-header .header-profile-btn span{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    font-size:12px!important;
  }
  .ml-header .mobile-header-profile-btn .header-svg-icon,
  .ml-header .header-profile-btn .header-svg-icon{
    width:19px!important;
    height:19px!important;
    stroke:#fff!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
  .ml-bottom-nav .ml-nav-item{
    min-width:0!important;
    width:auto!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:3px 2px!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    overflow:visible!important;
    background:transparent!important;
    color:#738196!important;
    line-height:1!important;
    text-align:center!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .ml-bottom-nav .ml-nav-item.active{
    color:#0f3a52!important;
    background:#eef5fb!important;
  }
  .ml-bottom-nav .ml-nav-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    overflow:visible!important;
    line-height:1!important;
    flex:0 0 27px!important;
  }
  .ml-bottom-nav .ml-nav-icon i,
  .ml-bottom-nav .ml-nav-item > i{
    display:block!important;
    width:auto!important;
    height:auto!important;
    line-height:1!important;
    font-size:18px!important;
    font-weight:400!important;
    color:currentColor!important;
    transform:none!important;
    overflow:visible!important;
  }
  .ml-bottom-nav .nav-cart .ml-nav-icon i,
  .ml-bottom-nav .nav-home .ml-nav-icon i,
  .ml-bottom-nav .nav-categories .ml-nav-icon i,
  .ml-bottom-nav .nav-more .ml-nav-icon i{
    font-weight:900!important;
  }
  .ml-bottom-nav .ml-nav-icon svg,
  .ml-bottom-nav .header-svg-icon{
    display:block!important;
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
    stroke:currentColor!important;
    color:currentColor!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  .ml-bottom-nav .ml-nav-label,
  .ml-bottom-nav .ml-nav-item span:not(.ml-nav-icon):not(.ml-nav-badge){
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:12px!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
  }
  .ml-bottom-nav .ml-nav-badge{
    position:absolute!important;
    top:-5px!important;
    right:-7px!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#ff6b16!important;
    color:#fff!important;
    border:2px solid #fff!important;
    font-style:normal!important;
    font-size:9px!important;
    line-height:12px!important;
    font-weight:900!important;
    display:grid!important;
    place-items:center!important;
    z-index:3!important;
  }
}

@media (max-width: 380px){
  .ml-header .ml-header-top{
    grid-template-columns:38px minmax(0,1fr) 35px!important;
    gap:6px!important;
  }
  .ml-header .ml-logo{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
  }
  .ml-header .ml-search{
    height:38px!important;
    min-height:38px!important;
  }
  .ml-header .ml-search input{
    font-size:12.5px!important;
  }
  .ml-header .mobile-header-profile-btn,
  .ml-header .header-profile-btn{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    min-height:35px!important;
  }
  .ml-bottom-nav .ml-nav-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    flex-basis:25px!important;
  }
  .ml-bottom-nav .ml-nav-icon i,
  .ml-bottom-nav .ml-nav-item > i{
    font-size:17px!important;
  }
  .ml-bottom-nav .ml-nav-label,
  .ml-bottom-nav .ml-nav-item span:not(.ml-nav-icon):not(.ml-nav-badge){
    font-size:9.4px!important;
  }
}


@media (max-width: 768px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{
    padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;
  }

  .ml-header .header-cart-btn:not(.header-share-store-btn),
  .ml-header .header-menu-btn,
  .ml-header .ml-menu-toggle,
  .ml-header .menu-toggle{
    display:none!important;
  }

  .ml-header{
    padding:7px 10px 8px!important;
    background:linear-gradient(135deg,#0f3a52 0%,#14506f 100%)!important;
  }

  .ml-header .ml-header-top{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 38px!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  .ml-header .ml-logo{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    min-width:42px!important;
    border-radius:50%!important;
    object-fit:contain!important;
    background:#fff!important;
    padding:4px!important;
    box-shadow:0 4px 12px rgba(0,0,0,.13)!important;
  }

  .ml-header .ml-search{
    height:42px!important;
    min-height:42px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:0!important;
    box-shadow:0 3px 12px rgba(0,0,0,.12)!important;
    padding:0 5px 0 12px!important;
    gap:6px!important;
  }

  .ml-header .ml-search:before{
    color:#617086!important;
    font-size:14px!important;
  }

  .ml-header .ml-search input{
    color:#102033!important;
    font-size:13.5px!important;
    font-weight:600!important;
    height:40px!important;
    line-height:40px!important;
  }

  .ml-header .ml-search input::placeholder{
    color:#738196!important;
  }

  .ml-header .ml-search button{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:50%!important;
    background:#ff6b16!important;
    color:#fff!important;
  }

  .ml-header .ml-search button svg,
  .ml-header .ml-search button .header-svg-icon{
    width:15px!important;
    height:15px!important;
    stroke:#fff!important;
    fill:none!important;
    stroke-width:2.4!important;
  }

  .ml-header .ml-header-icons{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    width:38px!important;
    min-width:38px!important;
  }

  .ml-header .header-profile-btn{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:50%!important;
    background:#fff!important;
    border:0!important;
    color:#0f3a52!important;
    padding:0!important;
    box-shadow:0 3px 12px rgba(0,0,0,.12)!important;
  }

  .ml-header .header-profile-btn img,
  .ml-header .header-profile-btn span{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    border-radius:50%!important;
  }

  .ml-header .header-profile-btn svg,
  .ml-header .header-profile-btn .header-svg-icon{
    width:20px!important;
    height:20px!important;
    stroke:#0f3a52!important;
    fill:none!important;
    stroke-width:2.1!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }

  .ml-bottom-nav *{
    box-sizing:border-box!important;
  }

  .ml-bottom-nav .ml-nav-item{
    position:relative!important;
    min-width:0!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:3px 2px 2px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#617086!important;
    text-decoration:none!important;
    overflow:visible!important;
    line-height:1!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .ml-bottom-nav .ml-nav-item i,
  .ml-bottom-nav .ml-nav-item svg,
  .ml-bottom-nav .ml-nav-item .header-svg-icon{
    display:none!important;
  }

  .ml-bottom-nav .ml-nav-icon{
    position:relative!important;
    display:block!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
    margin:0 auto!important;
    color:currentColor!important;
    flex:0 0 23px!important;
    overflow:visible!important;
  }

  .ml-bottom-nav .ml-nav-icon::before,
  .ml-bottom-nav .ml-nav-icon::after{
    content:""!important;
    position:absolute!important;
    display:block!important;
    box-sizing:border-box!important;
    color:currentColor!important;
  }

  .ml-bottom-nav .ml-nav-label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:12px!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
    text-align:center!important;
    color:currentColor!important;
  }

  .ml-bottom-nav .ml-nav-item.active{
    color:#0f3a52!important;
    font-weight:700!important;
  }

  .ml-bottom-nav .ml-nav-item.active::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:50%!important;
    width:22px!important;
    height:3px!important;
    border-radius:99px!important;
    background:#ff6b16!important;
    transform:translateX(-50%)!important;
  }

  .ml-bottom-nav .nav-home .ml-nav-icon::before{
    left:4px!important;
    top:9px!important;
    width:15px!important;
    height:11px!important;
    border:2px solid currentColor!important;
    border-top:0!important;
    border-radius:2px 2px 4px 4px!important;
  }
  .ml-bottom-nav .nav-home .ml-nav-icon::after{
    left:3px!important;
    top:3px!important;
    width:17px!important;
    height:17px!important;
    border-left:2px solid currentColor!important;
    border-top:2px solid currentColor!important;
    transform:rotate(45deg)!important;
    border-radius:2px 0 0 0!important;
  }

  .ml-bottom-nav .nav-categories .ml-nav-icon::before{
    left:3px!important;
    top:4px!important;
    width:17px!important;
    height:15px!important;
    border-top:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
  }
  .ml-bottom-nav .nav-categories .ml-nav-icon::after{
    left:3px!important;
    top:10px!important;
    width:17px!important;
    height:2px!important;
    background:currentColor!important;
    box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor!important;
    border-radius:99px!important;
  }

  .ml-bottom-nav .nav-cart .ml-nav-icon::before{
    left:4px!important;
    top:6px!important;
    width:16px!important;
    height:12px!important;
    border:2px solid currentColor!important;
    border-radius:3px 3px 5px 5px!important;
  }
  .ml-bottom-nav .nav-cart .ml-nav-icon::after{
    left:8px!important;
    top:2px!important;
    width:8px!important;
    height:7px!important;
    border:2px solid currentColor!important;
    border-bottom:0!important;
    border-radius:8px 8px 0 0!important;
  }

  .ml-bottom-nav .nav-account .ml-nav-icon::before{
    left:7px!important;
    top:3px!important;
    width:9px!important;
    height:9px!important;
    border:2px solid currentColor!important;
    border-radius:50%!important;
  }
  .ml-bottom-nav .nav-account .ml-nav-icon::after{
    left:4px!important;
    top:14px!important;
    width:15px!important;
    height:7px!important;
    border:2px solid currentColor!important;
    border-bottom:0!important;
    border-radius:14px 14px 0 0!important;
  }

  .ml-bottom-nav .nav-more .ml-nav-icon::before{
    left:3px!important;
    top:5px!important;
    width:17px!important;
    height:2px!important;
    background:currentColor!important;
    border-radius:99px!important;
    box-shadow:0 6px 0 currentColor,0 12px 0 currentColor!important;
  }

  .ml-bottom-nav .ml-nav-badge{
    position:absolute!important;
    top:-6px!important;
    right:-8px!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#ff6b16!important;
    color:#fff!important;
    border:2px solid #fff!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    z-index:2!important;
  }
}

@media (max-width:380px){
  .ml-bottom-nav .ml-nav-label{font-size:9.4px!important;}
  .ml-bottom-nav .ml-nav-icon{transform:scale(.94)!important;}
  .ml-header .ml-header-top{grid-template-columns:38px minmax(0,1fr) 34px!important;gap:6px!important;}
  .ml-header .ml-logo{width:38px!important;height:38px!important;max-width:38px!important;min-width:38px!important;}
  .ml-header .header-profile-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
  .ml-header .ml-search{height:39px!important;min-height:39px!important;}
}


@media (max-width:760px){
  .ml-header .ml-header-top,
  .ml-header-top{
    grid-template-columns:112px minmax(0,1fr) 36px!important;
    gap:8px!important;
    min-height:48px!important;
    align-items:center!important;
  }

  .ml-header .ml-logo,
  .ml-logo{
    width:112px!important;
    max-width:112px!important;
    min-width:112px!important;
    height:46px!important;
    max-height:46px!important;
    min-height:46px!important;
    border-radius:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  .ml-header .ml-logo img,
  .ml-logo img,
  .header-logo img{
    width:112px!important;
    max-width:112px!important;
    height:46px!important;
    max-height:46px!important;
    object-fit:contain!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    display:block!important;
  }

  .ml-header .ml-search,
  .ml-search{
    height:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    padding:0 5px 0 10px!important;
    box-shadow:0 7px 16px rgba(7,22,34,.12)!important;
  }

  .ml-header .ml-search input,
  .ml-search input{
    height:36px!important;
    line-height:36px!important;
    font-size:12.8px!important;
  }

  .ml-header .ml-search button,
  .ml-search button{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    max-width:29px!important;
    max-height:29px!important;
    border-radius:10px!important;
  }

  .ml-header .mobile-header-profile-btn,
  .ml-header .header-profile-btn,
  .ml-header .ml-header-icons > button.header-profile-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    border-radius:13px!important;
  }
}

@media (max-width:380px){
  .ml-header .ml-header-top,
  .ml-header-top{
    grid-template-columns:98px minmax(0,1fr) 34px!important;
    gap:6px!important;
  }

  .ml-header .ml-logo,
  .ml-logo{
    width:98px!important;
    max-width:98px!important;
    min-width:98px!important;
    height:42px!important;
    max-height:42px!important;
    min-height:42px!important;
    border-radius:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .ml-header .ml-logo img,
  .ml-logo img,
  .header-logo img{
    width:98px!important;
    max-width:98px!important;
    height:42px!important;
    max-height:42px!important;
    border-radius:0!important;
    object-fit:contain!important;
  }

  .ml-header .ml-search,
  .ml-search{
    height:36px!important;
    min-height:36px!important;
  }
}


.es-icon{--es-size:1.15em;display:inline-block;width:var(--es-size);height:var(--es-size);min-width:var(--es-size);min-height:var(--es-size);vertical-align:-.16em;background:currentColor;mask:var(--es-mask) center/contain no-repeat;-webkit-mask:var(--es-mask) center/contain no-repeat;line-height:1;flex:0 0 auto;}
.es-icon[style]{color:inherit;}
.es-icon-spin{animation:esIconSpin .85s linear infinite;}@keyframes esIconSpin{to{transform:rotate(360deg)}}
.menu-arrow.es-icon{--es-size:16px;color:currentColor;opacity:.72;}
.header-svg-icon.es-icon{--es-size:18px;display:inline-block;color:currentColor;stroke:none;}
.modal-close .es-icon,.extreme-inbox-close .es-icon,.extreme-notify-close .es-icon{--es-size:18px;}
.ml-shortcut .es-icon{--es-size:22px;color:var(--primary);}
.ml-btn-comprar .es-icon,.btn .es-icon,.btn-primary .es-icon,.btn-outline .es-icon,.cart-checkout-wow .es-icon{--es-size:1em;}
.menu-extreme-list .es-icon,.ml-sidebar-left li a .es-icon{--es-size:20px;}
.cart-wow .es-icon{--es-size:18px;}
.auth-proof-item .es-icon,.auth-benefit .es-icon,.profile-login-clean-benefits .es-icon,.seller-proof-grid .es-icon{--es-size:18px;}
.extreme-notify-benefits .es-icon{--es-size:18px;}
.es-icon.es-icon-google{background:linear-gradient(135deg,#4285F4,#34A853 45%,#FBBC05 65%,#EA4335);}
@media(max-width:760px){.es-icon{--es-size:17px}.header-svg-icon.es-icon{--es-size:17px}.menu-extreme-list .es-icon,.ml-sidebar-left li a .es-icon{--es-size:18px}.ml-shortcut .es-icon{--es-size:20px}.ml-bottom-nav .es-icon{--es-size:22px}}
.es-icon-bag{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%208h10l1%2012H6L7%208z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%208a3%203%200%200%201%206%200%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-bell{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%2018h12l-1.4-2V11a4.6%204.6%200%200%200-9.2%200v5z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2020a2.3%202.3%200%200%200%204%200%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-bolt{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%202%204%2014h7l-1%208%2010-13h-7z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-box{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%208%2012%204l8%204v9l-8%204-8-4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%208l8%204%208-4M12%2012v9%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-briefcase{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%208h16v11H4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%208V5h6v3M4%2013h16%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-calendar{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4M16%203v4M4%2010h16M8%2015l2%202%205-5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-card{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h5%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-check{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M7.5%2012.5%2010.5%2015.5%2017%209%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-chevron-left{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15%205l-7%207%207%207%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-chevron-right{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%205l7%207-7%207%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-clock{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%207v5l4%202%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-close{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206%206%2018%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-edit{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2016.5V20h3.5L18%209.5%2014.5%206z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m13.5%207%203.5%203.5%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-eye{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2.5%2012s3.5-6%209.5-6%209.5%206%209.5%206-3.5%206-9.5%206-9.5-6-9.5-6z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-fire{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022c-4%200-7-2.7-7-6.8%200-2.8%201.8-5.1%203.4-6.8.4%202.2%201.7%203.4%203%204.1-.5-3.6%201-6.8%204-9.5.2%203.6%202%205.6%203.4%207.4%201.1%201.5%202.2%203%202.2%205%200%203.9-3%206.6-7%206.6z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-google{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2012.2c0-.7-.1-1.3-.2-1.9H12v3.6h5.1a4.3%204.3%200%200%201-1.9%202.8v2.3h3c1.8-1.7%202.8-4.1%202.8-6.8z%22%2F%3E%3Cpath%20d%3D%22M12%2021c2.4%200%204.5-.8%206-2.1l-3-2.3c-.8.5-1.8.9-3%20.9-2.3%200-4.3-1.6-5-3.7H4v2.4A9%209%200%200%200%2012%2021z%22%2F%3E%3Cpath%20d%3D%22M7%2013.8a5.4%205.4%200%200%201%200-3.6V7.8H4a9%209%200%200%200%200%208.4z%22%2F%3E%3Cpath%20d%3D%22M12%206.5c1.3%200%202.5.5%203.5%201.4L18.1%205.3A9%209%200%200%200%204%207.8l3%202.4c.7-2.1%202.7-3.7%205-3.7z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-grid{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%205h5v5H5zM14%205h5v5h-5zM5%2014h5v5H5zM14%2014h5v5h-5z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-headset{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2013a8%208%200%200%201%2016%200v5h-4v-6h4M4%2018h4v-6H4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M14%2020h3%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-home{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2011.2%2012%204l8%207.2V20h-5v-6H9v6H4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-info{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2010v7M12%207h.01%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-list{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%206h12M8%2012h12M8%2018h12%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%226%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2212%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2218%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-logout{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%205H5v14h5M14%208l4%204-4%204M8%2012h10%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-menu{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%207h16v2H4zM4%2011h16v2H4zM4%2015h16v2H4z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-mobile{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%202h8v20H8z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2018h2%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-phone{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%203h10v18H7z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2018h2%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-pin{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022s7-6.3%207-12a7%207%200%201%200-14%200c0%205.7%207%2012%207%2012z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-play{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%208l7%204-7%204z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-qr{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%204h6v6H4zM14%204h6v6h-6zM4%2014h6v6H4zM14%2014h2v2h-2zM18%2014h2v6h-2zM14%2018h2v2h-2z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-receipt{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%203h12v18l-3-2-3%202-3-2-3%202z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%208h6M9%2012h6M9%2016h4%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-rocket{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2014%208%2018l-2-2%204-4c1-5%204-8%209-9-1%205-4%208-9%209z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14%206l4%204%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%228%22%20r%3D%221.2%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-search{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M15.5%2015.5%2021%2021%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-search-pin{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m14.5%2014.5%205%205%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%207.8a2.2%202.2%200%201%201%200%204.4%202.2%202.2%200%200%201%200-4.4z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-share{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%226%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M9.7%2010.7%2014.3%207.3M9.7%2013.3l4.6%203.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-shield{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203%2020%206v6c0%205-3.3%208.3-8%2010-4.7-1.7-8-5-8-10V6z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-spark{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202l1.7%206.3L20%2010l-6.3%201.7L12%2018l-1.7-6.3L4%2010l6.3-1.7zM18%2015l.8%202.2L21%2018l-2.2.8L18%2021l-.8-2.2L15%2018l2.2-.8z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-spinner{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%201-9%209%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-star{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%203%202.7%205.5%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.8%201-6.1-4.4-4.3%206.1-.9z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-store{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209h16l-1.5-5h-13zM5%2010v10h14V10%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2020v-6h8v6%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-tag{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%205h8l8%208-7%207-8-8z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-ticket{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%207h16v4a2%202%200%200%200%200%204v2H4v-2a2%202%200%200%200%200-4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%208v8%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%222%202%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-trash{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%207h14M10%207V5h4v2M8%209l1%2011h6l1-11%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-trophy{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%204h8v3h4c0%204-2%206-5%206-.5%201.4-1.5%202.4-3%202.8V19h4v2H8v-2h4v-3.2c-1.5-.4-2.5-1.4-3-2.8-3%200-5-2-5-6h4z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-truck{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h11v9H3zM14%2010h4l3%203v3h-7z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-user{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021c1.1-4.2%204-6.2%208-6.2s6.9%202%208%206.2z%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-wallet{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%207h14a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M15%2012h6v5h-6a2.5%202.5%200%200%201%200-5z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-whatsapp{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2020l1-4a8%208%200%201%201%203%203z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%209c.6%203%203%205%206%206%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-wifi{--es-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2010a12%2012%200%200%201%2016%200M7%2013a7.5%207.5%200%200%201%2010%200M10%2016a3%203%200%200%201%204%200%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E");}
.es-icon-cart{--es-mask:var(--es-mask-bag, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%208h10l1%2012H6L7%208z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%208a3%203%200%200%201%206%200%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-bag-shopping{--es-mask:var(--es-mask-bag, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%208h10l1%2012H6L7%208z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%208a3%203%200%200%201%206%200%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-calendar-check{--es-mask:var(--es-mask-calendar, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4M16%203v4M4%2010h16M8%2015l2%202%205-5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-circle{--es-mask:var(--es-mask-info, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2010v7M12%207h.01%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-circle-info{--es-mask:var(--es-mask-info, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2010v7M12%207h.01%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-circle-exclamation{--es-mask:var(--es-mask-info, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2010v7M12%207h.01%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-circle-check{--es-mask:var(--es-mask-check, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M7.5%2012.5%2010.5%2015.5%2017%209%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-check-circle{--es-mask:var(--es-mask-check, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M7.5%2012.5%2010.5%2015.5%2017%209%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-shopping-bag{--es-mask:var(--es-mask-bag, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%208h10l1%2012H6L7%208z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%208a3%203%200%200%201%206%200%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-shop{--es-mask:var(--es-mask-store, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209h16l-1.5-5h-13zM5%2010v10h14V10%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2020v-6h8v6%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-map-marker-alt{--es-mask:var(--es-mask-pin, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022s7-6.3%207-12a7%207%200%201%200-14%200c0%205.7%207%2012%207%2012z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-location-dot{--es-mask:var(--es-mask-pin, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022s7-6.3%207-12a7%207%200%201%200-14%200c0%205.7%207%2012%207%2012z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-share-alt{--es-mask:var(--es-mask-share, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%226%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M9.7%2010.7%2014.3%207.3M9.7%2013.3l4.6%203.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-share-nodes{--es-mask:var(--es-mask-share, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%226%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M9.7%2010.7%2014.3%207.3M9.7%2013.3l4.6%203.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-shield-halved{--es-mask:var(--es-mask-shield, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203%2020%206v6c0%205-3.3%208.3-8%2010-4.7-1.7-8-5-8-10V6z%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-shield-heart{--es-mask:var(--es-mask-shield, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203%2020%206v6c0%205-3.3%208.3-8%2010-4.7-1.7-8-5-8-10V6z%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-box-open{--es-mask:var(--es-mask-box, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%208%2012%204l8%204v9l-8%204-8-4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%208l8%204%208-4M12%2012v9%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-box-check{--es-mask:var(--es-mask-box, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%208%2012%204l8%204v9l-8%204-8-4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%208l8%204%208-4M12%2012v9%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-boxes-packing{--es-mask:var(--es-mask-box, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%208%2012%204l8%204v9l-8%204-8-4z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%208l8%204%208-4M12%2012v9%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-credit-card{--es-mask:var(--es-mask-card, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h5%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-magnifying-glass{--es-mask:var(--es-mask-search, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M15.5%2015.5%2021%2021%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-arrow-right-from-bracket{--es-mask:var(--es-mask-logout, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%205H5v14h5M14%208l4%204-4%204M8%2012h10%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-pen-to-square{--es-mask:var(--es-mask-edit, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2016.5V20h3.5L18%209.5%2014.5%206z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m13.5%207%203.5%203.5%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-clipboard-list{--es-mask:var(--es-mask-list, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%206h12M8%2012h12M8%2018h12%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%226%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2212%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2218%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-hourglass-half{--es-mask:var(--es-mask-clock, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%207v5l4%202%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-wand-magic-sparkles{--es-mask:var(--es-mask-spark, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202l1.7%206.3L20%2010l-6.3%201.7L12%2018l-1.7-6.3L4%2010l6.3-1.7zM18%2015l.8%202.2L21%2018l-2.2.8L18%2021l-.8-2.2L15%2018l2.2-.8z%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-mobile-screen-button{--es-mask:var(--es-mask-mobile, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%202h8v20H8z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2018h2%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-cart-shopping{--es-mask:var(--es-mask-bag, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%208h10l1%2012H6L7%208z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%208a3%203%200%200%201%206%200%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-circle-user{--es-mask:var(--es-mask-user, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021c1.1-4.2%204-6.2%208-6.2s6.9%202%208%206.2z%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-user-check{--es-mask:var(--es-mask-user, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021c1.1-4.2%204-6.2%208-6.2s6.9%202%208%206.2z%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-user-lock{--es-mask:var(--es-mask-user, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021c1.1-4.2%204-6.2%208-6.2s6.9%202%208%206.2z%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-truck-fast{--es-mask:var(--es-mask-truck, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h11v9H3zM14%2010h4l3%203v3h-7z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"));}
.es-icon-phone-alt{--es-mask:var(--es-mask-phone, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%203h10v18H7z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2018h2%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"));}
@media(max-width:768px){
  :root{
    --extreme-mobile-header-height:58px;
    --extreme-mobile-menu-gap:0px;
  }

  body.menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .menu-extreme-overlay,
  .ml-sidebar-overlay,
  #moreOverlay{
    position:fixed!important;
    top:var(--extreme-mobile-header-height)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:auto!important;
    width:100vw!important;
    background:rgba(9,28,45,.44)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    z-index:5990!important;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar{
    position:fixed!important;
    top:calc(var(--extreme-mobile-header-height) + var(--extreme-mobile-menu-gap))!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:min(88vw,360px)!important;
    max-width:calc(100vw - 18px)!important;
    height:calc(100dvh - var(--extreme-mobile-header-height) - var(--extreme-mobile-menu-gap) - env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - var(--extreme-mobile-header-height) - var(--extreme-mobile-menu-gap) - env(safe-area-inset-bottom))!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:0 22px 22px 0!important;
    background:#ffffff!important;
    border-top:1px solid #dfe9f2!important;
    border-right:1px solid #dfe9f2!important;
    border-bottom:1px solid #dfe9f2!important;
    border-left:0!important;
    box-shadow:16px 0 42px rgba(7,22,34,.20)!important;
    z-index:6100!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
  }

  #moreSidebar.ml-sidebar-left.open,
  .ml-sidebar-left#moreSidebar.open,
  body.menu-open #moreSidebar.ml-sidebar-left{
    transform:translateX(0)!important;
  }

  #moreSidebar .menu-extreme-head,
  .ml-sidebar-left#moreSidebar .menu-extreme-head{
    position:relative!important;
    flex:0 0 auto!important;
    display:block!important;
    min-height:66px!important;
    padding:10px 48px 10px 10px!important;
    background:linear-gradient(135deg,#0f3a52 0%,#14506f 100%)!important;
    border-radius:0!important;
    overflow:visible!important;
    z-index:2!important;
  }

  #moreSidebar .menu-welcome-card,
  .ml-sidebar-left#moreSidebar .menu-welcome-card{
    min-height:54px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    padding:6px!important;
    border-radius:16px!important;
  }

  #moreSidebar .menu-extreme-close,
  .ml-sidebar-left#moreSidebar .menu-extreme-close{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:12px!important;
    right:10px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(15,58,82,.12)!important;
    border-radius:12px!important;
    background:#ffffff!important;
    color:#0f3a52!important;
    font-size:26px!important;
    font-weight:500!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:5!important;
    box-shadow:0 8px 18px rgba(7,22,34,.14)!important;
  }

  #moreSidebar .menu-extreme-list,
  .ml-sidebar-left#moreSidebar .menu-extreme-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding:9px!important;
    background:#ffffff!important;
  }

  #moreSidebar .menu-extreme-footer,
  .ml-sidebar-left#moreSidebar .menu-extreme-footer{
    flex:0 0 auto!important;
    padding:9px 10px max(11px,env(safe-area-inset-bottom))!important;
    background:#ffffff!important;
    border-top:1px solid #dfe9f2!important;
  }
}

@media(max-width:380px){
  :root{--extreme-mobile-header-height:54px;}

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar{
    width:min(90vw,340px)!important;
    max-width:calc(100vw - 14px)!important;
    border-radius:0 20px 20px 0!important;
  }

  #moreSidebar .menu-extreme-head,
  .ml-sidebar-left#moreSidebar .menu-extreme-head{
    min-height:60px!important;
    padding:9px 44px 9px 9px!important;
  }

  #moreSidebar .menu-extreme-close,
  .ml-sidebar-left#moreSidebar .menu-extreme-close{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    top:10px!important;
    right:9px!important;
    font-size:24px!important;
  }
}

@media(max-width:768px){
  :root{
    --mobile-menu-top:74px!important;
    --mobile-menu-bottom-gap:0px!important;
  }

  .menu-extreme-overlay,
  .ml-sidebar-overlay{
    top:var(--mobile-menu-top)!important;
    height:calc(100dvh - var(--mobile-menu-top))!important;
    min-height:0!important;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar,
  .ml-sidebar-left{
    top:var(--mobile-menu-top)!important;
    bottom:0!important;
    height:calc(100dvh - var(--mobile-menu-top) - env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - var(--mobile-menu-top) - env(safe-area-inset-bottom))!important;
    border-radius:0 20px 20px 0!important;
  }

  #moreSidebar .menu-extreme-footer,
  .ml-sidebar-left#moreSidebar .menu-extreme-footer,
  .ml-sidebar-left .menu-extreme-footer{
    padding:6px 10px 7px!important;
    margin:0!important;
  }

  #moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left .menu-extreme-seller-box{
    padding:7px 8px!important;
    margin:0!important;
    border-radius:13px!important;
  }

  #moreSidebar .menu-extreme-cta,
  .ml-sidebar-left#moreSidebar .menu-extreme-cta,
  .ml-sidebar-left .menu-extreme-cta,
  #moreSidebar .logout-btn,
  .ml-sidebar-left .logout-btn,
  #moreSidebar [href*="logout"],
  .ml-sidebar-left [href*="logout"]{
    min-height:32px!important;
    height:32px!important;
    margin-top:5px!important;
    margin-bottom:0!important;
    border-radius:11px!important;
  }

  #moreSidebar .menu-extreme-list,
  .ml-sidebar-left#moreSidebar .menu-extreme-list,
  .ml-sidebar-left .menu-extreme-list{
    padding-bottom:6px!important;
  }
}

@media(max-width:768px) and (max-height:720px){
  :root{
    --mobile-menu-top:68px!important;
    --mobile-menu-bottom-gap:0px!important;
  }

  #moreSidebar .menu-extreme-footer,
  .ml-sidebar-left#moreSidebar .menu-extreme-footer,
  .ml-sidebar-left .menu-extreme-footer{
    padding:5px 9px 6px!important;
  }

  #moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left .menu-extreme-seller-box{
    padding:6px 7px!important;
  }

  #moreSidebar .menu-extreme-cta,
  .ml-sidebar-left#moreSidebar .menu-extreme-cta,
  .ml-sidebar-left .menu-extreme-cta,
  #moreSidebar .logout-btn,
  .ml-sidebar-left .logout-btn,
  #moreSidebar [href*="logout"],
  .ml-sidebar-left [href*="logout"]{
    min-height:30px!important;
    height:30px!important;
    margin-top:4px!important;
  }
}


@media(max-width:768px){
  :root{
    --mobile-menu-top:92px!important;
    --extreme-mobile-header-height:92px!important;
    --extreme-mobile-menu-gap:0px!important;
  }

  body.menu-open{
    overflow:hidden!important;
  }

  .menu-extreme-overlay,
  .ml-sidebar-overlay,
  #moreOverlay{
    top:92px!important;
    height:calc(100dvh - 92px)!important;
    bottom:0!important;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar,
  .ml-sidebar-left{
    top:92px!important;
    bottom:auto!important;
    height:calc(100dvh - 92px - env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #moreSidebar .menu-extreme-list,
  .ml-sidebar-left#moreSidebar .menu-extreme-list,
  .ml-sidebar-left .menu-extreme-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:4px!important;
  }

  #moreSidebar .menu-extreme-footer,
  .ml-sidebar-left#moreSidebar .menu-extreme-footer,
  .ml-sidebar-left .menu-extreme-footer{
    flex:0 0 auto!important;
    padding:4px 9px max(5px,env(safe-area-inset-bottom))!important;
    margin:0!important;
  }

  #moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left#moreSidebar .menu-extreme-seller-box,
  .ml-sidebar-left .menu-extreme-seller-box{
    padding:5px 7px!important;
    margin:0!important;
  }

  #moreSidebar .menu-extreme-cta,
  .ml-sidebar-left#moreSidebar .menu-extreme-cta,
  .ml-sidebar-left .menu-extreme-cta,
  #moreSidebar .logout-btn,
  .ml-sidebar-left .logout-btn,
  #moreSidebar [href*="logout"],
  .ml-sidebar-left [href*="logout"]{
    min-height:28px!important;
    height:28px!important;
    margin-top:3px!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

@media(max-width:768px) and (max-height:720px){
  :root{
    --mobile-menu-top:84px!important;
    --extreme-mobile-header-height:84px!important;
  }

  .menu-extreme-overlay,
  .ml-sidebar-overlay,
  #moreOverlay{
    top:84px!important;
    height:calc(100dvh - 84px)!important;
  }

  #moreSidebar.ml-sidebar-left,
  .ml-sidebar-left#moreSidebar,
  .ml-sidebar-left{
    top:84px!important;
    height:calc(100dvh - 84px - env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 84px - env(safe-area-inset-bottom))!important;
  }
}


@media (max-width: 768px) {
      :root {
        --extreme-safe-bottom: env(safe-area-inset-bottom, 0px);
        --extreme-header-h: 52px;
        --extreme-radius-sm: 12px;
        --extreme-radius-md: 16px;
        --extreme-radius-lg: 22px;
        --extreme-shadow-soft: 0 8px 22px rgba(15,42,61,.10);
        --extreme-shadow-strong: 0 22px 70px rgba(9,28,45,.24);
      }
    
      *, *::before, *::after { box-sizing: border-box !important; }
    
      html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        background: var(--bg, #f4f7fb) !important;
        color: var(--text, #102033) !important;
        -webkit-text-size-adjust: 100% !important;
      }
    
      body {
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.42 !important;
        padding-bottom: calc(78px + var(--extreme-safe-bottom)) !important;
        overscroll-behavior-y: contain !important;
      }
    
      body.menu-open,
      body.cart-open,
      body.modal-open { overflow: hidden !important; }
    
      img, video, iframe, canvas, svg, table, form, input, select, textarea, button {
        max-width: 100% !important;
      }
    
      input, select, textarea, button { font: inherit !important; }
    
      .ml-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 6200 !important;
        width: 100% !important;
        min-height: var(--extreme-header-h) !important;
        padding: 7px 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--header-bg-gradient, linear-gradient(135deg,#0f3a52 0%,#14506f 100%)) !important;
        box-shadow: 0 8px 24px rgba(9,28,45,.18) !important;
      }
    
      .ml-header .ml-header-top,
      .ml-header-top {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: 68px minmax(74px, 1fr) max-content !important;
        align-items: center !important;
        gap: 5px !important;
      }
    
      .ml-header .header-menu-btn,
      .ml-header .menu-toggle,
      .ml-header .ml-menu-toggle,
      .ml-header [data-open-menu] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        width: 0 !important;
        min-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
      }
    
      .ml-header .ml-logo,
      .ml-logo,
      .header-logo {
        grid-column: 1 !important;
        justify-self: start !important;
        align-self: center !important;
        position: relative !important;
        z-index: 2 !important;
        width: 68px !important;
        max-width: 68px !important;
        height: 32px !important;
        max-height: 32px !important;
        min-width: 0 !important;
        display: block !important;
        object-fit: contain !important;
        object-position: left center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }
    
      .ml-header .ml-logo img,
      .ml-logo img,
      .header-logo img {
        width: 100% !important;
        max-width: 68px !important;
        height: 32px !important;
        max-height: 32px !important;
        object-fit: contain !important;
        object-position: left center !important;
        display: block !important;
      }
    
      .ml-header .ml-search,
      .ml-search {
        grid-column: 2 !important;
        justify-self: stretch !important;
        align-self: center !important;
        position: relative !important;
        z-index: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 4px 0 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        border: 1px solid rgba(255,255,255,.70) !important;
        box-shadow: inset 0 0 0 1px rgba(15,58,82,.04) !important;
      }
    
      .ml-header .ml-search::before,
      .ml-search::before {
        content: "" !important;
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        flex: 0 0 13px !important;
        background: var(--primary, #0f3a52) !important;
        opacity: .70 !important;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm5.2 9.3 4 4a1 1 0 0 1-1.4 1.4l-4-4a1 1 0 0 1 1.4-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm5.2 9.3 4 4a1 1 0 0 1-1.4 1.4l-4-4a1 1 0 0 1 1.4-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
      }
    
      .ml-header .ml-search input,
      .ml-search input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 30px !important;
        line-height: 30px !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: var(--text, #102033) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
      }
    
      .ml-header .ml-search input::placeholder,
      .ml-search input::placeholder {
        color: #74889c !important;
        font-weight: 650 !important;
      }
    
      .ml-header .ml-search button,
      .ml-search button {
        flex: 0 0 26px !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        max-width: 26px !important;
        max-height: 26px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: var(--button-primary-bg, linear-gradient(135deg,#ff7a1a,#f05a0a)) !important;
        color: #fff !important;
        box-shadow: none !important;
      }
    
      .ml-header .ml-search button .header-svg-icon,
      .ml-header .ml-search button i,
      .ml-header .ml-search button svg,
      .ml-search button .header-svg-icon,
      .ml-search button i,
      .ml-search button svg {
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        min-height: 13px !important;
        color: #fff !important;
      }
    
      .ml-search-suggestions {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 6300 !important;
        max-height: 260px !important;
        overflow-y: auto !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: var(--extreme-shadow-strong) !important;
      }
    
      .ml-header .ml-header-icons,
      .ml-header .extreme-top-actions,
      .ml-header-icons,
      .extreme-top-actions {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: max-content !important;
        margin: 0 !important;
      }
    
      .ml-header .ml-header-icons button,
      .ml-header .extreme-top-actions button,
      .ml-header .header-cart-btn,
      .ml-header .header-profile-btn,
      .ml-header .header-share-store-btn {
        flex: 0 0 31px !important;
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        min-height: 31px !important;
        max-width: 31px !important;
        max-height: 31px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 11px !important;
        background: rgba(255,255,255,.15) !important;
        border: 1px solid rgba(255,255,255,.22) !important;
        color: #fff !important;
        overflow: visible !important;
        box-shadow: none !important;
      }
    
      .ml-header .header-profile-btn img,
      .ml-header .header-profile-btn > span:not(.header-svg-icon),
      .ml-header .profile-initial,
      .ml-header .user-initial {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        display: grid !important;
        place-items: center !important;
        font-size: 10.5px !important;
        font-weight: 950 !important;
        background: rgba(255,255,255,.18) !important;
        color: #fff !important;
      }
    
      .ml-header .header-svg-icon,
      .ml-header .es-icon,
      .ml-header svg,
      .ml-header i {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        color: #fff !important;
      }
    
      .ml-header .header-cart-count {
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        min-width: 17px !important;
        height: 17px !important;
        padding: 0 4px !important;
        border-radius: 999px !important;
        display: grid !important;
        place-items: center !important;
        background: var(--accent, #ff6b16) !important;
        color: #fff !important;
        border: 2px solid var(--primary, #0f3a52) !important;
        font-size: 9px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
      }

    
      .ml-banner-carousel {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        margin: 10px auto 12px !important;
        aspect-ratio: 1600 / 600 !important;
        height: auto !important;
        max-height: 190px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: #fff !important;
        box-shadow: var(--extreme-shadow-soft) !important;
      }
    
      .ml-banner-slide,
      .ml-banner-slide picture,
      .ml-banner-slide img,
      .ml-banner-slide picture img,
      .ml-cover {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
      }
    
      .ml-banner-carousel .banner-nav-btn,
      .ml-banner-carousel .banner-prev,
      .ml-banner-carousel .banner-next { display: none !important; }
    
      .ml-shortcuts {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        margin: 9px auto 16px !important;
        padding: 6px !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 4px !important;
        border-radius: 18px !important;
        background: #fff !important;
        border: 1px solid var(--border, #dfe7f0) !important;
        box-shadow: var(--extreme-shadow-soft) !important;
        overflow: hidden !important;
      }
    
      .ml-shortcut {
        min-width: 0 !important;
        min-height: 56px !important;
        padding: 5px 2px !important;
        border-radius: 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        text-align: center !important;
      }
    
      .ml-shortcut .es-icon,
      .ml-shortcut i { width: 20px !important; height: 20px !important; font-size: 20px !important; }
    
      .extreme-section-title {
        margin: 18px 0 10px !important;
        padding: 0 10px !important;
      }
    
      .extreme-section-title h1,
      .extreme-section-title h2 { font-size: 22px !important; line-height: 1.08 !important; }
    
      .ml-destaque-container {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 0 10px !important;
      }
    
      .ml-ofertas-relampago,
      .ml-prod-destaque {
        border-radius: 18px !important;
        padding: 12px !important;
        background: #fff !important;
        border: 1px solid var(--border, #dfe7f0) !important;
        box-shadow: var(--extreme-shadow-soft) !important;
      }
    
      .ml-prod-destaque img { height: auto !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important; border-radius: 16px !important; }
    
      .ml-grid {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding: 0 9px !important;
        margin: 0 0 24px !important;
      }
    
      .ml-card {
        min-width: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 1px solid var(--border, #dfe7f0) !important;
        box-shadow: 0 6px 18px rgba(15,42,61,.08) !important;
        transform: none !important;
      }
    
      .ml-card:hover { transform: none !important; }
    
      .ml-card-img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        max-height: 168px !important;
        object-fit: cover !important;
        background: #f7fafc !important;
      }
    
      .ml-card-body { padding: 9px !important; }
    
      .ml-card-title {
        min-height: 33px !important;
        font-size: 12.5px !important;
        line-height: 1.28 !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
      }
    
      .ml-card-price {
        margin: 6px 0 !important;
        font-size: 19px !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
        color: var(--price-color, var(--primary, #0f3a52)) !important;
      }
    
      .ml-card-badges { gap: 4px !important; margin: 7px 0 !important; }
      .ml-card-badge, .ml-badge { font-size: 9.5px !important; padding: 3px 6px !important; border-radius: 999px !important; }
    
      .ml-btn-comprar,
      .ml-card .btn,
      .ml-card .btn-primary {
        width: 100% !important;
        min-height: 39px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
        font-weight: 950 !important;
      }
    
      .produto-detalhe-page,
      .ml-detalhe {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        margin: 10px auto !important;
        padding: 12px !important;
        border-radius: 20px !important;
        background: #fff !important;
        border: 1px solid var(--border, #dfe7f0) !important;
        box-shadow: var(--extreme-shadow-soft) !important;
        overflow: hidden !important;
      }
    
      .produto-gallery { display: block !important; }
      .gallery-main img { width: 100% !important; max-height: none !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; border-radius: 16px !important; background: #f7fafc !important; }
      .gallery-thumbs { display: flex !important; flex-direction: row !important; gap: 8px !important; margin-top: 9px !important; overflow-x: auto !important; padding-bottom: 2px !important; }
      .gallery-thumbs img { width: 60px !important; height: 60px !important; flex: 0 0 60px !important; border-radius: 12px !important; }
    
      .extreme-recommend-strip,
      .extreme-recommend-home .extreme-recommend-strip,
      .extreme-recommend-detail .extreme-recommend-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
    
      .ml-modal {
        position: fixed !important;
        inset: 0 !important;
        z-index: 7000 !important;
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 8px max(8px, var(--extreme-safe-bottom)) !important;
        overflow: hidden !important;
        background: rgba(9,28,45,.52) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
      }
    
      .ml-modal-content,
      .auth-wow,
      .seller-wow,
      .quickbuy-wow,
      .profile-login-wow,
      .profile-login-clean,
      .google-only-auth,
      #profileModal .ml-modal-content,
      #modalPerfilCliente .ml-modal-content,
      #modalVender .ml-modal-content,
      #modalReserva .ml-modal-content {
        width: 100% !important;
        max-width: 520px !important;
        max-height: calc(100dvh - 18px - var(--extreme-safe-bottom)) !important;
        margin: 0 auto !important;
        padding: 14px !important;
        border-radius: 24px 24px 18px 18px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #fff !important;
        color: var(--text, #102033) !important;
      }
    
      .modal-close,
      .close-modal,
      .ml-modal .modal-close {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        border-radius: 14px !important;
        display: grid !important;
        place-items: center !important;
        z-index: 20 !important;
        background: #eef5fb !important;
        color: var(--primary, #0f3a52) !important;
        border: 1px solid var(--border, #dfe7f0) !important;
        box-shadow: none !important;
      }
    
      .auth-wow-shell,
      .seller-wow-shell { display: block !important; min-height: 0 !important; }
      .auth-wow-brand,
      .seller-wow-brand,
      .profile-login-head,
      .profile-login-clean-top,
      .auth-panel-title { padding: 16px 54px 14px 14px !important; border-radius: 20px !important; margin: 0 0 12px !important; }
      .auth-wow-brand h1, .auth-wow-brand h2, .auth-wow-brand h3,
      .seller-wow-brand h1, .seller-wow-brand h2, .seller-wow-brand h3,
      .profile-login-head h2, .profile-login-clean-top h2, .auth-panel-title h2 { font-size: 21px !important; line-height: 1.1 !important; }
      .auth-wow-form, .seller-wow-form, .profile-login-body { padding: 0 !important; }
      .row-flex, .whatsapp-row, .seller-two-cols, .cep-finder-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
    
      .form-group input,
      .form-group select,
      .form-group textarea,
      .input-with-icon input,
      .input-with-icon select,
      .auth-wow-form input,
      .auth-wow-form select,
      .auth-wow-form textarea,
      .profile-login-body input,
      .profile-login-body select,
      .profile-login-body textarea,
      .whatsapp-wrapper {
        width: 100% !important;
        min-height: 46px !important;
        border-radius: 15px !important;
        font-size: 14px !important;
      }
    
      .btn,
      .btn-primary,
      .btn-login,
      .google-login-main,
      .profile-google-clean,
      .seller-submit,
      .quickbuy-submit {
        min-height: 46px !important;
        border-radius: 15px !important;
        font-size: 13.5px !important;
        font-weight: 950 !important;
      }
    
      .cart-overlay,
      .menu-extreme-overlay,
      .ml-sidebar-overlay,
      #moreOverlay {
        position: fixed !important;
        inset: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        background: rgba(9,28,45,.50) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        z-index: 6400 !important;
        transition: opacity .2s ease, visibility .2s ease !important;
      }
    
      .cart-overlay.open,
      body.cart-open .cart-overlay,
      .menu-extreme-overlay.open,
      body.menu-open #moreOverlay,
      body.menu-open .menu-extreme-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }
    
      #cartSidebar.ml-sidebar.cart-wow,
      .ml-sidebar.cart-wow#cartSidebar {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        bottom: calc(8px + var(--extreme-safe-bottom)) !important;
        top: auto !important;
        width: auto !important;
        max-width: 520px !important;
        height: min(78dvh, 660px) !important;
        max-height: calc(100dvh - 76px - var(--extreme-safe-bottom)) !important;
        min-height: 360px !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 26px 26px 20px 20px !important;
        background: #fff !important;
        color: var(--text, #102033) !important;
        border: 1px solid var(--border, #dfe7f0) !important;
        box-shadow: var(--extreme-shadow-strong) !important;
        z-index: 6500 !important;
        transform: translateY(calc(100% + 24px)) !important;
        transition: transform .24s ease !important;
      }
    
      #cartSidebar.ml-sidebar.cart-wow.open,
      .ml-sidebar.cart-wow#cartSidebar.open,
      body.cart-open #cartSidebar.ml-sidebar.cart-wow { transform: translateY(0) !important; }
    
      #cartSidebar .cart-wow-inner {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        background: #fff !important;
      }
    
      #cartSidebar .cart-wow-head {
        position: relative !important;
        flex: 0 0 auto !important;
        min-height: 58px !important;
        padding: 10px 54px 10px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        background: linear-gradient(135deg,#fff7ef 0%,#ffffff 62%,#f7fbff 100%) !important;
        border-bottom: 1px solid #ffd7bd !important;
      }
    
      #cartSidebar .cart-wow-title { min-width: 0 !important; display: grid !important; grid-template-columns: 36px minmax(0,1fr) !important; align-items: center !important; gap: 9px !important; }
      #cartSidebar .cart-wow-title > .es-icon,
      #cartSidebar .cart-wow-title i { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; border-radius: 14px !important; display: grid !important; place-items: center !important; background: #eef5fb !important; color: var(--primary,#0f3a52) !important; }
      #cartSidebar .cart-wow-title h1,
      #cartSidebar .cart-wow-title h2,
      #cartSidebar .cart-wow-title h3,
      #cartSidebar .cart-wow-title strong { margin: 0 !important; font-size: 17px !important; line-height: 1.08 !important; font-weight: 950 !important; color: var(--text,#102033) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
      #cartSidebar .cart-wow-title span:not(.es-icon),
      #cartSidebar .cart-wow-title small,
      #cartSidebar .cart-wow-title p { display: block !important; margin: 2px 0 0 !important; color: var(--text-secondary,#617086) !important; font-size: 11.5px !important; line-height: 1.2 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
    
      #cartSidebar .cart-wow-close,
      #cartSidebar button.cart-wow-close,
      #cartSidebar .cart-close,
      #cartSidebar .close-cart,
      #cartSidebar [data-close-cart] {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 14px !important;
        background: #eef5fb !important;
        color: var(--primary,#0f3a52) !important;
        border: 1px solid var(--border,#dfe7f0) !important;
        font-size: 24px !important;
        line-height: 1 !important;
        z-index: 10 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }
    
      #cartSidebar .cart-wow-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        padding: 10px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #fff !important;
      }
    
      #cartSidebar .cart-item-wow {
        width: 100% !important;
        min-height: 68px !important;
        display: grid !important;
        grid-template-columns: 48px minmax(0,1fr) 30px !important;
        gap: 9px !important;
        align-items: center !important;
        padding: 9px !important;
        margin: 0 0 8px !important;
        border-radius: 15px !important;
        background: #f7fafc !important;
        border: 1px solid var(--border,#dfe7f0) !important;
      }
    
      #cartSidebar .cart-item-wow img { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; object-fit: cover !important; border-radius: 12px !important; background: #fff !important; }
      #cartSidebar .cart-item-wow > div { min-width: 0 !important; }
      #cartSidebar .cart-item-wow strong { display: block !important; margin: 0 0 3px !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 900 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
      #cartSidebar .cart-item-wow small,
      #cartSidebar .cart-item-wow p,
      #cartSidebar .cart-item-wow span:not(.es-icon) { display: block !important; margin: 0 !important; color: var(--text-secondary,#617086) !important; font-size: 11.2px !important; line-height: 1.24 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
      #cartSidebar .cart-remove-wow { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; border-radius: 12px !important; display: grid !important; place-items: center !important; background: #fff1f2 !important; color: #b91c1c !important; border: 1px solid #fecdd3 !important; }
    
      #cartSidebar .cart-summary-wow,
      #cartSidebar .cart-track-wow,
      #cartSidebar .cart-wow-footer,
      #cartSidebar .cart-actions-wow {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 10px !important;
        background: #f7fafc !important;
        border-top: 1px solid var(--border,#dfe7f0) !important;
      }
    
      #cartSidebar .cart-summary-wow { margin: 10px -10px -10px !important; border-radius: 18px 18px 0 0 !important; }
      #cartSidebar .cart-line-wow,
      #cartSidebar .cart-total-wow { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; font-size: 12.2px !important; line-height: 1.25 !important; color: var(--text-secondary,#617086) !important; }
      #cartSidebar .cart-total-wow { margin-top: 7px !important; padding-top: 8px !important; border-top: 1px dashed var(--border,#dfe7f0) !important; color: var(--text,#102033) !important; }
      #cartSidebar .cart-total-wow strong,
      #cartSidebar .cart-line-wow strong { color: var(--price-color,var(--accent,#ff6b16)) !important; font-size: 16px !important; font-weight: 950 !important; white-space: nowrap !important; }
      #cartSidebar .cart-checkout-wow,
      #cartSidebar .btn,
      #cartSidebar .btn-primary,
      #cartSidebar a.btn { width: 100% !important; min-height: 44px !important; height: 44px !important; margin-top: 9px !important; border-radius: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; font-size: 13px !important; font-weight: 950 !important; text-align: center !important; }
      #cartSidebar .cart-track-wow { padding: 10px 10px max(10px,var(--extreme-safe-bottom)) !important; }
      #cartSidebar .cart-track-wow h3 { margin: 0 0 8px !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 950 !important; }
      #cartSidebar .cart-track-wow input { width: 100% !important; height: 42px !important; min-height: 42px !important; padding: 0 12px !important; border-radius: 14px !important; background: #fff !important; border: 1px solid var(--border,#dfe7f0) !important; color: var(--text,#102033) !important; font-size: 13px !important; }
      #cartSidebar .cart-track-wow button { height: 42px !important; min-height: 42px !important; margin-top: 8px !important; border-radius: 14px !important; }
    
      #moreSidebar.ml-sidebar-left,
      .ml-sidebar-left#moreSidebar {
        position: fixed !important;
        top: var(--extreme-header-h) !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: min(88vw, 360px) !important;
        max-width: calc(100vw - 18px) !important;
        height: calc(100dvh - var(--extreme-header-h) - var(--extreme-safe-bottom)) !important;
        max-height: calc(100dvh - var(--extreme-header-h) - var(--extreme-safe-bottom)) !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 0 22px 22px 0 !important;
        background: #fff !important;
        border: 1px solid var(--border,#dfe7f0) !important;
        border-left: 0 !important;
        box-shadow: 16px 0 42px rgba(7,22,34,.20) !important;
        z-index: 6500 !important;
        transform: translateX(-105%) !important;
        transition: transform .24s ease !important;
      }
    
      #moreSidebar.ml-sidebar-left.open,
      .ml-sidebar-left#moreSidebar.open,
      body.menu-open #moreSidebar.ml-sidebar-left { transform: translateX(0) !important; }
      #moreSidebar .menu-extreme-head { flex: 0 0 auto !important; position: relative !important; padding: 10px 48px 10px 10px !important; background: var(--header-bg-gradient, linear-gradient(135deg,#0f3a52,#14506f)) !important; }
      #moreSidebar .menu-welcome-card { min-height: 56px !important; display: grid !important; grid-template-columns: 44px minmax(0,1fr) !important; gap: 9px !important; align-items: center !important; padding: 6px !important; border-radius: 16px !important; }
      #moreSidebar .menu-welcome-logo { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 14px !important; }
      #moreSidebar .menu-welcome-name { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; font-size: 12.8px !important; line-height: 1.2 !important; }
      #moreSidebar .menu-extreme-close { position: absolute !important; top: 11px !important; right: 10px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; display: grid !important; place-items: center !important; border-radius: 12px !important; background: #fff !important; color: var(--primary,#0f3a52) !important; border: 1px solid rgba(15,58,82,.12) !important; font-size: 24px !important; line-height: 1 !important; z-index: 4 !important; }
      #moreSidebar .menu-extreme-list { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 9px !important; background: #fff !important; }
      #moreSidebar .menu-extreme-footer { flex: 0 0 auto !important; padding: 9px 10px max(11px,var(--extreme-safe-bottom)) !important; background: #fff !important; border-top: 1px solid var(--border,#dfe7f0) !important; }
      #moreSidebar .menu-extreme-list a,
      #moreSidebar li a { min-height: 40px !important; display: grid !important; grid-template-columns: 28px minmax(0,1fr) 16px !important; align-items: center !important; gap: 8px !important; padding: 6px 8px !important; border-radius: 14px !important; font-size: 13px !important; }
      #moreSidebar .menu-extreme-list a .es-icon:first-child,
      #moreSidebar li a .es-icon:first-child { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; }
    
      .checkout-native,
      .payment-native,
      .order-track-card,
      .extreme-offline-card,
      .extreme-inbox-card,
      .extreme-notify-card {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        border-radius: 20px !important;
        padding: 14px !important;
        background: #fff !important;
        border: 1px solid var(--border,#dfe7f0) !important;
        box-shadow: var(--extreme-shadow-soft) !important;
      }
    
      .tracking-steps,
      .tracking-timeline { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 8px !important; }
.ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
    
      .ml-bottom-nav .ml-nav-item,
      .ml-bottom-nav a,
      .ml-bottom-nav button {
        min-width: 0 !important;
        height: 52px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        padding: 0 2px !important;
        border-radius: 18px !important;
        font-size: 9.8px !important;
        line-height: 1.05 !important;
        color: var(--primary,#0f3a52) !important;
        overflow: hidden !important;
      }
    
      .ml-bottom-nav .es-icon,
      .ml-bottom-nav i,
      .ml-bottom-nav svg { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; }
    
      body.cart-open .ml-bottom-nav,
      body.modal-open .ml-bottom-nav,
      body.menu-open .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
    }
    
    @media (max-width: 380px) {
      :root { --extreme-header-h: 48px; }
      .ml-header { padding: 6px 6px !important; }
      .ml-header .ml-header-top,
      .ml-header-top { grid-template-columns: 60px minmax(64px, 1fr) max-content !important; gap: 4px !important; }
      .ml-header .ml-logo,
      .ml-logo,
      .header-logo { width: 60px !important; max-width: 60px !important; height: 30px !important; max-height: 30px !important; }
      .ml-header .ml-logo img,
      .ml-logo img,
      .header-logo img { max-width: 60px !important; height: 30px !important; max-height: 30px !important; }
      .ml-header .ml-search,
      .ml-search { height: 30px !important; min-height: 30px !important; padding-left: 7px !important; gap: 4px !important; border-radius: 11px !important; }
      .ml-header .ml-search::before,
      .ml-search::before { width: 12px !important; height: 12px !important; min-width: 12px !important; flex-basis: 12px !important; }
      .ml-header .ml-search input,
      .ml-search input { height: 28px !important; line-height: 28px !important; font-size: 11.2px !important; }
      .ml-header .ml-search button,
      .ml-search button { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; flex-basis: 24px !important; border-radius: 8px !important; }
      .ml-header .ml-header-icons,
      .ml-header-icons { gap: 3px !important; }
      .ml-header .ml-header-icons button,
      .ml-header .extreme-top-actions button,
      .ml-header .header-cart-btn,
      .ml-header .header-profile-btn,
      .ml-header .header-share-store-btn { width: 29px !important; height: 29px !important; min-width: 29px !important; min-height: 29px !important; flex-basis: 29px !important; border-radius: 10px !important; }
      .ml-grid { gap: 8px !important; padding: 0 8px !important; }
      .ml-card-body { padding: 8px !important; }
      .ml-card-title { font-size: 11.8px !important; min-height: 31px !important; }
      .ml-card-price { font-size: 18px !important; }
      .ml-shortcuts { width: calc(100vw - 12px) !important; max-width: calc(100vw - 12px) !important; }
      .ml-shortcut { min-height: 52px !important; font-size: 8.8px !important; }
      #cartSidebar.ml-sidebar.cart-wow,
      .ml-sidebar.cart-wow#cartSidebar { left: 6px !important; right: 6px !important; bottom: calc(6px + var(--extreme-safe-bottom)) !important; height: min(80dvh, 620px) !important; min-height: 330px !important; max-height: calc(100dvh - 62px - var(--extreme-safe-bottom)) !important; border-radius: 24px 24px 18px 18px !important; }
      #cartSidebar .cart-wow-head { min-height: 56px !important; padding: 9px 52px 9px 10px !important; }
      #cartSidebar .cart-wow-title { grid-template-columns: 34px minmax(0,1fr) !important; gap: 8px !important; }
      #cartSidebar .cart-wow-title > .es-icon,
      #cartSidebar .cart-wow-title i { width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; }
      #cartSidebar .cart-wow-close,
      #cartSidebar button.cart-wow-close { top: 9px !important; right: 9px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }
      .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0!important;
    background:rgba(255,255,255,.985)!important;
    border:0!important;
    border-top:1px solid rgba(223,231,240,.94)!important;
    box-shadow:0 -8px 22px rgba(15,42,61,.10)!important;
    overflow:visible!important;
    z-index:6100!important;
    transform:none!important;
  }
      .ml-bottom-nav .ml-nav-item,
      .ml-bottom-nav a,
      .ml-bottom-nav button { height: 50px !important; font-size: 9.3px !important; }
    }


@media (max-width:768px){
  html,
  body,
  html.extreme-scroll-locked,
  body.extreme-scroll-locked,
  body.menu-open,
  body.cart-open,
  body.modal-open{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }

  img,video,canvas{max-width:100%;height:auto;}
  svg,iframe{max-width:100%;}

  .ml-modal.active,
  .image-modal.active,
  #cartSidebar.open,
  #moreSidebar.open,
  #cartSidebar.open .cart-wow-body,
  #moreSidebar.open .menu-extreme-list,
  .ml-modal.active .ml-modal-content{
    overflow-y:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .cart-overlay,
  .menu-extreme-overlay,
  .ml-sidebar-overlay,
  #moreOverlay{touch-action:auto!important;}
}

@media (max-width:768px){
  .extreme-skeleton-header{
    min-height:76px;
    grid-template-columns:82px minmax(0,1fr) 36px;
    gap:7px;
    padding:10px;
  }
  .extreme-skeleton-header .extreme-skeleton-action:last-child{display:none}
  .extreme-skeleton-logo{height:36px;border-radius:10px}
  .extreme-skeleton-search{height:40px;border-radius:15px}
  .extreme-skeleton-action{width:36px;height:36px;border-radius:13px}
  .extreme-skeleton-content{width:100%;padding:10px 0 112px}
  .extreme-skeleton-categories{
    width:calc(100% - 20px);
    margin:0 auto 12px;
    padding:7px;
    overflow:hidden;
    border-radius:16px;
  }
  .extreme-skeleton-categories span{width:118px;height:34px;border-radius:12px}
  .extreme-skeleton-banner{width:calc(100% - 20px);margin:0 auto 12px;aspect-ratio:16/7;border-radius:18px}
  .extreme-skeleton-shortcuts{
    width:calc(100% - 20px);
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    padding:6px;
    margin-bottom:18px;
    border-radius:18px;
  }
  .extreme-skeleton-shortcuts span{min-height:58px;gap:6px}
  .extreme-skeleton-shortcuts i{width:30px;height:30px;border-radius:11px}
  .extreme-skeleton-shortcuts b{width:72%;height:8px}
  .extreme-skeleton-section-head{margin:0 12px 12px}
  .extreme-skeleton-section-head span{width:58%;height:20px}
  .extreme-skeleton-section-head small{width:76%;height:10px}
  .extreme-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 10px}
  .extreme-skeleton-grid article{border-radius:18px;padding-bottom:10px}
  .extreme-skeleton-grid article i{height:auto;aspect-ratio:1/1}
  .extreme-skeleton-grid article span{width:78%;height:12px;margin:10px 10px 7px}
  .extreme-skeleton-grid article small{width:54%;height:9px;margin:0 10px 10px}
  .extreme-skeleton-grid article b{width:64%;height:19px;margin:0 10px}
}

@media (max-width:768px){
  .ml-search-smart{display:grid!important;grid-template-columns:minmax(0,1fr) 30px 36px!important;align-items:center!important;gap:5px!important;overflow:hidden!important}
  .ml-search .ml-search-help,
  .ml-header .ml-search .ml-search-help{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0!important;border-radius:10px!important;background:#fff!important;color:#0f3a52!important;border:1px solid rgba(15,58,82,.14)!important;box-shadow:0 2px 8px rgba(15,58,82,.07)!important;font-size:0!important;line-height:1!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:0 0 30px!important;align-self:center!important}
  .ml-search-help-mark{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#0f3a52!important;color:#fff!important;font-size:13px!important;font-weight:600!important;line-height:1!important}
  .ml-search-help-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  .ml-search-help .es-icon{display:grid!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;border-radius:50%!important;place-items:center!important;background:#0f3a52!important;color:#fff!important;font-size:0!important}
  .ml-search-help .es-icon:before{content:"?"!important;font-family:Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;color:#fff!important}
  .ml-search-help span:not(.ml-search-help-mark):not(.es-icon){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  .ml-search-submit{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex:0 0 36px!important;border-radius:12px!important;align-self:center!important}
  .extreme-assistant{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;z-index:9800!important;pointer-events:none!important;visibility:hidden!important}.extreme-assistant.is-open{visibility:visible!important}.extreme-assistant:before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;background:rgba(9,28,45,.22)!important;backdrop-filter:blur(3px)!important;opacity:0!important;transition:opacity .18s ease!important;pointer-events:none!important}.extreme-assistant.is-open:before{opacity:1!important}
  .extreme-assistant-panel{position:fixed!important;z-index:2!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:min(68dvh,calc(100dvh - 116px - env(safe-area-inset-bottom)))!important;box-sizing:border-box!important;border-radius:18px!important;background:#fff!important;pointer-events:auto!important;transform:translateY(10px)!important}
  .extreme-assistant.is-open .extreme-assistant-panel{transform:translateY(0)!important}
  .extreme-assistant-head,.extreme-assistant-head>div,.extreme-assistant-messages,.extreme-assistant-msg{min-width:0!important}.extreme-assistant-head strong,.extreme-assistant-head span,.extreme-assistant-msg{white-space:normal!important;overflow-wrap:anywhere!important}.extreme-assistant-messages{min-height:0!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  body.extreme-app-install-visible{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))!important}
  .extreme-app-installer{right:10px!important;left:10px!important;bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;max-width:none!important;justify-content:center!important;z-index:6200!important}
  .extreme-app-install-card{width:100%!important;max-width:430px!important;min-height:56px!important;border-radius:18px!important;padding:7px 8px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 28px!important;grid-template-areas:'icon copy actions close'!important;align-items:center!important;gap:8px!important;background:rgba(255,255,255,.985)!important;color:#102033!important;box-shadow:0 12px 28px rgba(15,42,61,.16)!important;border:1px solid rgba(255,107,22,.24)!important;backdrop-filter:blur(8px)!important}
  .extreme-app-install-icon{grid-area:icon!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;object-fit:cover!important;background:#fff!important}
  .extreme-app-install-copy{grid-area:copy!important;min-width:0!important;display:block!important}
  .extreme-app-install-copy strong{display:block!important;font-size:13px!important;font-weight:600!important;line-height:1.12!important;color:#102033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .extreme-app-install-copy small{display:block!important;margin-top:2px!important;font-size:10.5px!important;line-height:1.18!important;color:#617086!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .extreme-app-install-actions{grid-area:actions!important;display:flex!important;align-items:center!important;gap:0!important}
  .extreme-app-install-primary{height:34px!important;min-width:78px!important;border-radius:12px!important;padding:0 12px!important;font-size:12px!important;font-weight:600!important;border:0!important;background:linear-gradient(135deg,#ff7a1a,#f05a0a)!important;color:#fff!important;white-space:nowrap!important}
  .extreme-app-install-secondary{grid-area:close!important;position:static!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border-radius:50%!important;border:1px solid #dfe7f0!important;background:#fff!important;color:#0f3a52!important;font-size:18px!important;line-height:1!important;display:grid!important;place-items:center!important}
  .extreme-app-install-btn,.extreme-app-install-close{font:inherit!important}
  body.assistant-open .extreme-app-installer,body.cart-open .extreme-app-installer,body.menu-open .extreme-app-installer,body.modal-open .extreme-app-installer,body.cart-open .extreme-assistant,body.menu-open .extreme-assistant,body.modal-open .extreme-assistant,body.cart-open [class*="cashback"],body.menu-open [class*="cashback"],body.modal-open [class*="cashback"],body.cart-open [id*="cashback"],body.menu-open [id*="cashback"],body.modal-open [id*="cashback"]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

}

@media (max-width:380px){
  .extreme-assistant-panel{left:6px!important;right:6px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;max-height:min(70dvh,calc(100dvh - 100px - env(safe-area-inset-bottom)))!important;border-radius:16px!important}
  .extreme-app-installer{right:10px!important;left:10px!important;bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;max-width:none!important;justify-content:center!important;z-index:6200!important}
  .extreme-app-install-card{grid-template-columns:34px minmax(0,1fr) auto 26px!important;gap:7px!important;padding:7px!important;border-radius:16px!important}
  .extreme-app-install-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important}
  .extreme-app-install-copy small{display:none!important}
  .extreme-app-install-primary{min-width:70px!important;height:32px!important;padding:0 10px!important;font-size:11.5px!important}
  .extreme-app-install-secondary{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}
}


@media(max-width:768px){
  body{font-size:14px;font-weight:400}

  .ml-card{border-radius:8px!important;box-shadow:0 1px 2px rgba(15,42,61,.07)!important}
  .ml-card-title{font-size:13px!important;font-weight:400!important;line-height:1.35!important}
  .ml-card-price{font-size:20px!important;font-weight:400!important}
  .ml-card-badge{font-size:10.5px!important;font-weight:500!important;border-radius:4px!important}
  .ml-btn-comprar,.btn,.btn-primary,.btn-outline{font-weight:600!important}
  .extreme-assistant-panel{transition:opacity .18s ease,transform .18s ease}
}
@media(max-width:768px){
  .extreme-questions{margin-top:18px;padding-top:16px}
  .extreme-question-form{padding:12px;margin-top:10px}
  .extreme-question-actions{align-items:stretch;flex-direction:column}
  .extreme-question-actions .btn{width:100%}
  .extreme-question-item{padding:12px}
}

.badge-alimentacao{background:#fff3e8!important;color:#b54708!important;border-color:#ffd3ad!important}

.cart-item-wow-content{min-width:0;display:grid;gap:4px}.cart-item-editor{display:grid;gap:7px;margin-top:8px}.cart-item-editor label{display:grid;gap:4px;font-size:12px;color:var(--text-secondary)}.cart-item-editor input[type="number"]{width:76px;height:34px;border:1px solid var(--border);border-radius:7px;padding:0 8px;background:#fff;color:var(--text)}.cart-item-editor textarea{width:100%;min-height:48px;resize:vertical;border:1px solid var(--border);border-radius:7px;padding:8px;font:inherit;color:var(--text);background:#fff}.cart-item-update{justify-self:start;border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:600;padding:2px 0;cursor:pointer}.cart-remove-form{align-self:start}.cart-remove-wow{border:0;background:transparent;cursor:pointer}

@media (max-width:768px){.quickbuy-variation{margin-bottom:12px}.quickbuy-variation select{min-height:48px;font-size:16px}}



@media (max-width:768px){
  main{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;}
  .checkout-native,.payment-native{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;margin:8px auto calc(96px + env(safe-area-inset-bottom,0px))!important;padding:14px!important;overflow:hidden!important;box-sizing:border-box!important;}
  .checkout-native *,.payment-native *{box-sizing:border-box!important;max-width:100%;}
  .checkout-cupom-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(94px,auto)!important;gap:8px!important;width:100%!important;align-items:stretch!important;}
  .checkout-cupom-row input{width:100%!important;min-width:0!important;}
  .checkout-cupom-row .btn{width:auto!important;min-width:94px!important;padding:10px 12px!important;white-space:nowrap!important;}
  .checkout-native .frete-options{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  .checkout-native .frete-option{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;align-items:start!important;gap:5px!important;width:100%!important;min-height:64px!important;padding:13px 14px!important;text-align:left!important;white-space:normal!important;line-height:1.32!important;border-radius:16px!important;}
  .checkout-native .frete-option strong,.checkout-native .frete-option span{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.32!important;}
  .checkout-native .frete-option strong{font-size:14.5px!important;font-weight:950!important;}
  .checkout-native .frete-option span{font-size:12.8px!important;font-weight:700!important;}
  .checkout-native .frete-detalhes{display:grid!important;gap:8px!important;width:100%!important;margin-top:10px!important;}
  .checkout-native .frete-detalhes > div{display:grid!important;gap:4px!important;width:100%!important;min-width:0!important;padding:11px!important;border-radius:14px!important;overflow-wrap:anywhere!important;}
  .checkout-native .row-flex{grid-template-columns:1fr!important;gap:10px!important;}
  .checkout-native input,.checkout-native select,.checkout-native textarea{width:100%!important;min-width:0!important;font-size:16px!important;}
  .checkout-whatsapp-alert{display:grid!important;gap:10px!important;margin:16px 0!important;padding:12px!important;border-radius:16px!important;}
  .checkout-whatsapp-actions{display:grid!important;gap:8px!important;}
  .checkout-whatsapp-button{width:100%!important;min-height:50px!important;padding:12px!important;white-space:normal!important;line-height:1.25!important;}
}
@media (max-width:380px){.checkout-cupom-row{grid-template-columns:1fr!important}.checkout-cupom-row .btn{width:100%!important}}


.input-with-icon > .es-icon,
.input-with-icon > .header-svg-icon.es-icon{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--link)!important;
  pointer-events:none!important;
}
.input-with-icon > .es-icon ~ input,
.input-with-icon > .es-icon ~ select,
.input-with-icon > .es-icon ~ textarea,
.input-with-icon > .header-svg-icon.es-icon ~ input,
.input-with-icon > .header-svg-icon.es-icon ~ select,
.input-with-icon > .header-svg-icon.es-icon ~ textarea{
  padding-left:44px!important;
}
.input-with-icon > .es-icon ~ textarea,
.input-with-icon > .header-svg-icon.es-icon ~ textarea{
  padding-top:13px!important;
}

@media(max-width:768px){
  :root{
    --extreme-mobile-header-h:58px;
    --extreme-mobile-bottom-nav-h:calc(64px + env(safe-area-inset-bottom,0px));
  }

  html,body{scroll-padding-top:var(--extreme-mobile-header-h)!important;}
  body{
    padding-top:var(--extreme-mobile-header-h)!important;
    padding-bottom:calc(var(--extreme-mobile-bottom-nav-h) + 22px)!important;
  }
  body.modal-open,
  body.cart-open,
  body.menu-open{
    padding-top:var(--extreme-mobile-header-h)!important;
  }

  .ml-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:var(--extreme-mobile-header-h)!important;
    z-index:7600!important;
    transform:none!important;
    will-change:auto!important;
  }
  .ml-header .ml-header-top,
  .ml-header-top{
    min-height:40px!important;
  }
  .ml-categories{
    scroll-margin-top:calc(var(--extreme-mobile-header-h) + 8px)!important;
    position:relative!important;
    z-index:120!important;
  }
  main{
    padding-bottom:calc(var(--extreme-mobile-bottom-nav-h) + 22px)!important;
  }

  .ml-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:7600!important;
    transform:none!important;
  }

  .ml-modal{
    z-index:9300!important;
    align-items:center!important;
    padding:10px!important;
  }
  .ml-modal-content,
  .auth-wow,
  .seller-wow,
  .quickbuy-wow,
  .profile-login-wow,
  .profile-login-clean,
  .google-only-auth{
    max-height:calc(100dvh - 20px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  #modalMeusPedidos.ml-modal.active{
    align-items:center!important;
    justify-content:center!important;
    padding:10px!important;
  }
  #modalMeusPedidos .ml-modal-content{
    width:calc(100vw - 20px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 20px)!important;
    padding:18px 14px 16px!important;
    border-radius:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  #modalMeusPedidos .ml-modal-content h3{
    margin:0 48px 10px 0!important;
    font-size:19px!important;
    line-height:1.16!important;
    overflow-wrap:anywhere!important;
  }
  #modalMeusPedidos .ml-modal-content > p{
    font-size:13.2px!important;
    line-height:1.42!important;
    margin:0 0 12px!important;
    overflow-wrap:anywhere!important;
  }
  #modalMeusPedidos .track-search-card,
  #modalMeusPedidos .order-track-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #modalMeusPedidos .track-search-card > div[style*="display:flex"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 56px!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  #modalMeusPedidos #rastreioInputPedidos{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    font-size:15px!important;
  }
  #modalMeusPedidos .track-search-card .btn,
  #modalMeusPedidos .track-search-card button{
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:15px!important;
  }
  #modalMeusPedidos .order-track-card{
    padding:14px!important;
    border-radius:20px!important;
    text-align:center!important;
  }
  #modalMeusPedidos .order-track-card p,
  #modalMeusPedidos .order-track-card span,
  #modalMeusPedidos .order-track-card strong,
  #modalMeusPedidos .order-track-card div{
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #modalMeusPedidos .order-track-card .btn,
  #modalMeusPedidos .order-track-card button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    line-height:1.2!important;
    padding:0 12px!important;
  }

  #modalReserva.ml-modal.active,
  .ml-modal:has(.quickbuy-wow).active{
    align-items:center!important;
    justify-content:center!important;
    padding:10px!important;
  }
  #modalReserva .quickbuy-wow,
  .ml-modal .quickbuy-wow{
    width:calc(100vw - 20px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 20px)!important;
    padding:12px!important;
    border-radius:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  #modalReserva .quickbuy-head,
  .quickbuy-wow .quickbuy-head{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:14px 52px 14px 14px!important;
    margin:0 0 12px!important;
    border-radius:20px!important;
    text-align:left!important;
  }
  #modalReserva .quickbuy-icon,
  .quickbuy-wow .quickbuy-icon{
    grid-row:1 / span 3!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:16px!important;
    font-size:18px!important;
  }
  #modalReserva .quickbuy-head span,
  .quickbuy-wow .quickbuy-head span{
    font-size:11px!important;
    line-height:1.1!important;
    margin:0!important;
  }
  #modalReserva .quickbuy-head h3,
  .quickbuy-wow .quickbuy-head h3{
    margin:0!important;
    font-size:20px!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }
  #modalReserva .quickbuy-head p,
  .quickbuy-wow .quickbuy-head p{
    margin:0!important;
    font-size:12.6px!important;
    line-height:1.28!important;
    overflow-wrap:anywhere!important;
  }
  #modalReserva .quickbuy-product,
  .quickbuy-wow .quickbuy-product{
    margin:8px 0 10px!important;
    font-size:15px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  #modalReserva form,
  .quickbuy-wow form,
  #reserveContactFields{
    display:grid!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }
  #modalReserva .input-with-icon,
  .quickbuy-wow .input-with-icon{
    position:relative!important;
    width:100%!important;
    margin:0!important;
  }
  #modalReserva .input-with-icon > .es-icon,
  .quickbuy-wow .input-with-icon > .es-icon{
    left:13px!important;
    top:24px!important;
    transform:translateY(-50%)!important;
  }
  #modalReserva .input-with-icon input,
  #modalReserva .input-with-icon select,
  #modalReserva .input-with-icon textarea,
  .quickbuy-wow .input-with-icon input,
  .quickbuy-wow .input-with-icon select,
  .quickbuy-wow .input-with-icon textarea{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding-left:42px!important;
    font-size:15px!important;
    text-align:left!important;
  }
  #modalReserva .seller-two-cols,
  #modalReserva .whatsapp-row,
  .quickbuy-wow .seller-two-cols,
  .quickbuy-wow .whatsapp-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  #modalReserva .seller-submit,
  #modalReserva .quickbuy-cancel,
  .quickbuy-wow .seller-submit,
  .quickbuy-wow .quickbuy-cancel{
    width:100%!important;
    min-height:48px!important;
    border-radius:15px!important;
    white-space:normal!important;
  }
}

@media(max-width:380px){
  :root{--extreme-mobile-header-h:54px;}
  #modalMeusPedidos .track-search-card > div[style*="display:flex"]{grid-template-columns:1fr!important;}
  #modalMeusPedidos .track-search-card .btn,
  #modalMeusPedidos .track-search-card button{width:100%!important;max-width:100%!important;}
  #modalReserva .quickbuy-head,
  .quickbuy-wow .quickbuy-head{
    grid-template-columns:42px minmax(0,1fr)!important;
    padding:12px 48px 12px 12px!important;
  }
  #modalReserva .quickbuy-icon,
  .quickbuy-wow .quickbuy-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
}



@media (max-width: 768px){
  :root{
    --extreme-fixed-header-h: 58px;
    --extreme-fixed-bottom-nav-h: calc(64px + env(safe-area-inset-bottom, 0px));
  }
  html{
    scroll-padding-top: calc(var(--extreme-fixed-header-real-h, var(--extreme-fixed-header-h)) + 10px) !important;
  }
  body{
    padding-top: var(--extreme-fixed-header-real-h, var(--extreme-fixed-header-h)) !important;
    padding-bottom: calc(var(--extreme-fixed-bottom-nav-h) + 20px) !important;
  }
  header.ml-header,
  .ml-header,
  body > header.ml-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    z-index: 2147483000 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform !important;
    contain: layout paint style !important;
  }
  header.ml-header.is-extreme-fixed,
  .ml-header.is-extreme-fixed{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .ml-categories{
    position: relative !important;
    top: auto !important;
    z-index: 100 !important;
    transform: none !important;
  }
  .ml-bottom-nav{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    z-index: 2147483000 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
  }
  body.modal-open header.ml-header,
  body.cart-open header.ml-header,
  body.menu-open header.ml-header,
  body.modal-open .ml-header,
  body.cart-open .ml-header,
  body.menu-open .ml-header{
    position: fixed !important;
    top: 0 !important;
  }
  main,
  .ml-main,
  .container,
  .ml-container{
    scroll-margin-top: calc(var(--extreme-fixed-header-real-h, var(--extreme-fixed-header-h)) + 10px) !important;
  }
}



html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
body{
  overscroll-behavior-y:auto;
  -webkit-overflow-scrolling:touch;
}
.ml-categories{
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  touch-action:pan-x;
}
.ml-categories a{
  scroll-snap-align:start;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease;
}
.ml-categories a.has-products::after{
  content:attr(data-category-count);
  min-width:18px;
  height:18px;
  margin-left:7px;
  padding:0 5px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,107,22,.12);
  color:#ff6b16;
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.ml-categories a.is-empty{
  opacity:.72;
}
.ml-categories a.is-empty::after{
  content:'0';
  min-width:18px;
  height:18px;
  margin-left:7px;
  padding:0 5px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:#eef2f6;
  color:#8896a8;
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.ml-categories a:active{
  transform:scale(.985);
}
.ml-shortcuts{
  will-change:transform;
}
.ml-shortcut{
  position:relative;
  cursor:pointer;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .2s cubic-bezier(.2,.8,.2,1), background-color .2s ease, box-shadow .2s ease;
}
.ml-shortcut::before{
  content:'';
  position:absolute;
  inset:8px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,107,22,.08),rgba(15,58,82,.045));
  opacity:0;
  transform:scale(.96);
  transition:opacity .22s ease,transform .22s ease;
  pointer-events:none;
}
.ml-shortcut:hover::before,
.ml-shortcut:focus-visible::before{
  opacity:1;
  transform:scale(1);
}
.ml-shortcut .es-icon,
.ml-shortcut i{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff,#fff4ec);
  color:#ff6b16!important;
  box-shadow:0 8px 18px rgba(255,107,22,.14), inset 0 0 0 1px rgba(255,107,22,.12);
  position:relative;
  z-index:1;
  transform:translateZ(0);
  animation:extremeShortcutFloat 3.25s ease-in-out infinite;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease;
}
.ml-shortcut:nth-child(2) .es-icon,.ml-shortcut:nth-child(2) i{animation-delay:.18s;}
.ml-shortcut:nth-child(3) .es-icon,.ml-shortcut:nth-child(3) i{animation-delay:.36s;}
.ml-shortcut:nth-child(4) .es-icon,.ml-shortcut:nth-child(4) i{animation-delay:.54s;}
.ml-shortcut:nth-child(5) .es-icon,.ml-shortcut:nth-child(5) i{animation-delay:.72s;}
.ml-shortcut:hover,
.ml-shortcut:focus-visible{
  transform:translateY(-2px);
}
.ml-shortcut:hover .es-icon,
.ml-shortcut:hover i,
.ml-shortcut:focus-visible .es-icon,
.ml-shortcut:focus-visible i{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 12px 24px rgba(255,107,22,.18), inset 0 0 0 1px rgba(255,107,22,.16);
}
@keyframes extremeShortcutFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-3px) scale(1.015);}
}
.extreme-category-loading{
  opacity:1!important;
  pointer-events:none;
}
.extreme-category-skeleton-card{
  min-height:260px;
  overflow:hidden;
  border:1px solid #dfe7f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,42,61,.055)!important;
  padding:0 0 13px!important;
}
.extreme-category-skeleton-card i{
  width:100%;
  height:170px;
  border-radius:0;
  display:block;
}
.extreme-category-skeleton-card span{
  width:82%;
  height:14px;
  margin:13px 13px 8px;
  border-radius:6px;
  display:block;
}
.extreme-category-skeleton-card small{
  width:55%;
  height:11px;
  margin:0 13px 12px;
  border-radius:999px;
  display:block;
}
.extreme-category-skeleton-card b{
  width:68%;
  height:22px;
  margin:0 13px;
  border-radius:7px;
  display:block;
}
@media(max-width:768px){
  html{scroll-padding-top:calc(var(--extreme-fixed-header-real-h, var(--extreme-fixed-header-h, 58px)) + 10px)!important;}
  body{overflow-x:hidden;}
  .ml-categories{
    scroll-padding-inline:10px;
    mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
  }
  .ml-categories a{
    min-width:max-content;
  }
  .ml-categories a.has-products::after,
  .ml-categories a.is-empty::after{
    min-width:17px;
    height:17px;
    font-size:9.5px;
    margin-left:6px;
  }
  .ml-shortcuts{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
  }
  .ml-shortcut{
    scroll-snap-align:start;
  }
  .ml-shortcut .es-icon,
  .ml-shortcut i{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    border-radius:14px;
  }
  .extreme-category-skeleton-card{min-height:230px;}
  .extreme-category-skeleton-card i{height:150px;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .ml-shortcut .es-icon,.ml-shortcut i{animation:none!important;}
}



.ml-shortcut .shortcut-icon-bubble{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff,#fff4ec);
  box-shadow:0 8px 18px rgba(255,107,22,.14), inset 0 0 0 1px rgba(255,107,22,.12);
  position:relative;
  z-index:1;
  transform:translateZ(0);
  animation:extremeShortcutFloat 3.25s ease-in-out infinite;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease;
}
.ml-shortcut:nth-child(2) .shortcut-icon-bubble{animation-delay:.18s;}
.ml-shortcut:nth-child(3) .shortcut-icon-bubble{animation-delay:.36s;}
.ml-shortcut:nth-child(4) .shortcut-icon-bubble{animation-delay:.54s;}
.ml-shortcut:nth-child(5) .shortcut-icon-bubble{animation-delay:.72s;}
.ml-shortcut:hover .shortcut-icon-bubble,
.ml-shortcut:focus-visible .shortcut-icon-bubble{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 12px 24px rgba(255,107,22,.18), inset 0 0 0 1px rgba(255,107,22,.16);
}
.ml-shortcut .shortcut-icon-bubble .es-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:inline-block!important;
  border-radius:0!important;
  color:#ff6b16!important;
  background:currentColor!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
@media(max-width:768px){
  .ml-shortcut .shortcut-icon-bubble{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    border-radius:14px;
  }
  .ml-shortcut .shortcut-icon-bubble .es-icon{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .ml-shortcut .shortcut-icon-bubble{animation:none!important;}
}



.ml-categories a::after{content:none!important;display:none!important;}
.extreme-category-page-skeleton{display:none;opacity:0;visibility:hidden;pointer-events:none;}
.extreme-category-page-skeleton.is-visible{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2147482500!important;}
html.extreme-category-page-loading,body.extreme-category-page-loading{overflow:hidden!important;}
@media(max-width:768px){
  html,body{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;}
  .ml-categories a::after{content:none!important;display:none!important;}
  .ml-categories a{padding-right:18px!important;}
  .ml-shortcuts{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    min-height:104px!important;
    height:auto!important;
    overflow:visible!important;
    padding:12px 10px 16px!important;
    gap:8px!important;
    align-items:stretch!important;
    scroll-padding-inline:12px!important;
  }
  .ml-shortcut{
    min-height:78px!important;
    height:auto!important;
    overflow:visible!important;
    padding:8px 4px 6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    line-height:1.1!important;
  }
  .ml-shortcut .shortcut-icon-bubble{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border-radius:17px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  .ml-shortcut .shortcut-icon-bubble .es-icon,
  .ml-shortcut .es-icon,
  .ml-shortcut i,
  .ml-shortcut svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    font-size:24px!important;
    line-height:1!important;
    overflow:visible!important;
  }
  .ml-shortcut > span:not(.shortcut-icon-bubble){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow:visible!important;
    text-align:center!important;
  }
  body.modal-open header.ml-header,
  body.menu-open header.ml-header,
  body.cart-open header.ml-header,
  body.extreme-drawer-open header.ml-header,
  body.modal-open .ml-header,
  body.menu-open .ml-header,
  body.cart-open .ml-header,
  body.extreme-drawer-open .ml-header{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-120%) translateZ(0)!important;
    transition:opacity .14s ease, transform .14s ease, visibility .14s ease!important;
  }
  .extreme-category-page-skeleton .extreme-skeleton-header{
    min-height:64px!important;
    grid-template-columns:56px minmax(0,1fr) 38px!important;
    gap:8px!important;
    padding:10px 12px!important;
  }
  .extreme-category-page-skeleton .extreme-skeleton-action:nth-child(4){display:none!important;}
  .extreme-category-page-skeleton .extreme-skeleton-content{width:calc(100% - 20px)!important;padding:12px 0 90px!important;}
  .extreme-category-page-skeleton .extreme-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important;}
  .extreme-category-page-skeleton .extreme-skeleton-grid article i{height:132px!important;}
}



#modalPerfilCliente #formEditarPerfil[hidden]{display:none!important;}
#modalPerfilCliente #formEditarPerfil:not([hidden]){display:grid!important;gap:10px!important;}
#modalPerfilCliente.ml-modal.active > .ml-modal-content.profile-login-wow{scrollbar-width:thin!important;}
#modalPerfilCliente .profile-summary{align-items:center!important;min-height:auto!important;}
#modalPerfilCliente .profile-summary-text,
#modalPerfilCliente .profile-summary p{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;}
#modalPerfilCliente .profile-address-grid{grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important;}
#modalPerfilCliente .profile-location-grid{grid-template-columns:minmax(0,1fr) 86px!important;gap:10px!important;}
#modalPerfilCliente .profile-edit-form .form-group{min-width:0!important;}
#modalPerfilCliente .profile-edit-form label{display:block!important;white-space:normal!important;}
#modalPerfilCliente .profile-edit-form input{width:100%!important;min-width:0!important;}
#modalPerfilCliente .btn-logout-account,
body #modalPerfilCliente.ml-modal.active .btn-logout-account{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:calc(100% - 36px)!important;
  min-height:50px!important;
  height:50px!important;
  margin:12px 18px 4px!important;
  padding:0 16px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #ffd7cf!important;
  color:#c2410c!important;
  font-size:15px!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(255,107,22,.10)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:30!important;
  touch-action:manipulation!important;
}
#modalPerfilCliente .btn-logout-account:hover,
#modalPerfilCliente .btn-logout-account:focus-visible{background:#fff7ed!important;border-color:#ffb18a!important;color:#9a3412!important;outline:0!important;box-shadow:0 0 0 4px rgba(255,107,22,.12)!important;}
#modalPerfilCliente .btn-logout-account:active{transform:translateY(1px)!important;}
#modalPerfilCliente .profile-divider{margin:10px 18px 0!important;}
#modalPerfilCliente .profile-edit-form .btn-primary{width:100%!important;}


@media(max-width:768px){
  #modalPerfilCliente.ml-modal.active{align-items:flex-end!important;padding:0 8px max(8px,env(safe-area-inset-bottom))!important;}
  #modalPerfilCliente.ml-modal.active > .ml-modal-content.profile-login-wow{width:100%!important;max-width:520px!important;max-height:90dvh!important;border-radius:28px 28px 18px 18px!important;padding-bottom:12px!important;}
  #modalPerfilCliente .modal-close{top:12px!important;right:12px!important;width:42px!important;height:42px!important;z-index:60!important;}
  #modalPerfilCliente .profile-summary{grid-template-columns:54px minmax(0,1fr)!important;gap:11px!important;padding:16px 64px 14px 16px!important;}
  #modalPerfilCliente .profile-summary .avatar-circle{width:52px!important;height:52px!important;min-width:52px!important;}
  #modalPerfilCliente .profile-summary h3{font-size:20px!important;line-height:1.08!important;display:block!important;overflow:visible!important;}
  #modalPerfilCliente .profile-summary-text,
  #modalPerfilCliente .profile-summary p{font-size:12.7px!important;line-height:1.25!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;}
  #modalPerfilCliente .profile-login-wow > .btn,
  #modalPerfilCliente .profile-login-wow > form,
  #modalPerfilCliente .profile-login-wow > hr,
  #modalPerfilCliente .profile-login-wow > a.btn-logout-account{margin-left:14px!important;margin-right:14px!important;}
  #modalPerfilCliente .profile-address-grid,
  #modalPerfilCliente .profile-location-grid{grid-template-columns:1fr!important;gap:0!important;}
  #modalPerfilCliente #formEditarPerfil:not([hidden]){gap:8px!important;}
  #modalPerfilCliente .form-group{margin-bottom:8px!important;}
  #modalPerfilCliente .form-group label{font-size:12.5px!important;margin-bottom:5px!important;}
  #modalPerfilCliente .form-group input,
  #modalPerfilCliente .whatsapp-wrapper{height:48px!important;min-height:48px!important;border-radius:16px!important;}
  #modalPerfilCliente .whatsapp-prefix{height:48px!important;min-width:56px!important;}
  #modalPerfilCliente .whatsapp-wrapper input{height:46px!important;min-height:46px!important;}
  #modalPerfilCliente .btn-primary{width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;}
  #modalPerfilCliente .btn-logout-account,
  body #modalPerfilCliente.ml-modal.active .btn-logout-account{width:calc(100% - 28px)!important;margin:10px 14px 2px!important;height:50px!important;min-height:50px!important;color:#c2410c!important;border-color:#ffd7cf!important;}
}

@media(max-width:380px){
  #modalPerfilCliente .profile-summary{grid-template-columns:46px minmax(0,1fr)!important;padding:14px 60px 12px 14px!important;}
  #modalPerfilCliente .profile-summary .avatar-circle{width:46px!important;height:46px!important;min-width:46px!important;}
  #modalPerfilCliente .profile-summary h3{font-size:18px!important;}
  #modalPerfilCliente .profile-summary p{font-size:11.8px!important;}
}


@media(max-width:768px){
  .extreme-seller-question-modal{align-items:flex-end!important;padding:0!important;z-index:12050!important}
  .extreme-seller-question-box{width:100%!important;max-width:none!important;border-radius:22px 22px 0 0!important;padding:22px 18px calc(20px + env(safe-area-inset-bottom))!important;max-height:82dvh!important;overflow:auto!important}
  .extreme-seller-question-close{right:12px!important;top:12px!important;width:42px!important;height:42px!important}
  .extreme-seller-question-box h3{font-size:21px!important;padding-right:44px!important}
  .extreme-seller-question-box textarea{min-height:130px!important;font-size:16px!important}
  .extreme-seller-question-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .extreme-seller-question-actions .btn{width:100%!important;min-height:46px!important}
  .extreme-ask-seller-btn{width:100%!important;margin-top:10px!important;min-height:42px!important}
}


/* === Correção final: modal "Perguntar ao vendedor" responsivo mobile === */
.extreme-seller-question-modal{
  z-index:2147483000!important;
}
.extreme-seller-question-modal.is-open{
  display:flex!important;
}
.extreme-seller-question-backdrop{
  z-index:0!important;
}
.extreme-seller-question-box{
  z-index:1!important;
}
.extreme-seller-question-actions .btn{
  white-space:nowrap!important;
}
@media (max-width: 768px){
  body:has(.extreme-seller-question-modal.is-open) .bottom-nav,
  body:has(.extreme-seller-question-modal.is-open) .mobile-bottom-nav,
  body:has(.extreme-seller-question-modal.is-open) .app-bottom-nav,
  body:has(.extreme-seller-question-modal.is-open) .navbar-mobile,
  body:has(.extreme-seller-question-modal.is-open) .bottom-navigation{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .extreme-seller-question-modal,
  .extreme-seller-question-modal.is-open{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0!important;
    z-index:2147483000!important;
    box-sizing:border-box!important;
  }
  .extreme-seller-question-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(8,28,40,.50)!important;
    backdrop-filter:blur(8px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(8px) saturate(110%)!important;
  }
  .extreme-seller-question-box{
    width:100%!important;
    max-width:560px!important;
    height:auto!important;
    max-height:calc(100dvh - 10px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:24px 24px 0 0!important;
    border:1px solid rgba(226,235,243,.92)!important;
    border-bottom:0!important;
    background:#fff!important;
    box-shadow:0 -18px 60px rgba(6,26,39,.28)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .extreme-seller-question-box:before{
    left:20px!important;
    top:0!important;
    width:54px!important;
    height:5px!important;
    z-index:3!important;
  }
  .extreme-seller-question-close{
    position:absolute!important;
    right:14px!important;
    top:14px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:999px!important;
    z-index:4!important;
    background:#f5f8fb!important;
    color:#0d3d53!important;
    border:1px solid rgba(13,61,83,.08)!important;
    box-shadow:0 8px 20px rgba(13,61,83,.08)!important;
    font-size:30px!important;
    line-height:1!important;
  }
  .extreme-seller-question-head{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:13px!important;
    align-items:center!important;
    padding:22px 66px 16px 18px!important;
    background:linear-gradient(135deg,#ffffff 0%,#fff8f3 100%)!important;
    border-bottom:1px solid rgba(226,235,243,.95)!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }
  .extreme-seller-question-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    flex-basis:46px!important;
    border-radius:16px!important;
    margin:0!important;
    background:#eefaf3!important;
  }
  .extreme-seller-question-icon:before{
    width:25px!important;
    height:25px!important;
  }
  .extreme-seller-question-title-wrap{
    min-width:0!important;
    overflow:hidden!important;
  }
  .extreme-seller-question-kicker{
    margin:0 0 3px!important;
    font-size:11px!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
  }
  .extreme-seller-question-box h3,
  #extremeSellerQuestionTitle{
    margin:0!important;
    padding:0!important;
    font-size:22px!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    max-width:100%!important;
  }
  .extreme-seller-question-box p{
    margin:6px 0 0!important;
    font-size:13px!important;
    line-height:1.28!important;
    color:#607386!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .extreme-seller-question-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:16px 18px calc(16px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .extreme-seller-question-label{
    margin:0 0 8px!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  .extreme-seller-question-box textarea{
    width:100%!important;
    min-height:112px!important;
    max-height:30dvh!important;
    height:112px!important;
    resize:vertical!important;
    padding:14px 15px!important;
    border-radius:17px!important;
    font-size:16px!important;
    line-height:1.42!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  .extreme-seller-question-note{
    margin:10px 0 0!important;
    font-size:12px!important;
    line-height:1.34!important;
    color:#657689!important;
    align-items:flex-start!important;
  }
  .extreme-seller-question-note:before{
    margin-top:5px!important;
  }
  .extreme-seller-question-feedback{
    min-height:16px!important;
    margin:8px 0 0!important;
    font-size:12.5px!important;
  }
  .extreme-seller-question-actions{
    position:sticky!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:14px -18px calc(-16px - env(safe-area-inset-bottom))!important;
    padding:14px 18px calc(14px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 34%)!important;
    border-top:1px solid rgba(226,235,243,.95)!important;
    box-shadow:0 -12px 24px rgba(9,28,45,.06)!important;
    z-index:2!important;
  }
  .extreme-seller-question-actions .btn{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:16px!important;
    font-size:15px!important;
    padding:0 16px!important;
  }
  .extreme-seller-question-actions .btn-primary{
    order:1!important;
  }
  .extreme-seller-question-actions .btn-outline{
    order:2!important;
    background:#fff!important;
  }
}
@media (max-width: 380px){
  .extreme-seller-question-head{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
    padding:18px 62px 13px 14px!important;
  }
  .extreme-seller-question-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
  }
  .extreme-seller-question-icon:before{
    width:22px!important;
    height:22px!important;
  }
  .extreme-seller-question-box h3,
  #extremeSellerQuestionTitle{
    font-size:20px!important;
  }
  .extreme-seller-question-box p{
    font-size:12.5px!important;
  }
  .extreme-seller-question-body{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .extreme-seller-question-actions{
    margin-left:-14px!important;
    margin-right:-14px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}
@media (min-width: 769px){
  .extreme-seller-question-box{
    max-width:680px!important;
  }
  .extreme-seller-question-head{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:18px!important;
  }
}

/* FINAL LOGIN MODAL OVERRIDE */
#modalPerfilCliente .ml-modal-content.profile-login-wow{
  width:min(640px,calc(100vw - 32px))!important;
  max-width:640px!important;
  padding:28px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 28px 70px rgba(10,32,54,.18)!important;
  overflow:auto!important;
}
#modalPerfilCliente .modal-close{
  top:18px!important;right:18px!important;width:46px!important;height:46px!important;border-radius:16px!important;border:1px solid #d8e2ec!important;background:#eef4f9!important;color:#15354a!important;display:grid!important;place-items:center!important;font-size:30px!important;line-height:1!important;box-shadow:none!important;z-index:80!important;
}
#modalPerfilCliente .profile-login-final{display:grid!important;gap:18px!important;padding:4px 2px 2px!important;}
#modalPerfilCliente .profile-login-final-hero{display:grid!important;gap:10px!important;padding:8px 58px 0 0!important;min-width:0!important;}
#modalPerfilCliente .profile-login-final-kicker{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;padding:8px 14px!important;border-radius:999px!important;border:1px solid #ffd9bd!important;background:#fff7f1!important;color:#c65509!important;font-size:12px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;}
#modalPerfilCliente .profile-login-final-hero h2{margin:0!important;color:#13273a!important;font-size:31px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.03em!important;}
#modalPerfilCliente .profile-login-final-hero p{margin:0!important;color:#5f7084!important;font-size:15px!important;line-height:1.6!important;}
#modalPerfilCliente .profile-login-final-benefits{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;background:transparent!important;}
#modalPerfilCliente .profile-login-final-benefits > div{min-width:0!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-areas:'icon title' 'icon desc'!important;gap:4px 12px!important;align-items:center!important;padding:16px!important;border-radius:20px!important;border:1px solid #dde8f1!important;background:#f8fbfe!important;box-shadow:none!important;min-height:unset!important;}
#modalPerfilCliente .profile-login-final-benefits > div > .es-icon{grid-area:icon!important;width:50px!important;height:50px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#eef5fb!important;color:#0f3a52!important;font-size:22px!important;margin:0!important;}
#modalPerfilCliente .profile-login-final-benefits > div > strong{grid-area:title!important;display:block!important;margin:0!important;color:#16293c!important;font-size:16px!important;line-height:1.25!important;font-weight:820!important;}
#modalPerfilCliente .profile-login-final-benefits > div > small{grid-area:desc!important;display:block!important;margin:0!important;color:#66788c!important;font-size:13px!important;line-height:1.45!important;}
#modalPerfilCliente .profile-login-final-actions{display:grid!important;gap:12px!important;margin-top:2px!important;}
#modalPerfilCliente .profile-google-clean,#modalPerfilCliente .profile-email-clean{width:100%!important;min-height:60px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important;padding:0 18px!important;text-decoration:none!important;font-size:19px!important;font-weight:820!important;line-height:1.25!important;margin:0!important;}
#modalPerfilCliente .profile-google-clean{border:1px solid #d7e1ea!important;background:#fff!important;color:#13273a!important;box-shadow:0 10px 22px rgba(11,37,56,.06)!important;}
#modalPerfilCliente .profile-email-clean{border:1px solid #d9e3ec!important;background:#f6fafc!important;color:#0f3a52!important;}
#modalPerfilCliente .google-g-icon{width:26px!important;height:26px!important;flex:0 0 26px!important;}
#modalPerfilCliente .profile-email-clean .es-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;font-size:20px!important;margin:0!important;}
#modalPerfilCliente .profile-login-final-note{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid #ffe1c8!important;background:#fff8f1!important;color:#9a521b!important;font-size:14px!important;line-height:1.5!important;}
#modalPerfilCliente .profile-login-final-note .es-icon{flex:0 0 auto!important;color:#c85a0e!important;font-size:18px!important;margin-top:2px!important;}
@media (max-width: 768px){
#modalPerfilCliente{padding:14px!important;align-items:center!important;}
#modalPerfilCliente .ml-modal-content.profile-login-wow{width:min(100vw - 18px,540px)!important;max-width:540px!important;max-height:calc(100dvh - 24px)!important;padding:22px 16px 18px!important;border-radius:26px!important;}
#modalPerfilCliente .modal-close{top:12px!important;right:12px!important;width:42px!important;height:42px!important;border-radius:14px!important;font-size:28px!important;}
#modalPerfilCliente .profile-login-final{gap:14px!important;padding-top:8px!important;}
#modalPerfilCliente .profile-login-final-hero{gap:8px!important;padding:2px 42px 0 0!important;}
#modalPerfilCliente .profile-login-final-hero h2{font-size:22px!important;line-height:1.14!important;}
#modalPerfilCliente .profile-login-final-hero p{font-size:14px!important;line-height:1.5!important;}
#modalPerfilCliente .profile-login-final-benefits{gap:10px!important;}
#modalPerfilCliente .profile-login-final-benefits > div{grid-template-columns:44px minmax(0,1fr)!important;padding:14px!important;border-radius:18px!important;}
#modalPerfilCliente .profile-login-final-benefits > div > .es-icon{width:44px!important;height:44px!important;border-radius:14px!important;font-size:20px!important;}
#modalPerfilCliente .profile-login-final-benefits > div > strong{font-size:15px!important;}
#modalPerfilCliente .profile-login-final-benefits > div > small{font-size:12.5px!important;}
#modalPerfilCliente .profile-google-clean,#modalPerfilCliente .profile-email-clean{min-height:56px!important;border-radius:16px!important;font-size:17px!important;padding:0 14px!important;}
#modalPerfilCliente .profile-login-final-note{font-size:13px!important;padding:12px 14px!important;border-radius:16px!important;}
}
@media (max-width: 420px){
#modalPerfilCliente{padding:10px!important;}
#modalPerfilCliente .ml-modal-content.profile-login-wow{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 16px)!important;padding:20px 14px 16px!important;border-radius:22px!important;}
#modalPerfilCliente .profile-login-final-hero{padding-right:38px!important;}
#modalPerfilCliente .profile-login-final-hero h2{font-size:20px!important;}
#modalPerfilCliente .profile-google-clean,#modalPerfilCliente .profile-email-clean{font-size:16px!important;}
}


/* RESPONSIVE HARDENING FINAL */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  max-width:100%;
  overflow-x:hidden;
}
body{
  max-width:100%;
  overflow-x:hidden;
}
*,*::before,*::after{box-sizing:border-box;min-width:0;}
img,svg,video,canvas,iframe{max-width:100%;}
button,input,select,textarea{max-width:100%;font:inherit;}
.ml-header,.ml-header-top,.ml-toolbar,.ml-main,.ml-content,.ml-card,.ml-grid,.ml-products,.ml-section,.ml-row,.ml-col,[class*="grid"],[class*="card"],[class*="modal"],[class*="sheet"]{min-width:0;}
.ml-modal,.extreme-notify-permission,.extreme-inbox-mini,.extreme-app-splash{
  padding-top:max(10px,var(--safe-top))!important;
  padding-right:max(10px,var(--safe-right))!important;
  padding-left:max(10px,var(--safe-left))!important;
}
@media (max-width: 860px){
  .ml-modal,.extreme-notify-permission,.extreme-inbox-mini,.extreme-app-splash{
    padding-bottom:max(12px,calc(var(--safe-bottom) + 76px))!important;
  }
  .ml-modal-content,
  .extreme-app-splash-card,
  .extreme-offline-card,
  .extreme-inbox-card,
  .extreme-notify-card{
    width:min(100%, 430px)!important;
    max-width:min(430px, calc(100vw - 20px))!important;
    max-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 24px - 76px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    margin:0 auto!important;
  }
  .extreme-notify-permission{
    align-items:center!important;
    justify-content:center!important;
  }
  .extreme-notify-card{
    border-radius:28px!important;
    padding:16px 16px 16px!important;
  }
  .extreme-notify-close,
  .extreme-inbox-close{
    top:12px!important;
    right:12px!important;
    width:44px!important;
    height:44px!important;
    border-radius:16px!important;
    z-index:5!important;
  }
  .extreme-notify-card h2{
    margin-right:54px!important;
    font-size:clamp(24px, 6vw, 34px)!important;
    line-height:1.08!important;
  }
  .extreme-notify-card p{
    font-size:clamp(14px, 3.8vw, 18px)!important;
    line-height:1.42!important;
  }
  .extreme-notify-benefits{
    gap:10px!important;
  }
  .extreme-notify-benefits li{
    padding:12px 12px!important;
    border-radius:16px!important;
    font-size:clamp(13px, 3.6vw, 16px)!important;
    line-height:1.35!important;
    align-items:flex-start!important;
  }
  .extreme-notify-actions{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .extreme-notify-actions button{
    min-height:54px!important;
    white-space:normal!important;
    padding:12px 14px!important;
    font-size:17px!important;
    border-radius:18px!important;
  }
  .ml-bottom-nav{
    width:100vw!important;
    max-width:100vw!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding-bottom:calc(6px + var(--safe-bottom))!important;
  }
}
@media (max-width: 520px){
  .ml-modal,.extreme-notify-permission,.extreme-inbox-mini,.extreme-app-splash{
    padding-top:max(8px,var(--safe-top))!important;
    padding-right:max(8px,var(--safe-right))!important;
    padding-left:max(8px,var(--safe-left))!important;
    padding-bottom:max(10px,calc(var(--safe-bottom) + 74px))!important;
  }
  .ml-modal-content,
  .extreme-app-splash-card,
  .extreme-offline-card,
  .extreme-inbox-card,
  .extreme-notify-card{
    max-width:calc(100vw - 16px)!important;
    width:calc(100vw - 16px)!important;
    max-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 16px - 74px)!important;
  }
}


/* EXTREME SHOP - identidade e microcopy mobile sem corte */
@media (max-width:768px){
  .ml-header .ml-search,
  .ml-search{
    min-width:0!important;
    overflow:hidden!important;
  }

  .ml-header .ml-search input,
  .ml-search input{
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:clamp(11px,3.25vw,13px)!important;
    font-weight:650!important;
  }

  .ml-header .ml-search input::placeholder,
  .ml-search input::placeholder{
    font-size:clamp(11px,3.25vw,13px)!important;
    font-weight:650!important;
  }

  .extreme-app-install-copy strong,
  .extreme-app-install-copy small,
  .extreme-inbox-head strong,
  .extreme-inbox-head span,
  .seller-badge-top,
  .seller-form-title-clean > span,
  .menu-extreme-seller-box h3,
  .menu-extreme-cta,
  .seller-proof-grid strong,
  .seller-proof-grid span{
    max-width:100%!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  .extreme-app-install-copy strong,
  .extreme-app-install-copy small,
  .extreme-inbox-head strong,
  .extreme-inbox-head span,
  .menu-extreme-cta{
    white-space:nowrap!important;
  }

  .extreme-notify-card h2,
  .extreme-notify-card p,
  .extreme-notify-benefits li span:last-child,
  .seller-wow-brand h2,
  .seller-wow-brand p,
  .seller-form-title-clean h3,
  .seller-form-title-clean p,
  .menu-extreme-seller-box h3,
  .menu-extreme-seller-box p{
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .seller-wow-brand h2,
  .seller-form-title-clean h3{
    font-size:clamp(20px,5.4vw,25px)!important;
    line-height:1.12!important;
  }

  .seller-wow-brand p,
  .seller-form-title-clean p,
  .menu-extreme-seller-box p{
    font-size:clamp(12px,3.45vw,14px)!important;
    line-height:1.35!important;
  }
}

@media (max-width:370px){
  .ml-header .ml-search input,
  .ml-search input,
  .ml-header .ml-search input::placeholder,
  .ml-search input::placeholder{
    font-size:11px!important;
  }

  .ml-header .ml-search,
  .ml-search{
    gap:4px!important;
    padding-left:7px!important;
  }
}


:root{color-scheme:light!important;--extreme-app-safe-top:env(safe-area-inset-top,0px);--extreme-app-safe-right:env(safe-area-inset-right,0px);--extreme-app-safe-bottom:env(safe-area-inset-bottom,0px);--extreme-app-safe-left:env(safe-area-inset-left,0px)}
html,body{color-scheme:light!important}
html.extreme-app-mode,html.extreme-app-mode body{min-height:100dvh;overscroll-behavior-y:contain;background:#f4f7fb!important;-webkit-tap-highlight-color:transparent}
html.extreme-app-mode body{touch-action:manipulation}
html.extreme-app-mode .extreme-app-installer,body.extreme-app-mode .extreme-app-installer{display:none!important}
html.extreme-app-mode .ml-header,html.extreme-app-mode .bottom-nav,html.extreme-app-mode .ml-bottom-nav{-webkit-backdrop-filter:saturate(140%) blur(18px);backdrop-filter:saturate(140%) blur(18px)}
html.extreme-app-mode a,html.extreme-app-mode button{touch-action:manipulation}
.extreme-app-install-primary:active,.extreme-app-install-secondary:active{transform:scale(.98)}
.extreme-install-help{position:fixed;inset:0;z-index:2147483602;background:rgba(7,24,35,.48);display:grid;place-items:center;padding:18px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.extreme-install-help[hidden]{display:none!important}
.extreme-install-help-card{width:min(360px,100%);border-radius:24px;background:#fff;color:#102033;padding:24px 20px 20px;text-align:center;box-shadow:0 24px 70px rgba(15,42,61,.24);position:relative;border:1px solid rgba(15,58,82,.10)}
.extreme-install-help-icon{width:62px;height:62px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#0f3a52,#14506f);color:#fff;font-size:28px;box-shadow:0 14px 32px rgba(15,58,82,.22)}
.extreme-install-help-card strong{display:block;font-size:20px;font-weight:950;margin:0 0 8px}
.extreme-install-help-card p{font-size:14px;line-height:1.45;color:#617086;margin:0 0 16px}
.extreme-install-help-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:999px;border:1px solid #dfe7f0;background:#fff;color:#0f3a52;font-size:22px;font-weight:800}
.extreme-install-help-ok{width:100%;height:48px;border:0;border-radius:15px;background:#ff6b16;color:#fff;font-weight:950}
@media(prefers-color-scheme:dark){html,body,.theme-apple,.theme-black,.theme-black-premium{background:#f4f7fb!important;color:#102033!important}.ml-card,.ml-section,.ml-modal-content,.extreme-app-install-card,.extreme-install-help-card{background:#fff!important;color:#102033!important}}


@media(max-width:768px){
  html.extreme-app-mode,html.extreme-app-mode body{min-height:calc(var(--extreme-app-vh,1vh) * 100)!important;overflow-x:hidden!important}
  html.extreme-app-mode body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
  html.extreme-app-mode .bottom-nav,html.extreme-app-mode .ml-bottom-nav{bottom:0!important;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}
  html.extreme-app-mode .extreme-assistant-panel{max-height:min(68dvh,calc((var(--extreme-app-vh,1vh) * 100) - 112px - env(safe-area-inset-bottom,0px)))!important}
  .extreme-app-installer{left:10px!important;right:10px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;max-width:none!important;justify-content:center!important;z-index:6200!important}
  .extreme-app-install-card{width:min(430px,calc(100vw - 20px))!important;max-width:none!important;min-height:60px!important;border-radius:18px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important;padding:8px 40px 8px 9px!important}
  .extreme-app-install-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .extreme-app-install-copy strong{font-size:13.5px!important;font-weight:950!important}
  .extreme-app-install-copy small{font-size:11.5px!important}
  .extreme-app-install-primary{height:36px!important;min-width:104px!important;border-radius:12px!important;font-size:12.5px!important;font-weight:950!important}
  .extreme-app-install-secondary{top:8px!important;right:8px!important}
  body.extreme-app-install-visible{padding-bottom:calc(142px + env(safe-area-inset-bottom,0px))!important}
}