/* Fonte Original Mobile Commerce V2 — somente mobile. Desktop >=721px não recebe alteração. */
.fo-mobile-header,.fo-mobile-bottom,.fo-mobile-notify{display:none}
@media(max-width:720px){
 html{scroll-padding-bottom:92px} body{padding-bottom:82px!important;overflow-x:hidden}
 /* Oculta somente no mobile os cabeçalhos desktop. */
 body .market-top,body .market-main,body .market-nav{display:none!important}
 .fo-mobile-header{display:block;position:sticky;top:0;z-index:900;background:linear-gradient(120deg,#063875,#0755a5 58%,#087fc1);color:#fff;box-shadow:0 3px 14px rgba(4,26,69,.2)}
 .fo-mobile-headrow{height:64px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;padding:7px 12px}
 .fo-mobile-back,.fo-mobile-profile,.fo-mobile-tier{width:46px;height:46px;border:0;border-radius:50%;background:#fff;display:grid;place-items:center;color:#041A45;box-shadow:0 2px 9px rgba(0,0,0,.13);overflow:hidden;text-decoration:none}
 .fo-mobile-back{font-size:30px;line-height:1}.fo-mobile-profile .account-avatar{width:46px!important;height:46px!important;flex-basis:46px!important;border:0!important}.fo-mobile-profile .account-avatar svg{width:25px!important;height:25px!important}
 .fo-mobile-tier{justify-self:end}.fo-mobile-tier img{width:42px!important;height:42px!important;object-fit:contain}.fo-mobile-tier [data-loyalty-label]{display:none!important}
 .fo-mobile-brand{display:flex;align-items:center;justify-content:center;min-width:0}.fo-mobile-brand img{max-width:175px;max-height:49px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}
 .fo-mobile-search{display:flex;margin:0 12px 12px;height:48px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.15)}.fo-mobile-search input{min-width:0;flex:1;border:0;outline:0;padding:0 15px;font-size:16px;color:#173956}.fo-mobile-search button{width:52px;border:0;background:#fff;font-size:22px;color:#041A45}
 /* Catálogo: dois produtos por linha e conteúdo realmente legível. */
 body:not(.fo-product-page) .hero{padding:14px 0}body:not(.fo-product-page) .hero-card{min-height:230px;border-radius:18px}body:not(.fo-product-page) .hero-copy{padding:24px 20px}body:not(.fo-product-page) .hero-copy h1{font-size:31px}body:not(.fo-product-page) .hero-copy p{font-size:16px}body:not(.fo-product-page) .hero-art{min-height:190px}
 body:not(.fo-product-page) .section{padding:20px 0}body:not(.fo-product-page) .section-head h2{font-size:23px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-card{border-radius:14px!important}.product-card img{height:190px!important}.product-info{padding:12px!important}.product-info small{font-size:11px!important}.product-info h3{height:auto!important;min-height:46px;font-size:16px!important;line-height:1.28!important;margin:7px 0!important}.product-desc{display:none!important}.product-price{font-size:22px!important;margin:9px 0!important}.product-actions{grid-template-columns:1fr 42px!important}.product-actions a,.product-actions button{min-height:45px!important;font-size:13px!important}.category-strip{gap:10px!important}.cat-card{min-width:132px!important;padding:15px!important}.benefit-row{grid-template-columns:1fr 1fr!important}.benefit{padding:16px 12px!important}.benefit b{font-size:14px}.benefit small{font-size:12px}
 /* Produto: uma única experiência, imagem grande e conteúdo vertical. */
 body.fo-product-page .breadcrumb{padding:12px 14px 8px!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.fo-product-page .product-shell{display:block!important;padding:0 14px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
 body.fo-product-page .gallery{display:flex!important;flex-direction:column!important;gap:10px!important}.main-media,body.fo-product-page .main-media{height:auto!important;min-height:390px!important;border-radius:0!important;background:#fff!important}.main-media img,body.fo-product-page .main-media img{width:100%!important;height:auto!important;max-height:500px!important;min-height:360px!important;object-fit:contain!important}.thumb-list,body.fo-product-page .thumb-list{order:2!important;flex-direction:row!important;overflow-x:auto!important;padding:4px 0!important}.thumb,body.fo-product-page .thumb{width:68px!important;height:68px!important;flex:0 0 68px!important}
 body.fo-product-page .info{padding:10px 2px 0!important}body.fo-product-page .info .eyebrow{font-size:13px!important}body.fo-product-page .info h1{font-size:30px!important;line-height:1.12!important;margin:8px 0 10px!important}body.fo-product-page .short{font-size:16px!important;line-height:1.45!important}body.fo-product-page .inline-description{font-size:15px!important;line-height:1.55!important;padding:13px!important}body.fo-product-page .price{font-size:36px!important;margin:15px 0 7px!important}body.fo-product-page .stock{font-size:14px!important;padding:7px 12px!important}.qty-row,body.fo-product-page .qty-row{margin:18px 0!important;gap:12px!important}.qty-row input,body.fo-product-page .qty-row input{width:105px!important;min-height:48px!important;font-size:17px!important}.actions,body.fo-product-page .actions{grid-template-columns:1fr!important;gap:9px!important}.action-btn,body.fo-product-page .action-btn{min-height:52px!important;font-size:16px!important}
 body.fo-product-page .product-benefits{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:12px 14px!important;background:#f4f9ff!important}.product-benefit,body.fo-product-page .product-benefit{min-width:170px!important;flex:0 0 170px!important;border:1px solid #dce8f1!important;border-radius:13px!important;padding:14px!important;background:#fff!important}.product-benefit strong,body.fo-product-page .product-benefit strong{font-size:14px!important}.product-benefit span,body.fo-product-page .product-benefit span{font-size:12px!important}
 body.fo-product-page .natural-banner{margin-top:12px!important}body.fo-product-page .natural-inner{grid-template-columns:92px 1fr!important;min-height:210px!important}body.fo-product-page .natural-mascot{width:100px!important;max-height:190px!important}body.fo-product-page .natural-copy{padding:18px 8px!important}body.fo-product-page .natural-copy h2{font-size:26px!important}body.fo-product-page .natural-copy p{font-size:15px!important}body.fo-product-page .natural-jug{display:none!important}.details,body.fo-product-page .details{width:100%!important;grid-template-columns:1fr!important;gap:10px!important;margin:12px 0!important;padding:0 12px!important}.panel,body.fo-product-page .panel{padding:18px!important;border-radius:14px!important}.panel h2,body.fo-product-page .panel h2{font-size:21px!important}.panel p,body.fo-product-page .panel p,.spec,body.fo-product-page .spec{font-size:15px!important;line-height:1.5!important}
 /* Rodapé institucional adaptado; barra fixa não o cobre. */
 footer,body.fo-product-page .fo-product-footer{padding-bottom:98px!important}.footer-grid,body.fo-product-page .footer-grid{grid-template-columns:1fr!important;gap:18px!important}.footer-grid img,body.fo-product-page .footer-brand img{width:220px!important}.footer-col,body.fo-product-page .footer-col{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important;padding-bottom:14px!important}
 /* Rodapé/barra de navegação conforme referência enviada. */
 .fo-mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:78px;z-index:1200;background:#fff;border-top:1px solid #d9e1e8;box-shadow:0 -4px 16px rgba(4,26,69,.12);padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}
 .fo-mobile-navitem{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#18242e;font-size:11px;font-weight:750;text-decoration:none;min-width:0}.fo-mobile-navitem svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9}.fo-mobile-navitem.active{color:#1478FF}.fo-mobile-navitem.cart svg{width:31px;height:31px}.fo-mobile-cartbadge{position:absolute;top:0;left:calc(50% + 7px);min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#1478FF;color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid #fff}
 /* Convite inteligente antes da permissão nativa. */
 .fo-mobile-notify{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.64);align-items:center;justify-content:center;padding:22px}.fo-mobile-notify.open{display:flex}.fo-mobile-notify-card{width:min(100%,390px);background:#fff;border-radius:20px;padding:26px 22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}.fo-mobile-notify-icon{font-size:58px}.fo-mobile-notify-card h2{font-size:25px;line-height:1.15;color:#041A45;margin:12px 0 8px}.fo-mobile-notify-card p{font-size:15px;line-height:1.5;color:#49647d;margin:0 0 20px}.fo-mobile-notify-card button{width:100%;min-height:52px;border-radius:12px;font-weight:900;font-size:16px}.fo-mobile-notify-yes{border:0;background:#1478FF;color:#fff}.fo-mobile-notify-later{border:0;background:transparent;color:#1478FF;margin-top:8px}
}
@media(max-width:380px){.product-card img{height:165px!important}.product-info h3{font-size:14px!important}.product-price{font-size:20px!important}.fo-mobile-navitem{font-size:10px}.fo-mobile-brand img{max-width:145px}}
@media(max-width:720px){.fo-mobile-headrow.fo-mobile-product-head{grid-template-columns:46px 46px 1fr 46px;gap:7px}.fo-mobile-product-head .fo-mobile-brand img{max-width:145px}}

/* V2.1 — ações persistentes e menu Mais, exclusivamente mobile */
@media(max-width:720px){
 body.fo-product-page{padding-bottom:150px!important}
 .fo-mobile-product-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,1.15fr);gap:8px;position:fixed;left:0;right:0;bottom:78px;z-index:1190;background:#fff;border-top:1px solid #d9e1e8;padding:9px 12px;box-shadow:0 -5px 18px rgba(4,26,69,.10)}
 .fo-mobile-product-action button{min-height:48px;border-radius:11px;font-size:14px;font-weight:900;border:1px solid #1478FF;padding:0 10px}
 .fo-mobile-product-add{background:#fff;color:#0755a5}.fo-mobile-product-buy{background:#0755a5;color:#fff}
 .fo-mobile-more-sheet{display:none;position:fixed;inset:0;z-index:1990;background:rgba(4,26,69,.48);align-items:flex-end}
 .fo-mobile-more-sheet.open{display:flex}.fo-mobile-more-card{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:12px 16px calc(96px + env(safe-area-inset-bottom));box-shadow:0 -16px 45px rgba(0,0,0,.22)}
 .fo-mobile-more-grip{width:42px;height:4px;border-radius:4px;background:#c8d4df;margin:0 auto 14px}.fo-mobile-more-card h2{font-size:18px;color:#041A45;margin:0 0 8px}.fo-mobile-more-card a{display:flex;align-items:center;min-height:50px;border-bottom:1px solid #e5edf3;font-weight:800;color:#173956;text-decoration:none}.fo-mobile-more-close{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:11px;background:#edf6fb;color:#0755a5;font-weight:900}
}
@media(max-width:720px){button.fo-mobile-navitem{border:0;background:transparent;padding:0;font-family:inherit;cursor:pointer}}

/* V2.2 — refinamento do cabeçalho mobile aprovado em 26/08/2026 */
@media(max-width:720px){
 .fo-mobile-header{overflow:visible}
 .fo-mobile-headrow{height:76px;display:grid;grid-template-columns:minmax(0,1fr) 48px 58px;align-items:center;gap:9px;padding:8px 12px 5px;overflow:visible}
 .fo-mobile-brand{justify-content:flex-start;overflow:hidden}
 .fo-mobile-brand img{width:min(100%,220px);max-width:220px;max-height:60px;object-fit:contain;object-position:left center}
 .fo-mobile-profile{width:46px;height:46px;justify-self:end}
 .fo-mobile-tier{position:relative;align-self:start;justify-self:end;width:58px;height:70px;margin-top:-8px;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:3}
 .fo-mobile-tier img{display:block;width:58px!important;height:70px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.24))}
 .fo-mobile-tier [data-loyalty-label]{display:none!important}
 .fo-mobile-search{margin:0 12px 11px;height:50px;border-radius:15px}
 .fo-mobile-search input{font-size:16px}
 .fo-mobile-headrow.fo-mobile-product-head{grid-template-columns:44px minmax(0,1fr) 46px 58px;gap:8px}
 .fo-mobile-product-head .fo-mobile-brand{justify-content:flex-start}
 .fo-mobile-product-head .fo-mobile-brand img{width:min(100%,190px);max-width:190px;max-height:56px}
 .fo-mobile-product-head .fo-mobile-back{width:42px;height:42px;font-size:28px;justify-self:start}
 body.fo-product-page .breadcrumb{display:block!important}
}
@media(max-width:380px){
 .fo-mobile-headrow{grid-template-columns:minmax(0,1fr) 44px 52px;gap:6px;padding-left:9px;padding-right:9px}
 .fo-mobile-brand img{max-width:185px}
 .fo-mobile-tier{width:52px;height:66px}.fo-mobile-tier img{width:52px!important;height:66px!important}
 .fo-mobile-headrow.fo-mobile-product-head{grid-template-columns:40px minmax(0,1fr) 42px 50px;gap:5px}
 .fo-mobile-product-head .fo-mobile-brand img{max-width:155px}
}

/* V2.3 — refinamentos mobile de menu e selo/medalha */
@media(max-width:720px){
  /* Selo Reserva Exclusiva: mesmo tamanho/altura do avatar enquanto não há medalha qualificada. */
  .fo-mobile-tier[data-loyalty-known="false"]{
    width:46px!important;height:46px!important;margin-top:0!important;align-self:center!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  .fo-mobile-tier[data-loyalty-known="false"] img{
    width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;
    object-fit:contain!important;filter:none!important;
  }
  /* Medalha real: mantém efeito pendurado/saindo da linha superior. */
  .fo-mobile-tier[data-loyalty-known="true"]{
    position:relative;align-self:start;justify-self:end;width:58px;height:70px;margin-top:-8px;
    border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:3;
  }
  .fo-mobile-tier[data-loyalty-known="true"] img{
    display:block;width:58px!important;height:70px!important;max-width:none!important;max-height:none!important;
    object-fit:contain!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.24));
  }
}
@media(max-width:380px){
  .fo-mobile-tier[data-loyalty-known="false"]{width:42px!important;height:42px!important}
  .fo-mobile-tier[data-loyalty-known="false"] img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
  .fo-mobile-tier[data-loyalty-known="true"]{width:50px;height:64px}
  .fo-mobile-tier[data-loyalty-known="true"] img{width:50px!important;height:64px!important}
}

/* V2.4 — correções visuais mobile: cabeçalho produto, busca e breadcrumb */
@media(max-width:720px){
  /* Busca mais estreita e com respiro real antes do conteúdo seguinte. */
  .fo-mobile-header{padding-bottom:12px!important}
  .fo-mobile-search{
    margin:0 20px!important;
    height:46px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }
  .fo-mobile-search input{font-size:16px!important;padding:0 14px!important}
  .fo-mobile-search button{width:48px!important;flex:0 0 48px!important}

  /* Avatar e selo/medalha usam a mesma caixa visual no catálogo e no produto. */
  .fo-mobile-headrow,
  .fo-mobile-headrow.fo-mobile-product-head{
    overflow:visible!important;
  }
  .fo-mobile-tier,
  .fo-mobile-tier[data-loyalty-known="false"],
  .fo-mobile-tier[data-loyalty-known="true"]{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin-top:0!important;
    align-self:center!important;
    justify-self:end!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .fo-mobile-tier img,
  .fo-mobile-tier[data-loyalty-known="false"] img,
  .fo-mobile-tier[data-loyalty-known="true"] img{
    display:block!important;
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
  }
  .fo-mobile-product-head .fo-mobile-profile,
  .fo-mobile-product-head .fo-mobile-tier{width:46px!important;height:46px!important}
  .fo-mobile-headrow.fo-mobile-product-head{
    grid-template-columns:42px minmax(0,1fr) 46px 46px!important;
    gap:8px!important;
  }

  /* Breadcrumb preservado, mas sem encavalar categoria e nome do produto. */
  body.fo-product-page .fo-breadcrumb{
    display:block!important;
    width:calc(100% - 28px)!important;
    margin:0 14px!important;
    padding:12px 0 10px!important;
    font-size:13px!important;
    line-height:1.35!important;
    overflow:hidden!important;
  }
  body.fo-product-page .fo-breadcrumb__list{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    padding:0!important;
  }
  body.fo-product-page .fo-breadcrumb__list::-webkit-scrollbar{display:none!important}
  body.fo-product-page .fo-breadcrumb__item{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
  }
  body.fo-product-page .fo-breadcrumb__item:not(:last-child)::after{
    content:'›'!important;
    display:inline-block!important;
    margin:0 9px!important;
    color:#7d98af!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body.fo-product-page .fo-breadcrumb [aria-current="page"]{
    display:block!important;
    max-width:210px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}
@media(max-width:380px){
  .fo-mobile-search{margin-left:16px!important;margin-right:16px!important}
  .fo-mobile-tier,
  .fo-mobile-tier[data-loyalty-known="false"],
  .fo-mobile-tier[data-loyalty-known="true"],
  .fo-mobile-tier img,
  .fo-mobile-tier[data-loyalty-known="false"] img,
  .fo-mobile-tier[data-loyalty-known="true"] img{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  }
  .fo-mobile-headrow.fo-mobile-product-head{grid-template-columns:40px minmax(0,1fr) 42px 42px!important;gap:6px!important}
  body.fo-product-page .fo-breadcrumb [aria-current="page"]{max-width:170px!important}
}

/* V2.5 — medalha realmente pendurada + categorias responsivas no mobile */
@media(max-width:720px){
  /* Mantém a medalha proporcional ao avatar, mas fisicamente pendurada na linha superior. */
  .fo-mobile-tier[data-loyalty-known="true"]{
    position:relative!important;
    align-self:start!important;
    justify-self:end!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin-top:0!important;
    transform:translateY(-13px)!important;
    z-index:5!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .fo-mobile-tier[data-loyalty-known="true"] img{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))!important;
  }

  /* Categorias: cards e ícones passam a responder à largura real do aparelho. */
  body:not(.fo-product-page) .category-strip{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:clamp(108px,30vw,132px)!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    padding:2px 2px 8px!important;
  }
  body:not(.fo-product-page) .category-strip::-webkit-scrollbar{display:none!important}
  body:not(.fo-product-page) .cat-card{
    min-width:0!important;
    width:100%!important;
    padding:clamp(10px,3.2vw,15px)!important;
    scroll-snap-align:start!important;
    border-radius:clamp(14px,4vw,18px)!important;
  }
  body:not(.fo-product-page) .cat-card i{
    width:clamp(52px,16vw,70px)!important;
    height:clamp(52px,16vw,70px)!important;
    margin:0 auto clamp(8px,2.5vw,12px)!important;
    font-size:clamp(24px,8vw,31px)!important;
    line-height:1!important;
  }
  body:not(.fo-product-page) .cat-card i img{
    width:clamp(25px,8vw,32px)!important;
    height:clamp(25px,8vw,32px)!important;
    max-width:62%!important;
    max-height:62%!important;
    object-fit:contain!important;
  }
  body:not(.fo-product-page) .cat-card b{
    font-size:clamp(13px,3.8vw,16px)!important;
    line-height:1.2!important;
    overflow-wrap:anywhere!important;
  }
}
@media(max-width:380px){
  .fo-mobile-tier[data-loyalty-known="true"]{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    transform:translateY(-11px)!important;
  }
  .fo-mobile-tier[data-loyalty-known="true"] img{
    width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;
  }
  body:not(.fo-product-page) .category-strip{grid-auto-columns:clamp(102px,29vw,118px)!important;gap:8px!important}
}