[hidden]{display:none!important}
  .hero img{transition:opacity .4s}
  .sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:40px 0 14px}
  .sec-head h2{font-size:20px;margin:0}
  .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
  .post{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none}
  .post .ph{aspect-ratio:16/9;background:var(--surface-2)}
  .post .ph img{width:100%;height:100%;object-fit:cover;display:block}
  .post div.tx{padding:12px 14px}
  .post b{display:block;font-size:14.5px;line-height:1.35;margin-bottom:6px}
  .post small{color:var(--muted);font-size:12.5px;line-height:1.45;display:block}
  .orgs{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .orgs-track{display:flex;gap:12px;width:max-content;animation:orgs-roll var(--orgs-dur,90s) linear infinite}
  .orgs:hover .orgs-track{animation-play-state:paused}
  @keyframes orgs-roll{to{transform:translateX(calc(-50% - 6px))}}
  .org{flex:0 0 140px;display:grid;place-items:center;background:#fff;border-radius:12px;height:76px;padding:10px}
  .org img{max-width:100%;max-height:56px;object-fit:contain}
  @media (prefers-reduced-motion:reduce){ .orgs{overflow-x:auto} .orgs-track{animation:none} }
  /* celular: só a busca + botão Filtros; estado/cidade abrem ao tocar (eventos aparecem logo) */
  .filterbar{grid-template-columns:1fr 1fr 1.6fr auto auto}
  .f-toggle{display:none}
  /* Prateleiras da Loja Sportbay (Oferta do Dia, Kits) — dados lidos pela API da home da sportbay.com.br */
  .of{margin-top:28px; padding:22px 22px 18px; border-radius:var(--r); border:1px solid var(--line-soft);
    background:linear-gradient(180deg, rgba(0,255,0,.06), rgba(0,255,0,0) 140px), var(--surface)}
  .of-head{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:16px; flex-wrap:wrap}
  .of-head h2{font-size:20px; display:flex; align-items:center; gap:10px}
  .of-head h2 .fire{display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:11.5px; font-weight:700;
    letter-spacing:.08em; text-transform:uppercase; color:var(--green-ink); background:var(--green)}
  .of-head p{margin:4px 0 0; color:var(--muted); font-size:13.5px}
  .of-all{color:var(--green); font-weight:600; font-size:14px; text-decoration:none; white-space:nowrap}
  .of-all:hover{text-decoration:underline}
  .of .car-track > .pr{flex:0 0 calc((100% - 4 * 14px) / 5); scroll-snap-align:start; min-width:0}
  .of .car-track{gap:14px}
  .pr{display:flex; flex-direction:column; text-decoration:none; color:var(--text); background:var(--surface-2);
    border:1px solid var(--line-soft); border-radius:14px; overflow:hidden; transition:.15s}
  .pr:hover{border-color:rgba(0,255,0,.45); transform:translateY(-2px)}
  .pr-img{position:relative; background:#fff; aspect-ratio:1/1; display:grid; place-items:center; padding:14px}
  .pr-img img{width:100%; height:100%; object-fit:contain}
  .pr-off{position:absolute; top:10px; left:10px; padding:3px 8px; border-radius:8px; font-size:12px; font-weight:800;
    color:var(--green-ink); background:var(--green)}
  .pr-body{padding:12px 12px 14px; display:flex; flex-direction:column; gap:3px; flex:1}
  .pr-name{font-size:13.5px; font-weight:600; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:35px}
  .pr-old{font-size:12.5px; color:var(--faint); text-decoration:line-through; margin-top:4px}
  .pr-price{font-size:19px; font-weight:700; color:var(--green); line-height:1.15}
  .pr-inst{font-size:12px; color:var(--muted)}
  .pr-seller{font-size:11.5px; color:var(--faint); margin-top:2px}
  .pr-thumbs{display:flex; gap:5px; margin-top:8px}
  .pr-thumbs span{width:26px; height:26px; border-radius:6px; background:#fff; display:grid; place-items:center; overflow:hidden; border:1px solid var(--line)}
  .pr-thumbs span img{width:100%; height:100%; object-fit:contain}
  .pr-thumbs .more{background:var(--surface); color:var(--muted); font-size:13px}
  .of .car-btn{top:calc(50% - 30px)}
  @media (max-width:1100px){ .of .car-track > .pr{flex-basis:calc((100% - 3 * 14px) / 4)} }
  @media (max-width:820px){ .of .car-track > .pr{flex-basis:calc((100% - 14px) / 2.3)} }
  @media (max-width:560px){ .of{padding:16px 12px 14px} .of .car-track > .pr{flex-basis:46%} .of .car-track{gap:10px} }
  /* carrossel dos eventos abertos (4 por vez no computador; arrasta no celular; gira a cada 10 s) */
  .car{position:relative}
  .car-track{display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
    scrollbar-width:none; padding:2px 2px 6px; margin:0 -2px}
  .car-track::-webkit-scrollbar{display:none}
  .car-track > .ev-card{flex:0 0 calc((100% - 3 * 18px) / 4); scroll-snap-align:start; min-width:0}
  .car-btn{position:absolute; top:calc(50% - 40px); z-index:2; width:44px; height:44px; border-radius:50%;
    display:grid; place-items:center; cursor:pointer; color:var(--text);
    background:rgba(10,13,14,.82); border:1px solid var(--line); backdrop-filter:blur(6px); transition:.15s}
  .car-btn:hover{border-color:var(--green); color:var(--green)}
  .car-btn[disabled]{opacity:0; pointer-events:none}
  .car-btn svg{width:20px; height:20px}
  .car-prev{left:-22px} .car-next{right:-22px}
  .car-dots{display:flex; justify-content:center; gap:7px; margin-top:16px}
  .car-dots button{width:8px; height:8px; border-radius:99px; border:0; padding:0; cursor:pointer; background:var(--line); transition:.25s}
  .car-dots button.on{width:26px; background:var(--green)}
  @media (max-width:1100px){ .car-track > .ev-card{flex-basis:calc((100% - 2 * 18px) / 3)} .car-prev{left:-8px} .car-next{right:-8px} }
  @media (max-width:820px){ .car-track > .ev-card{flex-basis:calc((100% - 18px) / 2.15)} }
  @media (max-width:560px){ .car-track{gap:12px} .car-track > .ev-card{flex-basis:82%} .car-btn{display:none} }
  @media (max-width:680px){
    .filterbar{grid-template-columns:1fr auto;padding:10px;gap:8px}
    .filterbar .f-search{grid-column:1/-1;order:-2}
    .filterbar .f-search label{display:none}
    .f-toggle{display:inline-flex;order:-1}
    .filterbar:not(.open) .field:not(.f-search), .filterbar:not(.open) #f-clear{display:none}
    .filterbar.open .field{grid-column:1/-1}
    .filterbar.open #f-clear{grid-column:1/-1}
    #grid-title{white-space:nowrap}
    .row.spread:has(#grid-title){flex-wrap:wrap;gap:10px}
    #f-count:not(:empty){margin-left:6px;background:var(--green);color:var(--green-ink);border-radius:999px;padding:0 7px;font-size:11px}
  }