.mx-offers-page { padding-bottom:70px; }
.mx-offers-hero {
  position:relative; overflow:hidden; min-height:270px; border:1px solid rgba(255,255,255,.08); border-radius:0 0 22px 22px; padding:48px; background:linear-gradient(115deg,rgba(12,18,28,.92),rgba(12,18,28,.70)), var(--offers-bg); background-size:cover; background-position:center; box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.mx-offers-hero h1 { margin:10px 0 10px; font-size:clamp(40px, 5vw, 72px); line-height:.93; letter-spacing:-.06em; max-width:620px; }
.mx-offers-hero p { margin:0; max-width:560px; color:#b9c5d6; font-size:17px; line-height:1.6; }
.mx-offers-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; margin-top:28px; align-items:start; }
.mx-filter-check { position:absolute; opacity:0; pointer-events:none; }
.mx-filter-toggle-label { display:none; }
.mx-filter-backdrop { display:none; }
.mx-filter-close { display:none; }
.mx-filter-panel { position:sticky; top:92px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(13,20,31,.78); backdrop-filter:blur(14px); padding:18px; box-shadow:0 18px 46px rgba(0,0,0,.20); }
.mx-filter-title { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.mx-filter-title b { color:#f7f8fb; font-size:15px; text-transform:uppercase; letter-spacing:.08em; }
.mx-filter-title a { color:#ff7a45; font-size:12px; font-weight:800; text-decoration:none; }
.mx-filter-group { padding:16px 0; border-top:1px solid rgba(255,255,255,.06); }
.mx-filter-group:first-of-type { border-top:0; padding-top:0; }
.mx-filter-group strong { display:block; margin-bottom:10px; color:#8290a4; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.mx-filter-link { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border:1px solid transparent; border-radius:11px; color:#c5d0df; text-decoration:none; font-size:13px; font-weight:750; }
.mx-filter-link span { color:#748197; font-size:11px; font-weight:800; }
.mx-filter-link:hover { background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.08); color:#fff; }
.mx-filter-link.is-active { color:#fff; background:rgba(255,122,69,.13); border-color:transparent; }
.mx-offers-content { min-width:0; }
.mx-offers-title { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.mx-offers-title h2 { margin:0; color:#f7f8fb; font-size:30px; line-height:1.05; letter-spacing:-.04em; }
.mx-offers-title p { margin:6px 0 0; color:#91a0b6; font-size:14px; }
.mx-offers-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mx-offers-grid .mx-offer-card { flex:none; min-width:0; width:auto; }
.mx-offers-grid .mx-offer-thumb { }
.mx-offers-empty { border:1px dashed rgba(255,255,255,.14); border-radius:18px; padding:34px; color:#a7b4c8; background:rgba(255,255,255,.025); }
@media (max-width:920px) {
  .mx-offers-layout{grid-template-columns:1fr;}
  .mx-filter-toggle-label{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; padding:13px 14px; border:1px solid rgba(255,255,255,.10); border-radius:14px; background:rgba(13,20,31,.85); color:#fff; font-weight:900; }
  .mx-filter-toggle-label span{color:#9da8ba; font-size:12px; font-weight:800;}
  .mx-filter-toggle-label::after{content:"Abrir"; color:#ff9b68; font-size:12px; text-transform:uppercase; letter-spacing:.08em;}
  .mx-filter-check:checked + .mx-filter-toggle-label::after{content:"Fechar";}
  .mx-filter-backdrop{ display:block; position:fixed; inset:0; background:rgba(0,0,0,.55); opacity:0; pointer-events:none; transition:opacity .18s ease; z-index:30; }
  .mx-filter-check:checked + .mx-filter-toggle-label + .mx-filter-backdrop{opacity:1; pointer-events:auto;}
  .mx-filter-panel{ position:fixed; z-index:31; inset:0 auto 0 0; width:min(84vw,330px); border-radius:0; padding:22px; transform:translateX(-105%); transition:transform .2s ease; overflow:auto; background:#0b121c; }
  .mx-filter-check:checked + .mx-filter-toggle-label + .mx-filter-backdrop + .mx-offers-layout .mx-filter-panel{transform:translateX(0);}
  .mx-filter-title{margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.10);}
  .mx-filter-title b{font-size:18px; color:#c8d8ff;}
  .mx-filter-close{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#fff; font-size:22px; cursor:pointer; }
  .mx-filter-title a{margin-left:auto;}
  .mx-filter-group{padding:18px 0; border-top:0;}
  .mx-filter-group strong{color:#8b96ab; margin-bottom:14px;}
  .mx-filter-link{justify-content:flex-start; gap:10px; padding:6px 0; min-height:28px; border:0; border-radius:0; background:transparent;}
  .mx-filter-link::before{ content:""; width:16px; height:16px; flex:0 0 16px; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:#111b28; }
  .mx-filter-group:nth-of-type(n+3) .mx-filter-link::before{border-radius:2px;}
  .mx-filter-link.is-active{background:transparent; border-color:transparent; color:#fff;}
  .mx-filter-link.is-active::before{background:#ff7a45; box-shadow:0 0 0 2px #0b121c inset, 0 0 0 1px #ff7a45;}
  .mx-offers-grid{grid-template-columns:1fr;}
  .mx-offers-title{align-items:flex-start; flex-direction:column;}
  .mx-offers-hero{padding:34px 28px;}
}