/* Visual v3 (02/11/2026): calm, photo-first, one accent. White and light gray, navy text, yellow only for
   the price and the discount badge. Loaded after every other sheet of the home. */
@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-display:swap}

:root{--v3-bg:#f6f7f9;--v3-card:#fff;--v3-line:#e5e8ee;--v3-ink:#0b1f44;--v3-text:#3d4a63;--v3-muted:#7a8599;--v3-yellow:#ffc400;--v3-green:#16834a}
body{background:var(--v3-bg);color:var(--v3-ink)}
h2,h3,.price-current,.btn-deal-action,.cat-tab-btn{font-family:Poppins,system-ui,sans-serif}

/* Header: white, quiet; the announcement bar goes away */
.top-bar{display:none}
.main-header{background:#fff;border-top:0;border-bottom:1px solid var(--v3-line);box-shadow:none}
.search-container input{background:var(--v3-bg);border:1px solid transparent;border-radius:999px}
.search-container input:focus{background:#fff;border-color:var(--v3-ink)}
.btn-whats-vip{background:var(--v3-ink);color:#fff;border-radius:999px;font-weight:700;box-shadow:none}
.btn-whats-vip:hover{background:#16305f;color:#fff}
.subnav-bar{background:#fff;border-top:1px solid var(--v3-line)}
.subnav-bar .cat-tab-btn{color:var(--v3-text);background:none;border:0;border-bottom:3px solid transparent;border-radius:0;font-weight:600}
.subnav-bar .cat-tab-btn.active,.subnav-bar .cat-tab-btn:hover{color:var(--v3-ink);background:none;border-color:var(--v3-yellow)}

/* Section titles */
#dealsHeading,.curated-section h2,.store-shortcuts-title{font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--v3-ink)}
.deals-count-badge{background:none;border:1px solid var(--v3-line);color:var(--v3-muted);font-weight:600}

/* "Saiu no grupo" strip */
.group-strip{margin:18px 0 28px}
.group-strip[hidden]{display:none}
.group-strip-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-bottom:12px}
.group-strip-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800}
.group-strip-head a{margin-left:auto;color:var(--v3-ink);font-weight:700;font-size:14px}
.group-strip-sub{color:var(--v3-muted);font-size:13px}
.live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e33}
.group-strip-row{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.group-strip-row .gf-card{flex:0 0 180px;scroll-snap-align:start}
.gf-card{display:flex;flex-direction:column;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.gf-card:hover{border-color:var(--v3-ink);transform:translateY(-2px)}
.gf-card.is-ended{opacity:.55}
.gf-photo{height:130px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}
.gf-photo img{max-width:100%;max-height:100%;object-fit:contain}
.gf-noimg{color:var(--v3-muted);font-weight:700}
.gf-body{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;border-top:1px solid var(--v3-line)}
.gf-store{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v3-muted)}
.gf-title{font-size:13px;line-height:1.3;color:var(--v3-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.gf-price{font:800 20px/1.2 Poppins,sans-serif;color:var(--v3-ink)}
.gf-price small{font-size:.55em;vertical-align:.5em;margin:0 1px}
.gf-coupon{font-style:normal;font-size:12px;font-weight:700;color:#8a5a00}
.gf-time{font-size:12px;color:var(--v3-muted)}
.gf-badge{position:absolute;left:10px;bottom:10px;background:#e8f7ee;color:var(--v3-green);border:1px solid #bfe6cf;border-radius:999px;font-size:11px;font-weight:700;padding:2px 8px}

/* Filters: lighter chips */
.chip{border-color:var(--v3-line);color:var(--v3-text);font-weight:600}
.chip:hover{border-color:var(--v3-ink)}
.chip[aria-pressed="true"]{background:var(--v3-ink);border-color:var(--v3-ink)}

/* Deal card: photo first, one badge, price as the hero, a quiet button */
.deals-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.deal-card{border:1px solid var(--v3-line);border-radius:16px;box-shadow:none}
.deal-card:hover{transform:translateY(-3px);border-color:#c9d0dc;box-shadow:0 10px 24px #0b1f4412}
.deal-thumb-box{height:220px;background:#fff;border-bottom:1px solid var(--v3-line)}
.deal-thumb-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.deal-thumb-box img{max-width:86%;max-height:86%}
.deal-card .discount-pill{left:auto;right:12px;top:12px;width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--v3-yellow);color:var(--v3-ink);font:800 14px Poppins,sans-serif;box-shadow:none}
.deal-card .store-pill{left:12px;right:auto;top:12px;background:#fff;color:var(--v3-text);border:1px solid var(--v3-line);box-shadow:none;font-weight:700}
.deal-card .btn-fav,.deal-card .btn-share{background:#fff;border:1px solid var(--v3-line);box-shadow:none}
@media (hover:hover){.deal-card .btn-fav,.deal-card .btn-share{opacity:0;transition:opacity .15s}.deal-card:hover .btn-fav,.deal-card:hover .btn-share,.deal-card .btn-fav:focus-visible,.deal-card .btn-share:focus-visible{opacity:1}}
.deal-card-body{padding:14px 16px 16px}
.deal-category-label{color:var(--v3-muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.deal-card .deal-title{font-size:15px;font-weight:600;line-height:1.35;color:var(--v3-ink)}
.deal-card .deal-title a{color:inherit;text-decoration:none}
.deal-card .deal-title a:hover{text-decoration:underline}
.deal-card .price-current{font-size:26px;font-weight:800;color:var(--v3-ink);letter-spacing:-.01em}
.price-current .pc-cur,.price-current .pc-ct{font-size:.52em;vertical-align:.55em;font-weight:800}
.price-current .pc-cur{margin-right:3px}
.price-current .pc-from{display:block;font-size:12px;font-weight:600;color:var(--v3-muted)}
.deal-card .price-old{color:var(--v3-muted)}
.deal-discount-note{color:var(--v3-muted)}
.trust-ok{color:var(--v3-green);font-weight:700}
.deal-card .card-coupon-inline{background:#fffbea;border:1px dashed #e0b100;border-radius:10px}
.deal-card .community-bar{opacity:.75}
.deal-card .community-bar:hover{opacity:1}
.deal-card .btn-deal-action,.deal-card .btn-deal-action:hover{box-shadow:none}
.deal-card .btn-deal-action{background:#fff;color:var(--v3-ink);border:1.5px solid var(--v3-ink);border-radius:10px;font-weight:700;min-height:44px}
.deal-card .btn-deal-action:hover{background:var(--v3-ink);color:#fff}
.deal-card .btn-deal-action.is-disabled{border-color:var(--v3-line);color:var(--v3-muted);background:var(--v3-bg)}

/* Desktop: filters become a sticky sidebar, offers on the right */
@media (min-width:1100px){
  #ofertas{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:28px;align-items:start}
  #ofertas>*{grid-column:2}
  #ofertas>.deals-section-header{grid-column:1/-1}
  #ofertas>#dealFilters{grid-column:1;grid-row:2/span 4;position:sticky;top:150px;background:#fff;border:1px solid var(--v3-line);border-radius:16px;padding:14px}
  #dealFilters .chip-row{flex-direction:column;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0}
  #dealFilters .chip-row+.chip-row{border-top:1px solid var(--v3-line);padding-top:10px;margin-top:4px}
  #dealFilters .chip{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:36px;border:0;border-radius:10px;background:none;padding:6px 10px;text-align:left}
  #dealFilters .chip:hover{background:var(--v3-bg)}
  #dealFilters .chip[aria-pressed="true"]{background:var(--v3-ink);color:#fff}
}

/* Phones keep the list cards from home-ux.css; only the new pieces adapt */
@media (max-width:640px){
  .deal-card .discount-pill{width:40px;height:40px;font-size:12px;right:auto;left:4px;top:4px}
  .deal-card .price-current{font-size:22px}
  .gf-badge{display:none}
  .group-strip-row .gf-card{flex-basis:150px}
  .gf-photo{height:110px}
}