
:root{
  --bg:#F1F5F9;--surface:#FFFFFF;--surface-2:#E2E8F0;
  --text:#0F172A;--text-2:#1E293B;--muted:#475569;
  --border:#CBD5E1;--border-2:#94A3B8;
  --brand:#FF6500;--brand-hover:#E55A00;--brand-soft:#FFF7ED;
  --brand-grad:linear-gradient(135deg,#FF6500 0%,#FF5000 55%,#E04E00 100%);
  --accent:#FF6500;--accent-hover:#E55A00;
  --accent-grad:linear-gradient(135deg,#FF6500 0%,#E55A00 100%);
  --ok:#047857;--ok-soft:#DCFCE7;--ok-text:#065F46;
  --ok-grad:linear-gradient(135deg,#047857 0%,#065F46 100%);
  --warn-soft:#FEF3C7;--warn:#92400E;
  --tg:#0369A1;--focus:#1D4ED8;
  --r-lg:16px;--r:12px;--r-sm:10px;--r-pill:999px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  --gutter:16px;--maxw:100%;--tap:44px;
  --font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-display:"Plus Jakarta Sans",Inter,system-ui,-apple-system,sans-serif;
}
@media(min-width:768px){:root{--gutter:24px}}
@media(min-width:1200px){:root{--gutter:32px;--maxw:1920px}}
@media(min-width:1680px){:root{--gutter:40px;--maxw:2400px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:128px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button,input{font:inherit;color:inherit}
h1,h2,h3,p,ul{margin:0}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--text);color:#fff;padding:10px 14px;border-radius:var(--r-sm);text-decoration:none;font-weight:700}
.skip:focus{top:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.wrap-narrow{max-width:min(1480px,100%)}

/* Header Dark-Navy Premium 2026 com Alto Contraste */
@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.65}}
.hdr{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#0067BE 0%,#00569E 100%);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 4px 14px rgba(0,34,68,.25)}
.hdr-in{max-width:var(--maxw);margin:0 auto;padding:10px var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px var(--s3)}
.brand{display:flex;align-items:center;gap:10px;min-height:var(--tap);text-decoration:none;min-width:0;color:#fff}
.brand-kabum{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);padding:4px 12px 4px 6px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);box-shadow:0 2px 6px rgba(0,20,45,.2),inset 0 1px 0 rgba(255,255,255,.18);text-decoration:none;flex:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.brand-kabum:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.42);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,20,45,.28)}
.brand-kabum__logo{width:36px;height:36px;max-width:none;object-fit:contain;display:block}
@media(max-width:540px){.brand-kabum__logo{width:30px;height:30px;max-width:none}.brand-kabum{padding:3px 9px 3px 5px;gap:8px}}
.brand-mark{width:38px;height:38px;border-radius:9px;background:#FFFFFF;border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 6px rgba(0,0,0,.18);display:grid;place-items:center;flex:none;overflow:hidden;padding:2px}
.brand-mark img,.brand-mark svg,.brand__logo-img{width:100%;height:100%;object-fit:contain;display:block}
.brand-name{font-family:var(--font-display);font-size:19px;font-weight:900;font-style:italic;letter-spacing:-.03em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,20,45,.35)}
@media(max-width:540px){.brand-name{font-size:15px}.brand-mark{width:32px;height:32px;border-radius:8px}}
.brand-name__acc{color:#FF6500;text-shadow:0 0 14px rgba(255,101,0,.45)}
.hdr-side{display:flex;align-items:center;gap:10px}
.live{display:inline-flex;align-items:center;gap:7px;min-size:0;min-height:36px;font-size:12px;font-weight:800;color:#6EE7B7;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.4);padding:5px 12px;border-radius:var(--r-pill);white-space:nowrap;letter-spacing:.01em;box-shadow:0 1px 3px rgba(0,20,45,.16)}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:#10B981;box-shadow:0 0 8px #10B981;animation:pulseDot 2s infinite}
.live.stale{color:#CBD5E1;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.live.stale::before{background:#94A3B8;box-shadow:none;animation:none}
.btn.hdr-cta{display:none;min-height:40px;padding:0 16px;border-radius:10px;border:1.5px solid rgba(255,255,255,.32);box-shadow:0 2px 8px rgba(0,20,45,.22),inset 0 1px 0 rgba(255,255,255,.22)}
.hdr .btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.3);box-shadow:0 2px 6px rgba(0,20,45,.18),inset 0 1px 0 rgba(255,255,255,.18)}
.hdr .btn-ghost:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}
.search-Landmark{grid-column:1/-1;display:block;margin:0}
.search{grid-column:1/-1;position:relative;margin:0}
.search input{width:100%;height:var(--tap);border:2px solid rgba(255,255,255,.95);border-radius:var(--r);background:#FFFFFF;padding:0 54px 0 16px;font-size:15.5px;font-weight:600;color:var(--text);box-shadow:0 4px 18px rgba(0,0,0,.22);-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.search input::placeholder{color:#475569;font-weight:500;opacity:1}
.search input:focus{background:#FFFFFF;border-color:#FF6500;outline:none;box-shadow:0 0 0 4px rgba(255,101,0,.28),0 6px 20px rgba(0,0,0,.25)}
.search input::-webkit-search-cancel-button{display:none}
.search button{position:absolute;right:0;top:0;width:var(--tap);height:var(--tap);border:0;background:var(--brand-grad);display:grid;place-items:center;color:#fff;cursor:pointer;border-radius:9px;box-shadow:0 2px 8px rgba(29,78,216,.35);transition:transform .15s,filter .15s}
.search button:hover{filter:brightness(1.08);transform:scale(1.03)}
@media(min-width:768px){.btn.hdr-cta{display:inline-flex}}
@media(min-width:900px){
  .hdr-in{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s4);padding:12px var(--gutter)}
  .search,.search-Landmark{grid-column:2;grid-row:1}
  .hdr-side{grid-column:3;grid-row:1}
}

/* Botões Premium com Shadow Stacking */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s4);border-radius:var(--r-sm);border:1px solid transparent;font-family:var(--font-display);font-size:14.5px;font-weight:800;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),background-color .15s,border-color .15s,filter .15s}
.btn-primary{background:var(--brand-grad);color:#fff;border-color:#1E40AF;box-shadow:0 4px 12px rgba(29,78,216,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 20px rgba(29,78,216,.38),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-accent{background:var(--accent-grad);color:#fff;border-color:#1E40AF;box-shadow:0 4px 12px rgba(29,78,216,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-accent:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 20px rgba(29,78,216,.4)}
.btn-ghost{background:var(--surface);color:var(--text);border:1.5px solid var(--border);box-shadow:0 1px 2px rgba(15,23,42,.05)}
.btn-ghost:hover{background:#F8FAFC;border-color:var(--text-2);transform:translateY(-1px)}
.btn-tg{background:linear-gradient(135deg,#0369A1 0%,#075985 100%);color:#fff;border-color:#075985;box-shadow:0 4px 12px rgba(3,105,161,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-tg:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn-block{width:100%}

/* Painel Organizado de Filtros (Destaques · Lojas · Categorias) — Alto Contraste Mobile & Desktop */
.filters{padding:12px 0 4px}
.filters-in{max-width:var(--maxw);margin:0 auto;display:grid;gap:8px;padding:0 var(--gutter)}
.f-top{display:grid;gap:8px}
.f-box{display:flex;align-items:center;min-width:0;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:6px 8px;gap:8px;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.f-feat{background:linear-gradient(180deg,#FFFFFF 0%,#FFFBEB 100%);border-color:#FCD34D}
.f-store{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);border-color:#CBD5E1}
.f-dept{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);border-color:#CBD5E1;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.f-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:0 10px;height:34px;border-radius:8px;white-space:nowrap;flex:none;color:#fff;background:var(--brand-grad);box-shadow:0 2px 8px rgba(29,78,216,.28)}
.f-tag-store{color:#fff;background:var(--accent-grad);box-shadow:0 2px 8px rgba(29,78,216,.25)}
.f-tag-cat{color:#fff;background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);box-shadow:0 2px 8px rgba(15,23,42,.25)}
.chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips-dept{min-height:var(--tap)}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 14px;border-radius:999px;border:1.5px solid #CBD5E1;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);font-family:var(--font-display);font-size:13px;font-weight:700;color:#0F172A;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 1px 3px rgba(15,23,42,.08),inset 0 1px 0 #FFFFFF;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s,background-color .15s,border-color .15s,color .15s}
.chip:hover:not(:disabled):not([aria-pressed="true"]){border-color:#FF6500;background:#FFF7ED;color:#FF6500;transform:translateY(-1px);box-shadow:0 4px 10px rgba(255,101,0,.15)}
.chip .n{font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;color:#0F172A;background:#E2E8F0;border:1px solid #CBD5E1;padding:1px 7px;border-radius:999px;line-height:1.35}
.chips-feat .chip .n{background:#FFEDD5;color:#C2410C;border-color:#FDBA74}
.chips-store .chip .n{background:#DBEAFE;color:#0060B1;border-color:#93C5FD}
.chips-dept .chip .n{background:#EEF2FF;color:#00467F;border-color:#C7D2FE}
.chip .logo{width:22px;height:22px;border-radius:6px;background:#FFFFFF;border:1px solid #CBD5E1;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;padding:2px;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.chip .logo img{width:16px;height:16px;object-fit:contain;display:block}
.chip[aria-pressed="true"]{background:#0060B1;border-color:#00467F;color:#fff;box-shadow:0 4px 12px rgba(0,96,177,.34),inset 0 1px 0 rgba(255,255,255,.28)}
.chip[aria-pressed="true"] .n{color:#0060B1;background:#FFFFFF;border-color:transparent;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.chips-store .chip[aria-pressed="true"]{background:#00467F;border-color:#003366;color:#fff;box-shadow:0 4px 12px rgba(0,70,127,.3),inset 0 1px 0 rgba(255,255,255,.2)}
.chips-store .chip[aria-pressed="true"] .n{color:#00467F;background:#FFFFFF;border-color:transparent}
.chip:disabled{background:#F8FAFC;border:1.5px dashed #CBD5E1;color:#475569;opacity:.85;box-shadow:none;cursor:not-allowed}
.chip:disabled .n{background:#F1F5F9;color:#475569;border-color:#CBD5E1}
.chips-store .chip{padding-left:8px;flex:0 1 auto}
@media(max-width:899px){
  .hdr-in{padding:8px var(--gutter);gap:6px var(--s2)}
  .search input{height:var(--tap);font-size:14.5px}
  .filters{padding:6px 0 0}
  .f-box{padding:3px 5px;gap:5px;border-radius:9px}
  .f-tag{height:28px;padding:0 7px;font-size:9px;border-radius:6px}
  .chip{min-height:44px;padding:0 12px;font-size:12.5px}
  .sec-head{margin:10px 0 8px}
  .sec-title{font-size:17px}
  .count{font-size:11.5px;padding:3px 9px}
}

/* Filtros em uma linha: Destaques deslizável + botões Lojas/Categorias (bottom sheet no celular, popover no desktop) */
.f-line{display:grid;gap:8px}
.chips-feat{flex-wrap:nowrap;padding:4px 2px}
.f-pickers{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.f-pwrap{position:relative;flex:1 1 0;min-width:0}
.f-pick{display:none;width:100%;align-items:center;gap:6px;min-height:var(--tap);padding:0 14px;border-radius:10px;border:1.5px solid #CBD5E1;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);font-family:var(--font-display);font-size:13.5px;font-weight:800;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;box-shadow:0 1px 3px rgba(15,23,42,.08),inset 0 1px 0 #FFFFFF;transition:transform .15s,border-color .15s,background-color .15s,box-shadow .15s}
.js .f-pick{display:inline-flex}
.f-pick:hover{border-color:#0060B1;background:#F0F9FF;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,96,177,.12)}
.f-pick .fp-lbl{flex:none}
.f-pick .fp-val{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;font-weight:700;color:var(--muted)}
.f-pick .fp-car{margin-left:auto;flex:none;font-size:11px;transition:transform .18s}
.f-pick.is-set{border-color:#1D4ED8;background:var(--brand-soft)}
.f-pick.is-set .fp-val{color:#1E40AF}
.f-pick[aria-expanded="true"]{border-color:var(--text);box-shadow:0 0 0 3px rgba(15,23,42,.1)}
.f-pick[aria-expanded="true"] .fp-car{transform:rotate(180deg)}
.f-clearall{display:none;flex:1 1 100%;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 14px;border-radius:var(--r-sm);border:1.5px dashed #DC2626;background:#FEF2F2;color:#991B1B;font-family:var(--font-display);font-size:13px;font-weight:800;cursor:pointer}
.js .f-clearall.on{display:inline-flex}
.f-pop-x{display:none;position:absolute;right:6px;top:6px;z-index:2;width:var(--tap);height:var(--tap);border-radius:50%;border:0;background:#F1F5F9;color:var(--text);font-size:16px;line-height:1;cursor:pointer;place-items:center}
.js .f-pop-x{display:grid}
.f-pop .f-box{background:none;border:0;box-shadow:none;border-radius:0}
.f-pop .chips{flex-wrap:wrap;overflow:visible;padding:0;width:100%}
.f-pop .chip{flex:0 0 auto}
.js .f-pop{display:none}
.js .f-pop.open{display:block}
.f-backdrop{position:fixed;inset:0;z-index:65;background:rgba(15,23,42,.5)}
@keyframes fpUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
html.f-lock{overflow:hidden}
@media(max-width:767px){
  .f-feat .f-tag{display:none}
  .f-feat{padding:3px 4px}
  .f-pwrap .fp-val.is-all{display:none}
  .js .f-pop{position:fixed;left:0;right:0;bottom:0;z-index:70;max-height:78vh;max-height:78dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-radius:22px 22px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 44px rgba(15,23,42,.38);animation:fpUp .22s cubic-bezier(.16,1,.3,1)}
  .js .f-pop::before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:var(--border-2);margin:-8px auto 10px}
  .f-pop .f-box{flex-direction:column;align-items:flex-start;gap:12px;padding:0}
  .f-pop .f-tag{height:34px;font-size:11px}
  .f-pop .chips{gap:8px}
  .f-pop .chip{min-height:44px;padding:0 14px;font-size:13.5px}
}
@media(min-width:768px){
  .f-line{position:relative;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
  .f-pickers{flex-wrap:nowrap}
  .f-pwrap{position:static;flex:0 0 auto}
  .f-pick{width:176px}
  .f-clearall{flex:0 0 auto;min-height:var(--tap)}
  .js .f-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:55;width:min(640px,calc(100vw - 2 * var(--gutter)));max-height:70vh;overflow-y:auto;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:0 22px 50px -10px rgba(15,23,42,.32);padding:44px 14px 14px;animation:fpUp .16s ease-out}
  .f-pop .f-box{flex-direction:column;align-items:flex-start;gap:10px;padding:0}
  .f-pop .f-tag{position:absolute;left:14px;top:8px}
  .f-pop .chips{gap:7px}
  .f-pop .chip{min-height:var(--tap);font-size:13px}
  .f-feat{padding:5px 10px}
  .chip{min-height:var(--tap);padding:0 12px;font-size:13px}
}
.f-backdrop[hidden]{display:none!important}
@media(min-width:768px){.f-backdrop{display:none!important}}

/* Faixas deslizáveis: snap + fade nas bordas (classes can-l/can-r via JS) + dica de deslize só em toque */
.grid-promo{grid-column:1/-1;min-width:0}
.grid-promo[hidden]{display:none}
.grid-promo>:first-child{margin-top:0}
.chips-feat,.ss-track,.hv-track,.drops-track,.brand-strip{scroll-snap-type:x proximity;scroll-padding-inline:10px;overscroll-behavior-x:contain}
.chips-feat>*,.ss-track>*,.hv-track>*,.drops-track>*,.brand-strip>*{scroll-snap-align:start}
.chips-feat.nudging,.ss-track.nudging,.hv-track.nudging,.drops-track.nudging,.brand-strip.nudging{scroll-snap-type:none}
.js .chips-feat,.js .ss-track,.js .hv-track,.js .drops-track,.js .brand-strip{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%)}
.can-l{--fl:26px}
.can-r{--fr:26px}

/* Cabeçalho de seção */
.niche{margin:var(--s3) 0 0;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 18px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.niche h1{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--text)}
.niche p{font-size:14px;color:var(--muted);margin-top:4px;font-weight:500}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin:16px 0 14px}
.sec-title{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:-.02em;color:#0F172A;text-transform:uppercase}
.sec-title::before{content:"";display:inline-block;width:11px;height:11px;background:#FF6500;transform:rotate(45deg);border-radius:2.5px;flex:none;box-shadow:0 2px 6px rgba(255,101,0,.45)}
.count{font-size:13px;color:#0F172A;background:#E2E8F0;border:1px solid #CBD5E1;padding:4px 12px;border-radius:var(--r-pill);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Grade de ofertas — Estilo Bento / Marketplace Premium */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
@media(max-width:339px){.grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.g4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}.grid.g4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1140px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.g4{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1560px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.g4{grid-template-columns:repeat(6,minmax(0,1fr))}}
.deal{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1.5px solid #CBD5E1;border-radius:var(--r-lg);overflow:hidden;min-width:0;box-shadow:0 4px 14px -2px rgba(15,23,42,.06);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .18s}
.grid > .deal:nth-child(n+5){content-visibility:auto;contain-intrinsic-size:auto 420px}
.seo-hub-links,.faq-section{content-visibility:auto;contain-intrinsic-size:auto 360px}
.deal:hover{transform:translateY(-4px);border-color:#FF6500;box-shadow:0 14px 28px -4px rgba(255,101,0,.22),0 4px 12px rgba(0,0,0,.08)}
.deal[data-fill-active="1"]{border-color:#FF6500;background:linear-gradient(180deg,#FFF7ED 0%,#FFFFFF 32%);box-shadow:0 6px 18px -2px rgba(255,101,0,.15)}
.deal[data-fill-active="1"] .deal-body::before{content:"🔥 Destaque do dia";display:inline-block;align-self:flex-start;font-family:var(--font-display);font-size:11.5px;font-weight:800;color:#fff;background:var(--brand-grad);padding:2px 9px;border-radius:999px;margin-bottom:2px;white-space:nowrap;box-shadow:0 2px 6px rgba(255,101,0,.25)}
.deal.off{display:none}
.js .deal.pg{display:none}
.deal-media{position:relative;display:block;aspect-ratio:1/1;background:#fff;padding:14px;border-bottom:1px solid #E2E8F0;overflow:hidden}
.deal-media img{width:100%;height:100%;object-fit:contain;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.deal:hover .deal-media img{transform:scale(1.04)}
.disc{position:absolute;left:10px;top:10px;z-index:2;background:linear-gradient(135deg,#FF6500 0%,#E55A00 100%);color:#fff;font-family:var(--font-display);font-size:12px;font-weight:900;padding:3px 9px;border-radius:var(--r-pill);line-height:1.25;box-shadow:0 4px 10px rgba(255,101,0,.35);font-variant-numeric:tabular-nums}
.bell{position:absolute;right:6px;top:6px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.95);border:1.5px solid #CBD5E1;color:var(--accent);text-decoration:none;box-shadow:0 2px 6px rgba(15,23,42,.08);transition:transform .15s,background-color .15s,border-color .15s}
.bell:hover{background:#EFF6FF;border-color:var(--accent);transform:scale(1.06)}
.deal-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1;min-width:0}
.deal-meta-row{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:nowrap;min-width:0}
.deal-badges{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}
.deal-store{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:#0F172A;background:#FFFFFF;border:1px solid #CBD5E1;padding:3px 9px 3px 6px;border-radius:var(--r-pill);box-shadow:0 1px 2px rgba(15,23,42,.05);max-width:100%;white-space:nowrap;overflow:hidden;min-width:0}
.deal-store img{width:15px;height:15px;flex:none;object-fit:contain;border-radius:3px}
.deal-store span{overflow:hidden;text-overflow:ellipsis}
.deal-ff{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:6px;background:#ECFDF5;color:#047857;border:1px solid #A7F3D0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.deal-temp{font-size:10.5px;font-weight:900;padding:2px 7px;border-radius:999px;white-space:nowrap;letter-spacing:-0.01em;flex:none}
.deal-temp.temp-super{background:linear-gradient(135deg,#B91C1C 0%,#1D4ED8 100%);color:#FFFFFF;box-shadow:0 2px 6px rgba(185,28,28,.25)}
.deal-temp.temp-hot{background:#EFF6FF;color:#1D4ED8;border:1px solid #93C5FD}
.deal-temp.temp-warm{background:#FEFCE8;color:#92400E;border:1px solid #FDE047}
.deal-unit-price{font-size:11px;font-weight:800;color:#047857;background:#ECFDF5;border:1px solid #A7F3D0;padding:2px 7px;border-radius:6px;align-self:flex-start;line-height:1.25;margin-top:2px}
.buy-signal{align-self:flex-start;font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;border:1px solid;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.buy-signal--good{background:var(--ok-soft);color:var(--ok-text);border-color:#A7F3D0}
.buy-signal--normal{background:#FFFBEB;color:#92400E;border-color:#FDE68A}
.buy-signal--high{background:#FEE2E2;color:#991B1B;border-color:#FCA5A5}
.deal-rating{font-size:11px;font-weight:700;color:#92400E;background:#FFFBEB;border:1px solid #FDE68A;padding:2px 7px;border-radius:6px;align-self:flex-start;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.deal-sub-actions{display:grid;grid-template-columns:1fr auto auto;gap:4px;margin-top:4px}
.btn-qv{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:var(--tap);padding:0 8px;border-radius:8px;border:1px solid #CBD5E1;background:#F8FAFC;color:#1E293B;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s}
.btn-qv:hover{border-color:#1D4ED8;color:#1D4ED8;background:#EFF6FF}
.btn-wa-mini{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);padding:0 7px;border-radius:8px;border:1px solid #86EFAC;background:#F0FDF4;color:#15803D;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;transition:all .15s}
.btn-wa-mini:hover{background:#DCFCE7;border-color:#22C55E}
.btn-tg-mini{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);padding:0 7px;border-radius:8px;border:1px solid #BAE6FD;background:#F0F9FF;color:#0369A1;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;transition:all .15s}
.btn-tg-mini:hover{background:#E0F2FE;border-color:#0284C7}
.tag{align-self:flex-start;display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;background:#F1F5F9;color:#0F172A;border:1px solid #CBD5E1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}
.tag-coupon{background:#EFF6FF;color:#1E40AF;border:1.5px dashed #1D4ED8}
.tag-low{background:#DCFCE7;color:#065F46;border:1px solid #86EFAC}
.tag-best{background:#FEF3C7;color:#92400E;border:1px solid #FDE68A}
.conds{display:inline-flex;flex-wrap:wrap;gap:4px}
.cond{font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px;border:1px solid #BBF7D0;color:#065F46;background:#F0FDF4;white-space:nowrap;line-height:1.4}
.sugg{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center}
.sugg a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 14px;border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--surface);font-size:14px;font-weight:700;color:var(--text);text-decoration:none}
.sugg a:hover{border-color:#1D4ED8;background:var(--brand-soft)}
.chip-clear{border-style:dashed;border-color:#DC2626!important;color:#991B1B!important;background:#FEF2F2!important}
.deal-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:#0F172A;line-height:1.36;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.08em}
.deal-title a{text-decoration:none}
.deal-title a:hover{color:#FF6500;text-decoration:none}
.deal-price{margin-top:auto;display:flex;flex-direction:column;line-height:1.2;padding-top:4px;gap:2px}
.deal-old-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.deal-savings{display:inline-flex;align-items:center;background:#FFF7ED;color:#C2410C;border:1px solid #FDBA74;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:5px;line-height:1.2}
.deal-price s{font-size:12.5px;font-weight:600;color:#64748B;font-variant-numeric:tabular-nums}
.de-origem{display:block;font-size:11px;font-weight:500;color:#556070;line-height:1.25}
.deal-price strong{font-family:var(--font-display);font-size:22px;font-weight:900;color:#C2410C;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.deal-price-go{text-decoration:none;color:inherit;display:inline-block;cursor:pointer;align-self:flex-start}
.deal-how{font-size:11px;font-weight:700;color:#047857;line-height:1.25}
.deal-inst{font-size:11.5px;font-weight:700;color:#047857;background:#ECFDF5;border:1px solid #A7F3D0;padding:2px 7px;border-radius:6px;align-self:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.disc-save{position:absolute;left:10px;bottom:8px;z-index:2;background:#047857;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:var(--r-pill);line-height:1.25;box-shadow:0 2px 6px rgba(4,120,87,.3)}
.btn-wa-send{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:36px;padding:0 10px;border-radius:8px;border:1px solid #86EFAC;background:#F0FDF4;color:#15803D;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;transition:all .15s}
.btn-wa-send:hover{background:#DCFCE7;border-color:#22C55E;color:#166534}
.sg-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#F8FAFC;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s}
.sg-pill:hover{background:rgba(255,255,255,.2);border-color:#38BDF8}
.faq-section + section .sg-pill{background:#FFF;border-color:#CBD5E1;color:#0F172A}
.pay-xray{display:grid;gap:6px;background:#F8FAFC;border:1.5px solid #CBD5E1;border-radius:10px;padding:10px 12px;font-size:13.5px;color:#1E293B}
.pay-xray-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.deal-time{font-size:11px;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.deal-time.ok{color:#065F46;background:#ECFDF5;border:1px solid #A7F3D0;padding:1px 7px;border-radius:6px;align-self:flex-start;font-weight:700}
.deal .btn{width:100%;font-size:14px;padding:0 var(--s3);margin-top:6px;min-height:var(--tap);border-radius:8px}
@media(max-width:639px){
  .deal-media{padding:10px}
  .deal-body{padding:10px;gap:5px}
  .deal-title{font-size:13.5px;line-height:1.34;min-height:4.02em}
  .deal-price strong{font-size:20px;color:#C2410C}
  .deal-time,.deal-time.ok{font-size:10px;padding:1px 6px}
  .deal .btn{min-height:var(--tap);font-size:13.5px}
}

/* Bloco Bento Informativo (#gridBreak) */
.grid-break{grid-column:1/-1;display:grid;gap:var(--s3);margin:8px 0}
@media(min-width:900px){.grid-break{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}}
.info{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);border:1.5px solid #CBD5E1;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 18px -4px rgba(15,23,42,.06)}
.info:nth-child(2){background:linear-gradient(180deg,#FFFFFF 0%,#FFFBEB 100%);border-color:#FCD34D}
.info:nth-child(3){background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);border-color:#334155;color:#fff}
.info h2{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.01em}
.info:nth-child(3) h2{color:#fff}
.info p,.info li{font-size:14px;color:var(--text-2);font-weight:500}
.info:nth-child(3) p{color:#CBD5E1}
.info ul{padding-left:18px;display:grid;gap:5px}
.info form{display:flex;gap:var(--s2);margin-top:auto}
.info input{flex:1;min-width:0;height:var(--tap);border:1.5px solid #CBD5E1;border-radius:var(--r-sm);padding:0 12px;font-size:15px;font-weight:600;background:#FFFFFF;color:var(--text)}
.info .btn{margin-top:auto}
.info form .btn{margin-top:0;background:var(--text);color:#fff;border-color:var(--text)}

.more{display:flex;justify-content:center;margin:var(--s5) 0 0}
.more .btn{min-width:260px;background:#0F172A;color:#fff;border-color:#0F172A;box-shadow:0 6px 16px rgba(15,23,42,.18)}
.more .btn:hover{background:#1E293B}
.empty{display:none;flex-direction:column;align-items:center;gap:var(--s3);text-align:center;background:var(--surface);border:2px dashed #CBD5E1;border-radius:var(--r-lg);padding:var(--s5) var(--s4)}
.empty.show{display:flex}
.empty strong{font-family:var(--font-display);font-size:17px}
.empty p{font-size:14px;color:var(--muted)}
.empty .row{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}

/* Vantagens (curadoria, Telegram VIP, menor preço, cupons) */
.kabum-benefits{margin:36px auto 12px;padding:0 var(--gutter)}
.kb-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}
@media(min-width:640px){.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.kb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kb-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;text-decoration:none;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease;min-height:86px}
.kb-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.kb-card-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff}
.kb-card-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.kb-card-info strong{font-family:var(--font-display);font-size:13.5px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:#fff;line-height:1.2}
.kb-card-info span{font-size:12px;color:rgba(255,255,255,.88);line-height:1.3;font-weight:500}
.kb-card--blue{background:linear-gradient(135deg,#00509A 0%,#0060B1 60%,#0284C7 100%)}
.kb-card--orange{background:linear-gradient(135deg,#D95000 0%,#FF6500 55%,#FFA000 100%)}
.kb-card--royal{background:linear-gradient(135deg,#003366 0%,#00467F 55%,#0060B1 100%)}
.kb-card--navy{background:linear-gradient(135deg,#0B1120 0%,#0F172A 60%,#1E293B 100%)}

/* Rodapé Dark-Navy Premium */
.ftr{margin-top:var(--s6);background:linear-gradient(180deg,#0F172A 0%,#0B1120 100%);color:#E2E8F0;border-top:1px solid rgba(255,255,255,.1);padding:var(--s6) 0 calc(var(--s6) + 76px)}
.ftr-grid{display:grid;gap:var(--s4)}
.ftr h2{font-family:var(--font-display);font-size:15px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.01em}
.ftr nav{display:flex;flex-wrap:wrap;column-gap:var(--s4);row-gap:4px}
.ftr nav a{display:inline-flex;align-items:center;min-height:var(--tap);font-size:14px;font-weight:600;color:#CBD5E1;text-decoration:none;transition:color .15s}
.ftr nav a:hover{color:#93C5FD;text-decoration:underline}
.ftr small{display:block;font-size:13px;color:#CBD5E1;line-height:1.6}
@media(min-width:768px){.ftr{padding-bottom:var(--s6)}}
@media(min-width:900px){.ftr-grid{grid-template-columns:1.3fr 1fr 1fr}}

/* Barra inferior Mobile (Glassmorphism Dark) */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(15,23,42,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -8px 24px rgba(15,23,42,.35)}
@media(min-width:768px){.mbar{display:none}}

.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);background:var(--text);color:#fff;padding:10px 16px;border-radius:var(--r);font-size:14px;font-weight:600;z-index:60;display:none;max-width:calc(100% - 32px);text-align:center}
.toast.show{display:block}
@media(min-width:768px){.toast{bottom:24px}}

/* Diálogo de alerta */
dialog.sheet{border:0;padding:0;border-radius:var(--r-lg);width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);box-shadow:0 24px 48px rgba(15,23,42,.3);color:var(--text);background:var(--surface)}
dialog.sheet::backdrop{background:rgba(15,23,42,.55)}
.sheet-in{padding:var(--s4);display:grid;gap:var(--s3)}
.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}
.sheet-head h2{font-size:18px;font-weight:800}
.icon-btn{width:var(--tap);height:var(--tap);flex:none;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:grid;place-items:center;font-size:18px;line-height:1}
.field{display:grid;gap:4px;min-width:0}
.field label{font-size:13px;font-weight:700;color:var(--text-2)}
.field input{height:var(--tap);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:0 12px;font-size:16px;width:100%;background:var(--surface)}
.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(29,78,216,.22)}
.note{font-size:13px;color:var(--muted)}
.fb{display:none;padding:var(--s3);border-radius:var(--r-sm);font-size:14px}
.fb.ok{display:grid;gap:var(--s2);background:var(--ok-soft);color:var(--ok-text)}
.fb.err{display:grid;gap:var(--s2);background:#FEE2E2;color:#991B1B}

/* Página de produto */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--muted);margin:var(--s3) 0}
.crumbs a{color:var(--text-2);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 11px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s,background .15s,color .15s}
.crumbs a:hover{border-color:#0060B1;color:#0060B1;background:#EFF6FF;text-decoration:none}
.panel{background:var(--surface);border:1.5px solid #CBD5E1;border-radius:var(--r-lg);padding:var(--s4);margin-bottom:var(--s4);box-shadow:0 6px 20px -4px rgba(15,23,42,.06)}
@media(min-width:768px){.panel{padding:var(--s5)}}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}
.panel-head h2{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.01em}
.prod{display:grid;gap:var(--s4)}
@media(min-width:768px){.prod{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5);align-items:start}}
.prod-media{position:relative;aspect-ratio:1/1;background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;padding:var(--s4);width:100%;max-width:300px;margin:0 auto;box-shadow:0 4px 14px rgba(15,23,42,.05)}
@media(min-width:768px){.prod-media{max-width:none}}
.prod-media img{width:100%;height:100%;object-fit:contain}
.prod-info{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.prod-info .deal-store{padding:5px 12px 5px 8px;font-size:12.5px}
.prod-info .deal-store img{width:17px;height:17px}
.prod h1{font-family:var(--font-display);font-size:21px;font-weight:800;line-height:1.28;letter-spacing:-.015em;color:#0F172A}
@media(min-width:768px){.prod h1{font-size:25px}}
.prod-why{font-size:15px;color:var(--text-2);line-height:1.5}
.price-block{display:grid;gap:4px;background:linear-gradient(180deg,#FFFFFF 0%,#FFF7ED 100%);border:1.5px solid #FDBA74;border-radius:14px;padding:14px 18px;box-shadow:0 4px 12px rgba(255,101,0,.08)}
.price-block s{font-size:14px;font-weight:600;color:#64748B;font-variant-numeric:tabular-nums}
.price-now{font-family:var(--font-display);font-size:clamp(28px,3.6vw,36px);font-weight:900;color:#EA580C;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.price-unknown{font-size:18px;font-weight:700;color:var(--text-2)}
.save{justify-self:start;font-size:13px;font-weight:800;background:var(--ok-soft);color:var(--ok-text);border:1px solid #A7F3D0;padding:4px 10px;border-radius:var(--r-pill);margin-top:6px;font-variant-numeric:tabular-nums}
.coupon-box{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);border:1.5px dashed #1D4ED8;background:var(--brand-soft);border-radius:10px;padding:10px 12px 10px 14px;flex-wrap:wrap;box-shadow:0 2px 6px rgba(29,78,216,.08)}
.coupon-box code{font-size:16px;font-weight:800;color:#1E40AF;letter-spacing:.04em;font-family:inherit;background:#FFFFFF;padding:3px 8px;border-radius:6px;border:1px solid #BFDBFE}
.cta-row{display:grid;gap:var(--s2)}
.cta-row .btn{min-height:48px;font-size:15.5px;border-radius:10px}
@media(min-width:480px){.cta-row{grid-template-columns:minmax(0,1fr) auto}}
.share{display:flex;flex-wrap:wrap;gap:var(--s2)}
.share .btn{flex:1 1 140px;font-size:14px}
.hist-tabs{display:flex;gap:var(--s2);overflow-x:auto;margin-bottom:var(--s3);scrollbar-width:none}
.hist-tab{flex:none;min-height:var(--tap);padding:0 14px;border-radius:var(--r-pill);border:1.5px solid var(--border-2);background:var(--surface);font-size:14px;font-weight:700;cursor:pointer;color:var(--text-2);box-shadow:0 1px 2px rgba(15,23,42,.05);transition:all .15s}
.hist-tab:hover:not(:disabled):not([aria-pressed="true"]){border-color:#0060B1;color:#0060B1;background:#EFF6FF}
.hist-tab[aria-pressed="true"]{background:var(--text);color:#fff;border-color:var(--text);box-shadow:0 3px 8px rgba(15,23,42,.2)}
.hist-tab:disabled{opacity:.45;cursor:not-allowed}
.hist-chart{background:var(--surface-2);border-radius:var(--r);padding:var(--s2)}
.hist-chart svg{width:100%;height:auto;display:block}
.hist-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-top:var(--s3)}
.hist-stat{background:var(--surface-2);border-radius:var(--r-sm);padding:var(--s2) var(--s3);min-width:0}
.hist-stat span{display:block;font-size:12px;color:var(--muted);font-weight:600}
.hist-stat strong{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.hist-verdict{font-size:13px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2)}
.hist-verdict.good{background:var(--ok-soft);color:var(--ok-text)}
.hist-empty{display:flex;gap:var(--s3);align-items:center;background:var(--surface-2);border-radius:var(--r);padding:var(--s4)}
.hist-empty svg{flex:none;width:44px;height:44px}
.hist-empty strong{display:block;font-size:15px}
.hist-empty p{font-size:14px;color:var(--text-2)}
.hist-foot{font-size:13px;color:var(--muted);margin-top:var(--s3)}
.alert-form{display:grid;gap:var(--s3)}
@media(min-width:640px){.alert-form{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end}}
.cmp{display:grid;gap:var(--s2)}
.cmp-row{display:flex;align-items:center;gap:var(--s3);padding:14px 16px;border:1.5px solid #CBD5E1;border-radius:12px;background:#FFFFFF;box-shadow:0 1px 3px rgba(15,23,42,.04);flex-wrap:wrap;transition:border-color .15s,box-shadow .15s}
.cmp-row:hover{border-color:#94A3B8;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.cmp-row.win{border-color:#10B981;background:linear-gradient(180deg,#F0FDF4 0%,#ECFDF5 100%);box-shadow:0 4px 12px rgba(16,185,129,.12)}
.cmp-row img{width:32px;height:32px;object-fit:contain;flex:none;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:8px;padding:3px}
.cmp-name{flex:1 1 140px;min-width:0}
.cmp-name strong{display:block;font-size:15px}
.cmp-name span{font-size:12.5px;color:var(--muted)}
.cmp-price{font-family:var(--font-display);font-weight:900;font-size:17px;color:#0F172A;font-variant-numeric:tabular-nums;white-space:nowrap}
.cmp-row .btn{flex:1 1 150px;font-size:14px}
@media(min-width:640px){.cmp-row .btn{flex:0 0 auto}}

/* Painel da busca vazia: "Em alta agora"/"Destaques de hoje" + "Mais buscados hoje" (sobreposto: sem layout shift) */
.spanel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r);box-shadow:0 16px 40px rgba(15,23,42,.18);padding:var(--s2);max-height:min(560px,calc(100vh - 200px));max-height:min(560px,calc(100dvh - 200px));overflow-y:auto;overscroll-behavior:contain}
.sp-sec+.sp-sec{border-top:1px solid var(--border);margin-top:var(--s2);padding-top:var(--s2)}
.sp-h{font-size:12.5px;font-weight:800;color:var(--text-2);letter-spacing:.02em;text-transform:uppercase;padding:4px var(--s2)}
.sp-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr)}
.sp-list li{min-width:0}
.sp-row{display:flex;align-items:center;gap:var(--s3);min-height:56px;padding:6px var(--s2);border-radius:var(--r-sm);text-decoration:none;min-width:0}
.sp-row:hover,.sp-row:focus-visible{background:var(--surface-2)}
.sp-row img{width:40px;height:40px;flex:none;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:8px}
.sp-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.sp-t{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-m{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-m strong{color:#1D4ED8;font-weight:800;margin-right:6px}
.sp-chips{display:flex;flex-wrap:wrap;gap:var(--s2);padding:4px var(--s2) var(--s2)}
.sp-chips a{display:inline-flex;align-items:center;min-height:var(--tap);max-width:100%;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--border-2);background:var(--surface);font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-chips a:hover,.sp-chips a:focus-visible{border-color:var(--text-2)}

/* Camada Semântica AEO & GEO v6.0 (.aeo-answer, .seo-specs, .seo-catalog-table, .seo-link-ladder) */
.aeo-answer{min-height:44px;font-size:14.5px;line-height:1.55;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-left:4px solid #1D4ED8;border-radius:var(--r-sm);padding:var(--s2) var(--s3);margin:0 0 var(--s3)}
.aeo-answer strong{color:var(--text);font-weight:700}
.aeo-answer data{font-weight:800;color:#1E40AF}
.aeo-answer a{color:#1E40AF;font-weight:700;text-decoration:underline}
.seo-geo-panel{margin-top:var(--s5)}
.seo-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s2);margin:0 0 var(--s4)}
.seo-specs>div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}
.seo-specs dt{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px}
.seo-specs dd{font-size:14px;font-weight:600;color:var(--text);margin:0}
.seo-specs data{font-weight:800;color:#1E40AF}
.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:var(--s4)}
.seo-catalog-table{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left;background:var(--surface)}
.seo-catalog-table caption{font-size:13px;font-weight:700;color:var(--text-2);text-align:left;padding:var(--s2) var(--s3);background:var(--surface-2);border-bottom:1px solid var(--border)}
.seo-catalog-table th,.seo-catalog-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
.seo-catalog-table thead th{font-size:12px;text-transform:uppercase;color:var(--muted);background:var(--surface-2);font-weight:700}
.seo-catalog-table tbody th{font-weight:600;color:var(--text)}
.seo-catalog-table tbody th a{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;min-height:26px;padding:3px 0}
.seo-catalog-table tbody th a:hover{color:#1E40AF;text-decoration:underline}
.seo-catalog-table data{font-weight:800;color:#1E40AF;white-space:nowrap}
.seo-link-ladder{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s3)}
.seo-link-ladder h3{font-size:14px;font-weight:800;color:var(--text);margin:0 0 var(--s2)}
.seo-link-ladder ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px}
.seo-link-ladder a{color:var(--text-2);text-decoration:none;font-weight:600}
.seo-link-ladder a:hover{color:#1D4ED8;text-decoration:underline}
.ladder-grid{display:grid;gap:var(--s3)}
@media(min-width:768px){.ladder-grid{grid-template-columns:1fr 1fr}}

/* Guia de Resgate e FAQ Dinâmico */
.seo-redemption-guide{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s3);margin:var(--s3) 0}
.seo-redemption-guide h3{font-size:15px;font-weight:800;color:var(--text);margin:0 0 var(--s2)}
.redemption-steps{margin:0;padding-left:0;list-style:none;display:grid;gap:var(--s2)}
.redemption-steps li{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;font-size:13.5px;line-height:1.45}
.redemption-steps strong{display:block;color:#1D4ED8;font-size:13.5px;margin-bottom:2px}
.redemption-steps span{color:var(--text-2)}

.seo-faq-section{margin:var(--s3) 0}
.seo-faq-section h3{font-size:15px;font-weight:800;color:var(--text);margin:0 0 var(--s2)}
.faq-list{display:grid;gap:8px}
.faq-accordion-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px}
.faq-accordion-item summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--tap);font-size:14px;font-weight:700;color:var(--text);cursor:pointer;list-style:none}
.faq-accordion-item summary::-webkit-details-marker{display:none}
.faq-accordion-item summary::after{content:'+';float:right;font-weight:800;color:#1D4ED8}
.faq-accordion-item[open] summary::after{content:'−'}
.faq-accordion-item p{font-size:13.5px;color:var(--text-2);line-height:1.5;margin:8px 0 0}

/* Central de Cupons e Cofre da Meia-Noite */
.coupon-chips,.ss-track,.hv-track,.drops-track,.brand-strip,.hist-tabs{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.coupon-chips::-webkit-scrollbar,.ss-track::-webkit-scrollbar,.hv-track::-webkit-scrollbar,.drops-track::-webkit-scrollbar,.brand-strip::-webkit-scrollbar,.hist-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.coupon-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin:12px 0 20px;scrollbar-width:none}
.coupon-chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:7px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text);text-decoration:none;white-space:nowrap;transition:all .15s}
.coupon-chip:hover{border-color:#1D4ED8;color:#1D4ED8}
.coupon-chip.active{background:#1D4ED8;border-color:#1D4ED8;color:#fff}

.coupon-vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:24px}
.coupon-card{background:var(--surface);border:1px dashed var(--border-2);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}
.coupon-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#1D4ED8}
.coupon-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.coupon-badge{font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-2);text-transform:uppercase}
.coupon-badge.virada{background:#FEF3C7;color:#92400E}
.coupon-store-icon{width:22px;height:22px;object-fit:contain}
.coupon-discount{font-size:16px;font-weight:800;color:#1D4ED8;margin:4px 0}
.coupon-min-spend{font-size:12px;color:var(--muted);margin-bottom:12px}
.coupon-code-box{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;margin-bottom:10px}
.coupon-code-box code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:800;color:var(--text);letter-spacing:.05em}
.coupon-code-box button,.coupon-code-box .coupon-copy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap);background:none;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;color:#1D4ED8;padding:8px 14px;text-decoration:none;white-space:nowrap}
.coupon-code-box button:hover,.coupon-code-box .coupon-copy-btn:hover{text-decoration:underline;background:#EFF6FF}

.store-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px}
.store-hub-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--text);transition:all .15s}
.store-hub-card:hover{border-color:#1D4ED8;transform:translateY(-2px);box-shadow:var(--shadow-md)}
.store-hub-card img{width:40px;height:40px;object-fit:contain;margin-bottom:8px}
.store-hub-card strong{font-size:14px;font-weight:800;margin-bottom:4px}
.store-hub-card small{font-size:12px;color:var(--muted);margin-bottom:10px}
.store-hub-card .btn-sm{padding:5px 12px;font-size:12px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);font-weight:700;color:#1D4ED8}

/* Faixa de Comando Sazonal & Calendário de Datas Especiais (11.11, Black Friday, Choice Day, Datas Duplas) */
.seasonal-strip{background:linear-gradient(135deg,#881337 0%,#9F1239 55%,#1E40AF 100%);border:1.5px solid rgba(255,255,255,.22);border-radius:var(--r-lg);padding:12px 14px;margin:12px 0;color:#fff;box-shadow:0 8px 22px -6px rgba(15,23,42,.24)}
.ss-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ss-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14.5px;font-weight:800;color:#fff;flex-wrap:wrap}
.ss-badge{font-size:11px;font-weight:900;padding:3px 9px;border-radius:999px;background:#FFF;color:#0F172A;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.ss-countdown{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;background:rgba(15,23,42,.68);border:1px solid rgba(255,255,255,.28);padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums;color:#FDE047;white-space:nowrap}
/* Hero do evento (B1.2): primeiro bloco do <main>; imagem full-bleed no container, gradiente forte p/ legibilidade, contagem em pilulas */
.ev-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;min-height:340px;margin:14px 0 18px;background:#0B1530;color:#fff;display:flex;align-items:center;box-shadow:0 14px 34px -14px rgba(11,21,48,.55)}
.ev-banner-pic,.ev-banner-pic img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ev-banner-pic img{object-fit:cover;object-position:72% center}
.ev-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,13,34,.94) 0%,rgba(8,13,34,.8) 36%,rgba(8,13,34,.3) 68%,rgba(8,13,34,0) 100%)}
.ev-banner-body{position:relative;z-index:2;box-sizing:border-box;width:100%;max-width:min(640px,64%);padding:30px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ev-banner-title{margin:0;font-family:var(--font-display);font-size:clamp(30px,3.8vw,48px);font-weight:900;line-height:1.04;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.ev-banner-sub{margin:0;font-size:16px;line-height:1.4;color:rgba(255,255,255,.9);max-width:46ch}
.ev-cd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.ev-cd-lbl{font-size:12px;font-weight:800;color:#FFB27A;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.ev-cd-pill{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;padding:8px 10px 6px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ev-cd-pill b{font-size:28px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;color:#fff}
.ev-cd-pill i{font-style:normal;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.ev-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.ev-cta,.ev-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font-family:inherit;font-weight:800;font-size:15px;line-height:1;text-decoration:none;cursor:pointer;transition:filter .15s,transform .15s}
.ev-cta{background:#FF6A00;color:#0B1530;border:0}
.ev-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ev-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.ev-ghost:hover{background:rgba(255,255,255,.2)}
.ev-cta:focus-visible,.ev-ghost:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ss-track{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.ss-pill{flex:none;display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.38);border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:6px 12px;color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;white-space:nowrap;min-height:var(--tap);transition:transform .15s,background .15s,border-color .15s}
.ss-pill:hover{background:rgba(15,23,42,.55);border-color:#fff;transform:translateY(-1px)}
.ss-pill.active{background:#FFF;color:#0F172A;border-color:#FFF;font-weight:800}
.ss-pill small{font-size:11px;font-weight:800;background:rgba(15,23,42,.65);padding:1px 6px;border-radius:999px;color:#FDE047}
.ss-pill.active small{background:#0F172A;color:#FDE047}

/* Faixa Ao Vivo do Cofre de Cupons Copiáveis & Virada 00:00 na Home */
.home-vault-strip{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);border:1.5px solid #334155;border-radius:var(--r-lg);padding:12px 14px;margin:12px 0;color:#fff;box-shadow:0 8px 22px -6px rgba(15,23,42,.22)}
.hv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.hv-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14.5px;font-weight:800;color:#fff}
.hv-badge{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#F59E0B;color:#0F172A;text-transform:uppercase;letter-spacing:.03em}
.hv-more{font-size:12.5px;font-weight:700;color:#93C5FD;text-decoration:none;white-space:nowrap}
.hv-more:hover{text-decoration:underline;color:#BFDBFE}
.hv-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.hv-track::-webkit-scrollbar,.drops-track::-webkit-scrollbar,.brand-strip::-webkit-scrollbar,.ss-track::-webkit-scrollbar{display:none}
.hv-pill{flex:none;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px dashed rgba(251,191,36,.55);border-radius:10px;padding:7px 11px;color:#fff;text-decoration:none;min-height:44px;transition:transform .15s,background .15s,border-color .15s}
.hv-pill:hover{background:rgba(255,255,255,.15);border-color:#FBBF24;transform:translateY(-1px)}
.hv-pill img{width:18px;height:18px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;flex:none}
.hv-pill-info{display:flex;flex-direction:column;line-height:1.2}
.hv-pill-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;font-weight:800;color:#FDE047;letter-spacing:.04em}
.hv-pill-desc{font-size:11px;color:#E2E8F0;font-weight:600;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-copy-tag{font-size:11px;font-weight:800;background:#1D4ED8;color:#fff;padding:3px 7px;border-radius:6px;white-space:nowrap}

/* Carrossel de Quedas Históricas & Menor Preço Registrado na Home */
.drops-strip{background:linear-gradient(180deg,#FFFFFF 0%,#F0FDF4 100%);border:1.5px solid #86EFAC;border-radius:var(--r-lg);padding:12px 14px;margin:12px 0;box-shadow:0 6px 18px -6px rgba(5,150,105,.12)}
.drops-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.drops-title{font-family:var(--font-display);font-size:15px;font-weight:800;color:#064E3B;display:flex;align-items:center;gap:6px}
.drops-sub{font-size:12px;font-weight:700;color:#047857;background:#DCFCE7;border:1px solid #86EFAC;padding:2px 9px;border-radius:999px}
.drops-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.drop-mini{flex:0 0 235px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #BBF7D0;border-radius:10px;padding:8px 10px;text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s,box-shadow .15s}
.drop-mini:hover{transform:translateY(-2px);border-color:#047857;box-shadow:0 6px 14px rgba(4,120,87,.12)}
.drop-mini img{width:52px;height:52px;object-fit:contain;flex:none;background:#fff;border-radius:6px}
.drop-mini-body{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}
.drop-mini-t{font-size:12px;font-weight:700;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drop-mini-p{display:flex;align-items:baseline;gap:5px}
.drop-mini-p strong{font-size:14.5px;font-weight:800;color:#047857}
.drop-mini-p span{font-size:11px;font-weight:800;color:#fff;background:#047857;padding:1px 5px;border-radius:4px}
.drop-mini-meta{font-size:10.5px;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Faixa de Marcas Mais Buscadas */
.brand-strip{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
.brand-pill{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:var(--tap);padding:0 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text-2);text-decoration:none;white-space:nowrap;transition:all .15s}
.brand-pill:hover{border-color:#1D4ED8;color:#1D4ED8;background:var(--brand-soft)}
.brand-pill.active{background:var(--brand-grad);border-color:#1E40AF;color:#fff;box-shadow:0 4px 10px rgba(29,78,216,.28)}

/* Overlay Central de Carregamento Instantâneo */
@keyframes pageSpin{to{transform:rotate(360deg)}}
.app-loader{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;place-items:center;padding:20px}
.app-loader.show{display:grid}
.app-loader-box{background:linear-gradient(135deg,#0B1120 0%,#0F172A 100%);color:#fff;border:1.5px solid rgba(37,99,235,.55);border-radius:18px;padding:22px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 24px 48px rgba(0,0,0,.45);text-align:center;max-width:300px}
.app-spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.16);border-top-color:#2563EB;border-right-color:#10B981;animation:pageSpin .6s linear infinite}
.app-loader-txt{font-family:var(--font-display);font-size:14.5px;font-weight:800;color:#F8FAFC;letter-spacing:-.01em}
.app-loader-sub{font-size:12px;font-weight:600;color:#CBD5E1}

/* Modal Quick-View: Histórico & Comparador 5 Lojas */
dialog.qv-sheet{width:min(620px,calc(100% - 24px))}
.qv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qv-kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;text-align:center}
.qv-kpi span{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}
.qv-kpi strong{font-size:15px;font-weight:800;color:var(--text)}
.qv-thermo{background:#F0FDF4;border:1px solid #86EFAC;color:#065F46;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}
.qv-stores{display:grid;gap:6px;max-height:240px;overflow-y:auto}
.qv-store-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;text-decoration:none;color:var(--text);font-size:13px;font-weight:700}
.qv-store-row:hover{border-color:#1D4ED8;background:var(--brand-soft)}
.qv-store-row.best{border-color:#047857;background:#ECFDF5}

.quick-store-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:10px;font-size:12px}
.quick-store-strip .qss-lbl{font-weight:700;color:#1E40AF;margin-right:2px}
.quick-store-strip a{display:inline-flex;align-items:center;gap:5px;min-height:var(--tap);padding:5px 12px;border-radius:999px;background:#fff;border:1px solid #93C5FD;color:#1E293B;font-weight:700;font-size:12px;text-decoration:none;transition:transform .12s,border-color .12s,background .12s}
.quick-store-strip a:hover{border-color:#1D4ED8;background:#DBEAFE;color:#1E40AF;transform:translateY(-1px)}
.free-shop-hub{background:linear-gradient(180deg,#FFFBEB 0%,#FFFFFF 100%);border:1.5px solid #FCD34D}
.free-shop-form{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0 14px}
@media (min-width:640px){.free-shop-form{grid-template-columns:1fr 190px auto}}
.free-shop-form input,.free-shop-form select{min-height:var(--tap);padding:8px 12px;border:1.5px solid #CBD5E1;border-radius:10px;font:inherit;font-size:14px;background:#fff;color:#0F172A}
.free-shop-form input:focus,.free-shop-form select:focus{outline:2px solid #1D4ED8;border-color:#1D4ED8}
.free-shop-stores{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:12px}
.free-shop-pill{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #E2E8F0;text-decoration:none;color:#0F172A;transition:border-color .15s,box-shadow .15s,transform .15s}
.free-shop-pill:hover{border-color:#1D4ED8;box-shadow:0 4px 12px rgba(29,78,216,.12);transform:translateY(-1px)}
.free-shop-pill div{display:flex;flex-direction:column;min-width:0}
.free-shop-pill strong{font-size:13px;font-weight:800;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.free-shop-pill span{font-size:11px;color:#1D4ED8;font-weight:700}
/* Caixa de boas-vindas: 1ª visita = cartão com "Entendi"; depois = linha "Sobre" que abre com um toque (estado em localStorage, aplicado no <head>) */
.welcome{margin:var(--s2) 0 0}
.welcome .aeo-answer{margin:0}
.wl-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px}
.wl-kicker{grid-area:1/1;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#1E40AF}
.wl-card .aeo-answer{grid-area:2/1/3/3}
.wl-ok{grid-area:1/2;display:none;justify-self:end;align-items:center;justify-content:center;min-height:var(--tap);padding:0 20px;border-radius:var(--r-sm);border:1px solid #1E40AF;background:var(--accent-grad);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:800;cursor:pointer}
.js .wl-ok{display:inline-flex}
.wl-toggle{display:none;align-items:center;gap:8px;width:100%;min-height:var(--tap);padding:0 6px;border-radius:var(--r-sm);border:0;border-bottom:1px dashed var(--border-2);background:none;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;text-align:left}
.wl-toggle:hover{color:var(--text)}
.wl-toggle .wl-car{margin-left:auto;font-size:11px;transition:transform .18s}
.wl-toggle[aria-expanded="true"] .wl-car{transform:rotate(180deg)}
.wl-seen .wl-toggle{display:flex}
.wl-seen .wl-kicker,.wl-seen .wl-ok{display:none}
.wl-seen .welcome:not(.wl-open) .wl-card{display:none}
.wl-seen .welcome.wl-open .wl-card{margin-top:6px}

/* Relatório completo (ficha técnica + tabela + links) recolhido no celular, aberto no desktop */
.geo-report{margin:var(--s5) 0 0;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden}
.geo-report>summary{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 16px;font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text);cursor:pointer;list-style:none}
.geo-report>summary::-webkit-details-marker{display:none}
.geo-report>summary::after{content:"▾";margin-left:auto;font-size:12px;color:var(--muted);transition:transform .18s}
.geo-report[open]>summary::after{transform:rotate(180deg)}
.geo-report>.seo-geo-panel{margin:0;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none}

/* Tabelas mais leves no desktop e em cartões rótulo/valor no celular (só CSS; o <table> segue no HTML) */
.seo-specs>div{background:#F8FAFC}
.seo-catalog-table thead th{background:#F8FAFC}
.seo-catalog-table tbody tr:hover>*{background:#F8FAFC}
@media(max-width:767px){
  .seo-specs{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
  .seo-specs>div{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:2px 12px;align-items:baseline;background:none;border:0;border-bottom:1px solid #EEF2F7;border-radius:0;padding:10px 12px}
  .seo-specs>div:last-child{border-bottom:0}
  .seo-specs dt{font-size:11px;margin:0}
  .seo-specs dd{font-size:13.5px;overflow-wrap:anywhere}
  .table-wrap:has(.seo-catalog-table){border:0;border-radius:0;overflow:visible;background:none}
  .seo-catalog-table,.seo-catalog-table tbody,.seo-catalog-table tr,.seo-catalog-table th,.seo-catalog-table td,.seo-catalog-table caption{display:block}
  .seo-catalog-table{background:none}
  .seo-catalog-table caption{border:1px solid var(--border);border-radius:var(--r) var(--r) 0 0;margin-bottom:-1px}
  .seo-catalog-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
  .seo-catalog-table tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin:0 0 10px;padding:10px 12px}
  .seo-catalog-table tbody th{padding:0 0 6px;border:0;font-size:14px;line-height:1.35}
  .seo-catalog-table tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:6px 0;border:0;border-top:1px solid #EEF2F7;font-size:13px;text-align:right}
  .seo-catalog-table tbody td::before{flex:none;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;text-align:left}
  .seo-catalog-table tbody td:nth-child(2):not([data-label])::before{content:"Loja"}
  .seo-catalog-table tbody td:nth-child(3):not([data-label])::before{content:"Depto."}
  .seo-catalog-table tbody td:nth-child(4):not([data-label])::before{content:"Preço"}
  .seo-catalog-table tbody td:nth-child(5):not([data-label])::before{content:"Condição"}
  .seo-catalog-table tbody td:nth-child(6):not([data-label])::before{content:"Data"}
  .seo-catalog-table tbody td[data-label]::before{content:attr(data-label)}
  .seo-catalog-table tbody tr:hover>*{background:none}
}


/* === NOVIDADES CRO 2026: COPIAR CUPOM, BOTTOM BAR, SELO 30D (pilulas de loja agora dentro de #filtersNav, ver L1) === */

.card-cta-group{display:flex;gap:8px;align-items:stretch;width:100%;margin-top:8px}
.card-cta-group .btn{flex:1;text-align:center;padding:10px 12px;font-size:13.5px}
.btn-card-copy-coupon{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 10px;background:#FFFBEB;border:1.5px dashed #F59E0B;border-radius:10px;font-size:12.5px;font-weight:800;color:#92400E;cursor:pointer;transition:all .2s ease;font-family:inherit}
.btn-card-copy-coupon:hover{background:#FEF3C7;border-color:#D97706;transform:translateY(-1px)}
.btn-card-copy-coupon .cpn-code{background:#FEF3C7;padding:2px 5px;border-radius:5px;font-weight:900;letter-spacing:.03em;font-size:11.5px}
.btn-card-copy-coupon.copied{background:#DCFCE7;border-color:#16A34A;color:#15803D}
.btn-card-copy-coupon.copied .cpn-code{background:#BBF7D0;color:#14532D}

.tag-lowest-30d{background:#DCFCE7 !important;color:#15803D !important;border:1px solid #86EFAC !important;font-weight:800 !important;letter-spacing:.02em;box-shadow:0 1px 3px rgba(22,163,74,.12)}

.mobile-bottom-bar{display:none}
@media (max-width: 768px){
    body{padding-bottom:68px}
    .mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:998;display:flex;justify-content:space-around;align-items:center;background:rgba(255,255,255,0.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #E2E8F0;padding:6px 0 8px;box-shadow:0 -4px 16px rgba(15,23,42,0.08)}
    .mbb-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-height:46px;text-decoration:none;color:#64748B;font-family:var(--font-display);font-size:11px;font-weight:700;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s}
    .mbb-item .mbb-icon{font-size:18px;line-height:1}
    .mbb-item:hover, .mbb-item:active, .mbb-item.mbb-active{color:#C2410C}
    .mbb-vip{color:#15803D}
    .mbb-vip:hover, .mbb-vip:active{color:#166534}
}

/* Sub-Barra Uniforme e Navegação Estilo KaBuM! (Botões Táteis Reais) */
.net-bar[data-tabs]{background:linear-gradient(180deg,#00549E 0%,#00467F 100%);border-top:1px solid rgba(255,255,255,.14);border-bottom:2px solid #FF6500;color:#fff;font-family:var(--font-display);font-size:13px;box-shadow:0 4px 12px rgba(0,25,55,.18)}
.net-bar[data-tabs] .net-bar-in{max-width:var(--maxw);margin:0 auto;padding:7px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-x:auto;scrollbar-width:none}
.net-bar[data-tabs] .net-bar-in::-webkit-scrollbar{display:none}
.kb-nav-links{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;padding:2px 0;scrollbar-width:none}
.kb-nav-links::-webkit-scrollbar{display:none}
.kb-dept-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 14px;border-radius:10px;background:linear-gradient(180deg,#0F172A 0%,#1E293B 100%);border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 6px rgba(15,23,42,.28),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:900;letter-spacing:.03em;text-decoration:none;white-space:nowrap;flex:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}
.kb-dept-btn:hover{background:linear-gradient(180deg,#1E293B 0%,#334155 100%);border-color:#FF6500;transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.35)}
.kb-nav-item{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 14px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);box-shadow:0 1px 2px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;flex:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}
.kb-nav-item:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.48);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.2)}
.kb-nav-item.active,.kb-nav-item[aria-current="page"]{background:linear-gradient(135deg,#FF6500 0%,#E55A00 100%);border-color:#FFB380;color:#fff;box-shadow:0 3px 10px rgba(255,101,0,.42),inset 0 1px 0 rgba(255,255,255,.32)}
.kb-nav-cta{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 16px;border-radius:999px;background:linear-gradient(135deg,#FF6500 0%,#FF8C00 100%);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em;text-decoration:none;white-space:nowrap;flex:none;box-shadow:0 2px 8px rgba(255,101,0,.38),inset 0 1px 0 rgba(255,255,255,.28);transition:filter .15s,transform .15s,box-shadow .15s}
.kb-nav-cta:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,101,0,.48)}
@media(max-width:899px){
  .kb-nav-cta{display:none}
  .net-bar[data-tabs] .net-bar-in{padding:6px 10px}
  .kb-dept-btn{padding:6px 11px;font-size:11.5px;min-height:36px}
  .kb-nav-item{padding:6px 11px;font-size:12px;min-height:36px}
}

/* Primeira dobra no celular: faixas mais compactas para os produtos aparecerem cedo */
@media(max-width:767px){
  .niche{padding:12px 14px}
  .seasonal-strip,.home-vault-strip,.drops-strip{margin:10px 0;padding:10px 12px;border-radius:14px}
  .ss-head,.hv-head,.drops-head{margin-bottom:8px;gap:6px 8px}
  .ss-title,.hv-title,.drops-title{font-size:13.5px;line-height:1.3}
  .hv-title{flex-wrap:nowrap;align-items:flex-start;gap:8px}
  .hv-badge{flex:none;white-space:nowrap;font-size:10.5px}
  .ss-countdown{font-size:11.5px;padding:3px 9px}
  .ev-hero{height:232px;min-height:0;border-radius:24px;margin:10px 0 12px;align-items:flex-end}
  .ev-banner-pic img{object-position:60% 30%}
  .ev-hero::before{background:linear-gradient(0deg,rgba(8,13,34,.96) 0%,rgba(8,13,34,.82) 46%,rgba(8,13,34,.2) 100%)}
  .ev-banner-body{max-width:100%;padding:12px 14px 14px;gap:7px}
  .ev-banner-title{font-size:23px}
  .ev-banner-sub{display:none}
  .ev-cd{gap:5px}
  .ev-cd-lbl{display:none}
  .ev-cd-pill{min-width:48px;padding:5px 8px 3px;border-radius:11px}
  .ev-cd-pill b{font-size:19px}
  .ev-cd-pill i{font-size:9px;line-height:1.4}
  .ev-actions{gap:8px;margin-top:0;flex-wrap:nowrap;width:100%}
  .ev-cta{flex:1 1 auto;min-width:0;min-height:42px;padding:0 14px;font-size:14px}
  .ev-ghost{flex:none;min-height:42px;padding:0 14px;font-size:14px}
  .ss-pill{min-height:var(--tap);padding:4px 11px}
  .drop-mini{flex-basis:220px;padding:6px 8px}
  .drop-mini img{width:46px;height:46px}
  .brand-pill{min-height:var(--tap)}
  .brand-strip{padding:2px 0 6px}
}
/* R1: alvos de toque >= 44px sem inflar o layout (margem negativa compensa o min-height em links pequenos de cabecalho de secao) */
.drops-sub,.hv-more{display:inline-flex;align-items:center;min-height:var(--tap);margin-block:-10px}
.house-ad-card .house-ad-btn{min-height:var(--tap)}
a.note{display:inline-flex;align-items:center;min-height:var(--tap)}
/* Banners de Departamentos em Destaque (KaBuM! Style) */
.cat-banners-section{margin:18px 0 24px}
.cat-banners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cat-banner-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08);background:#001224;text-decoration:none;display:block;aspect-ratio:16/9;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.cat-banner-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,96,177,.35);border-color:#FF6500}
.cat-banner-card picture,.cat-banner-card img{width:100%;height:100%;object-fit:cover;display:block}
.cat-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,18,36,.1) 0%,rgba(0,18,36,.88) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff}
.cat-badge{font-size:.65rem;font-weight:800;background:#C2410C;color:#fff;padding:2px 7px;border-radius:4px;align-self:flex-start;margin-bottom:4px;letter-spacing:.5px}
.cat-title{font-size:.84rem;font-weight:700;margin:0 0 4px;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.cat-cta{font-size:.72rem;font-weight:800;color:#00D2FF;display:inline-flex;align-items:center;gap:3px}
@media (max-width:1024px){
  .cat-banners-grid{grid-template-columns:repeat(2,1fr);gap:10px}
}
@media (max-width:640px){
  .cat-banners-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;gap:10px}
  .cat-banner-card{flex:0 0 78%;scroll-snap-align:start;aspect-ratio:16/9}
}

/* === L1 (Tier-1): barra de filtros unica, cards, cupom-ticket e sub-barra sem corte === */
/* Filtros: linha 1 = lojas em pilulas (sem popover duplicado); linha 2 = destaques + categorias */
.f-line-stores{display:flex;align-items:center;gap:10px;min-width:0}
.f-stores{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px}
.f-lbl{flex:none;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#475569}
.f-stores .chips{padding:3px 2px}
.chips-store .chip{flex:none;padding:0 14px 0 8px;font-weight:800}
.chips-store .chip .logo{width:24px;height:24px;border-radius:7px}
.chips-store .chip .logo img{width:17px;height:17px}
.f-line-stores .f-clearall{flex:0 0 auto;width:auto}
.f-line-feat .f-pwrap{flex:0 0 auto}
.f-feat .chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);padding-right:32px}
@media(max-width:767px){
  .filters-in{gap:6px}
  .f-lbl{display:none}
  .f-stores .chips,.f-feat .chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:24px}
  .f-line-feat{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
  .f-line-feat .f-feat{border:0;background:none;box-shadow:none;padding:0}
  .f-line-feat .f-pick{width:auto;padding:0 10px;font-size:12.5px;gap:4px}
  .f-line-feat .f-pick .fp-car{display:none}
  .cat-banners-grid{scrollbar-width:none}
  .crumbs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:2px;margin:8px 0;font-size:12.5px;white-space:nowrap}
  .crumbs::-webkit-scrollbar{display:none}
  .crumbs>*{flex:none}
  .crumbs a{border-color:transparent;background:none;box-shadow:none;padding:0 6px;color:#0060B1}
  .f-line-stores .f-clearall{padding:0 10px;font-size:12px}
}
/* Sub-barra: cabe inteira em 1440px; abaixo disso desliza com degradê indicando continuação */
@media(max-width:1480px){
  .kb-nav-links{gap:6px}
  .kb-nav-item{padding:7px 11px;font-size:12.5px}
  .kb-dept-btn{padding:7px 12px}
  .kb-nav-cta{padding:7px 13px;font-size:11.5px}
}
@media(max-width:1280px){
  .kb-nav-links{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);padding-right:28px}
}
.kb-nav-item:focus-visible,.kb-dept-btn:focus-visible,.kb-nav-cta:focus-visible{outline:3px solid #FFB380;outline-offset:2px}
/* Card: preço com o maior peso visual; selo de menor preço com ícone de verificado */
.deal-title{text-wrap:pretty}
.deal-price strong{font-size:23px;line-height:1.1}
.deal-price .deal-unit-verdict{font-family:inherit;font-size:inherit;font-weight:900;color:#047857;letter-spacing:0}
.deal-price s{text-decoration-thickness:1.5px}
.tag-lowest-30d{display:inline-flex;align-items:center;gap:4px}
.deal:focus-within{border-color:#0060B1}
.deal .btn:active,.chip:active,.f-pick:active,.btn-card-copy-coupon:active{transform:scale(.98)}
/* Compartilhar: icones vetoriais (o emoji vira rotulo acessivel via aria-label) */
.btn-wa-mini,.btn-tg-mini{font-size:0;color:#15803D}
.btn-tg-mini{color:#0369A1}
.btn-wa-mini::before,.btn-tg-mini::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.btn-wa-mini{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M9.5 9.5c.5 2 2 3.5 4 4l1-1 2 1v1.5c-3.5.5-8-4-7.5-7.5H10l1 2Z' fill='black' stroke-width='1'/%3E%3C/svg%3E")}
.btn-tg-mini{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 21.7a.5.5 0 0 0 .9 0l6.5-19a.5.5 0 0 0-.6-.6l-19 6.5a.5.5 0 0 0 0 .9l7.9 3.2a2 2 0 0 1 1.1 1.1z'/%3E%3Cpath d='m21.9 2.1-11 11'/%3E%3C/svg%3E")}
.deal-sub-actions--solo{grid-template-columns:1fr 1fr}
/* Cupom no card: ticket picotado (recortes laterais decorativos, texto fora de qualquer mascara) */
.btn-card-copy-coupon{position:relative;border-radius:8px;border:1.5px dashed #D97706;background:linear-gradient(180deg,#FFFBEB 0%,#FEF3C7 100%);color:#7C2D12;overflow:visible}
.btn-card-copy-coupon::before,.btn-card-copy-coupon::after{content:"";position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--surface,#fff);border:1.5px dashed #D97706;pointer-events:none}
.btn-card-copy-coupon::before{left:-7px;clip-path:inset(0 0 0 50%)}
.btn-card-copy-coupon::after{right:-7px;clip-path:inset(0 50% 0 0)}
.btn-card-copy-coupon .cpn-code{background:#FFFFFF;border:1px solid #FCD34D;color:#7C2D12;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.btn-card-copy-coupon .cpn-lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.deal .card-cta-group{flex-direction:column;gap:6px}
.deal .card-cta-group .btn{margin-top:0}
.kb-nav-item,.kb-dept-btn,.kb-nav-cta{min-height:44px}  /* L1: alvo de toque >= 44px (WCAG 2.5.5) */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

.f-pick-feat{display:none!important}
.f-feat>.f-pop-x{display:none}
@media(max-width:767px){
#geoReport{content-visibility:auto;contain-intrinsic-size:auto 56px}
  html.f-lock .mobile-bottom-bar{display:none}
  .grid-break{grid-template-columns:minmax(0,1fr)}
  .house-ad-card,section.info{width:100%;box-sizing:border-box;min-width:0}
  .house-ad-card>*,section.info>*{min-width:0;max-width:100%;overflow-wrap:anywhere}

  .hm .net-bar[data-tabs] .net-bar-in{padding:5px 10px;overflow:visible}
  .hm .kb-nav-links{display:grid;grid-template-columns:100px repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .hm .kb-nav-item{display:none}
  .hm .kb-nav-item[href^="/portal/"]{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:2px 4px;font-size:11.5px;line-height:1.15;text-align:center;white-space:normal}
  .hm .kb-dept-btn{flex-direction:column;justify-content:center;gap:1px;min-width:0;min-height:44px;padding:2px;font-size:10px;letter-spacing:0}

  .hm .f-line-stores{flex-wrap:wrap;gap:6px}
  .hm .f-stores{flex:1 1 100%;min-width:0}
  .hm .f-stores .chips-store{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 0;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .hm .chips-store .chip{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:56px;padding:4px 3px;border-radius:12px;font-size:11.5px;line-height:1.12;text-align:center;white-space:normal}
  .hm .chips-store .chip[hidden]{display:none}
  .hm .chips-store .chip .n{display:none}
  .hm .f-line-stores .f-clearall{flex:1 1 100%;width:100%}

  .js.hm .f-line-feat{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
  .js.hm .f-pick-feat{display:inline-flex!important}
  .js.hm .f-pickers{display:block}
  .js.hm .f-line-feat .f-pick{width:100%;padding:0 12px;font-size:13px;gap:6px}
  .js.hm .f-line-feat .f-pick .fp-val{display:none}
  .js.hm .f-line-feat .f-pick .fp-car{display:inline}
  .js.hm #fpFeat{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;max-height:78vh;max-height:78dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:0;border-radius:22px 22px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 44px rgba(15,23,42,.38);animation:fpUp .22s cubic-bezier(.16,1,.3,1)}
  .js.hm #fpFeat.open{display:block}
  .js.hm #fpFeat::before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:var(--border-2);margin:-8px auto 10px}
  .js.hm #fpFeat>.f-pop-x{display:grid}
  .js.hm #fpFeat .f-tag{display:inline-flex;height:34px;margin-bottom:12px;font-size:11px}
  .js.hm #fpFeat .chips{flex-wrap:wrap;gap:8px;width:100%;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .js.hm #fpFeat .chip{flex:0 0 auto;max-width:100%;min-height:44px;padding:0 14px;font-size:13.5px;white-space:normal}
  .js.hm #fpFeat:not(.open):has(#clearSearch:not([hidden])){display:contents}
  .js.hm #fpFeat:not(.open)::before,.js.hm #fpFeat:not(.open)>:not(.chips),.js.hm #fpFeat:not(.open) .chip:not(#clearSearch){display:none}
  .js.hm #fpFeat:not(.open) .chips{grid-column:1/-1}

  .hm .ev-hero{height:auto;min-height:156px;margin:8px 0}
  .hm .ev-banner-body{padding:8px 12px 10px;gap:5px}
  .hm .ev-banner-title{font-size:20px}
  .hm .ev-actions{gap:6px}
  .hm .ev-cta,.hm .ev-ghost{min-height:44px;padding:0 10px;font-size:13.5px;gap:4px}
  .hm .sec-head{gap:8px;margin:10px 0}
  .hm .sec-title{font-size:16px;line-height:1.2;text-wrap:balance}
  .hm .count{flex:none;max-width:58%;padding:3px 8px;font-size:11.5px;text-align:center;white-space:normal}

  .hm main.wrap{display:flex;flex-direction:column}
  .hm main.wrap>*{min-width:0}
  .hm #welcome,.hm .cat-banners-section{order:1}
  .hm main.wrap>aside,.hm main.wrap>details{order:2}
}
