.mobile-drawer{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#0f1123;color:#fff;padding:24px;transition:.35s;z-index:9999;overflow-y:auto}
.mobile-drawer.open{right:0}
.mobile-drawer a{color:#fff;display:block;padding:.6rem 0}
.mobile-drawer .drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.mobile-drawer .drawer-close{background:0;border:0;color:#fff;font-size:1.3rem;cursor:pointer}
.mobile-drawer ul{list-style:none;padding:0;margin:14px 0 0;border-top:1px solid rgba(255,255,255,.1)}
.mobile-drawer ul li{border-bottom:1px solid rgba(255,255,255,.08)}
.drawer-overlay{position:fixed;inset:0;background:rgba(15,17,35,.5);z-index:9998;display:none}
.drawer-overlay.open{display:block}

@media(max-width:1100px){
  .offer-grid{grid-template-columns:repeat(3,1fr)}
  .creator-grid{grid-template-columns:repeat(3,1fr)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .footer-cols{grid-template-columns:1fr 1fr 1fr}
  .offer-layout{grid-template-columns:1fr}
  .buy-card{position:static}
}
@media(max-width:960px){
  .primary-nav,.header-search{display:none}
  .menu-toggle{display:inline-flex}
  .hero-inner{padding:60px 0;text-align:center;margin:0 auto}
  .hero-actions{justify-content:center}
  .offer-grid,.offer-grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .my-offers,.post-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .achievements{grid-template-columns:repeat(2,1fr);gap:24px}
  .dash-cards{grid-template-columns:repeat(2,1fr)}
  .woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{float:none;width:100%}
  .woocommerce-MyAccount-navigation{margin-bottom:24px}
  .learn-list{grid-template-columns:1fr}
  .topbar .container{gap:14px;font-size:.72rem}
}
@media(max-width:600px){
  h1{font-size:1.9rem}
  .hero h1{font-size:2.1rem}
  h2{font-size:1.5rem}
  .achievements{grid-template-columns:1fr}
  .cat-grid,.creator-grid{grid-template-columns:repeat(2,1fr)}
  .footer-cols{grid-template-columns:1fr}
  .dash-cards{grid-template-columns:1fr}
  .slz7-form .row{grid-template-columns:1fr}
  .section{padding:48px 0}
  .topbar .topbar-social{display:none}
  /* .slz7-table permanece tabela; a rolagem fica no .table-scroll */
}

/* ==== Breakpoints complementares (v3) ==== */
@media(max-width:1100px){
  .offer-layout{gap:28px}
  .creator-hero .inner{gap:22px}
}
@media(max-width:960px){
  .rating-summary{gap:14px}
  .offer-hero-meta{gap:16px}
  .cta{padding:40px 24px}
  .footer-bottom{flex-direction:column;text-align:center}
}
@media(max-width:600px){
  .main-nav{min-height:64px;gap:12px}
  .offer-grid,.offer-grid.cols-3,.offer-grid.cols-2,.my-offers,.post-grid,.creator-grid,.cat-grid{grid-template-columns:1fr}
  .learn-list{grid-template-columns:1fr}
  .offer-hero h1{font-size:1.6rem}
  .offer-layout{padding:28px 0}
  .box,.panel,.widget{padding:18px}
  .buy-card .inner{padding:18px}
  .creator-hero{padding:36px 0}
  .creator-hero img.avatar{width:110px;height:110px}
  .inst-stats{gap:18px}
  .rating-big{font-size:2.2rem}
  .center-box{margin:50px auto}
  .cta{padding:32px 18px}
}
@media(max-width:420px){
  h1{font-size:1.6rem}
  .hero h1{font-size:1.75rem}
  .hero-actions .btn{width:100%}
  .header-actions{gap:10px}
  .buy-price{font-size:1.5rem}
}