/* =========================================================================
   EXPERIÊNCIA DE CELULAR (até 700px)
   Carregado com media="(max-width: 700px)" (ver inc/mobile.php) e, por
   garantia — caso algum plugin de otimização junte os CSS —, tudo aqui
   também fica dentro do @media abaixo. O computador não é afetado.
   ========================================================================= */
@media (max-width:700px){

/* ---- faixa de avisos rotativa ---- */
.aviso-topo{position:relative;height:34px;overflow:hidden;background:var(--accent-strong);color:var(--on-accent);}
.aviso-topo-item{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;padding:0 14px;font-size:.74rem;font-weight:600;letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;}
.aviso-topo-item.ativo{opacity:1;transform:none;}

/* ---- cabeçalho: menu + busca | logo centralizada | conta + carrinho ---- */
.site-header-inner{gap:0;min-height:58px;padding-top:6px;padding-bottom:6px;}
.site-header .header-actions{display:contents;}
.site-header .menu-toggle{order:1;background:transparent;border:none;border-radius:50%;}
.site-header .btn-search-toggle{order:2;}
.site-header .brand{order:3;flex:1 1 auto;justify-content:center;margin:0;min-width:0;}
.site-header .btn-conta{order:4;}
.site-header .btn-cart{order:5;}
.site-header .brand img.custom-logo{height:40px;max-width:150px;}
.site-header .brand:has(.custom-logo-link) .brand-text{display:none;}
.site-header .brand-text{align-items:center;text-align:center;}
.site-header .brand-text span{display:none;}
.btn-icon{width:42px;height:42px;}
.btn-icon svg{width:22px;height:22px;}

/* gaveta do menu abre pela esquerda (o botão agora fica à esquerda) */
.site-header.nav-compact .primary-nav{left:0;right:auto;transform:translateX(-105%);box-shadow:12px 0 40px -12px rgba(46,29,20,.35);}
.site-header.nav-compact .primary-nav.open{transform:none;}
/* subcategorias em sanfona */
.site-header.nav-compact .primary-nav li.menu-item-has-children{position:relative;}
.site-header.nav-compact .primary-nav li.menu-item-has-children > a{padding-right:52px;}
.site-header.nav-compact .primary-nav .sub-menu{display:none;}
.site-header.nav-compact .primary-nav li.aberto > .sub-menu{display:flex;}
.submenu-toggle{position:absolute;top:3px;right:4px;width:44px;height:44px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);}
.submenu-toggle svg{width:20px;height:20px;transition:transform .2s;}
li.aberto > .submenu-toggle svg{transform:rotate(180deg);}

/* ---- faixa de benefícios: grade de 2 colunas, nada cortado ao meio ---- */
.beneficios{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px var(--gutter);background:var(--surface);border-bottom:1px solid var(--border);overflow:visible;}
.beneficio{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg);}
.beneficio-ic{flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;}
.beneficio-ic svg{width:17px;height:17px;}
.beneficio-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.beneficio-txt strong{font-size:.74rem;color:var(--ink);overflow-wrap:anywhere;}
.beneficio-txt span{font-size:.68rem;color:var(--ink-muted);overflow-wrap:anywhere;}

/* ---- atalhos de categoria em círculos ---- */
.atalhos-cat{padding:16px 0 4px;}
.atalhos-cat ul{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;padding:0 var(--gutter) 6px;}
.atalhos-cat ul::-webkit-scrollbar{display:none;}
.atalhos-cat li{flex:0 0 82px;scroll-snap-align:start;}
.atalhos-cat a{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);text-decoration:none;min-height:112px;}
.atalho-foto{width:70px;height:70px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--gold),var(--accent-claro));display:block;}
.atalho-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--bg);background:var(--surface);}
.atalho-foto img.atalho-emblema{object-fit:contain;padding:10px;}
/* Nome com altura fixa de 2 linhas: os círculos ficam todos alinhados. */
.atalho-nome{font-size:.7rem;font-weight:600;line-height:1.15;min-height:2.3em;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ---- página inicial: ordem das seções no celular ---- */
.home-main{display:flex;flex-direction:column;}
/* Produtos primeiro; a parte institucional (frase de impacto + emblema)
   fica no fim da página, como fechamento — e não como abertura. */
.home-main > .beneficios{order:1;}
.home-main > .atalhos-cat{order:2;}
.home-main > .novidades{order:3;padding-top:22px;}
.home-main > .secao-destaques{order:4;}
.home-main > .testi-wrap{order:5;}
.home-main > .secao-como-funciona{order:6;}
.home-main > .hero{order:7;}
.home-main > .trust-strip,.home-main > .secao-cta{display:none;}
.home-main > .hero{padding:36px 0 28px;border-top:1px solid var(--border);background:var(--surface);}
.home-main > .hero::before{display:none;}
.home-main > .hero .hero-inner{gap:18px;text-align:center;}
.home-main > .hero .hero-art{order:-1;width:120px;aspect-ratio:1/1;margin:0 auto;border-radius:50%;box-shadow:none;background:var(--bg);}
.home-main > .hero .hero-art-emblema{padding:14%;}
.home-main > .hero .hero-art > img{border-radius:50%;}
.home-main > .hero .eyebrow{justify-content:center;}
.home-main > .hero h1{font-size:1.6rem;}
.home-main > .hero .lede{margin-left:auto;margin-right:auto;font-size:.95rem;}

/* ---- carrossel "Acabaram de chegar" ---- */
.novidades{padding:6px 0 30px;}
.novidades-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;}
.novidades-head h2{font-size:1.3rem;margin:0;}
.novidades-head a{font-size:.84rem;font-weight:700;color:var(--accent-strong);white-space:nowrap;}
.novidades-trilho{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;padding:2px var(--gutter) 8px;}
.novidades-trilho::-webkit-scrollbar{display:none;}
.novidades-trilho .product-card{flex:0 0 46%;scroll-snap-align:start;}

/* seções de conteúdo com título alinhado à esquerda, como numa vitrine */
.secao-destaques .section-head,.testi-wrap .section-head{text-align:left;margin-bottom:14px;}
.secao-destaques .section-head .eyebrow,.testi-wrap .section-head .eyebrow{display:none;}
.secao-destaques .section-head h2,.testi-wrap .section-head h2{font-size:1.3rem;}
.secao-destaques{padding-top:10px;}

/* ---- cards de produto ---- */
.product-card .thumb{position:relative;}
.selo-novo,.selo-oferta{position:absolute;top:8px;z-index:2;font-size:.64rem;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:999px;line-height:1.4;}
.selo-novo{right:8px;background:var(--surface);color:var(--accent-strong);box-shadow:0 1px 4px rgba(46,29,20,.15);}
.selo-oferta{left:8px;background:var(--gold);color:#fff;}
.product-card .price{display:flex;flex-direction:column;gap:2px;}
.preco-extras{display:flex;flex-direction:column;gap:1px;font-family:var(--font-body);font-weight:500;line-height:1.3;}
.preco-extras .preco-pix{font-size:.74rem;color:var(--good);font-weight:600;}
.preco-extras .preco-pix .amount{font-weight:700;}
.preco-extras .preco-parcelas{font-size:.7rem;color:var(--ink-muted);}
.preco-extras .amount{font-family:inherit;color:inherit;}
.woocommerce ul.products li.product .price .preco-extras{margin-top:3px;}
.woocommerce ul.products li.product .selo-novo{top:8px;right:8px;}

/* ---- loja / categoria ---- */
.loja-banner{background:var(--surface);}
.woocommerce-result-count{display:none;}
.woocommerce-ordering{position:sticky;top:62px;z-index:20;margin:0 calc(var(--gutter) * -1) 14px;padding:8px var(--gutter);background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}

/* ---- página do produto ---- */
.single-product .woocommerce-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.woocommerce div.product div.images{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);}
.woocommerce div.product div.images .flex-viewport,
.woocommerce div.product div.images > .woocommerce-product-gallery__wrapper img{border-radius:0;border-left:none;border-right:none;}
.woocommerce div.product div.images .flex-control-thumbs{padding:0 var(--gutter);}
.woocommerce-product-gallery__trigger{right:calc(var(--gutter) + 4px);}
.woocommerce div.product > .onsale{left:calc(var(--gutter) + 4px);}
.woocommerce div.product .summary .price{font-size:1.5rem;margin-bottom:12px;}
.woocommerce div.product .summary .price .preco-extras{margin-top:6px;gap:3px;}
.woocommerce div.product .summary .price .preco-pix{font-size:.9rem;display:inline-flex;gap:.3em;align-self:flex-start;background:var(--good-soft);padding:4px 10px;border-radius:999px;}
.woocommerce div.product .summary .price .preco-parcelas{font-size:.84rem;}
.woocommerce div.product .summary .price del,.woocommerce div.product .summary .price ins{display:inline;}

/* descrição / informações / avaliações em sanfona */
.woocommerce-tabs.modo-sanfona ul.tabs{display:none;}
.woocommerce-tabs.modo-sanfona{border-top:1px solid var(--border);margin-top:0;}
.sanfona-titulo{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:16px 2px;background:none;border:none;border-bottom:1px solid var(--border);font-weight:700;font-size:.95rem;color:var(--ink);text-align:left;}
.sanfona-titulo svg{width:20px;height:20px;flex:none;color:var(--ink-muted);transition:transform .2s;}
.sanfona-titulo[aria-expanded="true"] svg{transform:rotate(180deg);}
.woocommerce-tabs.modo-sanfona .woocommerce-Tabs-panel{display:none !important;padding:14px 2px 18px;border-bottom:1px solid var(--border);}
.woocommerce-tabs.modo-sanfona .woocommerce-Tabs-panel.aberto{display:block !important;}
.woocommerce-tabs.modo-sanfona .woocommerce-Tabs-panel > h2:first-child{display:none;}

/* barra de compra fixa no pé da tela */
.barra-compra{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;gap:12px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 24px -12px rgba(46,29,20,.3);transform:translateY(110%);transition:transform .25s ease;}
.barra-compra.visivel{transform:none;}
.barra-compra-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25;}
.barra-compra-nome{font-size:.78rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.barra-compra-preco{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:1.1rem;}
.barra-compra .btn{flex:none;min-height:46px;padding:12px 22px;white-space:nowrap;}
body.tem-barra-compra .whatsapp-fab,body.tem-barra-compra .voltar-topo{bottom:calc(86px + env(safe-area-inset-bottom,0px));}
body.single-product .site-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));}

/* aviso "adicionado ao carrinho" */
.toast-carrinho{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--ink);color:var(--bg);border-radius:var(--radius-m);box-shadow:var(--shadow-lift);font-size:.88rem;font-weight:600;opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s;pointer-events:none;}
.toast-carrinho.visivel{opacity:1;transform:none;pointer-events:auto;}
.toast-carrinho svg{width:20px;height:20px;color:var(--gold);flex:none;}
.toast-carrinho a{margin-left:auto;padding:8px 14px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:.8rem;white-space:nowrap;text-decoration:none;}

/* ---- rodapé em sanfona ---- */
.footer-grid{grid-template-columns:1fr;gap:0;margin-bottom:18px;}
.footer-about{padding-bottom:18px;border-bottom:1px solid var(--border);}
.footer-nav,.footer-contact{border-bottom:1px solid var(--border);}
.footer-grid h4.sanfona-rodape{display:flex;align-items:center;justify-content:space-between;margin:0;padding:16px 0;cursor:pointer;font-size:.8rem;}
.footer-grid h4.sanfona-rodape::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .2s;}
.footer-grid .aberto > h4.sanfona-rodape::after{transform:rotate(-135deg);}
/* F18: o título vira botão real; a seta passa para dentro do botão. */
.footer-grid h4.sanfona-rodape.tem-botao{padding:0;}
.footer-grid h4.sanfona-rodape.tem-botao::after{display:none;}
.sanfona-rodape-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;margin:0;background:none;border:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;}
.sanfona-rodape-btn::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .2s;}
.footer-grid .aberto .sanfona-rodape-btn::after{transform:rotate(-135deg);}
.footer-grid h4.sanfona-rodape + ul{display:none;padding-bottom:12px;}
.footer-grid .aberto > h4.sanfona-rodape + ul{display:flex;}
.footer-pagamentos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;}
.footer-pagamentos-titulo{flex-basis:100%;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);}
.chip-pagamento{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:.78rem;font-weight:600;color:var(--ink);}
.chip-pagamento svg{width:16px;height:16px;color:var(--accent-strong);}


/* ---- voltar ao topo ---- */
.voltar-topo{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s;}
.voltar-topo.visivel{opacity:1;pointer-events:auto;transform:none;}
.voltar-topo svg{width:18px;height:18px;}
body.woocommerce-cart .voltar-topo,body.woocommerce-checkout .voltar-topo{display:none;}

}

/* ---- 1.11.2 (celular): bloco de rastreio e dicas dos campos ---- */
@media (max-width:700px){
  .footer-rastreio{flex-direction:column;align-items:stretch;text-align:center;}
  .footer-rastreio .btn{justify-content:center;width:100%;min-height:48px;}
  .atelie-com-dica::after{font-size:.78rem;}
}