/* =========================================================
   Lojas Leve On — Visual Refresh (contraste, tipografia,
   foco, componentes) | v13
   Colar em: /css/theme.css
========================================================= */

/* ===================== */
/* Variáveis (Tema Claro)*/
/* ===================== */
:root{ --brand-name: #16a34a; }   /* ajuste aqui se preferir outro verde */

:root {
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, "Noto Sans", "Helvetica Neue", sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* Base */
  --bg: #ffffff;
  --bg-soft: #f8fafc;
  --panel: #ffffff;
  --panel-border: #e5e7eb;

  --text: #0f172a;
  --text-muted: #475569;
  --text-inv: #ffffff;

  /* Marca (dois roxos) */
  --brand:   #6a0dad;
  --brand-2: #4b0c8e;
  --brand-3: #3f0a79;

  /* Links */
  --link: #6a0dad;
  --link-hover-bg: rgba(106,13,173,0.10);

  /* Estados */
  --ok: #166534;      --ok-bg: #ecfdf5;   --ok-bd: #bbf7d0;
  --warn: #9a3412;    --warn-bg: #fff7ed; --warn-bd: #fed7aa;
  --err: #991b1b;     --err-bg: #fef2f2;  --err-bd: #fecaca;

  --focus: #6a0dad;
  --shadow: 0 2px 10px rgba(0,0,0,.06);
  --shadow-strong: 0 18px 40px rgba(2,6,23,.12), 0 2px 6px rgba(2,6,23,.06);

  /* Botões */
  --btn-bg: var(--brand);
  --btn-bg-hover: #5f0ca2;
  --btn-text: #fff;

  --btn-sec-bg: #6b7280;
  --btn-sec-hover: #5b616e;
  --btn-sec-text: #fff;

  --btn-outline-bg: #fff;
  --btn-outline-bd: var(--brand);
  --btn-outline-text: var(--brand);
}

/* ===================== */
/* Tema Escuro           */
/* ===================== */
html[data-theme="dark"],
body[data-theme="dark"] {
  --bg: #0b0f18;
  --bg-soft: #0f1624;
  --panel: #121a2a;
  --panel-border: #273248;

  --text: #e6ebf5;
  --text-muted: #9fb0d1;
  --text-inv: #0b0f18;

  --link: #b58df0;
  --link-hover-bg: rgba(181,141,240,0.15);

  --ok: #86efac;   --ok-bg: #052e1a; --ok-bd: #14532d;
  --warn: #fdba74; --warn-bg: #2a1607; --warn-bd: #7c2d12;
  --err: #fca5a5;  --err-bg: #2b0f0f; --err-bd: #7f1d1d;

  --focus: #b58df0;

  --btn-bg: #b58df0;
  --btn-bg-hover: #a67aef;
  --btn-text: #0b0f18;

  --btn-sec-bg: #475569;
  --btn-sec-hover: #3b4857;
  --btn-sec-text: #e6ebf5;

  --btn-outline-bg: transparent;
  --btn-outline-bd: #b58df0;
  --btn-outline-text: #b58df0;

  --shadow: 0 2px 10px rgba(0,0,0,.45);
  --shadow-strong: 0 22px 48px rgba(0,0,0,.45), 0 2px 10px rgba(0,0,0,.28);
}

/* Honor SO preference when user didn’t choose */
@media (prefers-color-scheme: dark) {
  body:not([data-theme]) {
    --bg: #0b0f18; --bg-soft: #0f1624; --panel: #121a2a; --panel-border: #273248;
    --text: #e6ebf5; --text-muted: #9fb0d1; --text-inv: #0b0f18;
    --link: #b58df0; --link-hover-bg: rgba(181,141,240,0.15);
    --focus: #b58df0;
    --btn-bg: #b58df0; --btn-bg-hover:#a67aef; --btn-text:#0b0f18;
    --btn-sec-bg:#475569; --btn-sec-hover:#3b4857; --btn-sec-text:#e6ebf5;
    --btn-outline-bg:transparent; --btn-outline-bd:#b58df0; --btn-outline-text:#b58df0;
    --shadow: 0 2px 10px rgba(0,0,0,.45);
    --shadow-strong: 0 22px 48px rgba(0,0,0,.45), 0 2px 10px rgba(0,0,0,.28);
  }
}

/* ===================== */
/* Base                  */
/* ===================== */
html { -webkit-text-size-adjust: 100%; }
html, body { background: var(--bg); color: var(--text); font-family: var(--font-body); }
body { line-height: 1.6; font-size: 16px; text-rendering: optimizeLegibility; }
.container { width: min(1200px, 92vw); margin: 0 auto; }

/* Links */
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; background: var(--link-hover-bg); border-radius: 6px; }

/* Headings */
h1,h2,h3,h4 { line-height: 1.25; color: var(--text); }
.page-title { font-weight: 800; }

/* Cards/Panéis */
.card {
  background: var(--panel);
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow);
  color: var(--text);
}
.card h3 { color: var(--text); }

/* ===================== */
/* Formulários           */
/* ===================== */
input, select, textarea {
  width: 100%; color: var(--text); background: var(--bg);
  border: 1px solid var(--panel-border); border-radius: var(--radius-sm);
  padding: 10px 12px; outline: none;
}
input::placeholder, textarea::placeholder { color: color-mix(in srgb, var(--text-muted) 70%, var(--text) 30%); }
input:focus, select:focus, textarea:focus {
  border-color: var(--focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--focus) 28%, transparent);
}

/* ===================== */
/* Botões                */
/* ===================== */
.btn, .btn-pill, .btn-sm, .btn-outline, .btn-sec, .btn-danger,
a.btn, a.btn-pill, a.btn-sm, a.btn-outline, a.btn-sec, a.btn-danger {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-weight: 800; text-decoration: none !important; cursor: pointer;
  border-radius: var(--radius-sm); border: 2px solid transparent;
  padding: 10px 14px; line-height: 1;
  transition: filter .15s ease, transform .08s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.btn, .btn-pill { background: var(--btn-bg); color: var(--btn-text); border-color: var(--btn-bg); }
.btn:hover, .btn-pill:hover { background: var(--btn-bg-hover); transform: translateY(-1px); }
.btn-sec { background: var(--btn-sec-bg); color: var(--btn-sec-text); border-color: var(--btn-sec-bg); }
.btn-sec:hover { background: var(--btn-sec-hover); transform: translateY(-1px); }
.btn-outline { background: var(--btn-outline-bg); color: var(--btn-outline-text); border-color: var(--btn-outline-bd); }
.btn-outline:hover { background: var(--link-hover-bg); transform: translateY(-1px); }
.btn-danger { background: #b91c1c; color:#fff; border-color:#b91c1c; }
.btn-danger:hover { filter: brightness(1.05); transform: translateY(-1px); }
.btn-sm { padding: 6px 10px; font-size: .9rem; border-radius: 6px; }
.btn-pill { border-radius: 999px; }

/* Foco */
a:focus-visible, button:focus-visible, .btn:focus-visible, .btn-outline:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}

/* Badges & Pills */
.badge {
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 22px; height: 22px; padding: 0 8px; border-radius: 999px;
  font-size: 12px; font-weight: 800; border: 1px solid var(--panel-border);
  background: var(--bg-soft); color: var(--text);
}
.pill { display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:999px; font-size:.82rem; font-weight:800; border:1px solid transparent; }
.pill-pago      { background: var(--ok-bg);    color: var(--ok);   border-color: var(--ok-bd); }
.pill-faturado  { background: #eef2ff; color: #3730a3; border-color: #c7d2fe; }
.pill-concluido { background: #e6f4ff; color: #1e40af; border-color: #bfdbfe; }
.pill-pendente  { background: var(--warn-bg);  color: var(--warn); border-color: var(--warn-bd); }
.pill-cancelado { background: var(--err-bg);   color: var(--err);  border-color: var(--err-bd); }
.pill-pix       { background: #ecfeff; color: #155e75; border-color: #a5f3fc; }
.pill-default   { background: var(--bg-soft);  color: var(--text); border-color: var(--panel-border); }

/* Tabelas */
.table-head, .orders-table thead th, .tabela-carrinho thead th {
  color: var(--text); background: var(--bg-soft); border-bottom: 1px solid var(--panel-border);
}
.orders-table, .tabela-carrinho {
  width: 100%; border-collapse: separate; border-spacing: 0;
  background: var(--panel); border: 1px solid var(--panel-border); border-radius: var(--radius-md); overflow: hidden;
}
.orders-table tbody td, .tabela-carrinho tbody td { color: var(--text); border-bottom: 1px solid var(--panel-border); }
.orders-table tbody tr:hover td, .tabela-carrinho tbody tr:hover td {
  background: color-mix(in srgb, var(--bg-soft) 80%, transparent);
}

/* Alerts */
.alert { border-radius: var(--radius-sm); padding: 10px 12px; margin: 8px 0; border:1px solid transparent; }
.alert.ok  { background: var(--ok-bg);   color: var(--ok);   border-color: var(--ok-bd); }
.alert.err { background: var(--err-bg);  color: var(--err);  border-color: var(--err-bd); }
.alert.wrn { background: var(--warn-bg); color: var(--warn); border-color: var(--warn-bd); }

/* Utilitários */
.muted { color: var(--text-muted) !important; }
.tiny { font-size: .88rem; color: var(--text-muted); }
.elev-1 { box-shadow: var(--shadow); }
.elev-2 { box-shadow: var(--shadow-strong); }

/* Responsivo: tabelas viram cards */
@media (max-width: 760px){
  .orders-table thead, .tabela-carrinho thead { display:none; }
  .orders-table, .orders-table tbody, .orders-table tr, .orders-table td,
  .tabela-carrinho, .tabela-carrinho tbody, .tabela-carrinho tr, .tabela-carrinho td {
    display:block; width:100%;
  }
  .orders-table tbody td, .tabela-carrinho tbody td {
    display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px;
  }
  .orders-table tbody td::before, .tabela-carrinho tbody td::before {
    content: attr(data-label); font-weight:800; color: var(--text-muted);
  }
}

/* ===================== */
/* Header (dois roxos)   */
/* ===================== */
.site-header .topbar { background: var(--brand) !important; color: var(--text-inv); }
.site-header .topbar .brand-title,
.site-header .topbar .brand-subtitle { color: #fff; }

.site-header .menu-principal { background: var(--brand-2) !important; color:#fff; border-bottom:1px solid var(--brand-3); }
.site-header .menu-principal a,
.site-header .menu-topo a,
#app-drawer .drawer-panel a { color: #fff !important; text-decoration:none !important; }
.site-header .menu-principal a:hover { background: rgba(255,255,255,.12); border-radius: 8px; }

/* Busca do topo */
.topbar .busca input[type="search"]{
  background:#fff; border:1px solid #e5e7eb; color:#111827;
}
.topbar .busca button{ background:#4c1d95; color:#fff; border:none; }

/* Botão menu mobile */
#menu-toggle{ background:#6a0dad; color:#fff; border:none; border-radius:8px; padding:8px 12px; cursor:pointer; }

/* =========================================================
   Lojas Leve On - Home Premium / Design System inicial
   Classes novas com prefixo lo- para conviver com legado.
========================================================= */
:root{
  --lo-bg:#f6f8ff;
  --lo-surface:#ffffff;
  --lo-surface-2:#eef4ff;
  --lo-line:#dbe5f6;
  --lo-text:#101827;
  --lo-muted:#5c6880;
  --lo-purple:#7600bd;
  --lo-purple-2:#6900b0;
  --lo-green:#22c55e;
  --lo-blue:#4f7cff;
  --lo-yellow:#facc15;
  --lo-shadow:0 22px 70px rgba(56,76,150,.15);
  --lo-shadow-soft:0 12px 34px rgba(15,23,42,.08);
  --lo-radius-sm:12px;
  --lo-radius-md:18px;
  --lo-radius-lg:26px;
}

html[data-theme="dark"],
body[data-theme="dark"]{
  --lo-bg:#080b18;
  --lo-surface:#131a2e;
  --lo-surface-2:#10162a;
  --lo-line:#2b365d;
  --lo-text:#f8fbff;
  --lo-muted:#b9c3df;
  --lo-shadow:0 28px 88px rgba(0,0,0,.42);
  --lo-shadow-soft:0 15px 40px rgba(0,0,0,.34);
}

body.lo-home-page{
  background:var(--lo-bg);
}

body.lo-home-page .site-header .topbar{
  background:linear-gradient(100deg,var(--lo-purple),var(--lo-purple-2)) !important;
  color:#fff !important;
  box-shadow:var(--lo-shadow);
  border-radius:0 0 28px 28px;
  padding-bottom:16px;
}

body.lo-home-page .site-header .menu-principal{
  display:none;
}

body.lo-home-page .topbar .brand-logo img{
  width:68px;
}

body.lo-home-page .topbar .brand-title{
  color:var(--lo-green) !important;
  font-weight:900;
}

body.lo-home-page .topbar .busca{
  min-height:54px;
}

body.lo-home-page .topbar .busca input[type="search"]{
  border-radius:999px;
  min-height:50px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 16px 45px rgba(0,0,0,.18);
}

body.lo-home-page .topbar .btn-lupa{
  min-height:50px;
  min-width:54px;
  border-radius:999px;
  background:var(--lo-blue);
  color:#fff;
  box-shadow:0 14px 30px rgba(15,23,42,.22);
}

body.lo-home-page #main-content.container{
  max-width:none;
  width:100%;
  padding:0;
}

.lo-home{
  width:min(1240px, calc(100% - 30px));
  margin:0 auto;
  color:var(--lo-text);
}

.lo-home a{
  text-decoration:none;
}

.lo-quick-wrap{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));
  gap:12px;
  margin:22px 0 18px;
}

.lo-quick-card{
  min-height:112px;
  border-radius:var(--lo-radius-md);
  border:1px solid var(--lo-line);
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  color:var(--lo-text);
  box-shadow:var(--lo-shadow-soft);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  padding:16px;
  font-weight:900;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.lo-quick-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--lo-blue) 45%, var(--lo-line));
  box-shadow:var(--lo-shadow);
}

.lo-quick-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb, var(--lo-blue) 16%, transparent);
  color:var(--lo-blue);
  font-size:20px;
  font-weight:900;
}

.lo-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(300px, .85fr);
  gap:18px;
  margin:18px 0;
}

.lo-hero-main,
.lo-hero-side,
.lo-section,
.lo-campaign,
.lo-empty-state{
  border:1px solid var(--lo-line);
  border-radius:var(--lo-radius-lg);
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  box-shadow:var(--lo-shadow-soft);
}

.lo-hero-main{
  min-height:360px;
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  position:relative;
}

.lo-hero-main::after{
  content:"";
  position:absolute;
  inset:auto -90px -120px auto;
  width:320px;
  height:320px;
  border-radius:999px;
  background:radial-gradient(circle, color-mix(in srgb, var(--lo-green) 35%, transparent), transparent 70%);
  pointer-events:none;
}

.lo-eyebrow,
.lo-kicker{
  color:var(--lo-green);
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.lo-hero h1{
  max-width:760px;
  margin:14px 0 12px;
  color:var(--lo-text);
  font-size:clamp(2.2rem, 6vw, 4.5rem);
  line-height:.98;
  font-weight:900;
}

.lo-hero p,
.lo-campaign p,
.lo-empty-state p{
  color:var(--lo-muted);
  line-height:1.55;
  font-size:1.02rem;
}

.lo-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
  position:relative;
  z-index:1;
}

.lo-btn{
  min-height:48px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  font-weight:900;
  border:1px solid transparent;
}

.lo-btn-primary{
  background:var(--lo-blue);
  color:#fff;
}

.lo-btn-secondary{
  background:var(--lo-green);
  color:#07121a;
}

.lo-btn-ghost{
  background:transparent;
  color:var(--lo-text);
  border-color:var(--lo-line);
}

.lo-hero-side{
  padding:20px;
  display:grid;
  gap:12px;
}

.lo-hero-side article{
  border:1px solid color-mix(in srgb, var(--lo-line) 80%, transparent);
  border-radius:20px;
  padding:18px;
  background:color-mix(in srgb, var(--lo-surface) 82%, transparent);
}

.lo-hero-side strong,
.lo-trust-grid strong{
  display:block;
  color:var(--lo-text);
  font-size:1.08rem;
  font-weight:900;
}

.lo-hero-side span{
  display:block;
  margin-top:7px;
  color:var(--lo-muted);
  line-height:1.45;
  font-size:.94rem;
}

.lo-section,
.lo-campaign,
.lo-empty-state{
  margin:18px 0;
  padding:22px;
}

.lo-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.lo-section h2,
.lo-campaign h2,
.lo-empty-state h2{
  margin:4px 0 0;
  color:var(--lo-text);
  font-size:clamp(1.55rem, 3vw, 2.35rem);
  line-height:1.08;
  font-weight:900;
}

.lo-section-link{
  color:var(--lo-blue);
  font-weight:900;
  white-space:nowrap;
}

.lo-category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(132px, 1fr));
  gap:12px;
}

.lo-category-card{
  min-height:132px;
  border:1px solid var(--lo-line);
  border-radius:20px;
  background:color-mix(in srgb, var(--lo-surface) 80%, var(--lo-surface-2));
  color:var(--lo-text);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:16px;
  font-weight:900;
  transition:transform .15s ease, border-color .15s ease;
}

.lo-category-card:hover{
  transform:translateY(-2px);
  border-color:var(--lo-blue);
}

.lo-category-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb, var(--lo-green) 18%, transparent);
  color:var(--lo-green);
  font-size:20px;
}

.lo-campaign{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
}

.lo-product-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.lo-product-card{
  border:1px solid var(--lo-line);
  border-radius:22px;
  overflow:hidden;
  background:var(--lo-surface);
  color:var(--lo-text);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.lo-product-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--lo-shadow);
  border-color:color-mix(in srgb, var(--lo-blue) 45%, var(--lo-line));
}

.lo-product-card-featured{
  grid-column:span 2;
}

.lo-product-img{
  position:relative;
  display:block;
  aspect-ratio:1 / 1;
  background:color-mix(in srgb, var(--lo-surface-2) 82%, #fff);
  overflow:hidden;
}

.lo-product-card-featured .lo-product-img{
  aspect-ratio:16 / 8;
}

.lo-product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.lo-chip{
  position:absolute;
  z-index:1;
  top:10px;
  left:10px;
  border-radius:999px;
  padding:5px 10px;
  font-size:.78rem;
  font-weight:900;
}

.lo-chip-sale{
  background:var(--lo-green);
  color:#07121a;
}

.lo-chip-dark{
  top:auto;
  bottom:10px;
  background:rgba(15,23,42,.88);
  color:#fff;
}

.lo-product-body{
  padding:13px;
}

.lo-product-price{
  display:block;
  color:var(--lo-green);
  font-size:1.26rem;
  font-weight:900;
}

.lo-product-old{
  display:block;
  color:var(--lo-muted);
  text-decoration:line-through;
  font-size:.88rem;
  margin-top:2px;
}

.lo-product-body h3{
  margin:9px 0 8px;
  font-size:.96rem;
  line-height:1.32;
  min-height:2.6em;
  max-height:2.6em;
  overflow:hidden;
}

.lo-product-body h3 a{
  color:var(--lo-text);
}

.lo-product-cta{
  color:var(--lo-blue);
  font-weight:900;
  font-size:.88rem;
}

.lo-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:8px;
  scroll-snap-type:x mandatory;
}

.lo-rail::-webkit-scrollbar{
  height:8px;
}

.lo-rail::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:color-mix(in srgb, var(--lo-blue) 42%, var(--lo-line));
}

.lo-mini-card{
  flex:0 0 190px;
  scroll-snap-align:start;
  border:1px solid var(--lo-line);
  border-radius:18px;
  background:var(--lo-surface);
  color:var(--lo-text);
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:transform .15s ease, border-color .15s ease;
}

.lo-mini-card:hover{
  transform:translateY(-2px);
  border-color:var(--lo-blue);
}

.lo-mini-img{
  height:118px;
  border-radius:14px;
  background:var(--lo-surface-2);
  display:grid;
  place-items:center;
  overflow:hidden;
}

.lo-mini-img img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.lo-mini-name{
  min-height:2.5em;
  max-height:2.5em;
  overflow:hidden;
  color:var(--lo-text);
  font-size:.9rem;
  line-height:1.25;
}

.lo-mini-card strong{
  color:var(--lo-green);
  font-weight:900;
}

.lo-trust-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  margin:18px 0 24px;
}

.lo-trust-grid article{
  min-height:170px;
  border:1px solid var(--lo-line);
  border-radius:22px;
  padding:18px;
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  box-shadow:var(--lo-shadow-soft);
}

.lo-trust-grid span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  background:color-mix(in srgb, var(--lo-green) 18%, transparent);
  color:var(--lo-green);
  font-weight:900;
}

.lo-trust-grid p{
  color:var(--lo-muted);
  line-height:1.45;
  margin:8px 0 0;
  font-size:.93rem;
}

.lo-empty-state{
  text-align:center;
  display:grid;
  justify-items:center;
  gap:10px;
}

.lo-pagination{
  margin:18px 0 30px;
  padding:16px 0 0;
  border-top:1px solid var(--lo-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.lo-page-size,
.lo-page-nav{
  display:flex;
  align-items:center;
  gap:10px;
}

.lo-page-size label,
.lo-page-nav{
  color:var(--lo-muted);
  font-weight:800;
}

.lo-page-size select{
  width:auto;
  min-width:86px;
  background:var(--lo-surface);
  border-color:var(--lo-line);
  color:var(--lo-text);
}

.lo-page-btn{
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid var(--lo-line);
  background:var(--lo-surface);
  color:var(--lo-text);
  font-size:1.4rem;
  font-weight:900;
}

.lo-page-btn[data-disabled="true"]{
  opacity:.45;
  pointer-events:none;
}

@media (max-width: 1040px){
  .lo-hero{
    grid-template-columns:1fr;
  }
  .lo-product-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .lo-trust-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  body.lo-home-page .site-header .topbar{
    border-radius:0 0 24px 24px;
  }
  body.lo-home-page .topbar .brand-logo img{
    width:82px;
  }
  .lo-home{
    width:100%;
    padding:0 16px;
  }
  .lo-quick-wrap{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }
  .lo-quick-card{
    min-height:106px;
    padding:13px;
  }
  .lo-hero-main{
    min-height:0;
    padding:24px;
  }
  .lo-hero h1{
    font-size:2.55rem;
  }
  .lo-campaign,
  .lo-section-head,
  .lo-pagination{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }
  .lo-product-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .lo-product-card-featured{
    grid-column:span 2;
  }
  .lo-trust-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 440px){
  .lo-quick-wrap{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .lo-product-body{
    padding:10px;
  }
  .lo-product-price{
    font-size:1.08rem;
  }
  .lo-product-body h3{
    font-size:.88rem;
  }
  .lo-mini-card{
    flex-basis:165px;
  }
}

/* =========================================================
   LO-HOME-001B - Home Premium B mais próxima do conceito
========================================================= */
body.lo-home-premium-b{
  --lo-bg:#050917;
  --lo-surface:#10182c;
  --lo-surface-2:#0b1223;
  --lo-line:#253257;
  --lo-text:#f8fbff;
  --lo-muted:#b9c3df;
  --lo-purple:#7c2cff;
  --lo-purple-2:#4b0c8e;
  --lo-green:#28dc72;
  --lo-blue:#4f7cff;
  --lo-pink:#e05cff;
  --lo-shadow:0 24px 80px rgba(0,0,0,.42);
  background:
    radial-gradient(circle at 20% 0%, rgba(124,44,255,.24), transparent 34rem),
    radial-gradient(circle at 90% 12%, rgba(79,124,255,.18), transparent 30rem),
    var(--lo-bg);
}

html:not([data-theme="dark"]) body.lo-home-premium-b{
  --lo-bg:#f5f7ff;
  --lo-surface:#ffffff;
  --lo-surface-2:#eef3ff;
  --lo-line:#dae5fb;
  --lo-text:#101827;
  --lo-muted:#5c6880;
  --lo-shadow:0 22px 65px rgba(56,76,150,.16);
  background:
    radial-gradient(circle at 20% 0%, rgba(124,44,255,.12), transparent 34rem),
    radial-gradient(circle at 90% 12%, rgba(79,124,255,.12), transparent 30rem),
    var(--lo-bg);
}

body.lo-home-premium-b .top-banner{
  display:none;
}

body.lo-home-premium-b .site-header .topbar{
  border-radius:0;
  padding:12px 0 14px;
  background:linear-gradient(100deg,#6f00bd,#3d096f) !important;
}

body.lo-home-premium-b .topbar .container.topo-flex{
  width:min(1500px, calc(100% - 44px));
  max-width:none;
  display:grid;
  grid-template-columns:auto minmax(360px, 1fr) auto auto;
  align-items:center;
  gap:16px;
  padding:0;
}

body.lo-home-premium-b .topbar .brand{
  min-width:0;
}

body.lo-home-premium-b .topbar .brand-logo img{
  width:58px;
  height:58px;
  object-fit:contain;
}

body.lo-home-premium-b .topbar .brand-title{
  font-size:24px;
  line-height:1;
}

body.lo-home-premium-b .topbar .brand-subtitle{
  font-size:12px;
  opacity:.86;
}

body.lo-home-premium-b .topbar .busca{
  max-width:none;
  min-height:48px;
}

body.lo-home-premium-b .topbar .busca input[type="search"]{
  min-height:48px;
  background:rgba(3,7,18,.68);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 14px 35px rgba(0,0,0,.22);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .topbar .busca input[type="search"]{
  background:#ffffff;
  color:#111827;
}

body.lo-home-premium-b .topbar .menu-topo{
  max-width:none;
  gap:6px;
  flex-wrap:nowrap;
}

body.lo-home-premium-b .topbar .menu-topo a{
  font-size:.9rem;
  padding:8px 9px;
}

body.lo-home-premium-b .theme-round,
body.lo-home-premium-b .mobile-alert-link,
body.lo-home-premium-b .menu-toggle{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.11);
}

body.lo-home-premium-b #main-content.container{
  width:100%;
  max-width:none;
  padding:0;
}

body.lo-home-premium-b .lo-home{
  width:min(1500px, calc(100% - 44px));
  max-width:none;
  padding:0;
}

.lo-benefits{
  min-height:44px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  align-items:center;
  gap:14px;
  color:var(--lo-text);
  font-size:.9rem;
  font-weight:900;
  border-bottom:1px solid color-mix(in srgb, var(--lo-line) 80%, transparent);
}

.lo-benefits span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:var(--lo-muted);
}

.lo-benefits span::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:3px;
  background:var(--lo-green);
  box-shadow:0 0 18px color-mix(in srgb, var(--lo-green) 70%, transparent);
}

.lo-hero-board{
  display:grid;
  grid-template-columns:minmax(0, 2.2fr) minmax(330px, .95fr);
  gap:16px;
  margin:14px 0 16px;
}

.lo-hero-showcase{
  min-height:365px;
  border:1px solid color-mix(in srgb, var(--lo-purple) 55%, var(--lo-line));
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(circle at 75% 50%, rgba(124,44,255,.55), transparent 18rem),
    linear-gradient(135deg,#17062f 0%, #081026 58%, #050917 100%);
  box-shadow:var(--lo-shadow);
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  color:#fff;
  position:relative;
}

html:not([data-theme="dark"]) .lo-hero-showcase{
  background:
    radial-gradient(circle at 75% 50%, rgba(124,44,255,.22), transparent 18rem),
    linear-gradient(135deg,#ffffff 0%, #eef3ff 58%, #e7ecff 100%);
  color:#101827;
}

.lo-hero-showcase::after{
  content:"";
  position:absolute;
  right:8%;
  top:22%;
  width:330px;
  height:170px;
  border-radius:999px;
  border:3px solid rgba(168,85,247,.75);
  transform:rotate(-8deg);
  filter:blur(.2px);
  opacity:.75;
}

.lo-hero-copy{
  position:relative;
  z-index:1;
  padding:42px 48px;
}

.lo-hero-copy h1{
  max-width:620px;
  margin:14px 0;
  font-size:clamp(2.4rem, 4.6vw, 4.1rem);
  line-height:1.03;
  font-weight:950;
  color:inherit;
}

.lo-hero-copy p{
  max-width:500px;
  margin:0 0 24px;
  color:color-mix(in srgb, currentColor 76%, transparent);
  font-size:1.16rem;
  line-height:1.45;
}

.lo-hero-art{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  min-height:300px;
  padding:24px;
}

.lo-hero-art img{
  max-width:min(92%, 410px);
  max-height:290px;
  object-fit:contain;
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.38));
}

.lo-hero-promos{
  display:grid;
  gap:14px;
}

.lo-promo-card{
  min-height:175px;
  border:1px solid var(--lo-line);
  border-radius:16px;
  padding:28px;
  color:var(--lo-text);
  background:
    radial-gradient(circle at 88% 58%, rgba(40,220,114,.24), transparent 8rem),
    linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  box-shadow:var(--lo-shadow-soft);
}

.lo-promo-purple{
  background:
    radial-gradient(circle at 88% 58%, rgba(224,92,255,.25), transparent 8rem),
    linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
}

.lo-promo-card span{
  color:var(--lo-green);
  font-weight:950;
  font-size:1.32rem;
}

.lo-promo-purple span{
  color:var(--lo-pink);
}

.lo-promo-card strong{
  display:block;
  margin-top:12px;
  font-size:1.08rem;
  font-weight:950;
}

.lo-promo-card p{
  max-width:300px;
  margin:8px 0 0;
  color:var(--lo-muted);
  line-height:1.4;
}

body.lo-home-premium-b .lo-quick-wrap{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:12px;
  margin:14px 0;
}

body.lo-home-premium-b .lo-quick-card{
  min-height:142px;
  border-radius:14px;
  padding:18px 14px;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  border-color:var(--lo-line);
  box-shadow:none;
}

body.lo-home-premium-b .lo-quick-icon{
  width:44px;
  height:44px;
  border-radius:12px;
  color:#a977ff;
  background:rgba(124,44,255,.18);
}

.lo-quick-card strong{
  color:var(--lo-text);
  font-size:.96rem;
  font-weight:950;
}

.lo-quick-card em{
  color:var(--lo-muted);
  font-size:.82rem;
  font-style:normal;
  font-weight:700;
}

.lo-flash{
  min-height:110px;
  margin:18px 0;
  border:1px solid color-mix(in srgb, var(--lo-purple) 45%, var(--lo-line));
  border-radius:16px;
  padding:18px 28px;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:24px;
  align-items:center;
  background:
    radial-gradient(circle at 0% 50%, rgba(124,44,255,.34), transparent 16rem),
    linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
}

.lo-flash > div:first-child{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:16px;
  align-items:center;
}

.lo-flash-icon{
  grid-row:span 2;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  color:#e05cff;
  font-size:2.2rem;
}

.lo-flash strong{
  color:var(--lo-text);
  font-size:1.42rem;
  font-weight:950;
}

.lo-flash p{
  margin:4px 0 0;
  color:var(--lo-muted);
  font-weight:700;
}

.lo-countdown{
  display:flex;
  gap:12px;
}

.lo-countdown span{
  min-width:78px;
  min-height:72px;
  border:1px solid rgba(124,44,255,.45);
  border-radius:13px;
  background:rgba(124,44,255,.18);
  display:grid;
  place-items:center;
  color:var(--lo-muted);
  font-size:.78rem;
  font-weight:900;
}

.lo-countdown b{
  display:block;
  color:var(--lo-text);
  font-size:1.5rem;
}

.lo-market-section,
.lo-brand-strip{
  margin:18px 0;
}

body.lo-home-premium-b .lo-section-head{
  margin:0 0 14px;
}

.lo-section-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--lo-text);
  font-weight:950;
  font-size:1rem;
}

.lo-section-badge::before{
  content:"";
  width:24px;
  height:24px;
  border-radius:9px;
  background:linear-gradient(135deg,var(--lo-purple),#9b5cff);
  box-shadow:0 8px 20px rgba(124,44,255,.28);
}

body.lo-home-premium-b .lo-section-head h2{
  margin:5px 0 0;
  font-size:1.12rem;
  color:var(--lo-muted);
  font-weight:800;
}

body.lo-home-premium-b .lo-section-link{
  min-height:38px;
  border:1px solid rgba(124,44,255,.42);
  border-radius:12px;
  padding:9px 15px;
  color:#a977ff;
  background:rgba(124,44,255,.08);
}

.lo-product-grid-dense{
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
}

body.lo-home-premium-b .lo-product-card{
  border-radius:14px;
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  border-color:var(--lo-line);
  box-shadow:none;
}

body.lo-home-premium-b .lo-product-img{
  aspect-ratio:1.18 / .86;
  background:rgba(255,255,255,.035);
}

body.lo-home-premium-b .lo-product-img img{
  padding:14px;
  object-fit:contain;
}

.lo-fav{
  position:absolute;
  right:12px;
  top:12px;
  z-index:2;
  color:#fff;
  font-size:1.25rem;
  text-shadow:0 2px 8px rgba(0,0,0,.5);
}

html:not([data-theme="dark"]) .lo-fav{
  color:#4b5563;
}

body.lo-home-premium-b .lo-product-body{
  padding:12px 14px 14px;
}

body.lo-home-premium-b .lo-product-body h3{
  min-height:2.7em;
  max-height:2.7em;
  margin:0 0 7px;
  font-size:.92rem;
  font-weight:850;
}

.lo-stars{
  color:#facc15;
  font-size:.82rem;
  font-weight:900;
  margin-bottom:7px;
}

.lo-stars small{
  color:var(--lo-muted);
  font-weight:800;
}

body.lo-home-premium-b .lo-product-price{
  color:var(--lo-text);
  font-size:1.18rem;
  line-height:1.1;
}

.lo-installment{
  display:block;
  margin-top:3px;
  color:var(--lo-green);
  font-size:.82rem;
  font-weight:900;
}

body.lo-home-premium-b .lo-product-old{
  font-size:.78rem;
}

.lo-category-banners{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin:24px 0;
}

.lo-category-banner{
  min-height:180px;
  border-radius:16px;
  padding:24px;
  border:1px solid var(--lo-line);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  overflow:hidden;
  position:relative;
  background:linear-gradient(135deg,#0d3b7a,#071b44);
}

.lo-cat-tone-1{
  background:linear-gradient(135deg,#174b2b,#102719);
}

.lo-cat-tone-2{
  background:linear-gradient(135deg,#4b116e,#1d0c34);
}

.lo-category-banner::after{
  content:"";
  position:absolute;
  right:-20px;
  bottom:-35px;
  width:170px;
  height:170px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
}

.lo-category-banner span{
  color:#67e8f9;
  font-size:1.35rem;
  font-weight:950;
}

.lo-cat-tone-1 span{ color:#86efac; }
.lo-cat-tone-2 span{ color:#f0abfc; }

.lo-category-banner strong{
  max-width:310px;
  font-size:1rem;
  line-height:1.35;
}

.lo-category-banner em{
  width:max-content;
  margin-top:6px;
  border-radius:10px;
  padding:9px 12px;
  background:var(--lo-purple);
  font-style:normal;
  font-weight:950;
}

.lo-trust-bar{
  margin:24px 0;
}

.lo-trust-bar h2{
  color:#67e8f9;
  margin:0 0 10px;
  font-size:1.22rem;
}

.lo-trust-bar > div{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  border:1px solid var(--lo-line);
  border-radius:16px;
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  overflow:hidden;
}

.lo-trust-bar article{
  min-height:84px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:12px;
  align-content:center;
  border-right:1px solid var(--lo-line);
}

.lo-trust-bar article:last-child{
  border-right:none;
}

.lo-trust-bar span{
  grid-row:span 2;
  color:var(--lo-green);
  font-weight:950;
  font-size:1.35rem;
}

.lo-trust-bar strong{
  color:var(--lo-text);
  font-size:.9rem;
  font-weight:950;
}

.lo-trust-bar em{
  color:var(--lo-muted);
  font-size:.78rem;
  font-style:normal;
  font-weight:700;
}

.lo-brand-grid{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  gap:12px;
}

.lo-brand-grid a{
  min-height:78px;
  border-radius:14px;
  border:1px solid var(--lo-line);
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  color:var(--lo-text);
  display:grid;
  place-items:center;
  text-align:center;
  padding:10px;
  font-size:.9rem;
  font-weight:950;
}

.lo-compact-rail{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
}

.lo-rated-card{
  min-height:136px;
  border:1px solid var(--lo-line);
  border-radius:14px;
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  color:var(--lo-text);
  padding:10px;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:8px 10px;
  align-items:center;
}

.lo-rated-card span{
  grid-row:span 3;
  width:70px;
  height:86px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  display:grid;
  place-items:center;
  overflow:hidden;
}

.lo-rated-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
}

.lo-rated-card strong{
  color:var(--lo-text);
  font-size:.82rem;
  line-height:1.25;
  max-height:2.5em;
  overflow:hidden;
}

.lo-rated-card em{
  color:#facc15;
  font-style:normal;
  font-size:.78rem;
}

.lo-rated-card b{
  color:var(--lo-text);
  font-size:.9rem;
}

.lo-seller-excellence{
  margin:26px 0;
  border:1px solid color-mix(in srgb, var(--lo-purple) 45%, var(--lo-line));
  border-radius:18px;
  background:
    radial-gradient(circle at 7% 50%, rgba(124,44,255,.36), transparent 15rem),
    linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  display:grid;
  grid-template-columns:1.35fr repeat(3, 1fr);
  align-items:center;
  overflow:hidden;
}

.lo-seller-excellence > div,
.lo-seller-excellence article{
  min-height:160px;
  padding:24px;
  border-right:1px solid var(--lo-line);
}

.lo-seller-excellence article:last-child{
  border-right:none;
}

.lo-seller-excellence strong{
  display:block;
  color:var(--lo-text);
  font-size:1.15rem;
  font-weight:950;
}

.lo-seller-excellence p,
.lo-seller-excellence em{
  color:var(--lo-muted);
  font-style:normal;
  line-height:1.45;
}

.lo-seller-excellence article span,
.lo-medal{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#a977ff;
  background:rgba(124,44,255,.18);
  margin-bottom:12px;
  font-weight:950;
}

body.lo-home-premium-b .lo-pagination{
  margin-bottom:34px;
}

@media (max-width: 1180px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:auto 1fr auto;
  }
  body.lo-home-premium-b .topbar .menu-topo{
    display:none;
  }
  body.lo-home-premium-b .lo-quick-wrap{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .lo-product-grid-dense{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .lo-trust-bar > div{
    grid-template-columns:repeat(2, 1fr);
  }
  .lo-brand-grid{
    grid-template-columns:repeat(4, 1fr);
  }
  .lo-compact-rail{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width: 860px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    width:100%;
    padding:0 16px;
    grid-template-columns:auto 1fr auto;
    gap:10px;
  }
  body.lo-home-premium-b .topbar .brand{
    gap:8px;
  }
  body.lo-home-premium-b .topbar .brand-logo img{
    width:54px;
    height:54px;
  }
  body.lo-home-premium-b .topbar .brand-title{
    font-size:20px;
  }
  body.lo-home-premium-b .topbar .busca{
    grid-column:1 / -1;
    order:3;
    min-height:44px;
  }
  body.lo-home-premium-b .topbar .busca input[type="search"],
  body.lo-home-premium-b .topbar .btn-lupa{
    min-height:44px;
  }
  body.lo-home-premium-b .lo-home{
    width:100%;
    padding:0 14px;
  }
  .lo-benefits{
    grid-template-columns:repeat(2, 1fr);
    gap:0;
    font-size:.78rem;
    min-height:54px;
  }
  .lo-hero-board{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:12px;
  }
  .lo-hero-showcase{
    min-height:310px;
    grid-template-columns:1fr;
  }
  .lo-hero-showcase::after{
    width:220px;
    height:110px;
    right:2%;
    top:48%;
  }
  .lo-hero-copy{
    padding:24px 22px 6px;
  }
  .lo-hero-copy h1{
    font-size:2.15rem;
  }
  .lo-hero-copy p{
    font-size:.96rem;
    margin-bottom:16px;
  }
  .lo-hero-art{
    min-height:130px;
    padding:0 16px 18px;
  }
  .lo-hero-art img{
    max-height:150px;
  }
  .lo-hero-promos{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .lo-promo-card{
    min-height:132px;
    padding:16px;
  }
  .lo-promo-card span{
    font-size:1rem;
  }
  .lo-promo-card strong{
    font-size:.9rem;
  }
  .lo-promo-card p{
    font-size:.78rem;
  }
  body.lo-home-premium-b .lo-quick-wrap{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin:12px 0;
  }
  body.lo-home-premium-b .lo-quick-card{
    min-height:86px;
    padding:11px 12px;
    align-items:flex-start;
    text-align:left;
  }
  body.lo-home-premium-b .lo-quick-icon{
    width:32px;
    height:32px;
    border-radius:10px;
    font-size:16px;
  }
  .lo-quick-card strong{
    font-size:.88rem;
  }
  .lo-quick-card em{
    font-size:.74rem;
  }
  .lo-flash{
    grid-template-columns:1fr;
    padding:16px;
    gap:12px;
  }
  .lo-countdown{
    display:none;
  }
  .lo-product-grid-dense{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }
  body.lo-home-premium-b .lo-product-img{
    aspect-ratio:1 / .88;
  }
  body.lo-home-premium-b .lo-product-img img{
    padding:10px;
  }
  body.lo-home-premium-b .lo-product-body{
    padding:9px 10px 11px;
  }
  body.lo-home-premium-b .lo-product-body h3{
    font-size:.82rem;
  }
  body.lo-home-premium-b .lo-product-price{
    font-size:1rem;
  }
  .lo-installment{
    font-size:.73rem;
  }
  .lo-category-banners{
    grid-template-columns:1fr;
    gap:10px;
    margin:16px 0;
  }
  .lo-category-banner{
    min-height:118px;
    padding:17px;
  }
  .lo-trust-bar > div{
    grid-template-columns:1fr;
  }
  .lo-trust-bar article{
    min-height:68px;
    border-right:none;
    border-bottom:1px solid var(--lo-line);
  }
  .lo-brand-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  .lo-brand-grid a{
    min-height:58px;
  }
  .lo-compact-rail{
    grid-template-columns:1fr;
  }
  .lo-rated-card{
    min-height:104px;
  }
  .lo-seller-excellence{
    grid-template-columns:1fr;
  }
  .lo-seller-excellence > div,
  .lo-seller-excellence article{
    min-height:0;
    padding:18px;
    border-right:none;
    border-bottom:1px solid var(--lo-line);
  }
  .lo-seller-excellence article:last-child{
    border-bottom:none;
  }
}

@media (max-width: 430px){
  body.lo-home-premium-b .lo-home{
    padding:0 12px;
  }
  .lo-benefits{
    display:none;
  }
  .lo-hero-copy h1{
    font-size:1.9rem;
  }
  .lo-hero-promos{
    grid-template-columns:1fr;
  }
  body.lo-home-premium-b .lo-quick-card{
    min-height:80px;
  }
  .lo-flash-icon{
    width:42px;
    height:42px;
    font-size:1.6rem;
  }
  .lo-flash strong{
    font-size:1.08rem;
  }
}

/* LO-HOME-001C: carrossel premium isolado da home antiga */
.lo-premium-carousel{
  display:block;
}

.lo-premium-track{
  position:relative;
  min-height:365px;
  isolation:isolate;
}

.lo-premium-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  color:inherit;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(18px);
  transition:opacity .34s ease, transform .34s ease, visibility .34s ease;
}

.lo-premium-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0);
  z-index:2;
}

.lo-carousel-btn{
  position:absolute;
  top:50%;
  z-index:4;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(9,13,30,.74);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:2rem;
  line-height:1;
  transform:translateY(-50%);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.lo-carousel-btn:hover,
.lo-carousel-btn:focus-visible{
  background:rgba(124,44,255,.88);
}

.lo-carousel-prev{
  left:18px;
}

.lo-carousel-next{
  right:18px;
}

.lo-carousel-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:5;
  display:flex;
  gap:12px;
  transform:translateX(-50%);
}

.lo-carousel-dots button{
  width:11px;
  height:11px;
  border-radius:999px;
  border:0;
  padding:0;
  cursor:pointer;
  background:rgba(255,255,255,.5);
  box-shadow:0 2px 10px rgba(0,0,0,.28);
}

.lo-carousel-dots button.is-active{
  width:28px;
  background:#fff;
}

html:not([data-theme="dark"]) .lo-carousel-btn{
  background:rgba(15,23,42,.72);
}

@media (max-width: 860px){
  .lo-premium-track{
    min-height:310px;
  }
  .lo-premium-slide{
    grid-template-columns:1fr;
  }
  .lo-carousel-btn{
    width:38px;
    height:38px;
    font-size:1.55rem;
  }
  .lo-carousel-prev{
    left:10px;
  }
  .lo-carousel-next{
    right:10px;
  }
  .lo-carousel-dots{
    bottom:12px;
  }
}

@media (max-width: 430px){
  .lo-premium-track{
    min-height:292px;
  }
  .lo-carousel-btn{
    width:34px;
    height:34px;
  }
  .lo-carousel-dots button{
    width:9px;
    height:9px;
  }
  .lo-carousel-dots button.is-active{
    width:22px;
  }
}

/* LO-HOME-001D: refinamento header/footer e mobile */
body.lo-home-premium-b .site-header{
  position:relative;
  z-index:50;
}

body.lo-home-premium-b .site-header .topbar{
  background:
    radial-gradient(circle at 0% 0%, rgba(168,85,247,.28), transparent 26rem),
    linear-gradient(100deg,#6f00bd,#3c076f 65%, #23043f) !important;
}

body.lo-home-premium-b .topbar .container.topo-flex{
  min-height:68px;
}

body.lo-home-premium-b .topbar .brand{
  display:flex;
  align-items:center;
  gap:10px;
}

body.lo-home-premium-b .topbar .brand-logo{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  overflow:hidden;
}

body.lo-home-premium-b .topbar .brand-logo img{
  width:44px;
  height:44px;
}

body.lo-home-premium-b .topbar .brand-text{
  align-items:flex-start;
  text-align:left;
}

body.lo-home-premium-b .topbar .brand-title{
  color:#fff !important;
  font-size:22px;
  letter-spacing:0;
}

body.lo-home-premium-b .topbar .brand-subtitle{
  color:#e8dcff !important;
  font-size:11px;
  text-align:left;
}

body.lo-home-premium-b .topbar .busca input[type="search"]::placeholder{
  color:rgba(255,255,255,.58);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .topbar .busca input[type="search"]::placeholder{
  color:#667085;
}

body.lo-home-premium-b .topbar .menu-topo a{
  border-radius:12px;
  color:#fff !important;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}

body.lo-home-premium-b .topbar .menu-topo a:hover{
  background:rgba(255,255,255,.14);
}

body.lo-home-premium-b .topbar-actions{
  gap:8px;
}

body.lo-home-premium-b .theme-round,
body.lo-home-premium-b .mobile-alert-link,
body.lo-home-premium-b .menu-toggle{
  color:#fff;
  box-shadow:none;
  font-size:17px;
}

body.lo-home-premium-b .drawer{
  background:rgba(3,7,18,.7);
  backdrop-filter:blur(10px);
}

body.lo-home-premium-b .drawer-panel{
  max-width:340px;
  background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
  border-left:1px solid var(--lo-line);
}

body.lo-home-premium-b .menu-mobile{
  display:grid;
  gap:8px;
}

body.lo-home-premium-b .menu-mobile a{
  min-height:44px;
  border-radius:12px;
  padding:10px 12px;
  background:rgba(255,255,255,.05);
  color:var(--lo-text) !important;
  font-weight:850;
}

body.lo-home-premium-b .menu-mobile hr{
  width:100%;
  border:0;
  border-top:1px solid var(--lo-line);
}

body.lo-home-premium-b .site-header .menu-principal,
body.lo-home-premium-b .menu-principal .dropdown.categorias .dropdown-menu{
  display:none !important;
}

body.lo-home-premium-b .lo-hero-board{
  margin-top:18px;
}

body.lo-home-premium-b .lo-premium-track{
  min-height:382px;
}

body.lo-home-premium-b .lo-hero-showcase{
  min-height:382px;
}

body.lo-home-premium-b .lo-carousel-dots{
  bottom:20px;
}

.lo-premium-footer{
  margin-top:34px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124,44,255,.2), transparent 28rem),
    linear-gradient(180deg,#071025,#030817);
  color:#eef4ff;
  border-top:1px solid rgba(124,44,255,.28);
}

html:not([data-theme="dark"]) .lo-premium-footer{
  background:
    radial-gradient(circle at 0% 0%, rgba(124,44,255,.12), transparent 28rem),
    linear-gradient(180deg,#ffffff,#eef3ff);
  color:#101827;
  border-top-color:#dae5fb;
}

.lo-footer-shell{
  width:min(1500px, calc(100% - 44px));
  max-width:none;
  padding:34px 0 26px;
  display:grid;
  grid-template-columns:1.35fr repeat(4, minmax(150px, 1fr));
  gap:28px;
}

.lo-footer-logo{
  display:flex;
  align-items:center;
  gap:12px;
}

.lo-footer-logo img{
  width:54px;
  height:54px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
}

.lo-footer-logo strong{
  color:inherit;
  font-size:1.28rem;
  line-height:1.02;
  font-weight:950;
}

.lo-footer-brand p{
  max-width:310px;
  color:color-mix(in srgb, currentColor 70%, transparent);
  line-height:1.5;
  margin:14px 0 0;
}

.lo-footer-col{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.lo-footer-col h4{
  margin:0 0 5px;
  color:inherit;
  font-size:.95rem;
  font-weight:950;
}

.lo-footer-col a,
.lo-footer-col span{
  color:color-mix(in srgb, currentColor 72%, transparent);
  font-size:.9rem;
  font-weight:700;
}

.lo-footer-col a:hover{
  color:var(--lo-green);
  text-decoration:none;
}

.lo-footer-security span{
  min-height:34px;
  border:1px solid rgba(124,44,255,.22);
  border-radius:12px;
  padding:8px 10px;
  background:rgba(124,44,255,.08);
}

.lo-footer-bottom{
  width:min(1500px, calc(100% - 44px));
  margin:0 auto;
  border-top:1px solid rgba(148,163,184,.18);
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:color-mix(in srgb, currentColor 68%, transparent);
  font-size:.85rem;
}

.lo-footer-seals{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.lo-footer-seals span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:850;
}

.lo-footer-seals span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:3px;
  background:var(--lo-green);
}

@media (max-width: 1180px){
  .lo-footer-shell{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    min-height:58px;
  }
  body.lo-home-premium-b .topbar .brand-logo{
    width:42px;
    height:42px;
    border-radius:13px;
  }
  body.lo-home-premium-b .topbar .brand-logo img{
    width:38px;
    height:38px;
  }
  body.lo-home-premium-b .topbar .brand-title{
    font-size:18px;
  }
  body.lo-home-premium-b .topbar .brand-subtitle{
    display:none;
  }
  body.lo-home-premium-b .theme-round,
  body.lo-home-premium-b .mobile-alert-link,
  body.lo-home-premium-b .menu-toggle{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    border-radius:12px;
  }
  body.lo-home-premium-b .lo-premium-track,
  body.lo-home-premium-b .lo-hero-showcase{
    min-height:286px;
  }
  body.lo-home-premium-b .lo-hero-board{
    margin-top:10px;
  }
  body.lo-home-premium-b .lo-carousel-dots{
    bottom:10px;
  }
  .lo-footer-shell{
    width:100%;
    padding:26px 16px 20px;
    grid-template-columns:1fr;
    gap:20px;
  }
  .lo-footer-bottom{
    width:calc(100% - 32px);
    padding:14px 0 18px;
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 430px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    padding:0 12px;
  }
  body.lo-home-premium-b .topbar .busca input[type="search"],
  body.lo-home-premium-b .topbar .btn-lupa{
    min-height:40px;
  }
  body.lo-home-premium-b .lo-premium-track,
  body.lo-home-premium-b .lo-hero-showcase{
    min-height:268px;
  }
  .lo-footer-seals{
    gap:8px;
  }
}

/* LO-HOME-FINAL: acabamento oficial da home premium */
body.lo-home-premium-b .topbar .container.topo-flex{
  grid-template-columns:minmax(190px, auto) minmax(360px, 1fr) auto auto;
  gap:22px;
}

body.lo-home-premium-b .topbar .brand-logo{
  width:42px;
  height:42px;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}

body.lo-home-premium-b .topbar .brand-logo img{
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:0;
  background:transparent;
}

body.lo-home-premium-b .topbar .busca{
  justify-self:stretch;
}

body.lo-home-premium-b .topbar .menu-topo{
  gap:10px;
}

body.lo-home-premium-b .topbar .menu-topo a{
  min-height:40px;
  padding:9px 12px;
}

body.lo-home-premium-b .theme-round{
  background:linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
}

body.lo-home-premium-b .lo-hero-showcase::after{
  display:none;
}

body.lo-home-premium-b .lo-premium-slide{
  overflow:hidden;
}

body.lo-home-premium-b .lo-hero-copy{
  z-index:3;
  padding-bottom:64px;
}

body.lo-home-premium-b .lo-hero-art{
  align-self:stretch;
  min-height:100%;
}

body.lo-home-premium-b .lo-hero-art::before{
  content:"";
  position:absolute;
  width:min(360px, 80%);
  aspect-ratio:1 / .55;
  border-radius:999px;
  background:radial-gradient(circle, rgba(124,44,255,.42), rgba(79,124,255,.08) 58%, transparent 70%);
  filter:blur(6px);
}

body.lo-home-premium-b .lo-hero-art img{
  position:relative;
  z-index:2;
  max-height:310px;
  padding:12px;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-hero-art img{
  background:rgba(255,255,255,.72);
  border-color:rgba(79,124,255,.12);
}

.lo-promo-card{
  position:relative;
  overflow:hidden;
}

.lo-promo-visual{
  position:absolute;
  right:22px;
  bottom:22px;
  width:86px;
  height:58px;
  opacity:.95;
}

.lo-truck-icon::before{
  content:"";
  position:absolute;
  left:5px;
  bottom:14px;
  width:52px;
  height:28px;
  border-radius:8px 8px 5px 5px;
  background:linear-gradient(135deg,#22c55e,#67e8f9);
  box-shadow:22px 0 0 -8px rgba(255,255,255,.88);
}

.lo-truck-icon::after{
  content:"";
  position:absolute;
  left:16px;
  bottom:4px;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#07121a;
  box-shadow:42px 0 0 #07121a;
}

.lo-seal-icon::before{
  content:"";
  position:absolute;
  inset:3px 10px 13px;
  border-radius:22px;
  background:linear-gradient(135deg,#8b5cf6,#facc15);
  clip-path:polygon(50% 0,61% 23%,86% 12%,76% 38%,100% 50%,76% 62%,86% 88%,61% 77%,50% 100%,39% 77%,14% 88%,24% 62%,0 50%,24% 38%,14% 12%,39% 23%);
}

.lo-seal-icon::after{
  content:"★";
  position:absolute;
  left:0;
  right:0;
  top:13px;
  text-align:center;
  color:#fff7c2;
  font-size:26px;
  font-weight:950;
}

.lo-flash-icon::before{
  content:"";
  width:24px;
  height:42px;
  display:block;
  background:linear-gradient(180deg,#f0abfc,#8b5cf6);
  clip-path:polygon(48% 0,100% 0,65% 42%,92% 42%,35% 100%,48% 55%,15% 55%);
}

.lo-app-banner{
  display:none;
}

body.lo-home-premium-b .lo-category-banner:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(15,23,42,.18);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner{
  color:#0f172a;
  border-color:#d7e2f7;
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner::after{
  background:rgba(79,124,255,.12);
}

html:not([data-theme="dark"]) .lo-cat-tone-0{
  background:linear-gradient(135deg,#dbeafe,#eff6ff);
}

html:not([data-theme="dark"]) .lo-cat-tone-1{
  background:linear-gradient(135deg,#dcfce7,#f0fdf4);
}

html:not([data-theme="dark"]) .lo-cat-tone-2{
  background:linear-gradient(135deg,#f3e8ff,#faf5ff);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner strong{
  color:#172033;
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner em{
  color:#fff;
}

html:not([data-theme="dark"]) .lo-premium-footer{
  color:#0f172a;
}

html:not([data-theme="dark"]) .lo-footer-brand p,
html:not([data-theme="dark"]) .lo-footer-col a,
html:not([data-theme="dark"]) .lo-footer-col span,
html:not([data-theme="dark"]) .lo-footer-bottom{
  color:#475569;
}

html:not([data-theme="dark"]) .lo-footer-security span{
  background:#f8fafc;
  color:#334155;
  border-color:#dbe5f6;
}

@media (max-width: 1180px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:minmax(170px, auto) minmax(260px, 1fr) auto;
  }
}

@media (max-width: 860px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:auto 1fr auto;
    gap:10px;
  }
  body.lo-home-premium-b .topbar .brand-logo,
  body.lo-home-premium-b .topbar .brand-logo img{
    width:36px;
    height:36px;
  }
  body.lo-home-premium-b .lo-hero-copy{
    padding-bottom:46px;
  }
  body.lo-home-premium-b .lo-hero-art img{
    max-height:136px;
    padding:8px;
    border-radius:18px;
  }
  .lo-promo-visual{
    width:60px;
    height:42px;
    right:10px;
    bottom:10px;
    opacity:.55;
  }
  .lo-app-banner{
    margin:12px 0 8px;
    border:1px solid var(--lo-line);
    border-radius:16px;
    padding:12px;
    background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-2));
    color:var(--lo-text);
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
  }
  .lo-app-banner[hidden]{
    display:none;
  }
  .lo-app-banner strong{
    display:block;
    font-size:.92rem;
    font-weight:950;
  }
  .lo-app-banner span{
    display:block;
    margin-top:3px;
    color:var(--lo-muted);
    font-size:.76rem;
    line-height:1.3;
  }
  .lo-app-banner-actions{
    display:flex;
    gap:8px;
    align-items:center;
  }
  .lo-app-banner a,
  .lo-app-banner button{
    min-height:34px;
    border-radius:11px;
    border:1px solid var(--lo-line);
    padding:0 10px;
    font-weight:900;
    font-size:.78rem;
    white-space:nowrap;
  }
  .lo-app-banner a{
    background:var(--lo-purple);
    color:#fff;
  }
  .lo-app-banner button{
    background:transparent;
    color:var(--lo-text);
  }
}

@media (max-width: 430px){
  .lo-app-banner{
    grid-template-columns:1fr;
  }
  .lo-app-banner-actions{
    justify-content:flex-start;
  }
  body.lo-home-premium-b .lo-hero-copy{
    padding-bottom:42px;
  }
}

/* LO-HOME-RECOVERY-001: correções técnicas finais sem reescrever */
body.lo-home-premium-b .topbar .container.topo-flex{
  grid-template-columns:minmax(180px, auto) minmax(420px, 1fr) auto auto;
  column-gap:24px;
}

body.lo-home-premium-b .topbar .brand-logo,
body.lo-home-premium-b .topbar .brand-logo img{
  width:38px;
  height:38px;
}

body.lo-home-premium-b .topbar .busca input[type="search"]{
  min-height:46px;
}

body.lo-home-premium-b .topbar .btn-lupa{
  min-height:46px;
  min-width:50px;
}

body.lo-home-premium-b .topbar .menu-topo{
  align-items:center;
}

body.lo-home-premium-b .topbar .menu-topo a{
  min-height:38px;
  padding:8px 11px;
  white-space:nowrap;
}

body.lo-home-premium-b .lo-hero-copy{
  padding-bottom:78px;
}

body.lo-home-premium-b .lo-hero-copy .lo-btn{
  position:relative;
  z-index:6;
}

body.lo-home-premium-b .lo-carousel-dots{
  bottom:18px;
}

body.lo-home-premium-b .lo-hero-art img{
  object-fit:contain;
}

body.lo-home-premium-b .lo-quick-icon{
  position:relative;
  flex:0 0 auto;
  color:transparent;
  overflow:hidden;
}

body.lo-home-premium-b .lo-quick-icon::before,
body.lo-home-premium-b .lo-quick-icon::after{
  content:"";
  position:absolute;
  display:block;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="grid"]::before{
  inset:10px;
  background:
    linear-gradient(#a977ff 0 0) left top/10px 10px no-repeat,
    linear-gradient(#a977ff 0 0) right top/10px 10px no-repeat,
    linear-gradient(#a977ff 0 0) left bottom/10px 10px no-repeat,
    linear-gradient(#a977ff 0 0) right bottom/10px 10px no-repeat;
  border-radius:3px;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="store"]::before{
  left:9px;
  right:9px;
  top:13px;
  height:9px;
  border-radius:4px 4px 2px 2px;
  background:linear-gradient(90deg,#a977ff 0 20%,#e9d5ff 20% 40%,#a977ff 40% 60%,#e9d5ff 60% 80%,#a977ff 80%);
}
body.lo-home-premium-b .lo-quick-icon[data-icon="store"]::after{
  left:12px;
  right:12px;
  bottom:10px;
  height:13px;
  border-radius:3px;
  border:2px solid #a977ff;
  border-top:0;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="tag"]::before{
  width:25px;
  height:18px;
  left:11px;
  top:13px;
  border-radius:5px;
  background:#a977ff;
  transform:rotate(-28deg);
}
body.lo-home-premium-b .lo-quick-icon[data-icon="tag"]::after{
  width:5px;
  height:5px;
  left:17px;
  top:16px;
  border-radius:50%;
  background:#10182c;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="trophy"]::before{
  left:14px;
  top:9px;
  width:18px;
  height:20px;
  border-radius:4px 4px 10px 10px;
  background:linear-gradient(180deg,#facc15,#f59e0b);
}
body.lo-home-premium-b .lo-quick-icon[data-icon="trophy"]::after{
  left:18px;
  bottom:9px;
  width:10px;
  height:9px;
  border-radius:2px;
  background:#f59e0b;
  box-shadow:0 8px 0 4px rgba(250,204,21,.35);
}

body.lo-home-premium-b .lo-quick-icon[data-icon="spark"]::before{
  inset:10px;
  background:#a977ff;
  clip-path:polygon(50% 0,61% 34%,98% 35%,68% 55%,79% 92%,50% 70%,21% 92%,32% 55%,2% 35%,39% 34%);
}

body.lo-home-premium-b .lo-quick-icon[data-icon="user"]::before{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#a977ff;
  left:17px;
  top:10px;
}
body.lo-home-premium-b .lo-quick-icon[data-icon="user"]::after{
  width:24px;
  height:13px;
  border-radius:14px 14px 6px 6px;
  background:#a977ff;
  left:11px;
  bottom:9px;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="shield"]::before{
  width:24px;
  height:28px;
  left:11px;
  top:8px;
  background:linear-gradient(180deg,#22c55e,#4f7cff);
  clip-path:polygon(50% 0,90% 16%,84% 67%,50% 100%,16% 67%,10% 16%);
}
body.lo-home-premium-b .lo-quick-icon[data-icon="shield"]::after{
  width:10px;
  height:6px;
  left:18px;
  top:19px;
  border-left:3px solid #fff;
  border-bottom:3px solid #fff;
  transform:rotate(-45deg);
}

html:not([data-theme="dark"]) .lo-premium-footer{
  background:linear-gradient(180deg,#ffffff,#f5f7ff) !important;
  color:#0f172a !important;
  border-top:1px solid #dbe5f6 !important;
}

html:not([data-theme="dark"]) .lo-premium-footer .lo-footer-logo strong,
html:not([data-theme="dark"]) .lo-premium-footer .lo-footer-col h4{
  color:#0f172a !important;
}

html:not([data-theme="dark"]) .lo-premium-footer .lo-footer-brand p,
html:not([data-theme="dark"]) .lo-premium-footer .lo-footer-col a,
html:not([data-theme="dark"]) .lo-premium-footer .lo-footer-col span,
html:not([data-theme="dark"]) .lo-premium-footer .lo-footer-bottom{
  color:#334155 !important;
}

html:not([data-theme="dark"]) .lo-premium-footer .lo-footer-col a:hover{
  color:#6a0dad !important;
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner{
  color:#0f172a !important;
  border-color:#cbd8ef !important;
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner:hover{
  border-color:#7c2cff !important;
  box-shadow:0 18px 44px rgba(76,29,149,.16) !important;
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner span{
  color:#5b21b6 !important;
}

@media (max-width: 1180px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:minmax(160px, auto) minmax(280px, 1fr) auto;
    column-gap:14px;
  }
}

@media (max-width: 860px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:auto 1fr auto;
    row-gap:8px;
  }
  body.lo-home-premium-b .topbar .brand-logo,
  body.lo-home-premium-b .topbar .brand-logo img{
    width:34px;
    height:34px;
  }
  body.lo-home-premium-b .topbar .busca input[type="search"],
  body.lo-home-premium-b .topbar .btn-lupa{
    min-height:40px;
  }
  body.lo-home-premium-b .lo-hero-copy{
    padding-bottom:44px;
  }
  body.lo-home-premium-b .lo-premium-track,
  body.lo-home-premium-b .lo-hero-showcase{
    min-height:258px;
  }
  body.lo-home-premium-b .lo-hero-copy h1{
    font-size:1.75rem;
  }
  body.lo-home-premium-b .lo-hero-copy p{
    font-size:.88rem;
    margin-bottom:12px;
  }
  body.lo-home-premium-b .lo-hero-art{
    min-height:92px;
  }
  body.lo-home-premium-b .lo-hero-art img{
    max-height:112px;
  }
  body.lo-home-premium-b .lo-quick-card{
    min-height:74px;
    gap:5px;
  }
  body.lo-home-premium-b .lo-quick-icon{
    width:30px;
    height:30px;
  }
}

@media (max-width: 640px){
  body.lo-home-premium-b .lo-home-premium{
    gap:16px;
  }
  body.lo-home-premium-b .lo-app-banner{
    margin-top:10px;
    grid-template-columns:1fr auto;
    padding:10px;
    gap:8px;
  }
  body.lo-home-premium-b .lo-app-banner span{
    display:none;
  }
  body.lo-home-premium-b .lo-app-banner-actions{
    justify-content:flex-end;
  }
  body.lo-home-premium-b .lo-app-banner a,
  body.lo-home-premium-b .lo-app-banner button{
    min-height:30px;
    padding:0 8px;
    font-size:.72rem;
  }
  body.lo-home-premium-b .lo-hero-board{
    gap:10px;
  }
  body.lo-home-premium-b .lo-premium-track,
  body.lo-home-premium-b .lo-hero-showcase{
    min-height:224px;
  }
  body.lo-home-premium-b .lo-premium-slide{
    padding:18px 16px 48px;
  }
  body.lo-home-premium-b .lo-hero-copy{
    padding-bottom:0;
  }
  body.lo-home-premium-b .lo-hero-copy h1{
    font-size:1.48rem;
    line-height:1.12;
    max-width:12ch;
  }
  body.lo-home-premium-b .lo-hero-copy p{
    max-width:20ch;
  }
  body.lo-home-premium-b .lo-hero-art{
    min-height:72px;
  }
  body.lo-home-premium-b .lo-hero-art img{
    max-height:86px;
  }
  body.lo-home-premium-b .lo-hero-side{
    gap:10px;
  }
  body.lo-home-premium-b .lo-hero-promos{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  body.lo-home-premium-b .lo-promo-card{
    min-height:118px;
    padding:14px 12px;
  }
  body.lo-home-premium-b .lo-promo-card strong{
    font-size:.92rem;
    line-height:1.18;
  }
  body.lo-home-premium-b .lo-promo-card p{
    display:none;
  }
  body.lo-home-premium-b .lo-hero-side article{
    min-height:96px;
    padding:14px;
  }
  body.lo-home-premium-b .lo-side-visual{
    width:72px;
    min-width:72px;
    height:72px;
  }
  body.lo-home-premium-b .lo-quick-wrap{
    gap:10px;
  }
  body.lo-home-premium-b .lo-quick-card{
    min-height:78px;
    padding:12px 8px;
  }
  body.lo-home-premium-b .lo-flash{
    padding:16px;
    gap:12px;
    min-height:0;
    grid-template-columns:1fr auto;
    margin:10px 0;
  }
  body.lo-home-premium-b .lo-flash > div:first-child{
    column-gap:10px;
  }
  body.lo-home-premium-b .lo-flash-icon{
    width:38px;
    height:38px;
  }
  body.lo-home-premium-b .lo-flash strong{
    font-size:1rem;
  }
  body.lo-home-premium-b .lo-flash p{
    margin-bottom:0;
    font-size:.74rem;
    line-height:1.25;
  }
  body.lo-home-premium-b .lo-countdown{
    display:none;
  }
  body.lo-home-premium-b .lo-flash .lo-btn{
    min-height:36px;
    border-radius:12px;
    padding:0 12px;
    font-size:.8rem;
  }
}

/* LO-HOME-FINAL-3: fechamento premium sem alterar regras */
body.lo-home-premium-b .topbar .container.topo-flex{
  grid-template-columns:minmax(218px, auto) minmax(520px, 1fr) auto auto;
  column-gap:26px;
  align-items:center;
}

body.lo-home-premium-b .topbar .brand{
  min-width:0;
}

body.lo-home-premium-b .topbar .brand-logo,
body.lo-home-premium-b .topbar .brand-logo img{
  width:36px;
  height:36px;
}

body.lo-home-premium-b .topbar .brand-logo{
  border-radius:0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.lo-home-premium-b .topbar .brand-logo img{
  object-fit:contain;
  border-radius:0 !important;
  background:transparent !important;
}

body.lo-home-premium-b .topbar .brand-title{
  font-size:20px;
  line-height:1;
}

body.lo-home-premium-b .topbar .busca{
  max-width:760px;
  width:100%;
  justify-self:center;
}

body.lo-home-premium-b .topbar .busca input[type="search"]{
  min-height:48px;
  border-radius:14px 0 0 14px;
  background:rgba(4,7,22,.62);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}

body.lo-home-premium-b .topbar .btn-lupa{
  min-height:48px;
  border-radius:0 14px 14px 0;
}

body.lo-home-premium-b .topbar .menu-topo{
  gap:8px;
}

body.lo-home-premium-b .topbar .menu-topo a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

body.lo-home-premium-b .lo-premium-slide:nth-child(1){
  background:
    linear-gradient(115deg,rgba(34,211,238,.12),transparent 38%),
    radial-gradient(circle at 78% 38%,rgba(124,44,255,.48),transparent 16rem),
    linear-gradient(135deg,#16062e 0%,#071127 58%,#030712 100%);
}

body.lo-home-premium-b .lo-premium-slide:nth-child(2){
  background:
    linear-gradient(115deg,rgba(34,197,94,.18),transparent 36%),
    radial-gradient(circle at 80% 36%,rgba(34,197,94,.34),transparent 15rem),
    linear-gradient(135deg,#071b16 0%,#071127 58%,#030712 100%);
}

body.lo-home-premium-b .lo-premium-slide:nth-child(3){
  background:
    linear-gradient(115deg,rgba(250,204,21,.16),transparent 34%),
    radial-gradient(circle at 80% 36%,rgba(168,85,247,.42),transparent 15rem),
    linear-gradient(135deg,#21103a 0%,#11142a 58%,#040714 100%);
}

body.lo-home-premium-b .lo-premium-slide:nth-child(4){
  background:
    linear-gradient(115deg,rgba(244,63,94,.18),transparent 34%),
    radial-gradient(circle at 80% 36%,rgba(249,115,22,.32),transparent 15rem),
    linear-gradient(135deg,#260817 0%,#11142a 58%,#040714 100%);
}

body.lo-home-premium-b .lo-premium-slide:nth-child(5){
  background:
    linear-gradient(115deg,rgba(79,124,255,.18),transparent 34%),
    radial-gradient(circle at 80% 36%,rgba(34,211,238,.28),transparent 15rem),
    linear-gradient(135deg,#07162c 0%,#0f1230 58%,#040714 100%);
}

body.lo-home-premium-b .lo-hero-art::before{
  width:min(360px, 78%);
  aspect-ratio:1.35 / 1;
  border-radius:30px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03)),
    linear-gradient(135deg,rgba(124,44,255,.28),rgba(34,211,238,.12));
  border:1px solid rgba(255,255,255,.12);
  filter:none;
  transform:rotate(-7deg) skew(-3deg);
  box-shadow:0 28px 80px rgba(0,0,0,.32);
}

body.lo-home-premium-b .lo-hero-art img{
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(2px);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-premium-slide{
  color:#0f172a;
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-premium-slide:nth-child(1),
html:not([data-theme="dark"]) body.lo-home-premium-b .lo-premium-slide:nth-child(5){
  background:linear-gradient(135deg,#f8fbff 0%,#eef3ff 55%,#e9edff 100%);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-premium-slide:nth-child(2){
  background:linear-gradient(135deg,#f7fef9 0%,#e8fff1 55%,#eef9ff 100%);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-premium-slide:nth-child(3){
  background:linear-gradient(135deg,#fffaf0 0%,#f6ecff 55%,#eef3ff 100%);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-premium-slide:nth-child(4){
  background:linear-gradient(135deg,#fff5f5 0%,#fff1e8 55%,#f4ecff 100%);
}

body.lo-home-premium-b .lo-trust-icon{
  color:transparent;
  position:relative;
  overflow:hidden;
}

body.lo-home-premium-b .lo-trust-icon::before{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:14px;
  font-weight:950;
}

body.lo-home-premium-b .lo-trust-icon[data-icon="secure"]::before{ content:"✓"; }
body.lo-home-premium-b .lo-trust-icon[data-icon="truck"]::before{ content:"▰"; }
body.lo-home-premium-b .lo-trust-icon[data-icon="card"]::before{ content:"▭"; }
body.lo-home-premium-b .lo-trust-icon[data-icon="return"]::before{ content:"↺"; }
body.lo-home-premium-b .lo-trust-icon[data-icon="ai"]::before{ content:"AI"; font-size:11px; }

.lo-footer-security span,
.lo-footer-seals span{
  position:relative;
}

.lo-footer-security span::before,
.lo-footer-seals span::before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-right:7px;
  border-radius:6px;
  background:rgba(34,197,94,.16);
  color:var(--lo-green);
  font-size:11px;
  font-weight:950;
  vertical-align:middle;
}

.lo-footer-security span[data-icon="payment"]::before,
.lo-footer-seals span[data-icon="payment"]::before{ content:"▭"; }
.lo-footer-security span[data-icon="data"]::before,
.lo-footer-seals span[data-icon="data"]::before{ content:"•"; }

html:not([data-theme="dark"]) body.lo-home-premium-b .topbar .busca input[type="search"]{
  background:#fff;
  color:#111827;
  border-color:rgba(124,44,255,.28);
}

html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner:hover strong,
html:not([data-theme="dark"]) body.lo-home-premium-b .lo-category-banner:hover em{
  color:#0f172a !important;
}

@media (max-width: 1180px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:minmax(170px, auto) minmax(300px, 1fr) auto;
    column-gap:14px;
  }
  body.lo-home-premium-b .topbar .busca{
    max-width:none;
  }
}

@media (max-width: 860px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:auto 1fr auto;
    row-gap:8px;
  }
  body.lo-home-premium-b .topbar .brand-title{
    font-size:17px;
  }
  body.lo-home-premium-b .topbar .busca{
    grid-column:1 / -1;
    order:4;
  }
  body.lo-home-premium-b .topbar .menu-topo{
    display:none;
  }
  body.lo-home-premium-b .lo-hero-art::before{
    width:52%;
    border-radius:20px;
  }
}

@media (max-width: 430px){
  body.lo-home-premium-b .topbar .brand-text{
    max-width:120px;
  }
  body.lo-home-premium-b .topbar .brand-title{
    font-size:15px;
  }
  body.lo-home-premium-b .lo-hero-art img{
    max-height:82px;
  }
}

/* Ícones do header */
.nb-item{ background:#fff; border:1px solid #eee; }
.nb-dot{ border:2px solid #fff; }

/* LO-HOME-TOP-001: topo premium alinhado à referência aprovada */
body.lo-home-premium-b{
  background:
    radial-gradient(circle at 50% -10%, rgba(124,44,255,.26), transparent 26rem),
    linear-gradient(180deg,#020817 0,#061022 34rem,var(--lo-bg) 34rem);
}

body.lo-home-premium-b .site-header{
  background:#030817;
  border-bottom:1px solid rgba(124,44,255,.18);
  box-shadow:0 18px 60px rgba(0,0,0,.24);
}

body.lo-home-premium-b .site-header .topbar{
  background:
    radial-gradient(circle at 12% -15%, rgba(168,85,247,.38), transparent 22rem),
    linear-gradient(180deg,#15022e 0%,#070d20 100%) !important;
}

body.lo-home-premium-b .topbar .container.topo-flex{
  width:min(1540px, calc(100% - 56px));
  max-width:none;
  min-height:82px;
  display:grid;
  grid-template-columns:minmax(190px, 230px) minmax(500px, 1fr) auto auto;
  gap:16px;
}

body.lo-home-premium-b .topbar .brand{
  gap:12px;
}

body.lo-home-premium-b .topbar .brand-logo{
  width:38px;
  height:38px;
  border-radius:11px;
  background:linear-gradient(145deg,rgba(124,44,255,.28),rgba(34,211,238,.1)) !important;
  border:1px solid rgba(168,85,247,.32) !important;
  display:grid;
  place-items:center;
}

body.lo-home-premium-b .topbar .brand-logo img{
  width:30px;
  height:30px;
  object-fit:contain;
  border-radius:0 !important;
  background:transparent !important;
}

body.lo-home-premium-b .topbar .brand-title{
  color:#fff !important;
  font-size:18px;
  line-height:.95;
  font-weight:950;
  text-transform:uppercase;
}

body.lo-home-premium-b .topbar .brand-subtitle{
  display:block;
  margin-top:3px;
  color:#b9c7e8 !important;
  font-size:10px;
  line-height:1;
  font-weight:850;
  text-transform:uppercase;
}

body.lo-home-premium-b .topbar .busca{
  width:100%;
  max-width:880px;
  justify-self:center;
  display:grid;
  grid-template-columns:auto minmax(180px, 1fr) auto;
  gap:0;
  border:1px solid rgba(124,44,255,.38);
  border-radius:16px;
  background:rgba(3,7,18,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 16px 34px rgba(0,0,0,.18);
  overflow:hidden;
}

body.lo-home-premium-b .lo-search-category{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  color:#fff;
  background:linear-gradient(145deg,rgba(124,44,255,.72),rgba(79,124,255,.28));
  border-right:1px solid rgba(255,255,255,.13);
  font-size:.82rem;
  font-weight:950;
  white-space:nowrap;
}

body.lo-home-premium-b .lo-search-category:hover{
  text-decoration:none;
  background:linear-gradient(145deg,rgba(139,92,246,.9),rgba(34,211,238,.28));
}

body.lo-home-premium-b .topbar .busca input[type="search"]{
  min-height:48px;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#fff;
  padding:0 16px;
}

body.lo-home-premium-b .topbar .busca input[type="search"]::placeholder{
  color:rgba(226,232,240,.62);
}

body.lo-home-premium-b .topbar .btn-lupa{
  min-width:76px;
  min-height:48px;
  border-radius:0 !important;
  background:linear-gradient(135deg,#22d3ee,#4f7cff) !important;
  color:#02111f !important;
  font-size:.82rem;
  font-weight:950;
  box-shadow:none;
}

body.lo-home-premium-b .topbar .menu-topo{
  display:flex;
  gap:7px;
  align-items:center;
}

body.lo-home-premium-b .topbar .menu-topo a{
  min-height:40px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  color:#f8fbff !important;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  font-size:.86rem;
  font-weight:900;
}

body.lo-home-premium-b .topbar .menu-topo .nb-item,
body.lo-home-premium-b .topbar .menu-topo a[href="/usuarios/logout"],
body.lo-home-premium-b .mobile-alert-link{
  display:none !important;
}

body.lo-home-premium-b .topbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

body.lo-home-premium-b .theme-round,
body.lo-home-premium-b .menu-toggle{
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  border-radius:13px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}

body.lo-home-premium-b .lo-benefits{
  width:min(1540px, calc(100% - 56px));
  max-width:none;
  min-height:54px;
  margin:0 auto 14px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0;
  border-bottom:1px solid rgba(124,44,255,.18);
}

body.lo-home-premium-b .lo-benefits span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#f8fbff;
  font-weight:900;
}

body.lo-home-premium-b .lo-benefits span::before{
  content:"";
  width:22px;
  height:22px;
  border-radius:8px;
  background:linear-gradient(135deg,#22d3ee,#7c2cff);
  box-shadow:0 0 22px rgba(34,211,238,.25);
}

body.lo-home-premium-b .lo-benefits span[data-icon="truck"]::before{
  clip-path:polygon(0 30%,62% 30%,62% 48%,78% 48%,92% 64%,100% 64%,100% 82%,0 82%);
}

body.lo-home-premium-b .lo-benefits span[data-icon="card"]::before{
  clip-path:inset(18% 0 12% 0 round 4px);
}

body.lo-home-premium-b .lo-benefits span[data-icon="shield"]::before{
  clip-path:polygon(50% 0,90% 18%,82% 70%,50% 100%,18% 70%,10% 18%);
}

body.lo-home-premium-b .lo-benefits span[data-icon="ai"]::before{
  content:"AI";
  color:#02111f;
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:950;
  clip-path:none;
}

body.lo-home-premium-b .lo-benefits strong,
body.lo-home-premium-b .lo-benefits small{
  display:block;
}

body.lo-home-premium-b .lo-benefits small{
  margin-top:2px;
  color:#91a4c9;
  font-size:.72rem;
  font-weight:750;
}

body.lo-home-premium-b .lo-hero-board{
  width:min(1540px, calc(100% - 56px));
  max-width:none;
  margin:0 auto 16px;
  grid-template-columns:minmax(0, 2.25fr) minmax(320px, .75fr);
  gap:16px;
}

body.lo-home-premium-b .lo-hero-showcase,
body.lo-home-premium-b .lo-premium-track{
  min-height:392px;
  border-radius:18px;
}

body.lo-home-premium-b .lo-premium-slide{
  display:grid;
  grid-template-columns:minmax(0, 1.03fr) minmax(300px, .82fr);
  padding:0;
}

body.lo-home-premium-b .lo-hero-copy{
  align-self:center;
  padding:48px 58px 76px;
}

body.lo-home-premium-b .lo-hero-copy h1{
  max-width:650px;
  font-size:clamp(2.25rem, 4vw, 4rem);
  letter-spacing:0;
}

body.lo-home-premium-b .lo-hero-art{
  min-height:392px;
}

body.lo-home-premium-b .lo-hero-art::before{
  content:"";
  position:absolute;
  width:min(390px, 82%);
  aspect-ratio:1.38 / 1;
  border-radius:30px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.03)),
    linear-gradient(135deg,rgba(124,44,255,.36),rgba(34,211,238,.13));
  border:1px solid rgba(255,255,255,.13);
  transform:rotate(-7deg) skew(-3deg);
  box-shadow:0 28px 80px rgba(0,0,0,.34), 0 0 60px rgba(124,44,255,.25);
}

body.lo-home-premium-b .lo-hero-art img{
  position:relative;
  z-index:2;
  max-height:310px;
  padding:12px;
  border-radius:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(2px);
}

body.lo-home-premium-b .lo-carousel-btn{
  width:44px;
  height:44px;
  border-radius:999px;
  background:rgba(8,13,32,.72);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
}

body.lo-home-premium-b .lo-carousel-dots{
  bottom:24px;
}

body.lo-home-premium-b .lo-carousel-dots button{
  width:9px;
  height:9px;
  opacity:.8;
}

body.lo-home-premium-b .lo-carousel-dots button.is-active{
  width:28px;
  border-radius:999px;
  background:#22d3ee;
}

body.lo-home-premium-b .lo-hero-promos{
  display:grid;
  gap:16px;
}

body.lo-home-premium-b .lo-promo-card{
  min-height:188px;
  border-radius:17px;
  padding:26px 110px 24px 26px;
  border:1px solid rgba(124,44,255,.24);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}

body.lo-home-premium-b .lo-promo-card strong{
  font-size:1.35rem;
}

body.lo-home-premium-b .lo-promo-visual{
  width:96px;
  height:70px;
  right:22px;
  bottom:28px;
  opacity:1;
}

body.lo-home-premium-b .lo-quick-wrap{
  width:min(1540px, calc(100% - 56px));
  max-width:none;
  margin:0 auto 16px;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:14px;
}

body.lo-home-premium-b .lo-quick-card{
  min-height:112px;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(13,23,48,.96),rgba(7,15,34,.92));
  border-color:rgba(124,44,255,.22);
}

body.lo-home-premium-b .lo-quick-icon{
  width:46px;
  height:46px;
  border-radius:14px;
}

@media (max-width: 1180px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:minmax(180px, auto) minmax(300px, 1fr) auto;
    width:calc(100% - 32px);
  }
  body.lo-home-premium-b .topbar .menu-topo{
    display:none;
  }
}

@media (max-width: 860px){
  body.lo-home-premium-b .topbar .container.topo-flex{
    grid-template-columns:auto 1fr auto;
    min-height:64px;
    width:calc(100% - 24px);
    gap:10px;
  }
  body.lo-home-premium-b .topbar .busca{
    grid-column:1 / -1;
    order:4;
    max-width:none;
    grid-template-columns:minmax(0, 1fr) auto;
  }
  body.lo-home-premium-b .lo-search-category{
    display:none;
  }
  body.lo-home-premium-b .lo-benefits{
    width:calc(100% - 24px);
    grid-template-columns:1fr 1fr;
    min-height:0;
    padding:10px 0;
    gap:10px;
  }
  body.lo-home-premium-b .lo-benefits span{
    justify-content:flex-start;
  }
  body.lo-home-premium-b .lo-benefits small{
    display:none;
  }
  body.lo-home-premium-b .lo-hero-board,
  body.lo-home-premium-b .lo-quick-wrap{
    width:calc(100% - 24px);
  }
  body.lo-home-premium-b .lo-premium-slide{
    grid-template-columns:1fr;
  }
  body.lo-home-premium-b .lo-hero-copy{
    padding:22px 18px 54px;
  }
  body.lo-home-premium-b .lo-hero-art{
    position:absolute;
    right:10px;
    bottom:42px;
    width:42%;
    min-height:92px;
    opacity:.9;
  }
  body.lo-home-premium-b .lo-hero-art img{
    max-height:96px;
  }
  body.lo-home-premium-b .lo-hero-promos{
    grid-template-columns:1fr 1fr;
  }
  body.lo-home-premium-b .lo-promo-card{
    min-height:112px;
    padding:14px 64px 14px 14px;
  }
  body.lo-home-premium-b .lo-promo-card p{
    display:none;
  }
  body.lo-home-premium-b .lo-promo-visual{
    width:58px;
    height:46px;
    right:8px;
    bottom:12px;
  }
  body.lo-home-premium-b .lo-quick-wrap{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  body.lo-home-premium-b .lo-quick-card{
    min-height:94px;
  }
}

@media (max-width: 430px){
  body.lo-home-premium-b .topbar .brand-title{
    font-size:14px;
  }
  body.lo-home-premium-b .topbar .brand-subtitle{
    font-size:9px;
  }
  body.lo-home-premium-b .lo-benefits{
    font-size:.76rem;
  }
  body.lo-home-premium-b .lo-hero-copy h1{
    max-width:12ch;
    font-size:1.55rem;
  }
}

/* ========================= */
/* Dropdown de Categorias    */
/* ========================= */
.menu-principal .dropdown.categorias{ position:relative; }
.menu-principal .dropdown.categorias .cat-btn{
  display:inline-flex; align-items:center; gap:8px;
  color:#fff; background:transparent; border:none; cursor:pointer;
  padding:10px 12px; border-radius:10px; font-weight:800;
}
.menu-principal .dropdown.categorias .cat-btn:hover{ background:rgba(255,255,255,.12); }

/* CLARO */
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu{
  background:#ffffff !important; color:#0f172a !important; border:1px solid #e5e7eb !important;
}
/* ESCURO */
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu{
  background:#0f172a !important; color:#f3f4f6 !important; border:1px solid #1f2937 !important;
}

.menu-principal .dropdown.categorias .dropdown-menu{
  position:absolute; top:calc(100% + 8px); left:0; min-width:260px;
  border-radius:12px; padding:8px; box-shadow: var(--shadow-strong);
  display:none; z-index: 2000;
}
.menu-principal .dropdown.categorias.open .dropdown-menu{ display:block; }
.menu-principal .dropdown.categorias .dropdown-menu a{
  display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:10px;
  font-size:15px; line-height:1.25; font-weight:800; text-decoration:none !important;
}
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu a:hover,
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu a:focus-visible{
  background:#f1f5f9; outline:0;
}
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu a:hover,
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu a:focus-visible{
  background:#111827; outline:0;
}

/* ===================== */
/* Drawer mobile         */
/* ===================== */
#app-drawer .drawer-panel{ background:#fff; color:#111827; }
html[data-theme="dark"] #app-drawer .drawer-panel{ background:#0f172a; color:#f3f4f6; }
#app-drawer .drawer-panel a{ text-decoration:none !important; }

/* ===================== */
/* Footer                */
/* ===================== */
footer{
  background:#4b0c8e; color:#fff; border-top:1px solid #3f0a79;
}
.footer-inner{
  max-width:1100px; margin:0 auto; padding:18px 14px;
  display:grid; grid-template-columns: repeat(3,1fr); gap:14px;
}
.footer-inner h4{ margin:0 0 8px; color:#fff; }
.footer-inner p{ margin:0; color:#f0eafd; }
.footer-inner a{
  color:#fff; text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.25);
}
.footer-inner a:hover{ background: rgba(255,255,255,.12); }
.footer-cms-links{
  display:flex; gap:10px; justify-content:center; align-items:center;
  padding:12px 10px; border-top:1px solid rgba(255,255,255,.15);
}
.footer-cms-links a{
  color:#fff; text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.25);
}
.footer-cms-links a:hover{ background: rgba(255,255,255,.12); }

/* >>> faixa do © em PRETO, como pediu <<< */
.footer-bottom{
  background:#000000; color:#e5e7eb; text-align:center; padding:10px 12px;
  border-top:1px solid rgba(255,255,255,.1);
}

/* Dark – footer mantém violeta */
html[data-theme="dark"] footer{ background:#4b0c8e; }
html[data-theme="dark"] .footer-bottom{ background:#000000; }

/* ===================== */
/* Acessibilidade extra  */
/* ===================== */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* =========================
   PATCH v14 — Leve On
   ========================= */

/* 1) CATEGORIAS: contraste claro/escuro (força o texto visível) */
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu,
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu a{
  background:#ffffff !important;
  color:#0f172a !important;           /* texto PRETO no claro */
  border-color:#e5e7eb !important;
}
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu,
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu a{
  background:#0f172a !important;
  color:#f8fafc !important;           /* texto BRANCO no escuro */
  border-color:#1f2937 !important;
}
/* hover/focus */
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu a:hover{ background:#f1f5f9 !important; }
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu a:hover{ background:#111827 !important; }

/* Selo publico de loja oficial */
.lo-official-seal{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#0f7490 !important;
  font-size:.76rem;
  font-weight:500;
  letter-spacing:0;
  line-height:1.2;
  text-decoration:none !important;
  text-transform:none;
  vertical-align:middle;
}
.lo-official-seal::before{
  content:"✓";
  color:#14b8a6;
  font-weight:700;
}
.lo-official-seal--compact{
  font-size:.76rem;
  margin:2px 0 4px;
  padding:0;
}
html[data-theme="dark"] .lo-official-seal{
  border-color:transparent;
  background:transparent;
  color:#67e8f9 !important;
}
html[data-theme="dark"] .lo-official-seal::before{
  color:#5eead4;
}
.lo-product-card .lo-official-seal{
  align-self:flex-start;
}
.cart-page .lo-official-seal{
  margin-top:4px;
}
.pedido-official-seal{
  margin:0 0 12px;
}
.split-head .lo-official-seal{
  margin-left:8px;
  margin-bottom:0;
}

.campaign-pricing-note{
  border:1px solid rgba(14,165,233,.28);
  border-radius:12px;
  background:rgba(14,165,233,.08);
  color:#334155;
  font-size:.92rem;
  font-weight:600;
  line-height:1.45;
  padding:12px 14px;
}
html[data-theme="dark"] .campaign-pricing-note{
  background:rgba(34,211,238,.12);
  border-color:rgba(34,211,238,.30);
  color:#e0f2fe;
}

/* Home campaign slots */
.lo-sponsored-section{
  position:relative;
}

.lo-sponsored-note{
  margin:-6px 0 14px;
  max-width:680px;
  color:var(--lo-muted);
  font-size:.92rem;
  font-weight:750;
}

.lo-managed-banner{
  margin:24px 0;
  min-height:118px;
  border:1px solid color-mix(in srgb, var(--lo-cyan) 34%, var(--lo-line));
  border-radius:18px;
  padding:24px 28px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 20%, rgba(34,211,238,.25), transparent 18rem),
    linear-gradient(135deg, rgba(8,18,48,.96), rgba(19,31,86,.92));
  color:#fff;
  box-shadow:0 18px 42px rgba(2,6,23,.22);
}

.lo-campaign-feature{
  display:grid;
  grid-template-columns:1fr;
  margin-top:20px;
  margin-bottom:8px;
}

.lo-campaign-feature .lo-managed-banner{
  position:relative;
  min-height:150px;
  padding:1.25rem 1.35rem;
  border-radius:24px;
  border-color:rgba(129,140,248,.22);
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 0%,rgba(124,58,237,.28),transparent 34%),
    radial-gradient(circle at 95% 10%,rgba(34,211,238,.18),transparent 30%),
    linear-gradient(135deg,var(--lo-surface, var(--panel)),var(--lo-surface2, var(--bg-soft)));
  color:var(--lo-text, var(--text));
  box-shadow:0 22px 60px rgba(15,23,42,.16);
}

.lo-campaign-feature .lo-managed-banner::after{
  content:"";
  position:absolute;
  inset:auto -90px -130px auto;
  width:280px;
  height:280px;
  border-radius:999px;
  background:rgba(37,99,235,.18);
  filter:blur(6px);
  pointer-events:none;
}

.lo-campaign-feature .lo-managed-banner > *{
  position:relative;
  z-index:1;
}

.lo-campaign-feature .lo-managed-banner h2{
  margin:0 0 .3rem;
  color:var(--lo-text, var(--text));
  font-size:clamp(1.55rem,2.2vw,2.25rem);
  letter-spacing:-.03em;
}

.lo-campaign-feature .lo-managed-banner p{
  max-width:780px;
  color:var(--lo-muted, var(--text-muted));
  font-size:.96rem;
  line-height:1.65;
}

.lo-managed-banner span{
  display:block;
  margin:0 0 7px;
  color:#67e8f9;
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.lo-managed-banner h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.35rem,2.2vw,2rem);
  font-weight:950;
}

.lo-managed-banner p{
  margin:7px 0 0;
  max-width:720px;
  color:rgba(255,255,255,.82);
  font-weight:750;
}

@media (max-width: 760px){
  .lo-managed-banner{
    grid-template-columns:1fr;
    padding:20px;
  }
}

/* =========================
   LO-HOME-TOP-EXACT-001
   Topo premium fiel a referencia aprovada
   ========================= */
body.lo-home-premium-b{
  background:#071326 !important;
}

body.lo-home-premium-b #main-content.container{
  max-width:none !important;
  width:100% !important;
  padding:0 !important;
  background:linear-gradient(180deg,#071326 0,#08172b 54%, var(--page-bg, #f5f7fb) 54%) !important;
}

html:not([data-theme="dark"]) body.lo-home-premium-b #main-content.container{
  background:linear-gradient(180deg,#071326 0,#08172b 54%, #f6f8fc 54%) !important;
}

body.lo-home-premium-b .lo-home{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 0 34px !important;
  background:transparent !important;
}

body.lo-home-premium-b .lo-benefits,
body.lo-home-premium-b .lo-hero-board,
body.lo-home-premium-b .lo-quick-wrap,
body.lo-home-premium-b .lo-trust-strip{
  width:calc(100% - 60px) !important;
  max-width:1800px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

body.lo-home-premium-b .lo-benefits{
  min-height:78px !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:0 !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.11) !important;
  background:rgba(7,19,38,.86) !important;
  color:#fff !important;
  box-shadow:none !important;
}

body.lo-home-premium-b .lo-benefits span{
  min-height:78px !important;
  display:grid !important;
  grid-template-columns:44px 1fr !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  column-gap:15px !important;
  padding:0 34px !important;
  border-right:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}

body.lo-home-premium-b .lo-benefits span:last-child{
  border-right:0 !important;
}

body.lo-home-premium-b .lo-benefits span::before{
  grid-row:1 / 3 !important;
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  box-shadow:none !important;
}

body.lo-home-premium-b .lo-benefits span[data-icon="truck"]::before{ content:"🚚" !important; font-size:28px !important; filter:grayscale(1) brightness(2) !important; }
body.lo-home-premium-b .lo-benefits span[data-icon="card"]::before{ content:"▰" !important; font-size:30px !important; border:2px solid #fff !important; border-radius:5px !important; line-height:22px !important; }
body.lo-home-premium-b .lo-benefits span[data-icon="shield"]::before{ content:"♢" !important; font-size:35px !important; transform:rotate(45deg) !important; }
body.lo-home-premium-b .lo-benefits span[data-icon="ai"]::before{ content:"☏" !important; font-size:30px !important; }

body.lo-home-premium-b .lo-benefits strong{
  display:block !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
}

body.lo-home-premium-b .lo-benefits small{
  display:block !important;
  margin-top:4px !important;
  color:rgba(255,255,255,.82) !important;
  font-size:14px !important;
  line-height:1.15 !important;
}

body.lo-home-premium-b .lo-hero-board{
  display:grid !important;
  grid-template-columns:minmax(0, 2.25fr) minmax(320px, .98fr) !important;
  gap:30px !important;
  margin-top:32px !important;
}

body.lo-home-premium-b .lo-hero-showcase,
body.lo-home-premium-b .lo-premium-track{
  min-height:610px !important;
  height:610px !important;
  border-radius:23px !important;
}

body.lo-home-premium-b .lo-hero-showcase{
  overflow:hidden !important;
  border:1px solid rgba(155,183,231,.28) !important;
  background:#050b1c !important;
  box-shadow:0 30px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.lo-home-premium-b .lo-premium-slide{
  min-height:610px !important;
  height:610px !important;
  display:grid !important;
  grid-template-columns:minmax(420px,.78fr) minmax(420px,1.22fr) !important;
  align-items:center !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 63% 54%, rgba(25,231,255,.26), transparent 23%),
    radial-gradient(circle at 82% 18%, rgba(42,99,255,.22), transparent 25%),
    linear-gradient(140deg,#050914 0%,#071332 45%,#061b3b 100%) !important;
  color:#fff !important;
}

body.lo-home-premium-b .lo-premium-slide:nth-child(2){
  background:
    radial-gradient(circle at 66% 45%, rgba(0,213,255,.28), transparent 24%),
    linear-gradient(145deg,#050916 0%,#071332 38%,#081b3d 100%) !important;
}

body.lo-home-premium-b .lo-premium-slide:nth-child(3){
  background:
    radial-gradient(circle at 70% 47%, rgba(30,224,194,.25), transparent 25%),
    linear-gradient(145deg,#061018 0%,#082238 48%,#05292f 100%) !important;
}

body.lo-home-premium-b .lo-premium-slide:nth-child(4){
  background:
    radial-gradient(circle at 70% 45%, rgba(198,92,255,.25), transparent 25%),
    linear-gradient(145deg,#080719 0%,#151033 48%,#220a42 100%) !important;
}

body.lo-home-premium-b .lo-premium-slide:nth-child(5){
  background:
    radial-gradient(circle at 68% 48%, rgba(33,145,255,.25), transparent 24%),
    linear-gradient(145deg,#05111d 0%,#081832 48%,#071d2c 100%) !important;
}

body.lo-home-premium-b .lo-premium-slide::before,
body.lo-home-premium-b .lo-premium-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:auto !important;
  pointer-events:none !important;
}

body.lo-home-premium-b .lo-premium-slide::before{
  right:-8% !important;
  top:16% !important;
  width:68% !important;
  height:56% !important;
  background:
    linear-gradient(145deg, transparent 36%, rgba(18,214,255,.95) 37%, transparent 39%),
    linear-gradient(154deg, transparent 42%, rgba(255,65,210,.78) 43%, transparent 45%),
    linear-gradient(162deg, transparent 50%, rgba(69,109,255,.9) 51%, transparent 53%) !important;
  filter:drop-shadow(0 0 24px rgba(0,213,255,.4)) !important;
  opacity:.86 !important;
}

body.lo-home-premium-b .lo-hero-copy{
  position:relative !important;
  z-index:2 !important;
  padding:56px 0 72px 74px !important;
  max-width:580px !important;
}

body.lo-home-premium-b .lo-eyebrow{
  margin-bottom:18px !important;
  color:#00f0e5 !important;
  font-size:16px !important;
  font-weight:950 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

body.lo-home-premium-b .lo-hero-copy h1{
  max-width:11ch !important;
  color:#fff !important;
  font-size:clamp(4.1rem, 5.25vw, 6.15rem) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  margin:0 0 24px !important;
}

body.lo-home-premium-b .lo-hero-copy h1 strong{
  display:block !important;
  color:#14ded5 !important;
  font:inherit !important;
}

body.lo-home-premium-b .lo-premium-slide:nth-child(2) .lo-hero-copy h1,
body.lo-home-premium-b .lo-premium-slide:nth-child(3) .lo-hero-copy h1{
  max-width:12ch !important;
}

body.lo-home-premium-b .lo-hero-copy h1 strong,
body.lo-home-premium-b .lo-premium-slide:nth-child(2) .lo-hero-copy h1::after{
  color:#16e0d5 !important;
}

body.lo-home-premium-b .lo-hero-copy p{
  max-width:560px !important;
  color:rgba(255,255,255,.92) !important;
  font-size:24px !important;
  line-height:1.32 !important;
  font-weight:650 !important;
  margin:0 0 28px !important;
}

body.lo-home-premium-b .lo-btn{
  min-width:204px !important;
  min-height:54px !important;
  padding:0 34px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1 !important;
  border:0 !important;
  box-shadow:0 18px 42px rgba(0,225,214,.23) !important;
}

body.lo-home-premium-b .lo-btn-primary,
body.lo-home-premium-b .lo-btn-secondary{
  background:linear-gradient(135deg,#23dbf6,#09d0ad) !important;
  color:#021225 !important;
}

body.lo-home-premium-b .lo-hero-art{
  position:relative !important;
  z-index:2 !important;
  min-height:540px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  padding:0 58px 50px 0 !important;
}

body.lo-home-premium-b .lo-hero-art::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:42px !important;
  bottom:76px !important;
  height:132px !important;
  border-radius:50% !important;
  background:
    radial-gradient(ellipse at center, rgba(0,255,224,.14), transparent 55%),
    linear-gradient(90deg, transparent 8%, rgba(29,220,255,.95), rgba(255,69,214,.78), transparent 92%) !important;
  transform:perspective(520px) rotateX(58deg) !important;
  filter:blur(.2px) drop-shadow(0 0 26px rgba(0,224,255,.38)) !important;
}

body.lo-home-premium-b .lo-hero-art::after{
  content:"" !important;
  position:absolute !important;
  left:12% !important;
  right:5% !important;
  bottom:44px !important;
  height:18px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(0,255,216,.72), rgba(126,91,255,.7), transparent) !important;
  filter:blur(8px) !important;
}

body.lo-home-premium-b .lo-hero-art img{
  position:relative !important;
  z-index:2 !important;
  width:min(86%, 620px) !important;
  max-height:430px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:drop-shadow(0 28px 48px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(0,218,255,.18)) !important;
  border-radius:20px !important;
}

body.lo-home-premium-b .lo-carousel-btn{
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.34) !important;
  background:rgba(8,20,43,.72) !important;
  color:#fff !important;
  font-size:54px !important;
  line-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  backdrop-filter:blur(12px) !important;
  z-index:5 !important;
}

body.lo-home-premium-b .lo-carousel-prev{ left:22px !important; }
body.lo-home-premium-b .lo-carousel-next{ right:22px !important; }

body.lo-home-premium-b .lo-carousel-dots{
  bottom:28px !important;
  gap:15px !important;
  z-index:6 !important;
}

body.lo-home-premium-b .lo-carousel-dots button{
  width:14px !important;
  height:14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.74) !important;
}

body.lo-home-premium-b .lo-carousel-dots button.is-active{
  width:20px !important;
  background:#00cddb !important;
}

body.lo-home-premium-b .lo-hero-promos{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  height:610px !important;
}

body.lo-home-premium-b .lo-promo-card{
  position:relative !important;
  min-height:296px !important;
  padding:36px 230px 32px 32px !important;
  overflow:hidden !important;
  border-radius:22px !important;
  border:1px solid rgba(95,239,228,.27) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 26px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.lo-home-premium-b .lo-promo-green{
  background:radial-gradient(circle at 83% 44%, rgba(0,224,195,.30), transparent 34%), linear-gradient(135deg,#09223b,#062c31) !important;
}

body.lo-home-premium-b .lo-promo-purple{
  background:radial-gradient(circle at 83% 50%, rgba(187,90,255,.24), transparent 34%), linear-gradient(135deg,#121633,#241240) !important;
}

body.lo-home-premium-b .lo-promo-card span{
  color:#1bf0df !important;
  font-size:30px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}

body.lo-home-premium-b .lo-promo-purple span{
  color:#c766ff !important;
}

body.lo-home-premium-b .lo-promo-card strong{
  display:block !important;
  margin:22px 0 14px !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
}

body.lo-home-premium-b .lo-promo-card p{
  display:block !important;
  max-width:290px !important;
  color:rgba(255,255,255,.92) !important;
  font-size:17px !important;
  line-height:1.36 !important;
  margin:0 !important;
}

body.lo-home-premium-b .lo-promo-card b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  margin-top:24px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  background:rgba(37,232,222,.18) !important;
  color:#fff !important;
  border:1px solid rgba(37,232,222,.32) !important;
  font-size:16px !important;
  font-weight:900 !important;
}

body.lo-home-premium-b .lo-promo-visual{
  position:absolute !important;
  right:28px !important;
  bottom:22px !important;
  width:190px !important;
  height:160px !important;
  opacity:1 !important;
  filter:drop-shadow(0 24px 35px rgba(0,0,0,.46)) !important;
}

body.lo-home-premium-b .lo-truck-icon{
  background:linear-gradient(180deg,#16f0dd,#0a9bb7) !important;
  clip-path:polygon(0 38%,55% 38%,55% 18%,78% 18%,100% 42%,100% 76%,88% 76%,88% 88%,76% 88%,76% 76%,28% 76%,28% 88%,16% 88%,16% 76%,0 76%) !important;
}

body.lo-home-premium-b .lo-seal-icon{
  background:radial-gradient(circle,#ffe17b 0 28%,#d89022 29% 58%,#7d42dc 59% 100%) !important;
  clip-path:polygon(50% 0,60% 17%,79% 10%,80% 30%,98% 39%,83% 52%,90% 72%,69% 72%,60% 98%,50% 79%,40% 98%,31% 72%,10% 72%,17% 52%,2% 39%,20% 30%,21% 10%,40% 17%) !important;
}

body.lo-home-premium-b .lo-quick-wrap{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(138px, 1fr)) !important;
  gap:0 !important;
  margin-top:20px !important;
  padding:18px 24px !important;
  border-radius:22px !important;
  border:1px solid rgba(122,164,230,.28) !important;
  background:rgba(9,27,52,.82) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.lo-home-premium-b .lo-quick-card{
  min-height:152px !important;
  padding:0 18px 0 !important;
  border:0 !important;
  border-radius:18px !important;
  background:transparent !important;
  color:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:11px !important;
  text-align:center !important;
  text-decoration:none !important;
}

body.lo-home-premium-b .lo-quick-card:hover{
  background:rgba(255,255,255,.06) !important;
  transform:translateY(-2px) !important;
}

body.lo-home-premium-b .lo-quick-icon{
  width:96px !important;
  height:96px !important;
  border-radius:28px !important;
  border:1px solid currentColor !important;
  background:color-mix(in srgb, currentColor 15%, transparent) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#42f7ef !important;
  font-size:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 15px 38px rgba(0,0,0,.2) !important;
}

body.lo-home-premium-b .lo-quick-icon::before,
body.lo-home-premium-b .lo-quick-icon::after{
  content:"" !important;
  position:absolute !important;
  box-sizing:border-box !important;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="grid"]{ color:#73fff5 !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="grid"]::before{
  width:43px; height:43px; background:
    linear-gradient(currentColor 0 0) 0 0/16px 16px no-repeat,
    linear-gradient(currentColor 0 0) 27px 0/16px 16px no-repeat,
    linear-gradient(currentColor 0 0) 0 27px/16px 16px no-repeat,
    linear-gradient(currentColor 0 0) 27px 27px/16px 16px no-repeat;
  -webkit-mask:radial-gradient(circle, transparent 0 7px, #000 8px);
}

body.lo-home-premium-b .lo-quick-icon[data-icon="store"]{ color:#ff69b9 !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="store"]::before{
  width:39px; height:36px; border:5px solid currentColor; border-top:0; border-radius:0 0 8px 8px; bottom:22px;
}
body.lo-home-premium-b .lo-quick-icon[data-icon="store"]::after{
  width:28px; height:28px; border:5px solid currentColor; border-bottom:0; border-radius:18px 18px 0 0; top:20px;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="tag"]{ color:#7effca !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="tag"]::before{
  width:43px; height:30px; border:5px solid currentColor; border-radius:7px; transform:rotate(-42deg);
}
body.lo-home-premium-b .lo-quick-icon[data-icon="tag"]::after{
  width:7px; height:7px; border-radius:50%; background:currentColor; transform:translate(9px,-12px);
}

body.lo-home-premium-b .lo-quick-icon[data-icon="trophy"]{ color:#ff7b3c !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="trophy"]::before{
  content:"🔥" !important; position:static !important; font-size:46px !important;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="spark"]{ color:#c85fff !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="spark"]::before{
  content:"NOVO" !important; position:static !important; width:54px !important; height:54px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; background:currentColor !important; color:#1a1033 !important; font-size:12px !important; font-weight:950 !important;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="user"]{ color:#2fb9ff !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="user"]::before{
  width:22px; height:22px; border:5px solid currentColor; border-radius:50%; top:21px;
}
body.lo-home-premium-b .lo-quick-icon[data-icon="user"]::after{
  width:48px; height:25px; border:5px solid currentColor; border-bottom:0; border-radius:27px 27px 0 0; bottom:21px;
}

body.lo-home-premium-b .lo-quick-icon[data-icon="shield"]{ color:#9b77ff !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="shield"]::before{
  width:48px; height:56px; border:5px solid currentColor; border-radius:16px 16px 24px 24px; clip-path:polygon(50% 0,100% 14%,87% 74%,50% 100%,13% 74%,0 14%);
}

body.lo-home-premium-b .lo-quick-icon[data-icon="crown"]{ color:#ffd45a !important; }
body.lo-home-premium-b .lo-quick-icon[data-icon="crown"]::before{
  content:"♛" !important;
  position:static !important;
  font-size:56px !important;
  line-height:1 !important;
  color:currentColor !important;
}

body.lo-home-premium-b .lo-quick-card strong{
  color:#fff !important;
  font-size:17px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

body.lo-home-premium-b .lo-quick-card em{
  color:rgba(255,255,255,.85) !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-style:normal !important;
}

body.lo-home-premium-b .lo-trust-strip{
  margin-top:24px !important;
  padding:25px 42px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:18px !important;
  background:#fff !important;
  color:#11203a !important;
  box-shadow:0 24px 70px rgba(2,13,30,.12) !important;
}

body.lo-home-premium-b .lo-trust-strip article{
  gap:16px !important;
}

body.lo-home-premium-b .lo-trust-icon{
  width:46px !important;
  height:46px !important;
  color:#11203a !important;
}

body.lo-home-premium-b .lo-trust-icon::before{
  font-size:32px !important;
  color:currentColor !important;
}

body.lo-home-premium-b .lo-trust-strip strong{
  color:#11203a !important;
  font-size:18px !important;
  font-weight:900 !important;
}

body.lo-home-premium-b .lo-trust-strip em{
  color:#5b6475 !important;
  font-size:15px !important;
}

html[data-theme="dark"] body.lo-home-premium-b .lo-trust-strip{
  background:#f8fafc !important;
  color:#11203a !important;
}

@media (max-width: 1180px){
  body.lo-home-premium-b .lo-hero-board{
    grid-template-columns:1fr !important;
  }
  body.lo-home-premium-b .lo-hero-promos{
    height:auto !important;
    grid-template-columns:1fr 1fr !important;
  }
  body.lo-home-premium-b .lo-promo-card{
    min-height:230px !important;
  }
}

@media (max-width: 760px){
  body.lo-home-premium-b .lo-benefits,
  body.lo-home-premium-b .lo-hero-board,
  body.lo-home-premium-b .lo-quick-wrap,
  body.lo-home-premium-b .lo-trust-strip{
    width:calc(100% - 24px) !important;
  }
  body.lo-home-premium-b .lo-benefits{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    min-height:0 !important;
    margin-top:0 !important;
  }
  body.lo-home-premium-b .lo-benefits span{
    min-height:58px !important;
    grid-template-columns:28px 1fr !important;
    padding:10px 12px !important;
    column-gap:9px !important;
  }
  body.lo-home-premium-b .lo-benefits span::before{
    width:25px !important;
    height:25px !important;
  }
  body.lo-home-premium-b .lo-benefits strong{
    font-size:12px !important;
  }
  body.lo-home-premium-b .lo-benefits small{
    font-size:11px !important;
  }
  body.lo-home-premium-b .lo-hero-board{
    gap:12px !important;
    margin-top:14px !important;
  }
  body.lo-home-premium-b .lo-hero-showcase,
  body.lo-home-premium-b .lo-premium-track,
  body.lo-home-premium-b .lo-premium-slide{
    height:360px !important;
    min-height:360px !important;
    border-radius:18px !important;
  }
  body.lo-home-premium-b .lo-premium-slide{
    grid-template-columns:1fr !important;
  }
  body.lo-home-premium-b .lo-hero-copy{
    padding:28px 24px 70px !important;
    max-width:78% !important;
  }
  body.lo-home-premium-b .lo-eyebrow{
    font-size:11px !important;
    margin-bottom:9px !important;
  }
  body.lo-home-premium-b .lo-hero-copy h1{
    font-size:2.05rem !important;
    max-width:11ch !important;
    margin-bottom:10px !important;
  }
  body.lo-home-premium-b .lo-hero-copy p{
    font-size:14px !important;
    max-width:260px !important;
    margin-bottom:15px !important;
  }
  body.lo-home-premium-b .lo-btn{
    min-width:132px !important;
    min-height:40px !important;
    padding:0 18px !important;
    font-size:13px !important;
  }
  body.lo-home-premium-b .lo-hero-art{
    position:absolute !important;
    right:-6px !important;
    bottom:50px !important;
    width:45% !important;
    min-height:120px !important;
    padding:0 !important;
    opacity:.9 !important;
  }
  body.lo-home-premium-b .lo-hero-art img{
    max-height:150px !important;
    width:100% !important;
  }
  body.lo-home-premium-b .lo-hero-art::before,
  body.lo-home-premium-b .lo-hero-art::after{
    display:none !important;
  }
  body.lo-home-premium-b .lo-carousel-btn{
    width:38px !important;
    height:38px !important;
    font-size:34px !important;
  }
  body.lo-home-premium-b .lo-carousel-prev{ left:10px !important; }
  body.lo-home-premium-b .lo-carousel-next{ right:10px !important; }
  body.lo-home-premium-b .lo-carousel-dots{
    bottom:18px !important;
  }
  body.lo-home-premium-b .lo-hero-promos{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body.lo-home-premium-b .lo-promo-card{
    min-height:126px !important;
    padding:14px 66px 14px 14px !important;
    border-radius:16px !important;
  }
  body.lo-home-premium-b .lo-promo-card span{
    font-size:18px !important;
  }
  body.lo-home-premium-b .lo-promo-card strong{
    margin:8px 0 0 !important;
    font-size:12px !important;
  }
  body.lo-home-premium-b .lo-promo-card p{
    display:none !important;
  }
  body.lo-home-premium-b .lo-promo-card b{
    display:none !important;
  }
  body.lo-home-premium-b .lo-promo-visual{
    right:8px !important;
    bottom:10px !important;
    width:58px !important;
    height:52px !important;
  }
  body.lo-home-premium-b .lo-quick-wrap{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:6px !important;
    padding:10px !important;
    border-radius:18px !important;
  }
  body.lo-home-premium-b .lo-quick-card{
    min-height:98px !important;
    gap:6px !important;
  }
  body.lo-home-premium-b .lo-quick-icon{
    width:54px !important;
    height:54px !important;
    border-radius:17px !important;
  }
  body.lo-home-premium-b .lo-quick-card strong{
    font-size:13px !important;
  }
  body.lo-home-premium-b .lo-quick-card em{
    font-size:11px !important;
  }
  body.lo-home-premium-b .lo-trust-strip{
    grid-template-columns:1fr !important;
    padding:16px !important;
    gap:14px !important;
  }
}

/* 2) Links do HEADER e menus NUNCA sublinham */
.site-header a,
.menu-principal a,
.menu-topo a,
#app-drawer .drawer-panel a{
  text-decoration:none !important;
}

/* 3) NOME DA LOJA: verde como antes (ajuste a cor se quiser) */
:root{ --brand-name: #22c55e; }                 /* verde padrão */
.topbar .brand-title{ color: var(--brand-name) !important; }
.topbar .brand-subtitle{ color:#e5e7eb !important; }

/* 4) FOOTER: parte superior cinza bem escuro e faixa © preta */
footer{
  background:#111827 !important;               /* cinza BEM escuro no topo */
  color:#e5e7eb;
  border-top:1px solid #0b0f18;
}
.footer-inner h4{ color:#ffffff !important; }
.footer-inner p{ color:#cbd5e1 !important; }
.footer-inner a{
  color:#e5e7eb !important;
  text-decoration:none !important;
  border-bottom:1px dashed rgba(255,255,255,.20);
}
.footer-inner a:hover{ background:rgba(255,255,255,.08); }
.footer-cms-links{ border-top:1px solid rgba(255,255,255,.10) !important; }
.footer-bottom{
  background:#000000 !important;               /* faixa do © PRETA */
  color:#e5e7eb !important;
}

/* 5) SLIDE/CARROSSEL em largura total (full-bleed) */
.carousel-fullbleed, .hero-fullbleed{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;                   /* ocupa a LARGURA da janela */
}
.carousel-fullbleed img, .hero-fullbleed img,
.carousel-fullbleed .slide, .hero-fullbleed .slide{
  width: 100%;
  height: auto;
  display:block;
}
/* Se seu carrossel já tiver classe .carousel, habilite o full-bleed assim: */
.carousel.carousel--full { /* opcional */
  position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width:100vw;
}

/* 6) Busca do topo: mantém contraste mesmo no escuro */
html[data-theme="dark"] .topbar .busca input[type="search"]{
  background:#0f172a !important;
  color:#e5e7eb !important;
  border:1px solid #1f2937 !important;
}
html[data-theme="dark"] .topbar .busca button{
  background:#6a0dad !important;
  color:#fff !important;
}

/* 7) Força os dois roxos no header (caso algum CSS antigo sobrescreva) */
.site-header .topbar{ background:#6a0dad !important; color:#fff !important; }
.site-header .menu-principal{ background:#4b0c8e !important; color:#fff !important; border-bottom:1px solid #3f0a79 !important; }

/* 8) Acentua foco acessível */
a:focus-visible, button:focus-visible, .btn:focus-visible, .btn-outline:focus-visible {
  outline: 3px solid var(--focus) !important; outline-offset: 2px !important;
}


/* claro = preto; escuro = branco; sem negrito e sem sublinhado */
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu a{
  color:#0f172a !important; font-weight:400 !important; text-decoration:none !important;
}
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu a{
  color:#f8fafc !important; font-weight:400 !important; text-decoration:none !important;
}
html:not([data-theme="dark"]) .menu-principal .dropdown.categorias .dropdown-menu a:hover{ background:#f1f5f9 !important; }
html[data-theme="dark"] .menu-principal .dropdown.categorias .dropdown-menu a:hover{ background:#111827 !important; }