/* real fixes v6 + cardex visual premium */
body.sf-sb-open .nav{
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important; width:100% !important;
  margin-left:0 !important; z-index:8800 !important;
  background:rgba(255,255,255,.96) !important; backdrop-filter:blur(14px) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
  padding-left:calc(var(--sf-sb-w) + 16px) !important;
}

/* v20 mobile route isolation and embedded section ergonomics */
@media (max-width:768px){
  body.sf-sb-open #vh[style*="display: none"],
  body.sf-sb-open #vranking[style*="display: none"],
  body.sf-sb-open #vlojas[style*="display: none"],
  body.sf-sb-open #vgallery[style*="display: none"],
  body.sf-sb-open #vnegocios[style*="display: none"],
  body.sf-sb-open #vvendas[style*="display: none"],
  body.sf-sb-open #vinfo[style*="display: none"],
  body.sf-sb-open #vcal[style*="display: none"],
  body.sf-sb-open #vprodutos[style*="display: none"],
  body.sf-sb-open #vpromo2026[style*="display: none"],
  body.sf-sb-open #vo[style*="display: none"],
  body.sf-sb-open #vregras[style*="display: none"],
  body.sf-sb-open #vs[style*="display: none"],
  body.sf-sb-open #vhist[style*="display: none"],
  body.sf-sb-open #vobj[style*="display: none"],
  body.sf-sb-open #vobjetivos[style*="display: none"]{
    display:none !important;
  }
  body.sf-sb-open > div[id][style*="display:none"]{
    display:none !important;
  }
  body.sf-sb-open #vcal,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vobj,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vo,
  body.sf-sb-open #vs{
    padding-bottom:max(86px,calc(env(safe-area-inset-bottom,0px) + 74px)) !important;
  }
  body.sf-sb-open #vcal .section-hero,
  body.sf-sb-open #vgallery .section-hero,
  body.sf-sb-open #vobj .section-hero,
  body.sf-sb-open #vlojas .section-hero,
  body.sf-sb-open #vranking .section-hero,
  body.sf-sb-open #vvendas .section-hero,
  body.sf-sb-open #vo .section-hero{
    margin:8px 10px 8px !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    min-height:0 !important;
  }
  body.sf-sb-open #vcal .section-hero h2,
  body.sf-sb-open #vgallery .section-hero h2,
  body.sf-sb-open #vobj .section-hero h2,
  body.sf-sb-open #vlojas .section-hero h2,
  body.sf-sb-open #vranking .section-hero h2,
  body.sf-sb-open #vvendas .section-hero h2,
  body.sf-sb-open #vo .section-hero h2{
    font-size:1.1rem !important;
    line-height:1.1 !important;
  }
  body.sf-sb-open #vcal .section-hero p,
  body.sf-sb-open #vgallery .section-hero p,
  body.sf-sb-open #vobj .section-hero p,
  body.sf-sb-open #vlojas .section-hero p,
  body.sf-sb-open #vranking .section-hero p,
  body.sf-sb-open #vvendas .section-hero p,
  body.sf-sb-open #vo .section-hero p{
    display:none !important;
  }
  body.sf-sb-open #vcal .cal-embed-wrap,
  body.sf-sb-open #vgallery .gallery-embed-wrap{
    margin:0 !important;
    padding:0 8px max(92px,calc(env(safe-area-inset-bottom,0px) + 78px)) !important;
  }
  body.sf-sb-open #smofield-calendar-frame{
    display:block !important;
    width:100% !important;
    height:calc(100svh - var(--nav-h) - 112px) !important;
    min-height:540px !important;
    max-height:none !important;
    border-radius:14px !important;
  }
  body.sf-sb-open #smofield-gallery-frame,
  body.sf-sb-open #vobj iframe{
    display:block !important;
    width:100% !important;
    height:calc(100svh - var(--nav-h) - 112px) !important;
    min-height:560px !important;
    max-height:none !important;
    border-radius:14px !important;
  }
  body.sf-sb-open #vobj > div[style*="padding:0 16px"]{
    padding:0 8px max(92px,calc(env(safe-area-inset-bottom,0px) + 78px)) !important;
  }
  body.sf-sb-open #vobj > div > div{
    border-radius:14px !important;
    box-shadow:none !important;
  }
  body.sf-sb-open #vlojas .lojas-head,
  body.sf-sb-open #vranking .subview-head,
  body.sf-sb-open #vvendas .subview-head,
  body.sf-sb-open #vo .order-head{
    position:sticky !important;
    top:var(--nav-h) !important;
    z-index:34 !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy{
    grid-template-columns:minmax(0,1fr) !important;
  }
  body.sf-sb-open #vo .ogrid{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* v22 final mobile order filtering and bar visibility */
@media (max-width:768px){
  body.sf-sb-open #vo .oc.sf-order-hidden{
    display:none !important;
  }
  body.sf-sb-open #fbar:not(.show){
    transform:translateY(130%) !important;
    pointer-events:none !important;
  }
  body.sf-sb-open #vo[style*="display: none"] ~ #fbar,
  body.sf-sb-open #vo[style*="display:none"] ~ #fbar{
    transform:translateY(130%) !important;
    pointer-events:none !important;
  }
}

/* v23 mobile order list modal comfort */
body.sf-sb-open #mbk.open,
body.sf-sb-open #hbk.open,
body.sf-sb-open #svbk.open{
  z-index:10060 !important;
}
@media (max-width:768px){
  body.sf-sb-open #mbk.open{
    align-items:stretch !important;
    z-index:10060 !important;
  }
  body.sf-sb-open #mbk.open .modal{
    max-height:calc(100svh - 12px) !important;
    height:calc(100svh - 12px) !important;
    overflow:auto !important;
    padding-bottom:max(180px,calc(env(safe-area-inset-bottom,0px) + 160px)) !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.sf-sb-open #mbk.open .mlist{
    padding-bottom:18px !important;
  }
  body.sf-sb-open #mbk.open .mitem:last-child{
    margin-bottom:44px !important;
  }
  body.sf-sb-open #mbk.open .macts{
    position:static !important;
    bottom:auto !important;
    z-index:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    background:#fff !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    padding-bottom:max(12px,env(safe-area-inset-bottom,0px)) !important;
  }
  body.sf-sb-open #mbk.open .macts button{
    width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }
  body.sf-sb-open #mbk.open .qty-box{
    min-width:54px !important;
    min-height:38px !important;
  }
}

/* v21 mobile interaction fixes for documents, orders and embedded tools */
@media (max-width:768px){
  body.sf-sb-open #vobj iframe{
    height:calc(100svh - var(--nav-h) - 98px) !important;
    min-height:600px !important;
  }
  body.sf-sb-open #smofield-gallery-frame,
  body.sf-sb-open #smofield-calendar-frame{
    height:calc(100svh - var(--nav-h) - 98px) !important;
    min-height:610px !important;
  }
  body.sf-sb-open #vo{
    padding-bottom:max(170px,calc(env(safe-area-inset-bottom,0px) + 150px)) !important;
  }
  body.sf-sb-open #vo .filters{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
  }
  body.sf-sb-open #vo .fb{
    min-width:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:40px !important;
    padding:8px 10px !important;
    white-space:normal !important;
    line-height:1.15 !important;
  }
  body.sf-sb-open #brand-filters.brand-filter-row,
  body.sf-sb-open .brand-filter-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
    padding:8px 10px !important;
    white-space:normal !important;
  }
  body.sf-sb-open #brand-filters .bbtn,
  body.sf-sb-open .brand-filter-row .bbtn{
    min-width:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:36px !important;
    padding:7px 8px !important;
    white-space:normal !important;
    line-height:1.1 !important;
    text-align:center !important;
  }
  body.sf-sb-open #order-ctrl{
    position:sticky !important;
    top:var(--nav-h) !important;
    z-index:35 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:9px 10px !important;
    background:rgba(255,255,255,.98) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }
  body.sf-sb-open #order-ctrl .oacts{
    display:grid !important;
    grid-template-columns:1fr 1fr auto !important;
    gap:8px !important;
    align-items:center !important;
  }
  body.sf-sb-open #order-ctrl .obtn{
    min-height:38px !important;
    white-space:normal !important;
  }
  body.sf-sb-open #vo .ogrid{
    padding-bottom:max(230px,calc(env(safe-area-inset-bottom,0px) + 214px)) !important;
  }
  body.sf-sb-open #fbar{
    left:10px !important;
    right:10px !important;
    bottom:max(92px,calc(env(safe-area-inset-bottom,0px) + 82px)) !important;
    width:auto !important;
    z-index:10040 !important;
    border-radius:18px !important;
    box-shadow:0 18px 42px rgba(15,23,42,.28) !important;
  }
  body.sf-sb-open #fbar .fbtn{
    min-height:36px !important;
    padding:8px 10px !important;
  }
}


/* v19 mobile navigation and product layout */
@media (max-width:768px){
  body.sf-sb-open{
    padding-bottom:max(86px,calc(env(safe-area-inset-bottom,0px) + 72px)) !important;
  }
  #sf-mobile-nav{
    position:fixed;
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom,0px));
    z-index:10050;
    height:64px;
    display:none;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
    padding:6px;
    border:1px solid rgba(37,99,235,.22);
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(231,242,255,.98) 58%,rgba(215,232,255,.97) 100%);
    box-shadow:0 20px 44px rgba(15,23,42,.18),0 12px 28px rgba(37,99,235,.14),0 0 0 1px rgba(255,255,255,.62) inset;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  body.sf-sb-open #sf-mobile-nav{
    display:grid;
  }
  .sf-mobile-nav-btn{
    border:0;
    border-radius:16px;
    background:transparent;
    color:#475569;
    font-family:'Outfit',sans-serif;
    font-size:.62rem;
    font-weight:800;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:0;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
  }
  .sf-mobile-nav-btn.active{
    background:linear-gradient(180deg,#e7f0ff 0%,#cfe2ff 100%);
    color:#005EB8;
    box-shadow:0 12px 24px rgba(37,99,235,.22), inset 0 0 0 1px rgba(255,255,255,.6);
  }
  .sf-mobile-nav-btn:active{
    transform:translateY(1px);
  }
  .sf-mobile-nav-icon{
    display:block;
    font-size:1.02rem;
    line-height:1;
  }
  #sf-mobile-sheet-backdrop{
    position:fixed;
    inset:0;
    display:none;
    z-index:10040;
    border:0;
    background:rgba(15,23,42,.32);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }
  body.sf-mobile-sheet-open #sf-mobile-sheet-backdrop{
    display:block;
  }
  #sf-mobile-sheet{
    position:fixed;
    left:10px;
    right:10px;
    bottom:max(82px,calc(env(safe-area-inset-bottom,0px) + 76px));
    z-index:10055;
    display:none;
    padding:14px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:24px;
    background:#fff;
    box-shadow:0 24px 54px rgba(15,23,42,.24);
  }
  body.sf-sb-open #sf-mobile-sheet.open{
    display:block;
  }
  .sf-mobile-sheet-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
  }
  .sf-mobile-sheet-head strong{
    font-size:1rem;
    color:#0f172a;
  }
  #sf-mobile-sheet-close{
    border:1px solid #e2e8f0;
    background:#fff;
    border-radius:999px;
    padding:7px 12px;
    font-size:.72rem;
    font-weight:800;
  }
  .sf-mobile-sheet-list{
    display:grid;
    gap:8px;
  }
  .sf-mobile-sheet-btn{
    min-height:48px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#f8fafc;
    color:#0f172a;
    font-family:'Outfit',sans-serif;
    font-size:.84rem;
    font-weight:850;
    text-align:left;
    padding:0 14px;
  }
  .sf-mobile-sheet-btn:active{
    background:#eef5ff;
    color:#005EB8;
  }
  body.sf-sb-open #vs{
    padding-bottom:max(96px,calc(env(safe-area-inset-bottom,0px) + 82px)) !important;
  }
  body.sf-sb-open #vs .sect-head{
    position:sticky !important;
    top:var(--nav-h) !important;
    z-index:36 !important;
    padding:10px 12px !important;
    gap:9px !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }
  body.sf-sb-open #vs .sect-head img{
    width:34px !important;
    height:34px !important;
  }
  body.sf-sb-open #vs .sect-head h2{
    font-family:'Outfit',sans-serif !important;
    font-size:1rem !important;
    font-weight:900 !important;
  }
  body.sf-sb-open #vs .sect-head p{
    font-size:.7rem !important;
  }
  body.sf-sb-open .topbar.show{
    top:var(--nav-h) !important;
    padding:8px 10px !important;
    gap:8px !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  body.sf-sb-open .topbar.show::-webkit-scrollbar{
    display:none !important;
  }
  body.sf-sb-open .search-box{
    min-width:180px !important;
    max-width:none !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 10px max(100px,calc(env(safe-area-inset-bottom,0px) + 88px)) !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .card{
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    min-height:132px !important;
    border-radius:16px !important;
    overflow:hidden !important;
    box-shadow:0 8px 20px rgba(15,23,42,.07) !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .cimg{
    grid-column:1 !important;
    height:100% !important;
    min-height:132px !important;
    aspect-ratio:auto !important;
    padding:8px !important;
    border-radius:0 !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .cimg::before{
    inset:7px !important;
    border-radius:14px !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .cimg img{
    max-width:92% !important;
    max-height:92% !important;
    transform:scale(1.02) !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .cbody{
    grid-column:2 !important;
    min-height:0 !important;
    padding:12px 12px 11px !important;
    border-top:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:3px !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .cmini{
    font-size:.54rem !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .cname{
    font-size:.82rem !important;
    line-height:1.2 !important;
    min-height:0 !important;
    -webkit-line-clamp:2 !important;
    letter-spacing:0 !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .ccode{
    font-size:.66rem !important;
    line-height:1.15 !important;
    letter-spacing:.04em !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .price1,
  body.sf-sb-open #vs .grid.showcase-dairy .ppromo{
    font-size:.84rem !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy .pbase{
    font-size:.64rem !important;
  }
  body.sf-sb-open #vo .ogrid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
    padding-bottom:max(112px,calc(env(safe-area-inset-bottom,0px) + 96px)) !important;
  }
  body.sf-sb-open #vo .oc{
    display:grid !important;
    grid-template-columns:94px minmax(0,1fr) !important;
    min-height:112px !important;
    overflow:hidden !important;
  }
  body.sf-sb-open #vo .ocimg{
    grid-column:1 !important;
    height:100% !important;
    min-height:112px !important;
    aspect-ratio:auto !important;
    border-right:1px solid #eef2f7 !important;
  }
  body.sf-sb-open #vo .ocbody{
    grid-column:2 !important;
    border-top:0 !important;
    padding:10px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  body.sf-sb-open #vo .ocname{
    font-size:.72rem !important;
    line-height:1.22 !important;
  }
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vcal,
  body.sf-sb-open #vobj,
  body.sf-sb-open #vnegocios{
    padding-bottom:max(90px,calc(env(safe-area-inset-bottom,0px) + 76px)) !important;
  }
}
@media (min-width:769px){
  #sf-mobile-nav,
  #sf-mobile-sheet,
  #sf-mobile-sheet-backdrop{
    display:none !important;
  }
}

/* v9.3 final shell corrections */
body.sf-sb-open{
  --sf-app-gap-right:74px !important;
}
body.sf-sb-open::after{
  inset:var(--sf-app-gap) var(--sf-app-gap-right) var(--sf-app-gap-bottom) var(--sf-app-gap) !important;
  border-radius:32px !important;
}
body.sf-sb-open .nav{
  right:var(--sf-app-gap-right) !important;
  padding-left:34px !important;
  padding-right:22px !important;
  border-radius:28px 28px 0 0 !important;
}
body.sf-sb-open #ctrl{
  margin-right:var(--sf-app-gap-right) !important;
}
body.sf-sb-open > div:not(#sf-sidebar):not(#sf-sb-overlay):not(#login-screen):not(#mbk):not(#hbk):not(#svbk):not(.nav):not(#auth-loading):not(.toast):not(.nav-dropdown):not(.nav-dropdown-overlay):not(.prof-dd):not(.prof-modal-bk):not(#sect-choice-bk):not(#presence-setup-bk):not(.smbk):not(.pag-edit-bk):not(.prod-detail-bk):not(.sf-coming-overlay){
  margin-right:var(--sf-app-gap-right) !important;
}
body.sf-sb-open #vh,
body.sf-sb-open #vranking,
body.sf-sb-open #vlojas,
body.sf-sb-open #vgallery,
body.sf-sb-open #vnegocios,
body.sf-sb-open #vvendas,
body.sf-sb-open #vinfo,
body.sf-sb-open #vcal,
body.sf-sb-open #vprodutos,
body.sf-sb-open #vpromo2026,
body.sf-sb-open #vo,
body.sf-sb-open #vregras,
body.sf-sb-open #vs,
body.sf-sb-open #vhist,
body.sf-sb-open #vobj{
  width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
  max-width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
  border-radius:0 0 32px 32px !important;
}
body.sf-sb-open #nav-home-extras{
  padding-left:0 !important;
}
body.sf-sb-open #nav-date-pill{
  margin-left:34px !important;
}
@media (max-width:768px){
  body.sf-sb-open{
    --sf-app-gap-right:14px !important;
  }
  body.sf-sb-open .nav{
    padding-left:16px !important;
    padding-right:12px !important;
  }
  body.sf-sb-open #nav-date-pill{
    margin-left:0 !important;
  }
}
body.sf-sb-open.sf-sb-collapsed .nav{padding-left:calc(var(--sf-sb-collapsed-w) + 14px) !important;}
body.sf-sb-open #vh{padding-top:calc(var(--nav-h) + 14px) !important;}
body.sf-sb-open #nav-home-btn, body.sf-sb-open #nav-profile-btn, body.sf-sb-open .nav-right{display:none !important;}
body.sf-sb-open #nav-home-extras{gap:8px !important; width:100% !important; justify-content:flex-end !important; margin-left:0 !important;}
body.sf-sb-open .nav-left{justify-content:flex-end !important;}
body.sf-sb-open .nav-search-wrap{flex:1 1 520px !important; max-width:720px !important;}
body.sf-sb-open .nav-search-input{width:100% !important;}
#sf-sidebar.collapsed .sf-sb-nav{padding:10px 0 8px !important; align-items:stretch !important;}
#sf-sidebar.collapsed .sf-sb-item{width:100% !important;justify-content:center !important;align-items:center !important;padding:10px 0 !important;gap:0 !important;margin:0 !important;border-radius:0 !important;}
#sf-sidebar.collapsed .sf-sb-icon{width:100% !important;min-width:100% !important;justify-content:center !important;align-items:center !important;margin:0 !important;display:flex !important;font-size:1rem !important;}
#sf-sidebar.collapsed .sf-sb-item.active::before{left:50% !important;transform:translateX(-50%) !important;bottom:4px !important;top:auto !important;width:20px !important;height:3px !important;border-radius:999px !important;}
#sf-sidebar.collapsed .sf-sb-logo{padding:14px 0 !important;justify-content:center !important;position:relative !important;}
#sf-sidebar.collapsed .sf-sb-toggle-btn{display:flex !important;opacity:1 !important;pointer-events:auto !important;width:22px !important;min-width:22px !important;height:22px !important;position:absolute !important;right:6px !important;top:20px !important;z-index:2 !important;}
.nav-dropdown{position:fixed !important;z-index:8900 !important; width:min(92vw,360px) !important; max-width:360px !important;}
.nav-dropdown-inner{max-height:min(68vh,520px) !important;}
#home-restantes,.home-restantes,.objv-card{display:none !important;}

#sf-global-cardex{margin:18px 16px 34px; background:#fff; border:1px solid #ece8e1; border-radius:28px; box-shadow:0 20px 40px rgba(15,23,42,.08); overflow:hidden;}
.sf-cardex-shell{display:grid; grid-template-columns:260px minmax(0,1fr) 340px; min-height:720px;}
.sf-cardex-side{background:linear-gradient(180deg,#f8fafc 0%, #f5f7fb 100%); border-right:1px solid #edf0f5; padding:24px 18px; display:flex; flex-direction:column; gap:18px;}
.sf-side-brand{font:700 2rem/1 'Playfair Display',serif; color:#111827; letter-spacing:-.03em;}
.sf-side-sub{font:600 .84rem/1.6 'Outfit',sans-serif; color:#6b7280;}
.sf-side-search-wrap{display:flex; flex-direction:column; gap:8px; font:700 .72rem 'Outfit',sans-serif; color:#6b7280; text-transform:uppercase; letter-spacing:.08em;}
.sf-cardex-search{height:46px; width:100%; border:1px solid #dbe3ef; border-radius:999px; padding:0 16px; font:600 .82rem 'Outfit',sans-serif; background:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,.03);}
.sf-cardex-search:focus{outline:none; border-color:#0b67d0; box-shadow:0 0 0 4px rgba(11,103,208,.08);}
.sf-side-block{display:flex; flex-direction:column; gap:12px;}
.sf-side-title{font:800 .72rem 'Outfit',sans-serif; color:#6b7280; text-transform:uppercase; letter-spacing:.1em;}
.sf-side-chips{display:flex; flex-wrap:wrap; gap:8px;}
.sf-chip{border:1px solid #d9dfe9;background:#fff;color:#44403c;border-radius:999px;padding:8px 12px;font:700 .72rem 'Outfit',sans-serif;cursor:pointer;transition:.18s ease;}
.sf-chip:hover{border-color:#0b67d0;color:#0b67d0;background:#eef5ff;}
.sf-chip.on{background:#0b67d0;color:#fff;border-color:#0b67d0;box-shadow:0 8px 18px rgba(11,103,208,.18);}
.sf-side-brands{display:flex; flex-direction:column; gap:8px; max-height:360px; overflow:auto; padding-right:4px;}
.sf-brand-item{border:none; background:transparent; text-align:left; padding:10px 12px; border-radius:14px; font:700 .82rem 'Outfit',sans-serif; color:#334155; cursor:pointer; transition:.16s ease;}
.sf-brand-item:hover{background:#eef4fb; color:#0b67d0;}
.sf-brand-item.on{background:#111827; color:#fff;}
.sf-cardex-main{padding:24px 22px; background:#fbfcfe; display:flex; flex-direction:column; gap:18px;}
.sf-cardex-topline{display:flex; gap:10px; flex-wrap:wrap;}
.sf-top-metric{padding:10px 14px; border-radius:999px; background:#fff; border:1px solid #e8edf4; font:700 .78rem 'Outfit',sans-serif; color:#6b7280;}
.sf-top-metric strong{color:#111827; margin-left:6px;}
.sf-cardex-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-content:start;}
.sf-product-card{background:#fff; border:1px solid #edf0f5; border-radius:24px; padding:14px; box-shadow:0 10px 24px rgba(15,23,42,.05); cursor:pointer; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; display:flex; flex-direction:column; gap:12px; min-height:246px;}
.sf-product-card:hover{transform:translateY(-2px); box-shadow:0 16px 30px rgba(15,23,42,.08); border-color:#dbe6f7;}
.sf-product-card.active{border-color:#f4cc2d; box-shadow:0 18px 34px rgba(244,204,45,.18);}
.sf-product-top{display:flex; justify-content:space-between; align-items:center; gap:10px;}
.sf-product-brand{font:800 .72rem 'Outfit',sans-serif; color:#0b67d0; text-transform:uppercase; letter-spacing:.06em;}
.sf-product-price{font:800 .82rem 'Outfit',sans-serif; color:#111827;}
.sf-product-image{height:126px; border-radius:18px; background:#f8fafc; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.sf-product-image img{max-width:88%; max-height:88%; object-fit:contain;}
.sf-product-image span{font:.8rem 'Outfit',sans-serif; color:#94a3b8;}
.sf-product-name{font:800 1rem/1.25 'Outfit',sans-serif; color:#111827;}
.sf-product-meta{font:600 .76rem/1.5 'Outfit',sans-serif; color:#6b7280;}
.sf-cardex-detail{background:#ffffff; border-left:1px solid #edf0f5; padding:22px; display:flex; align-items:stretch;}
.sf-detail-card{width:100%; border-radius:26px; background:#f6c433; box-shadow:0 24px 40px rgba(244,196,51,.24); padding:16px; display:flex; flex-direction:column; gap:14px; align-self:flex-start; position:sticky; top:96px;}
.sf-detail-hero{height:250px; border-radius:22px; background:rgba(255,255,255,.92); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.sf-detail-hero img{max-width:88%; max-height:88%; object-fit:contain;}
.sf-detail-body{display:flex; flex-direction:column; gap:12px;}
.sf-cardex-detail h3{font:800 1.28rem/1.18 'Outfit',sans-serif; color:#111827; margin:0;}
.sf-detail-code{font:800 .78rem 'Outfit',sans-serif; color:#7c5a00; text-transform:uppercase; letter-spacing:.08em;}
.sf-cardex-badges{display:flex; flex-wrap:wrap; gap:8px;}
.sf-cardex-badge{padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.85); color:#5b4a00; font:700 .72rem 'Outfit',sans-serif;}
.sf-cardex-desc{font:.88rem/1.6 'Outfit',sans-serif; color:#4b5563;}
.sf-detail-stats{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.sf-stat-box{padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.9); display:flex; flex-direction:column; gap:4px;}
.sf-stat-box span{font:700 .68rem 'Outfit',sans-serif; color:#6b7280; text-transform:uppercase; letter-spacing:.08em;}
.sf-stat-box strong{font:800 .92rem 'Outfit',sans-serif; color:#111827;}
.sf-detail-actions{display:flex; gap:10px; flex-wrap:wrap;}
.sf-action-primary,.sf-action-secondary{height:44px; border-radius:999px; padding:0 18px; font:800 .78rem 'Outfit',sans-serif; cursor:pointer; transition:.16s ease;}
.sf-action-primary{background:#111827; color:#fff; border:none; box-shadow:0 10px 18px rgba(17,24,39,.18);}
.sf-action-primary:hover{transform:translateY(-1px);}
.sf-action-secondary{background:transparent; color:#111827; border:1px solid rgba(17,24,39,.16);}
.sf-cardex-empty{font:700 .84rem 'Outfit',sans-serif; color:#6b7280; display:flex; align-items:center; justify-content:center; min-height:120px;}

@media(max-width:1280px){
  .sf-cardex-shell{grid-template-columns:230px minmax(0,1fr) 320px;}
  .sf-cardex-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:980px){
  .sf-cardex-shell{grid-template-columns:1fr;}
  .sf-cardex-side,.sf-cardex-detail{border:none;}
  .sf-cardex-detail{padding-top:0;}
  .sf-detail-card{position:static;}
}


/* v4 refinements */
body.sf-sb-open #vh{padding-top:calc(var(--nav-h) + 2px) !important;}
#vh > .sf-hero{margin-top:0 !important;}
body.sf-sb-open .nav{
  width:100vw !important;
  max-width:none !important;
}
body.sf-sb-open .nav-left{justify-content:flex-start !important;}
body.sf-sb-open #nav-home-extras{
  justify-content:flex-start !important;
  padding-right:18px !important;
}
body.sf-sb-open .nav-search-wrap{
  flex:1 1 680px !important;
  max-width:880px !important;
  min-width:380px !important;
}
body.sf-sb-open .nav-search-input{
  width:100% !important;
  border-radius:999px !important;
}
.nav-dropdown{
  position:fixed !important;
  transform:none !important;
  margin:0 !important;
}
.nav-dropdown-arrow{position:absolute !important; top:-7px !important;}
/* cardex layout: detail left, main middle, filters right */
.sf-cardex-shell{
  grid-template-columns:320px minmax(0,1fr) 290px !important;
  min-height:780px !important;
}
.sf-cardex-detail{
  order:1 !important;
  border-right:1px solid #edf0f5 !important;
  border-left:none !important;
  padding:18px !important;
}
.sf-cardex-main{
  order:2 !important;
  padding:20px 18px !important;
  min-width:0 !important;
}
.sf-cardex-side{
  order:3 !important;
  border-left:1px solid #edf0f5 !important;
  border-right:none !important;
  padding:20px 16px !important;
}
.sf-side-brand{
  font-size:1.65rem !important;
}
.sf-cardex-topline{
  margin-bottom:2px !important;
}
.sf-cardex-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  grid-auto-rows:minmax(182px,auto) !important;
  max-height:calc((182px * 4) + (14px * 3)) !important;
  overflow:auto !important;
  padding-right:4px !important;
}
.sf-cardex-grid::-webkit-scrollbar{width:6px;}
.sf-cardex-grid::-webkit-scrollbar-thumb{background:#d8deea;border-radius:999px;}
.sf-product-card{
  min-height:182px !important;
  padding:12px !important;
  border-radius:18px !important;
}
.sf-product-image{
  height:70px !important;
  border-radius:14px !important;
}
.sf-product-name{
  font-size:.88rem !important;
  line-height:1.2 !important;
}
.sf-product-code{
  font:700 .98rem/1 'Outfit',sans-serif !important;
  color:#0b67d0 !important;
  letter-spacing:.01em !important;
}
.sf-product-meta{
  font:600 .72rem/1.4 'Outfit',sans-serif !important;
}
.sf-product-top{margin-bottom:0 !important;}
/* right filters no visible scrollbars */
.sf-side-brands{
  display:flex !important;
  flex-wrap:wrap !important;
  align-content:flex-start !important;
  gap:8px !important;
  max-height:none !important;
  overflow:visible !important;
  padding-right:0 !important;
}
.sf-brand-item{
  text-align:center !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid #dbe3ef !important;
  flex:0 0 auto !important;
  font-size:.74rem !important;
}
.sf-brand-item.on{background:#111827 !important;color:#fff !important;}
/* remove extra old blocks after cardex */
.objv-card,
#vh .objv-card,
#vh section.objv-card,
#vh section:has(> h3),
#vh .promo2026-board{display:none !important;}
/* keep only main cards + cardex on home */
@supports not selector(:has(*)) {
  /* fallback handled by JS */
}
@media (max-width: 1480px){
  .sf-cardex-shell{grid-template-columns:290px minmax(0,1fr) 260px !important;}
}


/* v5 targeted fixes */
body.sf-sb-open #vh{
  padding-top:var(--nav-h) !important;
}
.sf-home-shell, .home-shell{
  padding-top:4px !important;
}
#vh > .sf-hero{
  margin-top:0 !important;
}
body.sf-sb-open .nav{
  width:100vw !important;
  left:0 !important; right:0 !important;
}
body.sf-sb-open .nav-search-wrap{
  flex:1 1 720px !important;
  max-width:920px !important;
}
body.sf-sb-open .nav-search-input{
  width:100% !important;
  max-width:none !important;
  border-top-right-radius:999px !important;
  border-bottom-right-radius:999px !important;
}
.nav-dropdown{
  position:fixed !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  margin:0 !important;
}
.nav-dropdown.open{
  display:block !important;
}
#sf-global-cardex{
  margin-top:16px !important;
}
.sf-side-brands{
  gap:8px !important;
  max-height:none !important;
  overflow:visible !important;
}


/* v8.2 sidebar + topbar hardening */
body.sf-sb-open .nav{left:var(--sf-sb-w) !important; right:0 !important; width:calc(100vw - var(--sf-sb-w)) !important; padding-left:18px !important; box-sizing:border-box !important; overflow:visible !important;}
body.sf-sb-open.sf-sb-collapsed .nav{left:var(--sf-sb-collapsed-w) !important; width:calc(100vw - var(--sf-sb-collapsed-w)) !important; padding-left:16px !important;}
body.sf-sb-open #nav-home-extras{width:100% !important; max-width:none !important; min-width:0 !important; justify-content:flex-start !important; gap:10px !important;}
body.sf-sb-open .nav-left{justify-content:flex-start !important; min-width:0 !important;}
body.sf-sb-open .nav-search-wrap{flex:1 1 auto !important; max-width:none !important; min-width:220px !important;}
body.sf-sb-open .nav-search-input{width:100% !important; max-width:none !important;}
#sf-sidebar .sf-sb-icon{width:20px !important; min-width:20px !important; height:20px !important; font-size:0 !important; line-height:0 !important;}
#sf-sidebar .sf-sb-icon .sf-sb-svg{width:18px !important; height:18px !important; display:block !important;}
#sf-sidebar .sf-sb-user-dd-item .sf-sb-dd-icon{width:16px !important; min-width:16px !important; height:16px !important; font-size:0 !important; line-height:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;}
#sf-sidebar .sf-sb-user-dd-item .sf-sb-svg{width:15px !important; height:15px !important; display:block !important;}
#sf-sidebar.collapsed .sf-sb-nav{padding:10px 0 8px !important; align-items:stretch !important;}
#sf-sidebar.collapsed .sf-sb-item{width:100% !important; padding:10px 0 !important; border-radius:0 !important; justify-content:center !important;}
#sf-sidebar.collapsed .sf-sb-icon{width:20px !important; min-width:20px !important; height:20px !important; margin:0 auto !important; display:flex !important; align-items:center !important; justify-content:center !important;}
#sf-sidebar.collapsed .sf-sb-label,#sf-sidebar.collapsed .sf-sb-section,#sf-sidebar.collapsed .sf-sb-logo-texts{display:none !important;}
#sf-sidebar.collapsed .sf-sb-support{padding:10px 0 !important; font-size:0 !important; gap:0 !important;}
#sf-sidebar.collapsed .sf-sb-support .sf-sb-support-icon{display:flex !important; align-items:center !important; justify-content:center !important;}
#sf-sidebar.collapsed .sf-sb-support .sf-sb-svg{width:16px !important; height:16px !important; display:block !important;}
@media (max-width:768px){body.sf-sb-open .nav{left:0 !important; width:100vw !important; padding-left:12px !important;}}


/* CALENDAR WIDTH FIX */
.calendar-wrapper{display:flex !important; width:100%; gap:16px;}
.calendar-main{flex:1; min-width:0;}

.nav-datetime-pill{
  gap:8px !important;
  padding:6px 10px !important;
  min-width:0;
  justify-content:center;
}
.nav-datetime-value{
  display:inline-flex;
  align-items:center;
  line-height:1;
}
.nav-datetime-value strong{
  font-size:.72rem;
  font-weight:900;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
}
.nav-datetime-value small{
  display:none;
}
.nav-pill-muted{
  background:#f1f5f9 !important;
  border-color:#d8e0ea !important;
  color:#475569 !important;
}
.nav-pill-muted:hover{
  background:#e2e8f0 !important;
  border-color:#cbd5e1 !important;
  color:#334155 !important;
}
.sf-home-focus .sf-main-grid-single{
  grid-template-columns:minmax(0, 1fr);
}
.sf-home-calendar-embed{
  width:100%;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  border:1px solid rgba(226,232,240,.9);
}
.sf-home-calendar-frame{
  display:block;
  width:100%;
  min-height:930px;
  border:0;
  background:#fff;
}
.sf-home-focus .sf-main-grid-ops{
  display:none !important;
}
.psub-cardex .scard-icon{
  color:#0b67d0;
}
#vcardex{
  padding-bottom:32px;
}
#vcardex #sf-global-cardex{
  margin:0 16px 34px;
}
@media (max-width: 1080px){
}
@media (max-width: 720px){
  .nav-datetime-pill{
    min-width:auto;
    padding-left:8px !important;
  }
  .sf-home-calendar-frame{
    min-height:760px;
  }
}

/* v9 framed app shell */
body.sf-sb-open{
  --sf-app-gap:44px;
  --sf-app-gap-right:56px;
  --sf-app-gap-bottom:38px;
  background:transparent !important;
  padding-top:calc(var(--nav-h) + var(--sf-app-gap)) !important;
  min-height:100vh;
  overflow:hidden !important;
  position:relative;
  isolation:isolate;
}
body.sf-sb-open::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(42rem 28rem at 8% 4%, rgba(150,228,255,.9), rgba(150,228,255,.18) 28%, transparent 62%),
    radial-gradient(48rem 34rem at 82% 18%, rgba(132,100,255,.42), rgba(132,100,255,.16) 34%, transparent 68%),
    radial-gradient(36rem 30rem at 88% 88%, rgba(246,168,196,.42), rgba(246,168,196,.14) 28%, transparent 66%),
    linear-gradient(135deg, #87bfff 0%, #6673f0 38%, #8a54ff 70%, #d98dc0 100%);
  z-index:-2;
  pointer-events:none;
}
body.sf-sb-open::after{
  content:"";
  position:fixed;
  inset:var(--sf-app-gap) var(--sf-app-gap-right) var(--sf-app-gap-bottom) var(--sf-app-gap);
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.94) 100%);
  border-radius:32px;
  box-shadow:0 38px 110px rgba(15,23,42,.28), 0 14px 34px rgba(99,102,241,.16), inset 0 1px 0 rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.34);
  z-index:-1;
  pointer-events:none;
}
body.sf-sb-open #sf-sidebar{
  top:var(--sf-app-gap) !important;
  left:var(--sf-app-gap) !important;
  bottom:var(--sf-app-gap-bottom) !important;
  border-radius:32px 0 0 32px !important;
  background:rgba(255,255,255,.92) !important;
  border-right:1px solid rgba(226,232,240,.92) !important;
  box-shadow:18px 0 34px rgba(15,23,42,.05) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.sf-sb-open .nav{
  top:var(--sf-app-gap) !important;
  left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
  right:var(--sf-app-gap-right) !important;
  width:auto !important;
  padding-left:26px !important;
  padding-right:18px !important;
  box-sizing:border-box !important;
  border-radius:28px 28px 0 0 !important;
  background:rgba(255,255,255,.9) !important;
  border-bottom-color:rgba(226,232,240,.92) !important;
  box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.sf-sb-open.sf-sb-collapsed .nav{
  left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
}
body.sf-sb-open #ctrl{
  margin-left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
  margin-right:var(--sf-app-gap-right) !important;
  top:calc(var(--sf-app-gap) + var(--nav-h)) !important;
  border-radius:0 0 28px 28px !important;
  background:rgba(255,255,255,.9) !important;
  border-bottom-color:rgba(226,232,240,.92) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.sf-sb-open.sf-sb-collapsed #ctrl{
  margin-left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
}
body.sf-sb-open > div:not(#sf-sidebar):not(#sf-sb-overlay):not(#login-screen):not(#mbk):not(#hbk):not(#svbk):not(.nav):not(#auth-loading):not(.toast):not(.nav-dropdown):not(.nav-dropdown-overlay):not(.prof-dd):not(.prof-modal-bk):not(#sect-choice-bk):not(#presence-setup-bk):not(.smbk):not(.pag-edit-bk):not(.prod-detail-bk):not(.sf-coming-overlay){
  margin-left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
  margin-right:var(--sf-app-gap-right) !important;
}
body.sf-sb-open.sf-sb-collapsed > div:not(#sf-sidebar):not(#sf-sb-overlay):not(#login-screen):not(#mbk):not(#hbk):not(#svbk):not(.nav):not(#auth-loading):not(.toast):not(.nav-dropdown):not(.nav-dropdown-overlay):not(.prof-dd):not(.prof-modal-bk):not(#sect-choice-bk):not(#presence-setup-bk):not(.smbk):not(.pag-edit-bk):not(.prod-detail-bk):not(.sf-coming-overlay){
  margin-left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
}
body.sf-sb-open #vh,
body.sf-sb-open #vranking,
body.sf-sb-open #vlojas,
body.sf-sb-open #vgallery,
body.sf-sb-open #vnegocios,
body.sf-sb-open #vvendas,
body.sf-sb-open #vinfo,
body.sf-sb-open #vcal,
body.sf-sb-open #vprodutos,
body.sf-sb-open #vpromo2026,
body.sf-sb-open #vo,
body.sf-sb-open #vregras,
body.sf-sb-open #vs,
body.sf-sb-open #vhist,
body.sf-sb-open #vobj{
  position:relative;
  z-index:1;
  width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
  max-width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
  height:calc(100vh - var(--nav-h) - var(--sf-app-gap) - var(--sf-app-gap-bottom)) !important;
  max-height:calc(100vh - var(--nav-h) - var(--sf-app-gap) - var(--sf-app-gap-bottom)) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  border-radius:0 0 32px 32px !important;
  box-sizing:border-box !important;
  scrollbar-gutter:stable;
}
body.sf-sb-open #nav-home-extras{
  padding-left:14px !important;
}
body.sf-sb-open #vh .sf-home-calendar-embed{
  border-radius:30px;
  box-shadow:0 24px 54px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.78);
}
body.sf-sb-open #vh .sf-home-calendar-frame{
  background:#fff;
}
body.sf-sb-open .page-top-btn{
  right:calc(var(--sf-app-gap) + 18px) !important;
  bottom:calc(var(--sf-app-gap-bottom) + 14px) !important;
}
body.sf-sb-open .support-fab{
  right:calc(var(--sf-app-gap) + 18px) !important;
  bottom:calc(var(--sf-app-gap-bottom) + 76px) !important;
}
@media (max-width:768px){
  body.sf-sb-open{
    --sf-app-gap:14px;
    --sf-app-gap-right:14px;
    --sf-app-gap-bottom:14px;
  }
  body.sf-sb-open::after{
    border-radius:22px;
  }
  body.sf-sb-open #sf-sidebar{
    left:var(--sf-app-gap) !important;
    top:var(--sf-app-gap) !important;
    bottom:var(--sf-app-gap-bottom) !important;
    border-radius:22px !important;
  }
  body.sf-sb-open .nav{
    left:var(--sf-app-gap) !important;
    right:var(--sf-app-gap) !important;
    width:auto !important;
    border-radius:18px 18px 0 0 !important;
  }
  body.sf-sb-open #ctrl,
  body.sf-sb-open > div:not(#sf-sidebar):not(#sf-sb-overlay):not(#login-screen):not(.nav):not(#auth-loading):not(.toast):not(.nav-dropdown):not(.nav-dropdown-overlay):not(.prof-dd):not(.prof-modal-bk):not(#sect-choice-bk):not(#presence-setup-bk):not(.smbk):not(.pag-edit-bk):not(.prod-detail-bk):not(.sf-coming-overlay){
    margin-left:var(--sf-app-gap) !important;
    margin-right:var(--sf-app-gap) !important;
  }
  body.sf-sb-open #vh,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vnegocios,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vinfo,
  body.sf-sb-open #vcal,
  body.sf-sb-open #vprodutos,
  body.sf-sb-open #vpromo2026,
  body.sf-sb-open #vo,
  body.sf-sb-open #vregras,
  body.sf-sb-open #vs,
  body.sf-sb-open #vhist,
  body.sf-sb-open #vobj{
    max-width:calc(100vw - (var(--sf-app-gap) * 2)) !important;
  }
}

/* v9.4 final topbar and frame corrections */
body.sf-sb-open{
  --sf-app-gap-right:96px !important;
}
body.sf-sb-open::after{
  inset:var(--sf-app-gap) var(--sf-app-gap-right) var(--sf-app-gap-bottom) var(--sf-app-gap) !important;
  border-radius:32px !important;
}
body.sf-sb-open .nav{
  left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
  right:var(--sf-app-gap-right) !important;
  width:auto !important;
  padding-left:56px !important;
  padding-right:24px !important;
  gap:10px !important;
}
body.sf-sb-open.sf-sb-collapsed .nav{
  left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
}
body.sf-sb-open #ctrl{
  margin-right:var(--sf-app-gap-right) !important;
}
body.sf-sb-open > div:not(#sf-sidebar):not(#sf-sb-overlay):not(#login-screen):not(.nav):not(#auth-loading):not(.toast):not(.nav-dropdown):not(.nav-dropdown-overlay):not(.prof-dd):not(.prof-modal-bk):not(#sect-choice-bk):not(#presence-setup-bk):not(.smbk):not(.pag-edit-bk):not(.prod-detail-bk):not(.sf-coming-overlay){
  margin-right:var(--sf-app-gap-right) !important;
}
body.sf-sb-open #vh,
body.sf-sb-open #vranking,
body.sf-sb-open #vlojas,
body.sf-sb-open #vgallery,
body.sf-sb-open #vnegocios,
body.sf-sb-open #vvendas,
body.sf-sb-open #vinfo,
body.sf-sb-open #vcal,
body.sf-sb-open #vprodutos,
body.sf-sb-open #vpromo2026,
body.sf-sb-open #vo,
body.sf-sb-open #vregras,
body.sf-sb-open #vs,
body.sf-sb-open #vhist,
body.sf-sb-open #vobj{
  width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
  max-width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
  border-radius:0 0 32px 32px !important;
}
body.sf-sb-open #nav-home-extras{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding-left:0 !important;
  padding-right:8px !important;
}
body.sf-sb-open #nav-date-pill{
  margin-left:34px !important;
  flex:0 0 auto !important;
}
body.sf-sb-open #nav-time-pill,
body.sf-sb-open #nav-chat-btn,
body.sf-sb-open #nav-quick-btn,
body.sf-sb-open #nav-nov-btn,
body.sf-sb-open #nav-mar-btn,
body.sf-sb-open #nav-rec-btn{
  flex:0 0 auto !important;
}
body.sf-sb-open .nav-search-wrap{
  flex:0 0 260px !important;
  width:260px !important;
  max-width:260px !important;
  min-width:260px !important;
  margin-left:auto !important;
}
body.sf-sb-open .nav-search-input{
  width:100% !important;
}
@media (max-width:768px){
  body.sf-sb-open{
    --sf-app-gap-right:14px !important;
  }
  body.sf-sb-open .nav{
    left:var(--sf-app-gap) !important;
    padding-left:16px !important;
    padding-right:12px !important;
  }
  body.sf-sb-open #nav-date-pill{
    margin-left:0 !important;
  }
  body.sf-sb-open .nav-search-wrap{
    flex:1 1 100% !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
  }
}

/* v9.5 overlays and utility polish */
body.sf-sb-open #smbk,
body.sf-sb-open .smbk{
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  background:rgba(15,23,42,.34) !important;
  backdrop-filter:blur(10px) saturate(110%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(110%) !important;
  z-index:10000 !important;
}
body.sf-sb-open .smodal{
  border-radius:22px !important;
  border:1px solid rgba(226,232,240,.95) !important;
  box-shadow:0 28px 60px rgba(15,23,42,.24) !important;
}
body.sf-sb-open .nav-dropdown{
  box-shadow:0 18px 38px rgba(15,23,42,.16) !important;
}

/* v9.6 startup screens inside main frame */
body.sf-sb-open #login-screen,
body.sf-sb-open #vlanding,
body.sf-sb-open #consent-screen,
body.sf-sb-open #auth-loading{
  position:fixed !important;
  top:var(--sf-app-gap) !important;
  left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
  right:var(--sf-app-gap-right) !important;
  bottom:var(--sf-app-gap-bottom) !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  border-radius:32px !important;
  overflow:hidden !important;
}
body.sf-sb-open.sf-sb-collapsed #login-screen,
body.sf-sb-open.sf-sb-collapsed #vlanding,
body.sf-sb-open.sf-sb-collapsed #consent-screen,
body.sf-sb-open.sf-sb-collapsed #auth-loading{
  left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
}
body.sf-sb-open #consent-screen{
  background:rgba(248,250,252,.92) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
body.sf-sb-open #vlanding,
body.sf-sb-open #login-screen{
  box-shadow:0 24px 58px rgba(15,23,42,.14) !important;
}
body.sf-sb-open #vlanding .login-image-panel,
body.sf-sb-open #vlanding .landing-right,
body.sf-sb-open #login-screen .login-image-panel,
body.sf-sb-open #login-screen .login-form-panel{
  height:100% !important;
}
@media (max-width:768px){
  body.sf-sb-open #login-screen,
  body.sf-sb-open #vlanding,
  body.sf-sb-open #consent-screen,
  body.sf-sb-open #auth-loading{
    left:var(--sf-app-gap) !important;
    right:var(--sf-app-gap) !important;
    border-radius:22px !important;
  }
}

/* v9.7 startup cleanup */
body.sf-sb-open #nav-date-pill{
  margin-left:48px !important;
}
body.sf-sb-open .nav-search-wrap{
  flex:0 0 340px !important;
  width:340px !important;
  max-width:340px !important;
  min-width:340px !important;
}
body.sf-sb-open #vlanding{
  display:none !important;
}
body.sf-sb-open.sf-startup-active::after{
  opacity:0 !important;
  box-shadow:none !important;
  border-color:transparent !important;
}
body.sf-sb-open.sf-login-active #login-screen,
body.sf-sb-open.sf-consent-active #consent-screen,
body.sf-sb-open.sf-loading-active #auth-loading{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  max-width:none !important;
  max-height:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
}
body.sf-sb-open.sf-login-active #login-screen{
  padding:36px !important;
  background:rgba(255,255,255,.05) !important;
  backdrop-filter:blur(12px) saturate(105%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(105%) !important;
}
body.sf-sb-open.sf-login-active #login-screen::before{
  content:'' !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(103,232,249,.18), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(129,140,248,.16), transparent 30%),
    radial-gradient(circle at 76% 86%, rgba(244,114,182,.14), transparent 26%) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel,
body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
  height:min(760px, calc(100vh - 72px)) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
  box-shadow:0 28px 60px rgba(15,23,42,.16) !important;
}
body.sf-sb-open.sf-consent-active #consent-screen,
body.sf-sb-open.sf-loading-active #auth-loading{
  padding:24px !important;
  background:rgba(15,23,42,.16) !important;
  backdrop-filter:blur(14px) saturate(104%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(104%) !important;
}
body.sf-sb-open.sf-consent-active .consent-box{
  max-width:420px !important;
  box-shadow:0 30px 70px rgba(15,23,42,.18) !important;
}
@media (max-width:768px){
  body.sf-sb-open #nav-date-pill{
    margin-left:0 !important;
  }
  body.sf-sb-open .nav-search-wrap{
    flex:1 1 100% !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
  }
  body.sf-sb-open.sf-login-active #login-screen{
    padding:18px !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-image-panel,
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    height:auto !important;
  }
}

/* v10 startup and modal realignment */
body.sf-sb-open #nav-date-pill{
  margin-left:56px !important;
}
body.sf-sb-open .nav-search-wrap{
  flex:0 0 380px !important;
  width:380px !important;
  max-width:380px !important;
  min-width:380px !important;
}
body.sf-sb-open .nav-dropdown{
  width:min(92vw,360px) !important;
  max-width:360px !important;
  transform:none !important;
  margin:0 !important;
}
body.sf-sb-open #smbk,
body.sf-sb-open .smbk{
  background:rgba(15,23,42,.38) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
body.sf-sb-open .smodal{
  border-radius:24px !important;
  box-shadow:0 28px 72px rgba(15,23,42,.24) !important;
}
body.sf-sb-open.sf-login-active #login-screen,
body.sf-sb-open.sf-consent-active #consent-screen,
body.sf-sb-open.sf-loading-active #auth-loading{
  top:var(--sf-app-gap) !important;
  right:var(--sf-app-gap-right) !important;
  bottom:var(--sf-app-gap-bottom) !important;
  border-radius:32px !important;
  overflow:hidden !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
}
body.sf-sb-open.sf-login-active #login-screen{
  left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:42px 56px !important;
  background:linear-gradient(180deg,#fbfbfd 0%, #f4f5fb 100%) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
body.sf-sb-open.sf-sb-collapsed.sf-login-active #login-screen{
  left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
}
body.sf-sb-open.sf-login-active #login-screen::before{
  display:none !important;
  content:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
  display:flex !important;
  position:relative !important;
  width:min(290px, 30vw) !important;
  min-width:290px !important;
  max-width:290px !important;
  height:min(560px, calc(100vh - 180px)) !important;
  flex:0 0 290px !important;
  border-radius:28px 0 0 28px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#8edcff 0%, #6f76f1 42%, #944ef6 73%, #eb92c1 100%) !important;
  box-shadow:0 24px 58px rgba(88,87,196,.14) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-video-wrap,
body.sf-sb-open.sf-login-active #login-screen .login-video{
  display:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay{
  padding:24px 20px !important;
  justify-content:space-between !important;
  background:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay::before,
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay::after{
  display:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-logos{
  gap:10px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-logos svg{
  filter:none !important;
  opacity:.9 !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay > div:last-child{
  margin-top:0 !important;
  font-size:.62rem !important;
  color:rgba(255,255,255,.78) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy{
  display:block !important;
  max-width:210px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .star{
  margin-bottom:10px !important;
  font-size:1.9rem !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .small{
  margin-bottom:8px !important;
  font-size:.72rem !important;
  color:rgba(255,255,255,.8) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .big{
  font-size:1.18rem !important;
  line-height:1.08 !important;
  color:#fff !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
  width:min(430px, 100%) !important;
  max-width:430px !important;
  min-width:430px !important;
  height:min(560px, calc(100vh - 180px)) !important;
  max-height:min(560px, calc(100vh - 180px)) !important;
  flex:0 0 430px !important;
  margin:0 !important;
  padding:40px 46px !important;
  background:#fff !important;
  border-radius:0 28px 28px 0 !important;
  box-shadow:0 24px 58px rgba(15,23,42,.14) !important;
  overflow-y:hidden !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-box{
  width:100% !important;
  max-width:100% !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-box-logo{
  display:none !important;
}
body.sf-sb-open.sf-consent-active #consent-screen,
body.sf-sb-open.sf-loading-active #auth-loading{
  left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
  padding:24px !important;
  background:rgba(245,248,252,.98) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 24px 58px rgba(15,23,42,.14) !important;
}
body.sf-sb-open.sf-sb-collapsed.sf-consent-active #consent-screen,
body.sf-sb-open.sf-sb-collapsed.sf-loading-active #auth-loading{
  left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
}
body.sf-sb-open.sf-consent-active .consent-box{
  box-shadow:0 30px 70px rgba(15,23,42,.16) !important;
}
@media (max-width:768px){
  body.sf-sb-open #nav-date-pill{
    margin-left:0 !important;
  }
  body.sf-sb-open .nav-search-wrap{
    flex:1 1 100% !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
  }
  body.sf-sb-open.sf-login-active #login-screen,
  body.sf-sb-open.sf-consent-active #consent-screen,
  body.sf-sb-open.sf-loading-active #auth-loading{
    left:var(--sf-app-gap) !important;
    right:var(--sf-app-gap) !important;
    border-radius:22px !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    width:min(100%, 430px) !important;
    max-width:430px !important;
    min-width:0 !important;
    height:auto !important;
    max-height:calc(100vh - 120px) !important;
    padding:30px 24px !important;
    border-radius:24px !important;
    flex:0 1 430px !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
    display:none !important;
  }
}

/* v13 standalone login + closed right edge */
body.sf-sb-open.sf-login-active{
  padding-top:0 !important;
  background:#e7ecff !important;
  overflow:hidden !important;
}
body.sf-sb-open.sf-login-active::before,
body.sf-sb-open.sf-login-active::after{
  display:none !important;
  content:none !important;
}
body.sf-sb-open.sf-login-active > *:not(#login-screen){
  display:none !important;
}
body.sf-sb-open.sf-login-active #login-screen{
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  max-width:none !important;
  max-height:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:52px 34px !important;
  background:#e7ecff !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:auto !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
  display:flex !important;
  width:360px !important;
  min-width:360px !important;
  max-width:360px !important;
  height:min(660px, calc(100vh - 120px)) !important;
  flex:0 0 360px !important;
  border-radius:24px 0 0 24px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#8fdcff 0%, #6d72f0 42%, #8a54ff 73%, #e89ac8 100%) !important;
  box-shadow:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay{
  padding:18px 18px 20px !important;
  background:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy{
  display:block !important;
  max-width:240px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .star{
  font-size:1.85rem !important;
  margin-bottom:10px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .small{
  font-size:.82rem !important;
  margin-bottom:10px !important;
  color:rgba(255,255,255,.84) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .big{
  font-size:1.62rem !important;
  line-height:1.14 !important;
  color:#ffffff !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
  width:540px !important;
  min-width:540px !important;
  max-width:540px !important;
  height:min(660px, calc(100vh - 120px)) !important;
  max-height:min(660px, calc(100vh - 120px)) !important;
  flex:0 0 540px !important;
  margin:0 !important;
  padding:34px 42px 28px !important;
  background:#ffffff !important;
  border:1px solid #eef2f7 !important;
  border-left:none !important;
  border-radius:0 24px 24px 0 !important;
  box-shadow:0 18px 42px rgba(15,23,42,.08) !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  overflow-y:auto !important;
  scrollbar-width:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-box{
  max-width:392px !important;
  width:100% !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-title{
  font-size:1.48rem !important;
  line-height:1.08 !important;
  margin-bottom:8px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-sub{
  font-size:.84rem !important;
  line-height:1.5 !important;
  color:#64748b !important;
  max-width:31ch !important;
  margin-bottom:18px !important;
}
body.sf-sb-open.sf-login-active #login-screen .auth-tabs{
  margin-top:8px !important;
  margin-bottom:18px !important;
}
body.sf-sb-open.sf-login-active #login-screen .auth-form.active{
  display:flex !important;
  flex-direction:column !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-field{
  margin-bottom:14px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-field label{
  font-size:.74rem !important;
  margin-bottom:6px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-field input{
  min-height:52px !important;
  padding:12px 15px !important;
  font-size:.92rem !important;
  border-radius:14px !important;
  background:#eef4ff !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-remember{
  margin:2px 0 14px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-remember span{
  font-size:.79rem !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-btn{
  min-height:54px !important;
  border-radius:13px !important;
  font-size:.96rem !important;
  background:linear-gradient(135deg,#6f61ff 0%, #5d71ff 100%) !important;
}
body.sf-sb-open.sf-login-active #login-screen .auth-form > button[style]{
  margin-top:6px !important;
  align-self:flex-start !important;
  font-size:.78rem !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-err{
  min-height:18px !important;
  margin-top:8px !important;
  font-size:.74rem !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-footer{
  margin-top:auto !important;
  padding-top:14px !important;
  font-size:.7rem !important;
  color:#94a3b8 !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-contact{
  margin-top:12px !important;
  min-height:46px !important;
  padding:11px 16px !important;
  border-radius:14px !important;
  font-size:.8rem !important;
}
body.sf-sb-open.sf-login-active #login-screen #form-register > div[style],
body.sf-sb-open.sf-login-active #login-screen #form-pin > div[style]{
  margin-top:2px !important;
  font-size:.7rem !important;
  line-height:1.42 !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-box-logo{
  display:none !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-video-wrap,
body.sf-sb-open.sf-login-active #login-screen .login-video{
  display:none !important;
}
body.sf-sb-open #vlojas,
body.sf-sb-open #vranking,
body.sf-sb-open #vgallery,
body.sf-sb-open #vnegocios,
body.sf-sb-open #vvendas,
body.sf-sb-open #vinfo,
body.sf-sb-open #vcal,
body.sf-sb-open #vprodutos,
body.sf-sb-open #vpromo2026,
body.sf-sb-open #vo,
body.sf-sb-open #vregras,
body.sf-sb-open #vs,
body.sf-sb-open #vhist,
body.sf-sb-open #vobj{
  background:#ffffff !important;
  scrollbar-color:#c8bdf5 #ffffff !important;
}
body.sf-sb-open #vlojas::-webkit-scrollbar-track,
body.sf-sb-open #vranking::-webkit-scrollbar-track,
body.sf-sb-open #vgallery::-webkit-scrollbar-track,
body.sf-sb-open #vnegocios::-webkit-scrollbar-track,
body.sf-sb-open #vvendas::-webkit-scrollbar-track,
body.sf-sb-open #vinfo::-webkit-scrollbar-track,
body.sf-sb-open #vcal::-webkit-scrollbar-track,
body.sf-sb-open #vprodutos::-webkit-scrollbar-track,
body.sf-sb-open #vpromo2026::-webkit-scrollbar-track,
body.sf-sb-open #vo::-webkit-scrollbar-track,
body.sf-sb-open #vregras::-webkit-scrollbar-track,
body.sf-sb-open #vs::-webkit-scrollbar-track,
body.sf-sb-open #vhist::-webkit-scrollbar-track,
body.sf-sb-open #vobj::-webkit-scrollbar-track{
  background:#ffffff !important;
}
@media (min-width:769px) and (max-width:1280px){
  body.sf-sb-open{
    --sf-app-gap:18px !important;
    --sf-app-gap-right:18px !important;
    --sf-app-gap-bottom:18px !important;
    overflow:hidden !important;
  }
  body.sf-sb-open::after{
    inset:var(--sf-app-gap) var(--sf-app-gap-right) var(--sf-app-gap-bottom) var(--sf-app-gap) !important;
    border-radius:24px !important;
  }
  body.sf-sb-open #sf-sidebar{
    top:var(--sf-app-gap) !important;
    left:var(--sf-app-gap) !important;
    bottom:var(--sf-app-gap-bottom) !important;
    border-radius:24px 0 0 24px !important;
  }
  body.sf-sb-open .nav{
    top:var(--sf-app-gap) !important;
    left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
    right:var(--sf-app-gap-right) !important;
    width:auto !important;
    border-radius:24px 24px 0 0 !important;
    padding-left:20px !important;
    padding-right:16px !important;
  }
  body.sf-sb-open.sf-sb-collapsed .nav{
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
  }
  body.sf-sb-open #ctrl,
  body.sf-sb-open > div:not(#sf-sidebar):not(#sf-sb-overlay):not(#login-screen):not(#mbk):not(#hbk):not(#svbk):not(.nav):not(#auth-loading):not(.toast):not(.nav-dropdown):not(.nav-dropdown-overlay):not(.prof-dd):not(.prof-modal-bk):not(#sect-choice-bk):not(#presence-setup-bk):not(.smbk):not(.pag-edit-bk):not(.prod-detail-bk):not(.sf-coming-overlay){
    margin-right:var(--sf-app-gap-right) !important;
  }
  body.sf-sb-open #vh,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vnegocios,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vinfo,
  body.sf-sb-open #vcal,
  body.sf-sb-open #vprodutos,
  body.sf-sb-open #vpromo2026,
  body.sf-sb-open #vo,
  body.sf-sb-open #vregras,
  body.sf-sb-open #vs,
  body.sf-sb-open #vhist,
  body.sf-sb-open #vobj{
    position:relative !important;
    isolation:isolate !important;
    width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
    max-width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) !important;
    height:calc(100vh - var(--nav-h) - var(--sf-app-gap) - var(--sf-app-gap-bottom)) !important;
    max-height:calc(100vh - var(--nav-h) - var(--sf-app-gap) - var(--sf-app-gap-bottom)) !important;
    border-radius:0 0 24px 24px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    clip-path:inset(0 round 0 0 24px 24px);
    contain:paint;
    transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-mask-image:-webkit-radial-gradient(white, black);
    mask-image:radial-gradient(circle at center, #fff 99%, #fff 100%);
  }
  body.sf-sb-open #vh::after,
  body.sf-sb-open #vranking::after,
  body.sf-sb-open #vlojas::after,
  body.sf-sb-open #vgallery::after,
  body.sf-sb-open #vnegocios::after,
  body.sf-sb-open #vvendas::after,
  body.sf-sb-open #vinfo::after,
  body.sf-sb-open #vcal::after,
  body.sf-sb-open #vprodutos::after,
  body.sf-sb-open #vpromo2026::after,
  body.sf-sb-open #vo::after,
  body.sf-sb-open #vregras::after,
  body.sf-sb-open #vs::after,
  body.sf-sb-open #vhist::after,
  body.sf-sb-open #vobj::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:22px;
    border-radius:0 0 24px 24px;
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #ffffff 58%, #ffffff 100%);
    pointer-events:none;
    z-index:3;
  }
  body.sf-sb-open.sf-sb-collapsed #vh,
  body.sf-sb-open.sf-sb-collapsed #vranking,
  body.sf-sb-open.sf-sb-collapsed #vlojas,
  body.sf-sb-open.sf-sb-collapsed #vgallery,
  body.sf-sb-open.sf-sb-collapsed #vnegocios,
  body.sf-sb-open.sf-sb-collapsed #vvendas,
  body.sf-sb-open.sf-sb-collapsed #vinfo,
  body.sf-sb-open.sf-sb-collapsed #vcal,
  body.sf-sb-open.sf-sb-collapsed #vprodutos,
  body.sf-sb-open.sf-sb-collapsed #vpromo2026,
  body.sf-sb-open.sf-sb-collapsed #vo,
  body.sf-sb-open.sf-sb-collapsed #vregras,
  body.sf-sb-open.sf-sb-collapsed #vs,
  body.sf-sb-open.sf-sb-collapsed #vhist,
  body.sf-sb-open.sf-sb-collapsed #vobj{
    width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-collapsed-w)) !important;
    max-width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-collapsed-w)) !important;
  }
}
@media (max-width:768px){
  body.sf-sb-open.sf-login-active #login-screen{
    padding:20px 16px !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
    display:none !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    width:min(100%, 400px) !important;
    min-width:0 !important;
    max-width:400px !important;
    height:auto !important;
    max-height:none !important;
    flex:0 1 400px !important;
    border:1px solid #eef2f7 !important;
    border-radius:24px !important;
    padding:30px 24px 24px !important;
  }
}

/* v16 global modal parity */
body.sf-sb-open.sf-global-modal-open #sf-sidebar,
body.sf-sb-open.sf-global-modal-open .nav,
body.sf-sb-open.sf-global-modal-open #sf-sb-overlay{
  filter:blur(8px) !important;
  pointer-events:none !important;
}
body.sf-sb-open.sf-global-modal-open #consent-screen,
body.sf-sb-open.sf-global-modal-open #pin-bk,
body.sf-sb-open.sf-global-modal-open #forgot-bk,
body.sf-sb-open.sf-global-modal-open #prof-modal-bk,
body.sf-sb-open.sf-global-modal-open #sect-choice-bk,
body.sf-sb-open.sf-global-modal-open #presence-setup-bk,
body.sf-sb-open.sf-global-modal-open #smbk{
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border-radius:0 !important;
}
body.sf-sb-open.sf-consent-active #consent-screen,
body.sf-sb-open.sf-pin-open #pin-bk,
body.sf-sb-open.sf-forgot-open #forgot-bk,
body.sf-sb-open.sf-profile-open #prof-modal-bk,
body.sf-sb-open.sf-sect-choice-open #sect-choice-bk,
body.sf-sb-open.sf-presence-setup-open #presence-setup-bk,
body.sf-sb-open.sf-support-open #smbk{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  background:rgba(15,23,42,.38) !important;
  backdrop-filter:blur(10px) saturate(110%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(110%) !important;
  overflow:auto !important;
  box-shadow:none !important;
  z-index:11000 !important;
}
body.sf-sb-open.sf-consent-active .consent-box,
body.sf-sb-open.sf-pin-open #pin-bk .pag-edit-modal,
body.sf-sb-open.sf-forgot-open #forgot-bk .pag-edit-modal,
body.sf-sb-open.sf-profile-open .prof-modal,
body.sf-sb-open.sf-support-open .smodal{
  width:min(100%,420px) !important;
  max-width:420px !important;
  margin:0 auto !important;
  border-radius:24px !important;
  box-shadow:0 28px 72px rgba(15,23,42,.24) !important;
}
body.sf-sb-open.sf-sect-choice-open #sect-choice-bk .presence-modal{
  width:min(100%,720px) !important;
  max-width:720px !important;
  margin:0 auto !important;
  border-radius:24px !important;
  box-shadow:0 28px 72px rgba(15,23,42,.24) !important;
}
body.sf-sb-open.sf-presence-setup-open #presence-setup-bk .presence-modal{
  width:min(100%,540px) !important;
  max-width:540px !important;
  margin:0 auto !important;
  border-radius:24px !important;
  box-shadow:0 28px 72px rgba(15,23,42,.24) !important;
}
@media (max-width:768px){
  body.sf-sb-open.sf-consent-active #consent-screen,
  body.sf-sb-open.sf-pin-open #pin-bk,
  body.sf-sb-open.sf-forgot-open #forgot-bk,
  body.sf-sb-open.sf-profile-open #prof-modal-bk,
  body.sf-sb-open.sf-sect-choice-open #sect-choice-bk,
  body.sf-sb-open.sf-presence-setup-open #presence-setup-bk,
  body.sf-sb-open.sf-support-open #smbk{
    padding:16px !important;
  }
  body.sf-sb-open.sf-consent-active .consent-box,
  body.sf-sb-open.sf-pin-open #pin-bk .pag-edit-modal,
  body.sf-sb-open.sf-forgot-open #forgot-bk .pag-edit-modal,
  body.sf-sb-open.sf-profile-open .prof-modal,
  body.sf-sb-open.sf-support-open .smodal{
    width:100% !important;
    border-radius:20px !important;
  }
  body.sf-sb-open.sf-sect-choice-open #sect-choice-bk .presence-modal,
  body.sf-sb-open.sf-presence-setup-open #presence-setup-bk .presence-modal{
    width:100% !important;
    border-radius:20px !important;
  }
}

/* v17 full-screen modal backdrop parity */
body.sf-sb-open.sf-global-modal-open::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  border-radius:0 !important;
  background:rgba(15,23,42,.40) !important;
  backdrop-filter:blur(10px) saturate(110%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(110%) !important;
  box-shadow:none !important;
  border:none !important;
  opacity:1 !important;
  z-index:10990 !important;
  pointer-events:none !important;
}
body.sf-sb-open.sf-global-modal-open #consent-screen,
body.sf-sb-open.sf-global-modal-open #pin-bk,
body.sf-sb-open.sf-global-modal-open #forgot-bk,
body.sf-sb-open.sf-global-modal-open #prof-modal-bk,
body.sf-sb-open.sf-global-modal-open #sect-choice-bk,
body.sf-sb-open.sf-global-modal-open #presence-setup-bk,
body.sf-sb-open.sf-global-modal-open #smbk{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  z-index:11000 !important;
}
body.sf-sb-open.sf-global-modal-open #pin-bk .pag-edit-modal,
body.sf-sb-open.sf-global-modal-open #forgot-bk .pag-edit-modal,
body.sf-sb-open.sf-global-modal-open .prof-modal,
body.sf-sb-open.sf-global-modal-open #sect-choice-bk .presence-modal,
body.sf-sb-open.sf-global-modal-open #presence-setup-bk .presence-modal,
body.sf-sb-open.sf-global-modal-open .smodal{
  position:relative !important;
  z-index:11001 !important;
}
body.sf-sb-open.sf-global-modal-open .consent-box{
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  z-index:11001 !important;
}

/* Phase 1: compact section openings */
#vranking .section-hero,
#vvendas .section-hero,
#vlojas .section-hero,
#vo .section-hero,
#vobj .section-hero,
#vgallery .section-hero,
#vcal .section-hero{
  --sf-section-accent:#2563eb;
  display:grid !important;
  grid-template-columns:4px minmax(0,1fr) minmax(220px,42ch) !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  gap:3px 14px !important;
  min-height:62px !important;
  margin:0 16px 10px !important;
  padding:12px 16px !important;
  border:1px solid #dbe4ef !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}
#vranking .section-hero::before,
#vvendas .section-hero::before,
#vlojas .section-hero::before,
#vo .section-hero::before,
#vobj .section-hero::before,
#vgallery .section-hero::before,
#vcal .section-hero::before{
  content:"";
  grid-row:1 / 3;
  align-self:stretch;
  border-radius:999px;
  background:var(--sf-section-accent);
}
#vranking .section-hero{--sf-section-accent:#d97706;}
#vvendas .section-hero{--sf-section-accent:#2563eb;}
#vlojas .section-hero{--sf-section-accent:#0f766e;}
#vo .section-hero{--sf-section-accent:#4338ca;}
#vobj .section-hero{--sf-section-accent:#16a34a;}
#vgallery .section-hero{--sf-section-accent:#7c3aed;}
#vcal .section-hero{--sf-section-accent:#f97316;}
#vranking .section-hero .section-hero-kicker,
#vvendas .section-hero .section-hero-kicker,
#vlojas .section-hero .section-hero-kicker,
#vo .section-hero .section-hero-kicker,
#vobj .section-hero .section-hero-kicker,
#vgallery .section-hero .section-hero-kicker,
#vcal .section-hero .section-hero-kicker{
  grid-column:2;
  margin:0 !important;
  color:#64748b !important;
  font-size:.66rem !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  opacity:1 !important;
}
#vranking .section-hero h2,
#vvendas .section-hero h2,
#vlojas .section-hero h2,
#vo .section-hero h2,
#vobj .section-hero h2,
#vgallery .section-hero h2,
#vcal .section-hero h2{
  grid-column:2;
  margin:0 !important;
  color:#0f172a !important;
  font-family:'Outfit',sans-serif !important;
  font-size:1.12rem !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
#vranking .section-hero p,
#vvendas .section-hero p,
#vlojas .section-hero p,
#vo .section-hero p,
#vobj .section-hero p,
#vgallery .section-hero p,
#vcal .section-hero p{
  grid-column:3;
  grid-row:1 / 3;
  margin:0 !important;
  max-width:none !important;
  color:#475569 !important;
  font-size:.78rem !important;
  line-height:1.35 !important;
  opacity:1 !important;
}
#vranking .subview-head,
#vvendas .subview-head{
  padding:10px 16px 6px !important;
}
#vranking .rank-controls,
#vvendas .vv-controls,
#vvendas .vv-filter-block,
#vvendas .vv-store-list-wrap,
#vvendas .vv-selected-lojas,
#vvendas .vv-hint,
#vvendas .vv-compare-info{
  padding-left:16px !important;
  padding-right:16px !important;
}
#vranking .rank-controls,
#vvendas .vv-controls{
  padding-bottom:10px !important;
}
#vlojas .lojas-head{
  padding:0 16px 10px !important;
  gap:8px !important;
  border-bottom:1px solid #e5edf6 !important;
  background:#fff !important;
}
#vlojas .lojas-search-wrap{
  flex:1 1 280px !important;
  max-width:420px !important;
}
#vlojas .lojas-filter-block{
  gap:6px !important;
}
#vlojas .lojas-smollan-btns{
  gap:5px !important;
}
#vlojas .lojas-sbtn,
#vlojas .lojas-fav-toggle,
#vlojas .lojas-add-btn{
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:10px !important;
  font-size:.7rem !important;
}
#vlojas .lojas-grid{
  padding-top:12px !important;
}
#vo .order-head{
  margin:-2px 16px 8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  justify-content:flex-end !important;
}
#vo .order-head-actions{
  margin-left:auto !important;
}
#vo .hist-btn{
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:10px !important;
  background:#fff !important;
}
#vo .order-mode-bar{
  padding:8px 16px !important;
  border-top:1px solid #e5edf6 !important;
}
#vo .order-gate-row{
  gap:8px !important;
}
#vo .order-store-box{
  padding:7px 10px !important;
  border-radius:10px !important;
}
#vo .order-store-box label{
  font-size:.64rem !important;
}
#vo .order-store-box input{
  font-size:.76rem !important;
}
#vo .filters{
  gap:6px !important;
}
#vo .fb{
  min-height:28px !important;
  padding:6px 10px !important;
  border-radius:10px !important;
  font-size:.68rem !important;
}
#vo .brand-filter-row{
  padding-top:6px !important;
  padding-bottom:6px !important;
}
#vo .order-ctrl{
  padding-top:8px !important;
  padding-bottom:8px !important;
}
#vobj > div[style*="padding:0 16px"],
#vgallery .gallery-embed-wrap,
#vcal .cal-embed-wrap{
  margin-top:0 !important;
  padding-top:0 !important;
}
#vobj iframe,
#smofield-gallery-frame,
#smofield-calendar-frame{
  border-radius:14px !important;
  box-shadow:0 10px 26px rgba(15,23,42,.07) !important;
}
#vobj iframe{
  min-height:calc(100vh - 148px) !important;
}
#smofield-gallery-frame,
#smofield-calendar-frame{
  min-height:calc(100vh - 138px) !important;
}
#vnegocios .neg-wrap{
  padding:12px 16px 88px !important;
  gap:12px !important;
}
#vnegocios .neg-hero{
  padding:12px 16px !important;
  border:1px solid #dbe4ef !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}
#vnegocios .neg-hero::before,
#vnegocios .neg-hero::after{
  display:none !important;
}
#vnegocios .neg-hero-grid{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
}
#vnegocios .neg-kicker{
  color:#64748b !important;
  font-size:.66rem !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  opacity:1 !important;
}
#vnegocios .neg-hero h2{
  margin:3px 0 3px !important;
  max-width:none !important;
  color:#0f172a !important;
  font-size:1.18rem !important;
  line-height:1.16 !important;
  letter-spacing:0 !important;
}
#vnegocios .neg-hero p{
  max-width:76ch !important;
  color:#475569 !important;
  font-size:.78rem !important;
  line-height:1.35 !important;
}
#vnegocios .neg-hero-side{
  justify-items:end !important;
}
#vnegocios .neg-pulse{
  grid-template-columns:repeat(2,96px) !important;
  width:auto !important;
  gap:8px !important;
}
#vnegocios .neg-pulse-card{
  padding:8px 10px !important;
  border:1px solid #e2e8f0 !important;
  border-radius:12px !important;
  background:#f8fafc !important;
  color:#0f172a !important;
  backdrop-filter:none !important;
}
#vnegocios .neg-pulse-card strong{
  margin-bottom:3px !important;
  color:#0f172a !important;
  font-size:1.1rem !important;
}
#vnegocios .neg-pulse-card span{
  color:#64748b !important;
  font-size:.64rem !important;
  line-height:1.2 !important;
}
#vnegocios .neg-focus{
  display:none !important;
}
#vnegocios .neg-card,
#vnegocios .neg-stage{
  border-radius:16px !important;
}
@media (max-width:900px){
  #vranking .section-hero,
  #vvendas .section-hero,
  #vlojas .section-hero,
  #vo .section-hero,
  #vobj .section-hero,
  #vgallery .section-hero,
  #vcal .section-hero{
    grid-template-columns:4px minmax(0,1fr) !important;
    min-height:0 !important;
    margin:0 10px 10px !important;
    padding:11px 12px !important;
  }
  #vranking .section-hero p,
  #vvendas .section-hero p,
  #vlojas .section-hero p,
  #vo .section-hero p,
  #vobj .section-hero p,
  #vgallery .section-hero p,
  #vcal .section-hero p{
    grid-column:2 !important;
    grid-row:auto !important;
    font-size:.74rem !important;
  }
  #vnegocios .neg-hero-grid{
    grid-template-columns:1fr !important;
  }
  #vnegocios .neg-pulse{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
  }
  #vlojas .lojas-head{
    padding:0 10px 10px !important;
  }
  #vo .order-head{
    margin:0 10px 8px !important;
  }
  #vo .order-mode-bar{
    padding:8px 10px !important;
  }
  #vo .order-store-box{
    flex:1 1 100% !important;
  }
}

@media (max-width:600px){
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    width:300px !important;
    max-width:300px !important;
    flex:0 1 300px !important;
    padding:24px 16px !important;
  }
}

@media (max-width:360px){
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    width:288px !important;
    max-width:288px !important;
    flex-basis:288px !important;
  }
}


/* v18 mobile usability reset */
@media (max-width:768px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  body.sf-sb-open{
    --sf-app-gap:0px !important;
    --sf-app-gap-right:0px !important;
    --sf-app-gap-bottom:0px !important;
    background:var(--bg) !important;
    padding-top:var(--nav-h) !important;
    min-height:100svh !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }
  body.sf-sb-open::before,
  body.sf-sb-open::after{
    display:none !important;
  }
  body.sf-sb-open .nav{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    height:var(--nav-h) !important;
    border-radius:0 !important;
    padding:0 8px !important;
    margin:0 !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    scrollbar-width:none !important;
  }
  body.sf-sb-open .nav::-webkit-scrollbar{
    display:none !important;
  }
  body.sf-sb-open #nav-home-extras{
    width:auto !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding-right:2px !important;
    scrollbar-width:none !important;
  }
  body.sf-sb-open #nav-home-extras::-webkit-scrollbar{
    display:none !important;
  }
  body.sf-sb-open .nav-search-wrap{
    flex:1 1 92px !important;
    min-width:82px !important;
    max-width:150px !important;
  }
  body.sf-sb-open .nav-search-input{
    width:100% !important;
    min-width:0 !important;
  }
  body.sf-sb-open #ctrl{
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border-radius:0 !important;
  }
  body.sf-sb-open #sf-sidebar{
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(86vw,var(--sf-sb-w)) !important;
    border-radius:0 22px 22px 0 !important;
    transform:translateX(-104%) !important;
  }
  body.sf-sb-open #sf-sidebar.mobile-open{
    transform:translateX(0) !important;
  }
  body.sf-sb-open #sf-sb-overlay.show{
    display:block !important;
  }
  body.sf-sb-open > div:not(#sf-sidebar):not(#sf-sb-overlay):not(#login-screen):not(.nav):not(#auth-loading):not(.toast):not(.nav-dropdown):not(.nav-dropdown-overlay):not(.prof-dd):not(.prof-modal-bk):not(#sect-choice-bk):not(#presence-setup-bk):not(.smbk):not(.pag-edit-bk):not(.prod-detail-bk):not(.sf-coming-overlay){
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.sf-sb-open #vh,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vnegocios,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vinfo,
  body.sf-sb-open #vcal,
  body.sf-sb-open #vprodutos,
  body.sf-sb-open #vpromo2026,
  body.sf-sb-open #vo,
  body.sf-sb-open #vregras,
  body.sf-sb-open #vs,
  body.sf-sb-open #vhist,
  body.sf-sb-open #vobj{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-height:calc(100svh - var(--nav-h)) !important;
    height:auto !important;
    max-height:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    clip-path:none !important;
    contain:none !important;
    transform:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  body.sf-sb-open #vh::after,
  body.sf-sb-open #vranking::after,
  body.sf-sb-open #vlojas::after,
  body.sf-sb-open #vgallery::after,
  body.sf-sb-open #vnegocios::after,
  body.sf-sb-open #vvendas::after,
  body.sf-sb-open #vinfo::after,
  body.sf-sb-open #vcal::after,
  body.sf-sb-open #vprodutos::after,
  body.sf-sb-open #vpromo2026::after,
  body.sf-sb-open #vo::after,
  body.sf-sb-open #vregras::after,
  body.sf-sb-open #vs::after,
  body.sf-sb-open #vhist::after,
  body.sf-sb-open #vobj::after{
    display:none !important;
  }
  body.sf-sb-open #vh{
    display:block !important;
    padding:12px 10px max(88px,calc(env(safe-area-inset-bottom,0px) + 72px)) !important;
  }
  body.sf-sb-open .sf-home-shell,
  body.sf-sb-open .home-shell{
    padding:12px 10px max(88px,calc(env(safe-area-inset-bottom,0px) + 72px)) !important;
  }
  body.sf-sb-open .sf-band{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 18px !important;
  }
  body.sf-sb-open .sf-band-head{
    align-items:flex-start !important;
    margin-bottom:10px !important;
  }
  body.sf-sb-open .sf-band h2{
    font-size:1.25rem !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
  }
  body.sf-sb-open .sf-band-subtitle{
    font-size:.76rem !important;
    line-height:1.45 !important;
  }
  body.sf-sb-open .sf-main-grid,
  body.sf-sb-open .sf-main-grid-single,
  body.sf-sb-open .sf-main-grid-ops{
    display:grid !important;
    width:100% !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }
  body.sf-sb-open .sf-main-card{
    width:100% !important;
    min-height:210px !important;
    border-radius:20px !important;
  }
  body.sf-sb-open .sf-main-body{
    padding:18px !important;
  }
  body.sf-sb-open .sf-main-card h3{
    font-size:1.35rem !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
  }
  body.sf-sb-open .sf-main-sub{
    max-width:28ch !important;
    font-size:.8rem !important;
    line-height:1.35 !important;
  }
  body.sf-sb-open .grid,
  body.sf-sb-open .ogrid{
    width:100% !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.sf-sb-open #vobj > div[style*="padding:0 16px"],
  body.sf-sb-open #vgallery .gallery-embed-wrap,
  body.sf-sb-open #vcal .cal-embed-wrap{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  body.sf-sb-open #vobj iframe,
  body.sf-sb-open #smofield-gallery-frame,
  body.sf-sb-open #smofield-calendar-frame{
    width:100% !important;
    min-height:calc(100svh - 132px) !important;
    border-radius:14px !important;
  }
}

/* v20 mobile route isolation and embedded section ergonomics - final cascade */
@media (max-width:768px){
  body.sf-sb-open #vh[style*="display: none"],
  body.sf-sb-open #vranking[style*="display: none"],
  body.sf-sb-open #vlojas[style*="display: none"],
  body.sf-sb-open #vgallery[style*="display: none"],
  body.sf-sb-open #vnegocios[style*="display: none"],
  body.sf-sb-open #vvendas[style*="display: none"],
  body.sf-sb-open #vinfo[style*="display: none"],
  body.sf-sb-open #vcal[style*="display: none"],
  body.sf-sb-open #vprodutos[style*="display: none"],
  body.sf-sb-open #vpromo2026[style*="display: none"],
  body.sf-sb-open #vo[style*="display: none"],
  body.sf-sb-open #vregras[style*="display: none"],
  body.sf-sb-open #vs[style*="display: none"],
  body.sf-sb-open #vhist[style*="display: none"],
  body.sf-sb-open #vobj[style*="display: none"],
  body.sf-sb-open #vobjetivos[style*="display: none"]{
    display:none !important;
  }
  body.sf-sb-open > div[id][style*="display:none"]{
    display:none !important;
  }
  body.sf-sb-open #vcal,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vobj,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vo,
  body.sf-sb-open #vs{
    padding-bottom:max(86px,calc(env(safe-area-inset-bottom,0px) + 74px)) !important;
  }
  body.sf-sb-open #vcal .section-hero,
  body.sf-sb-open #vgallery .section-hero,
  body.sf-sb-open #vobj .section-hero,
  body.sf-sb-open #vlojas .section-hero,
  body.sf-sb-open #vranking .section-hero,
  body.sf-sb-open #vvendas .section-hero,
  body.sf-sb-open #vo .section-hero{
    margin:8px 10px 8px !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    min-height:0 !important;
  }
  body.sf-sb-open #vcal .section-hero h2,
  body.sf-sb-open #vgallery .section-hero h2,
  body.sf-sb-open #vobj .section-hero h2,
  body.sf-sb-open #vlojas .section-hero h2,
  body.sf-sb-open #vranking .section-hero h2,
  body.sf-sb-open #vvendas .section-hero h2,
  body.sf-sb-open #vo .section-hero h2{
    font-size:1.1rem !important;
    line-height:1.1 !important;
  }
  body.sf-sb-open #vcal .section-hero p,
  body.sf-sb-open #vgallery .section-hero p,
  body.sf-sb-open #vobj .section-hero p,
  body.sf-sb-open #vlojas .section-hero p,
  body.sf-sb-open #vranking .section-hero p,
  body.sf-sb-open #vvendas .section-hero p,
  body.sf-sb-open #vo .section-hero p{
    display:none !important;
  }
  body.sf-sb-open #vcal .cal-embed-wrap,
  body.sf-sb-open #vgallery .gallery-embed-wrap{
    margin:0 !important;
    padding:0 8px max(92px,calc(env(safe-area-inset-bottom,0px) + 78px)) !important;
  }
  body.sf-sb-open #smofield-calendar-frame{
    display:block !important;
    width:100% !important;
    height:calc(100svh - var(--nav-h) - 112px) !important;
    min-height:540px !important;
    max-height:none !important;
    border-radius:14px !important;
  }
  body.sf-sb-open #smofield-gallery-frame,
  body.sf-sb-open #vobj iframe{
    display:block !important;
    width:100% !important;
    height:calc(100svh - var(--nav-h) - 112px) !important;
    min-height:560px !important;
    max-height:none !important;
    border-radius:14px !important;
  }
  body.sf-sb-open #vobj > div[style*="padding:0 16px"]{
    padding:0 8px max(92px,calc(env(safe-area-inset-bottom,0px) + 78px)) !important;
  }
  body.sf-sb-open #vobj > div > div{
    border-radius:14px !important;
    box-shadow:none !important;
  }
  body.sf-sb-open #vlojas .lojas-head,
  body.sf-sb-open #vranking .subview-head,
  body.sf-sb-open #vvendas .subview-head,
  body.sf-sb-open #vo .order-head{
    position:sticky !important;
    top:var(--nav-h) !important;
    z-index:34 !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }
  body.sf-sb-open #vs .grid.showcase-dairy,
  body.sf-sb-open #vo .ogrid{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

@media (min-width:769px){
  body.sf-sb-open #ctrl.show{
    position:fixed !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:auto !important;
    z-index:8600 !important;
  }
  body.sf-sb-open #ctrl.show ~ #vs{
    margin-top:72px !important;
    height:calc(100vh - var(--nav-h) - var(--sf-app-gap) - var(--sf-app-gap-bottom) - 72px) !important;
    max-height:calc(100vh - var(--nav-h) - var(--sf-app-gap) - var(--sf-app-gap-bottom) - 72px) !important;
  }
  body.sf-sb-open #ctrl.show ~ #vs::after{
    bottom:0 !important;
  }
}

/* v24 order modal and selection bar frame alignment */
body.sf-sb-open #mbk.open{
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100svh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border-radius:0 !important;
}

body:not(.sf-order-view-active) #fbar,
body.sf-sb-open:not(.sf-order-view-active) #fbar,
body #vo[style*="display: none"] ~ #fbar,
body #vo[style*="display:none"] ~ #fbar{
  transform:translateY(130%) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

body.sf-order-view-active #fbar.show{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

@media (min-width:769px){
  body.sf-sb-open #fbar{
    left:calc(var(--sf-app-gap,0px) + var(--sf-sb-w,232px)) !important;
    right:var(--sf-app-gap-right,0px) !important;
    bottom:var(--sf-app-gap-bottom,0px) !important;
    width:auto !important;
  }
  body.sf-sb-open.sf-sb-collapsed #fbar{
    left:calc(var(--sf-app-gap,0px) + var(--sf-sb-collapsed-w,72px)) !important;
  }
}

@media (max-width:768px){
  body.sf-sb-open #fbar{
    left:8px !important;
    right:8px !important;
    bottom:max(84px,calc(env(safe-area-inset-bottom,0px) + 78px)) !important;
    width:auto !important;
    z-index:10060 !important;
    border-radius:18px !important;
    box-shadow:0 18px 42px rgba(15,23,42,.28) !important;
  }
  body.sf-order-modal-open{
    touch-action:manipulation;
    overscroll-behavior:none;
  }
}

/* Smofield 2026 login brand refresh */
body.sf-sb-open.sf-login-active #login-screen{
  padding:44px 32px !important;
  background:#e9edff !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
  width:500px !important;
  min-width:500px !important;
  max-width:500px !important;
  height:min(610px, calc(100vh - 96px)) !important;
  flex:0 0 500px !important;
  border-radius:26px 0 0 26px !important;
  background:
    linear-gradient(180deg,rgba(126,216,247,.96) 0%, rgba(105,113,239,.96) 42%, rgba(131,82,244,.96) 72%, rgba(228,132,194,.96) 100%) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  height:min(610px, calc(100vh - 96px)) !important;
  max-height:min(610px, calc(100vh - 96px)) !important;
  flex:0 0 620px !important;
  padding:32px 52px 26px !important;
  border-radius:0 26px 26px 0 !important;
  box-sizing:border-box !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-box{
  max-width:440px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay{
  padding:24px 28px 26px !important;
  justify-content:flex-start !important;
  gap:0 !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-logos{
  width:100% !important;
  gap:10px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
body.sf-sb-open.sf-login-active #login-screen .sf-login-credit{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  margin-top:9px !important;
  font-family:'Outfit',sans-serif !important;
  font-size:.7rem !important;
  line-height:1.35 !important;
  color:rgba(255,255,255,.78) !important;
  letter-spacing:.035em !important;
  font-weight:700 !important;
}
body.sf-sb-open.sf-login-active #login-screen .sf-login-brandmark{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:min(232px, 62%) !important;
  aspect-ratio:1 !important;
  max-height:232px !important;
  object-fit:contain !important;
  border-radius:999px !important;
  margin:auto auto 26px !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 24px 38px rgba(37,20,105,.22)) !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy{
  max-width:310px !important;
  margin-top:0 !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .big{
  font-size:1.56rem !important;
  line-height:1.13 !important;
}
body.sf-sb-open.sf-login-active #login-screen .sf-login-form-brand{
  display:block !important;
  width:220px !important;
  max-width:72% !important;
  margin:0 0 17px !important;
}
body.sf-sb-open.sf-login-active #login-screen .sf-login-form-brand img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-title{
  font-size:1.42rem !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-sub{
  max-width:42ch !important;
  margin-bottom:16px !important;
}
body.sf-sb-open.sf-login-active #login-screen .auth-tabs{
  margin-top:6px !important;
  margin-bottom:16px !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-field input{
  min-height:50px !important;
  box-sizing:border-box !important;
}
body.sf-sb-open.sf-login-active #login-screen .login-btn{
  min-height:52px !important;
}

@media (max-width:1120px){
  body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
    width:430px !important;
    min-width:430px !important;
    max-width:430px !important;
    flex-basis:430px !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    width:560px !important;
    min-width:560px !important;
    max-width:560px !important;
    flex-basis:560px !important;
  }
}

@media (max-width:900px){
  body.sf-sb-open.sf-login-active #login-screen{
    padding:18px !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
    display:none !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    width:300px !important;
    min-width:0 !important;
    max-width:480px !important;
    height:auto !important;
    max-height:calc(100vh - 40px) !important;
    flex:0 1 300px !important;
    padding:28px 20px !important;
    border-radius:24px !important;
    box-sizing:border-box !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-box{
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  body.sf-sb-open.sf-login-active #login-screen .auth-tabs,
  body.sf-sb-open.sf-login-active #login-screen .auth-form,
  body.sf-sb-open.sf-login-active #login-screen .login-field,
  body.sf-sb-open.sf-login-active #login-screen .pw-wrap,
  body.sf-sb-open.sf-login-active #login-screen .login-field input,
  body.sf-sb-open.sf-login-active #login-screen .login-btn,
  body.sf-sb-open.sf-login-active #login-screen .login-contact{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/* v25 mobile calendar: keep calendar in normal vertical flow */
@media (max-width:768px){
  body.sf-sb-open #vcal{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    display:block;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding-bottom:max(92px,calc(env(safe-area-inset-bottom,0px) + 78px)) !important;
  }
  body.sf-sb-open #vcal::before,
  body.sf-sb-open #vcal::after{
    display:none !important;
    content:none !important;
    pointer-events:none !important;
  }
  body.sf-sb-open #vcal .cal-embed-wrap{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 10px 16px !important;
  }
  body.sf-sb-open #smofield-calendar-frame{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:1280px !important;
    min-height:1280px !important;
    max-height:none !important;
    overflow:visible !important;
    border-radius:14px !important;
    pointer-events:auto !important;
  }
  body.sf-sb-open #vh .sf-home-calendar-embed{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    overflow:visible !important;
    margin-top:10px !important;
  }
  body.sf-sb-open #vh .sf-home-calendar-frame{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:1280px !important;
    min-height:1280px !important;
    max-height:none !important;
    pointer-events:auto !important;
  }
}

/* v26 tablet frame containment */
@media (min-width:769px) and (max-width:1280px){
  body.sf-sb-open{
    overflow:hidden !important;
  }
  body.sf-sb-open .nav{
    min-width:0 !important;
    overflow:hidden !important;
  }
  body.sf-sb-open .nav-left,
  body.sf-sb-open .nav-right,
  body.sf-sb-open #nav-home-extras{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  body.sf-sb-open #nav-home-extras{
    flex:1 1 auto !important;
    width:auto !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    justify-content:flex-start !important;
    padding:0 2px 2px !important;
    scrollbar-width:none !important;
  }
  body.sf-sb-open #nav-home-extras::-webkit-scrollbar{
    display:none !important;
  }
  body.sf-sb-open .nav-pill{
    flex:0 0 auto !important;
    max-width:170px !important;
  }
  body.sf-sb-open .nav-pill span:not(.nav-pill-dot){
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.sf-sb-open .nav-search-wrap{
    flex:0 1 190px !important;
    min-width:118px !important;
    max-width:190px !important;
  }
  body.sf-sb-open .nav-search-input{
    width:100% !important;
    min-width:0 !important;
  }

  body.sf-sb-open #vh,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vnegocios,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vinfo,
  body.sf-sb-open #vcal,
  body.sf-sb-open #vprodutos,
  body.sf-sb-open #vpromo2026,
  body.sf-sb-open #vo,
  body.sf-sb-open #vregras,
  body.sf-sb-open #vs,
  body.sf-sb-open #vhist,
  body.sf-sb-open #vobj,
  body.sf-sb-open #vobjetivos,
  body.sf-sb-open #vcardex{
    box-sizing:border-box !important;
    min-height:0 !important;
    max-height:calc(100dvh - var(--nav-h) - var(--sf-app-gap,58px) - var(--sf-app-gap-bottom,58px)) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding-bottom:112px !important;
    scroll-padding-bottom:112px !important;
  }
  body.sf-sb-open #vh > *,
  body.sf-sb-open #vranking > *,
  body.sf-sb-open #vlojas > *,
  body.sf-sb-open #vgallery > *,
  body.sf-sb-open #vnegocios > *,
  body.sf-sb-open #vvendas > *,
  body.sf-sb-open #vinfo > *,
  body.sf-sb-open #vcal > *,
  body.sf-sb-open #vprodutos > *,
  body.sf-sb-open #vpromo2026 > *,
  body.sf-sb-open #vo > *,
  body.sf-sb-open #vregras > *,
  body.sf-sb-open #vs > *,
  body.sf-sb-open #vhist > *,
  body.sf-sb-open #vobj > *,
  body.sf-sb-open #vobjetivos > *,
  body.sf-sb-open #vcardex > *{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  body.sf-sb-open .section-hero,
  body.sf-sb-open .objv-hero,
  body.sf-sb-open .regra-hero,
  body.sf-sb-open .subview-head,
  body.sf-sb-open .rank-header,
  body.sf-sb-open .vv-header,
  body.sf-sb-open .lojas-head,
  body.sf-sb-open .hist-section-head,
  body.sf-sb-open .promo2026-head,
  body.sf-sb-open .prod-sub-head,
  body.sf-sb-open .order-head{
    margin-left:16px !important;
    margin-right:16px !important;
    max-width:calc(100% - 32px) !important;
    box-sizing:border-box !important;
  }
  body.sf-sb-open .grid,
  body.sf-sb-open .ogrid,
  body.sf-sb-open .lojas-grid,
  body.sf-sb-open .prod-sub-grid,
  body.sf-sb-open .promo2026-grid,
  body.sf-sb-open .hist-dual-layout,
  body.sf-sb-open .docs-cloud-layout,
  body.sf-sb-open .docs-section-row,
  body.sf-sb-open #sf-global-cardex{
    max-width:calc(100% - 32px) !important;
    margin-left:16px !important;
    margin-right:16px !important;
    box-sizing:border-box !important;
  }
  body.sf-sb-open .rank-table-wrap,
  body.sf-sb-open .vv-table-wrap,
  body.sf-sb-open .vv-chart-wrap,
  body.sf-sb-open .pag-sheet-scroller,
  body.sf-sb-open .gallery-embed-wrap,
  body.sf-sb-open .cal-embed-wrap{
    max-width:100% !important;
    overflow-x:auto !important;
    box-sizing:border-box !important;
  }
  body.sf-sb-open iframe,
  body.sf-sb-open canvas,
  body.sf-sb-open table{
    max-width:100% !important;
  }
  body.sf-sb-open .tools-quick-nav.show{
    left:calc(var(--sf-app-gap) + var(--sf-sb-w) + 16px) !important;
    right:calc(var(--sf-app-gap-right) + 16px) !important;
    bottom:calc(var(--sf-app-gap-bottom) + 10px) !important;
    width:auto !important;
    max-width:none !important;
    transform:translateY(0) !important;
    border-radius:18px !important;
  }
  body.sf-sb-open.sf-sb-collapsed .tools-quick-nav.show{
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w) + 16px) !important;
  }
  body.sf-sb-open .section-quick-nav.show:not(.in-toolbar){
    left:calc(var(--sf-app-gap) + var(--sf-sb-w) + 16px) !important;
    right:calc(var(--sf-app-gap-right) + 16px) !important;
    bottom:calc(var(--sf-app-gap-bottom) + 10px) !important;
    width:auto !important;
    max-width:none !important;
    justify-content:center !important;
    transform:translateY(0) !important;
    border-radius:18px !important;
  }
  body.sf-sb-open.sf-sb-collapsed .section-quick-nav.show:not(.in-toolbar){
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w) + 16px) !important;
  }
}

/* v28 HOME direct access only */
body #vh > .sf-band:nth-of-type(n+2),
body.sf-sb-open #vh > .sf-band:nth-of-type(n+2){
  display:none !important;
}

/* Tablet app frame hard lock: route views live inside the central white panel. */
@media (min-width:769px) and (max-width:1280px){
  html,
  body.sf-sb-open{
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
  }

  body.sf-sb-open #ctrl{
    position:fixed !important;
    left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
    right:var(--sf-app-gap-right) !important;
    top:calc(var(--sf-app-gap) + var(--nav-h)) !important;
    width:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    z-index:46 !important;
  }

  body.sf-sb-open.sf-sb-collapsed #ctrl{
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
  }

  body.sf-sb-open #vh,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vnegocios,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vinfo,
  body.sf-sb-open #vcal,
  body.sf-sb-open #vprodutos,
  body.sf-sb-open #vpromo2026,
  body.sf-sb-open #vo,
  body.sf-sb-open #vregras,
  body.sf-sb-open #vs,
  body.sf-sb-open #vhist,
  body.sf-sb-open #vobj,
  body.sf-sb-open #vobjetivos,
  body.sf-sb-open #vcardex{
    position:fixed !important;
    left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
    right:var(--sf-app-gap-right) !important;
    top:calc(var(--sf-app-gap) + var(--nav-h)) !important;
    bottom:var(--sf-app-gap-bottom) !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    background:#fff !important;
    border-radius:0 0 24px 24px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    box-sizing:border-box !important;
    z-index:1 !important;
    -webkit-overflow-scrolling:touch;
  }

  body.sf-sb-open #ctrl.show ~ #vs{
    top:calc(var(--sf-app-gap) + var(--nav-h) + var(--ctrl-h)) !important;
  }

  body.sf-sb-open.sf-sb-collapsed #vh,
  body.sf-sb-open.sf-sb-collapsed #vranking,
  body.sf-sb-open.sf-sb-collapsed #vlojas,
  body.sf-sb-open.sf-sb-collapsed #vgallery,
  body.sf-sb-open.sf-sb-collapsed #vnegocios,
  body.sf-sb-open.sf-sb-collapsed #vvendas,
  body.sf-sb-open.sf-sb-collapsed #vinfo,
  body.sf-sb-open.sf-sb-collapsed #vcal,
  body.sf-sb-open.sf-sb-collapsed #vprodutos,
  body.sf-sb-open.sf-sb-collapsed #vpromo2026,
  body.sf-sb-open.sf-sb-collapsed #vo,
  body.sf-sb-open.sf-sb-collapsed #vregras,
  body.sf-sb-open.sf-sb-collapsed #vs,
  body.sf-sb-open.sf-sb-collapsed #vhist,
  body.sf-sb-open.sf-sb-collapsed #vobj,
  body.sf-sb-open.sf-sb-collapsed #vobjetivos,
  body.sf-sb-open.sf-sb-collapsed #vcardex{
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
  }

  body.sf-sb-open #vh > *,
  body.sf-sb-open #vranking > *,
  body.sf-sb-open #vlojas > *,
  body.sf-sb-open #vgallery > *,
  body.sf-sb-open #vnegocios > *,
  body.sf-sb-open #vvendas > *,
  body.sf-sb-open #vinfo > *,
  body.sf-sb-open #vcal > *,
  body.sf-sb-open #vprodutos > *,
  body.sf-sb-open #vpromo2026 > *,
  body.sf-sb-open #vo > *,
  body.sf-sb-open #vregras > *,
  body.sf-sb-open #vs > *,
  body.sf-sb-open #vhist > *,
  body.sf-sb-open #vobj > *,
  body.sf-sb-open #vobjetivos > *,
  body.sf-sb-open #vcardex > *{
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.sf-sb-open .prod-detail-bk.open{
    position:fixed !important;
    left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
    right:var(--sf-app-gap-right) !important;
    top:var(--sf-app-gap) !important;
    bottom:var(--sf-app-gap-bottom) !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 24px 24px 0 !important;
  }

  body.sf-sb-open.sf-sb-collapsed .prod-detail-bk.open{
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
  }

  body.sf-sb-open #mbk.open,
  body.sf-sb-open #hbk.open,
  body.sf-sb-open #svbk.open{
    position:fixed !important;
    left:calc(var(--sf-app-gap) + var(--sf-sb-w)) !important;
    right:var(--sf-app-gap-right) !important;
    top:var(--sf-app-gap) !important;
    bottom:var(--sf-app-gap-bottom) !important;
    width:auto !important;
    height:auto !important;
    inset:auto !important;
    margin:0 !important;
    padding:18px !important;
    border-radius:0 24px 24px 0 !important;
    overflow:hidden !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:10060 !important;
  }

  body.sf-sb-open.sf-sb-collapsed #mbk.open,
  body.sf-sb-open.sf-sb-collapsed #hbk.open,
  body.sf-sb-open.sf-sb-collapsed #svbk.open{
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w)) !important;
  }

  body.sf-sb-open #mbk.open .modal{
    width:min(100%,1040px) !important;
    max-width:100% !important;
    max-height:100% !important;
    height:min(100%,780px) !important;
    border-radius:20px !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }

  body.sf-sb-open #mbk.open .mlist{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    padding-bottom:12px !important;
  }

  body.sf-sb-open #mbk.open .macts{
    flex:0 0 auto !important;
    position:relative !important;
    bottom:auto !important;
    z-index:2 !important;
    background:#fff !important;
  }

  body.sf-sb-open #hbk.open .hmodal,
  body.sf-sb-open #svbk.open .svmodal{
    max-width:100% !important;
    max-height:100% !important;
    border-radius:20px !important;
  }

  body.sf-sb-open .toast{
    left:calc(var(--sf-app-gap) + var(--sf-sb-w) + ((100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w)) / 2)) !important;
    bottom:calc(var(--sf-app-gap-bottom) + 18px) !important;
    max-width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-w) - 32px) !important;
    z-index:10080 !important;
  }

  body.sf-sb-open.sf-sb-collapsed .toast{
    left:calc(var(--sf-app-gap) + var(--sf-sb-collapsed-w) + ((100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-collapsed-w)) / 2)) !important;
    max-width:calc(100vw - var(--sf-app-gap) - var(--sf-app-gap-right) - var(--sf-sb-collapsed-w) - 32px) !important;
  }
}

/* v27 mobile HOME simplification */
@media (max-width:768px){
  body.sf-sb-open #vh{
    padding:8px 8px max(76px,calc(env(safe-area-inset-bottom,0px) + 66px)) !important;
  }
  body.sf-sb-open #vh > .sf-band:nth-of-type(2),
  body.sf-sb-open #vh .sf-home-calendar-embed,
  body.sf-sb-open #vh .sf-home-calendar-frame{
    display:none !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type{
    margin:0 0 10px !important;
    padding:0 !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-band-head{
    margin-bottom:8px !important;
    padding:0 2px !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-band-kicker{
    font-size:.58rem !important;
    margin-bottom:2px !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type h2{
    font-size:1rem !important;
    line-height:1.05 !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    grid-auto-rows:minmax(clamp(190px,calc((100svh - 250px)/2),300px),1fr) !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-card{
    min-height:clamp(190px,calc((100svh - 250px)/2),300px) !important;
    border-radius:16px !important;
    box-shadow:0 10px 24px rgba(15,23,42,.10) !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-body{
    padding:10px !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-labels{
    gap:4px !important;
    margin-bottom:5px !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-code,
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-badge{
    padding:4px 6px !important;
    font-size:.52rem !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-card h3{
    font-size:1rem !important;
    line-height:1.02 !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-sub{
    display:none !important;
  }
}

@media (max-width:380px){
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-grid{
    grid-auto-rows:minmax(clamp(178px,calc((100svh - 245px)/2),270px),1fr) !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-card{
    min-height:clamp(178px,calc((100svh - 245px)/2),270px) !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-card h3{
    font-size:.92rem !important;
  }
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-code,
  body.sf-sb-open #vh > .sf-band:first-of-type .sf-main-badge{
    padding:3px 5px !important;
    font-size:.48rem !important;
  }
}

/* v31 desktop/tablet frame contract: one fixed app shell, no escaped panels. */
@media (min-width:769px){
  html,
  body.sf-sb-open{
    width:100% !important;
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  body.sf-sb-open{
    --sf-app-gap:clamp(18px,2.6vw,44px) !important;
    --sf-app-gap-right:clamp(18px,3.2vw,56px) !important;
    --sf-app-gap-bottom:clamp(18px,2.8vw,38px) !important;
    --sf-frame-left:var(--sf-app-gap);
    --sf-frame-right:var(--sf-app-gap-right);
    --sf-frame-top:var(--sf-app-gap);
    --sf-frame-bottom:var(--sf-app-gap-bottom);
    --sf-content-left:calc(var(--sf-frame-left) + var(--sf-sb-w));
    --sf-content-top:calc(var(--sf-frame-top) + var(--nav-h));
    padding:0 !important;
  }

  @media (pointer:coarse){
    body.sf-sb-open{
      --sf-app-gap-bottom:72px !important;
      --sf-frame-bottom:var(--sf-app-gap-bottom) !important;
    }
  }

  body.sf-sb-open.sf-sb-collapsed{
    --sf-content-left:calc(var(--sf-frame-left) + var(--sf-sb-collapsed-w));
  }

  body.sf-sb-open::after{
    position:fixed !important;
    inset:var(--sf-frame-top) var(--sf-frame-right) var(--sf-frame-bottom) var(--sf-frame-left) !important;
    border-radius:28px !important;
    overflow:hidden !important;
  }

  body.sf-sb-open #sf-sidebar{
    position:fixed !important;
    left:var(--sf-frame-left) !important;
    top:var(--sf-frame-top) !important;
    bottom:var(--sf-frame-bottom) !important;
    height:auto !important;
    border-radius:28px 0 0 28px !important;
    z-index:60 !important;
  }

  body.sf-sb-open .nav{
    position:fixed !important;
    left:var(--sf-content-left) !important;
    right:var(--sf-frame-right) !important;
    top:var(--sf-frame-top) !important;
    width:auto !important;
    height:var(--nav-h) !important;
    margin:0 !important;
    border-radius:0 28px 0 0 !important;
    overflow:hidden !important;
    z-index:55 !important;
  }

  body.sf-sb-open #ctrl{
    position:fixed !important;
    left:var(--sf-content-left) !important;
    right:var(--sf-frame-right) !important;
    top:var(--sf-content-top) !important;
    width:auto !important;
    margin:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    z-index:50 !important;
  }

  body.sf-sb-open #vh,
  body.sf-sb-open #vranking,
  body.sf-sb-open #vlojas,
  body.sf-sb-open #vgallery,
  body.sf-sb-open #vnegocios,
  body.sf-sb-open #vvendas,
  body.sf-sb-open #vinfo,
  body.sf-sb-open #vcal,
  body.sf-sb-open #vprodutos,
  body.sf-sb-open #vpromo2026,
  body.sf-sb-open #vo,
  body.sf-sb-open #vregras,
  body.sf-sb-open #vs,
  body.sf-sb-open #vhist,
  body.sf-sb-open #vobj,
  body.sf-sb-open #vobjetivos,
  body.sf-sb-open #vcardex{
    position:fixed !important;
    left:var(--sf-content-left) !important;
    right:var(--sf-frame-right) !important;
    top:var(--sf-content-top) !important;
    bottom:var(--sf-frame-bottom) !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    background:#fff !important;
    border-radius:0 0 28px 0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    box-sizing:border-box !important;
    z-index:1 !important;
    transform:none !important;
    clip-path:none !important;
    contain:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  body.sf-sb-open #ctrl.show ~ #vs{
    top:calc(var(--sf-content-top) + var(--ctrl-h)) !important;
  }

  body.sf-sb-open #vh[style*="display: none"],
  body.sf-sb-open #vs[style*="display: none"],
  body.sf-sb-open #vo[style*="display: none"],
  body.sf-sb-open #vhist[style*="display: none"],
  body.sf-sb-open #vcal[style*="display: none"],
  body.sf-sb-open #vpromo2026[style*="display: none"],
  body.sf-sb-open #vlojas[style*="display: none"],
  body.sf-sb-open #vobj[style*="display: none"],
  body.sf-sb-open #vprodutos[style*="display: none"],
  body.sf-sb-open #vobjetivos[style*="display: none"],
  body.sf-sb-open #vranking[style*="display: none"],
  body.sf-sb-open #vvendas[style*="display: none"],
  body.sf-sb-open #vinfo[style*="display: none"],
  body.sf-sb-open #vregras[style*="display: none"],
  body.sf-sb-open #vnegocios[style*="display: none"],
  body.sf-sb-open #vgallery[style*="display: none"],
  body.sf-sb-open #vcardex[style*="display: none"]{
    display:none !important;
  }

  body.sf-sb-open #vh::after,
  body.sf-sb-open #vranking::after,
  body.sf-sb-open #vlojas::after,
  body.sf-sb-open #vgallery::after,
  body.sf-sb-open #vnegocios::after,
  body.sf-sb-open #vvendas::after,
  body.sf-sb-open #vinfo::after,
  body.sf-sb-open #vcal::after,
  body.sf-sb-open #vprodutos::after,
  body.sf-sb-open #vpromo2026::after,
  body.sf-sb-open #vo::after,
  body.sf-sb-open #vregras::after,
  body.sf-sb-open #vs::after,
  body.sf-sb-open #vhist::after,
  body.sf-sb-open #vobj::after{
    display:none !important;
  }

  body.sf-sb-open .section-hero,
  body.sf-sb-open .objv-hero,
  body.sf-sb-open .regra-hero,
  body.sf-sb-open .subview-head,
  body.sf-sb-open .rank-header,
  body.sf-sb-open .vv-header,
  body.sf-sb-open .lojas-head,
  body.sf-sb-open .hist-section-head,
  body.sf-sb-open .promo2026-head,
  body.sf-sb-open .prod-sub-head,
  body.sf-sb-open .order-head{
    max-width:calc(100% - 32px) !important;
    margin-left:16px !important;
    margin-right:16px !important;
    box-sizing:border-box !important;
  }

  body.sf-sb-open .grid,
  body.sf-sb-open .ogrid,
  body.sf-sb-open .lojas-grid,
  body.sf-sb-open .prod-sub-grid,
  body.sf-sb-open .promo2026-grid,
  body.sf-sb-open .hist-dual-layout,
  body.sf-sb-open .docs-cloud-layout,
  body.sf-sb-open .docs-section-row,
  body.sf-sb-open #sf-global-cardex{
    max-width:calc(100% - 32px) !important;
    margin-left:16px !important;
    margin-right:16px !important;
    box-sizing:border-box !important;
  }

  body.sf-sb-open #vlojas{
    overflow-x:hidden !important;
  }

  body.sf-sb-open #vlojas .lojas-head{
    width:auto !important;
    max-width:calc(100% - 32px) !important;
    overflow:hidden !important;
  }

  body.sf-sb-open #vlojas .lojas-filter-block,
  body.sf-sb-open #vlojas .lojas-smollan-btns{
    min-width:0 !important;
    max-width:100% !important;
  }

  body.sf-sb-open #vlojas .lojas-grid{
    width:auto !important;
    min-width:0 !important;
    max-width:calc(100% - 32px) !important;
    grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
    gap:10px !important;
    padding:12px 0 calc(var(--sf-frame-bottom) + 28px) !important;
    overflow:hidden !important;
  }

  body.sf-sb-open #vlojas .loja-card{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.sf-sb-open #vlojas .loja-actions{
    flex:0 0 auto !important;
  }

  body.sf-sb-open .fbar{
    left:var(--sf-content-left) !important;
    right:var(--sf-frame-right) !important;
    bottom:var(--sf-frame-bottom) !important;
    width:auto !important;
    max-width:none !important;
    border-radius:16px 16px 0 0 !important;
    z-index:54 !important;
  }

  body.sf-sb-open #mbk.open,
  body.sf-sb-open #hbk.open,
  body.sf-sb-open #svbk.open,
  body.sf-sb-open .prod-detail-bk.open{
    left:var(--sf-content-left) !important;
    right:var(--sf-frame-right) !important;
    top:var(--sf-frame-top) !important;
    bottom:var(--sf-frame-bottom) !important;
    width:auto !important;
    height:auto !important;
    inset:auto !important;
    margin:0 !important;
    border-radius:0 28px 28px 0 !important;
    overflow:hidden !important;
  }
}