/* Layout "Atacado": menu horizontal, vitrine densa, selos de desconto (inspirado em lojas de atacado de maquiagem) */
[data-store-theme="atacado"] {
  --paper: #F6F6F7; --paper-alt: #EFEFF1; --white: #FFFFFF;
  --ink: #1D1D22; --ink-2: #4A4A55; --heading: #1D1D22; --text: #2B2B33; --text-soft: #6C6C78;
  --rule: #E1E1E6; --rule-soft: #ECECF0;
  --primary: #D6246E; --primary-dark: #A8165A; --accent: #D6246E; --accent-dark: #A8165A; --accent-soft: #FDE7F0;
  --gold: #F5A524; --danger: #D92D20;
  --font-display: 'Manrope', 'Inter', sans-serif; --font-body: 'Inter', sans-serif;
}
[data-store-theme="atacado"][data-theme="dark"] {
  --paper: #17171B; --paper-alt: #1F1F25; --white: #202027; --ink: #F3F3F6; --ink-2: #C9C9D2;
  --heading: #F3F3F6; --text: #E7E7EC; --text-soft: #A5A5B2; --rule: #34343F; --rule-soft: #2B2B35;
  --primary: #F0508F; --primary-dark: #D6246E; --accent: #F0508F; --accent-dark: #FF7AAE; --accent-soft: #3A1F2D;
}
[data-store-theme="atacado"] body { background: var(--paper); }
[data-store-theme="atacado"] .topbar { background: var(--primary); color: #fff; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; font-size: .7rem; }
[data-store-theme="atacado"] .topbar a { color: #fff; text-decoration: underline; }
[data-store-theme="atacado"] .navbar { background: var(--white); border-bottom: 1px solid var(--rule); box-shadow: none; }
[data-store-theme="atacado"] .navbar-inner { min-height: 96px; }
[data-store-theme="atacado"] .navbar-logo { flex-basis: 190px; width: 190px; min-width: 190px; height: 90px; color: var(--primary-dark); }
[data-store-theme="atacado"] .navbar-logo img { width: 190px; height: 90px; max-width: 190px; }
[data-store-theme="atacado"] .navbar-busca { max-width: 640px; margin: 0 auto; }
[data-store-theme="atacado"] .navbar-busca input { border-radius: 6px 0 0 6px; background: var(--white); border: 2px solid var(--primary); border-right: none; }
[data-store-theme="atacado"] .navbar-busca button { border-radius: 0 6px 6px 0; background: var(--primary); width: 56px; }
[data-store-theme="atacado"] .navbar-acoes a { color: var(--heading); }
[data-store-theme="atacado"] .navbar-acoes a:hover { color: var(--primary); }
[data-store-theme="atacado"] .tema-toggle { background: var(--white); border-color: var(--rule); color: var(--heading); }
[data-store-theme="atacado"] .btn, [data-store-theme="atacado"] .btn-primary { background: var(--primary); color: #fff; border-color: transparent; border-radius: 6px; box-shadow: none; text-transform: uppercase; letter-spacing: .04em; font-weight: 800; }
[data-store-theme="atacado"] .btn:hover, [data-store-theme="atacado"] .btn-primary:hover { background: var(--primary-dark); }
[data-store-theme="atacado"] .btn-ghost { background: var(--white); color: var(--heading); border: 1px solid var(--rule); }
[data-store-theme="atacado"] .btn-ghost:hover { border-color: var(--primary); color: var(--primary); background: var(--white); }
[data-store-theme="atacado"] input, [data-store-theme="atacado"] select, [data-store-theme="atacado"] textarea { background: var(--white); border-color: var(--rule); border-radius: 6px; }
[data-store-theme="atacado"] .beneficios { background: var(--white); border-color: var(--rule); }
[data-store-theme="atacado"] .beneficio strong { color: var(--primary); }

/* Cartões de produto: densos, cantos discretos, selo de desconto */
[data-store-theme="atacado"] .produtos-grid { grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: .75rem; }
[data-store-theme="atacado"] .produto-card { position: relative; border-radius: 6px; box-shadow: none; background: var(--white); border-color: var(--rule); }
[data-store-theme="atacado"] .produto-card:hover { transform: none; border-color: var(--primary); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
[data-store-theme="atacado"] .produto-card .foto-wrap, [data-store-theme="atacado"] .produto-card .foto-vazia { background: #fff; }
[data-store-theme="atacado"] .produto-card .foto { height: 190px; object-fit: contain; mix-blend-mode: normal; }
[data-store-theme="atacado"] .produto-card .nome { font-weight: 600; font-size: .8rem; }
[data-store-theme="atacado"] .produto-card .preco-principal { color: var(--primary); font-family: var(--font-display); font-size: 1.15rem; font-weight: 800; }
[data-store-theme="atacado"] .produto-card .btn-comprar { width: 100%; border-radius: 6px; }
[data-store-theme="atacado"] .produto-card .selo-desconto { display: inline-block; position: absolute; top: 8px; left: 8px; z-index: 2; background: var(--primary); color: #fff; font-size: .68rem; font-weight: 800; padding: .2rem .45rem; border-radius: 4px; letter-spacing: .02em; }

/* Rodapé */
[data-store-theme="atacado"] footer { background: #1D1D22; border-top: 4px solid var(--primary); }

/* Menu de categorias horizontal (desktop) com submenu ao passar o mouse */
@media (min-width: 861px) {
  [data-store-theme="atacado"] .loja-shell { display: block; max-width: none; }
  [data-store-theme="atacado"] .menu-categorias { position: sticky; top: 96px; min-height: 0; width: 100%; padding: 0; background: #1D1D22; border: 0; box-shadow: none; z-index: 150; }
  [data-store-theme="atacado"] .menu-categorias-toggle, [data-store-theme="atacado"] .menu-categorias-intro { display: none; }
  [data-store-theme="atacado"] .menu-categorias:not(.aberto) .menu-categorias-conteudo, [data-store-theme="atacado"] .menu-categorias-conteudo { display: block !important; border: 0; padding: 0; }
  [data-store-theme="atacado"] .departamentos-lista { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 1600px; margin: 0 auto; }
  [data-store-theme="atacado"] .dept-item { position: relative; border: 0; }
  [data-store-theme="atacado"] .dept-heading { gap: 0; }
  [data-store-theme="atacado"] .dept-link { color: #fff; text-transform: uppercase; letter-spacing: .05em; font-size: .72rem; font-weight: 800; padding: .95rem 1rem; border-radius: 0; }
  [data-store-theme="atacado"] .dept-link:hover, [data-store-theme="atacado"] .dept-item.ativo > .dept-heading .dept-link, [data-store-theme="atacado"] .dept-item:hover > .dept-heading .dept-link { background: var(--primary); color: #fff; }
  [data-store-theme="atacado"] .dept-marker, [data-store-theme="atacado"] .dept-expand { display: none; }
  [data-store-theme="atacado"] .dept-mega, [data-store-theme="atacado"] .dept-item.aberto .dept-mega { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; padding: .5rem 0; background: var(--white); border: 1px solid var(--rule); border-top: 3px solid var(--primary); box-shadow: 0 12px 28px rgba(0,0,0,.16); z-index: 300; animation: none; }
  [data-store-theme="atacado"] .dept-item:hover > .dept-mega, [data-store-theme="atacado"] .dept-item:focus-within > .dept-mega { display: block; }
  [data-store-theme="atacado"] .dept-mega a { color: var(--text); border-left: 0; padding: .5rem 1rem; font-size: .78rem; }
  [data-store-theme="atacado"] .dept-mega a:hover { background: var(--accent-soft); color: var(--primary-dark); }
}

/* ===== Celular e tablet (até 860px): mesmo visual atacado do computador ===== */
@media (max-width: 860px) {
  [data-store-theme="atacado"] .topbar { font-size: .62rem; }
  [data-store-theme="atacado"] .navbar-inner { min-height: 0; padding: .55rem 0; gap: .5rem .75rem; }
  [data-store-theme="atacado"] .navbar-logo { flex-basis: 150px; width: 150px; min-width: 0; height: 56px; }
  [data-store-theme="atacado"] .navbar-logo img { width: 150px; height: 56px; max-width: 150px; object-fit: contain; }
  [data-store-theme="atacado"] .navbar-busca { grid-column: 1 / -1; grid-row: 2; max-width: none; margin: 0; }
  [data-store-theme="atacado"] .navbar-busca input { height: 42px; }

  /* Departamentos: faixa escura rolável na horizontal (como no computador) */
  [data-store-theme="atacado"] .menu-categorias { position: relative; top: auto; width: 100%; min-height: 0; padding: 0; background: #1D1D22; border: 0; box-shadow: none; }
  [data-store-theme="atacado"] .menu-categorias-toggle, [data-store-theme="atacado"] .menu-categorias-intro { display: none; }
  [data-store-theme="atacado"] .menu-categorias:not(.aberto) .menu-categorias-conteudo, [data-store-theme="atacado"] .menu-categorias-conteudo { display: block !important; border: 0; padding: 0; }
  [data-store-theme="atacado"] .departamentos-lista { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  [data-store-theme="atacado"] .departamentos-lista::-webkit-scrollbar { display: none; }
  [data-store-theme="atacado"] .dept-item { flex: 0 0 auto; min-width: 0; border: 0; }
  [data-store-theme="atacado"] .dept-heading { gap: 0; }
  [data-store-theme="atacado"] .dept-link { color: #fff; text-transform: uppercase; letter-spacing: .05em; font-size: .68rem; font-weight: 800; padding: .85rem .9rem; border-radius: 0; border: 0; white-space: nowrap; transform: none; }
  [data-store-theme="atacado"] .dept-link:hover, [data-store-theme="atacado"] .dept-item.ativo > .dept-heading .dept-link { background: var(--primary); color: #fff; border: 0; transform: none; }
  [data-store-theme="atacado"] .dept-marker, [data-store-theme="atacado"] .dept-expand, [data-store-theme="atacado"] .dept-mega, [data-store-theme="atacado"] .dept-item.aberto .dept-mega { display: none; }

  /* Vitrine densa */
  [data-store-theme="atacado"] .produtos-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .5rem; }
}
@media (max-width: 560px) {
  [data-store-theme="atacado"] .navbar-logo { flex-basis: 120px; width: 120px; height: 48px; }
  [data-store-theme="atacado"] .navbar-logo img { width: 120px; height: 48px; max-width: 120px; }
  [data-store-theme="atacado"] .produtos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-store-theme="atacado"] .produto-card { border-radius: 6px; }
  [data-store-theme="atacado"] .produto-card .foto, [data-store-theme="atacado"] .produto-card .foto-vazia { height: 150px; }
  [data-store-theme="atacado"] .produto-card .corpo { padding: .55rem .55rem .65rem; }
  [data-store-theme="atacado"] .produto-card .nome { font-size: .72rem; }
  [data-store-theme="atacado"] .produto-card .preco-principal { font-size: 1rem; }
  [data-store-theme="atacado"] .produto-card .btn { font-size: .66rem; padding: .6rem .4rem; }
}