/* ============================================================
   RCA Shop — mobile.css
   Barra inferior estilo app + ajustes responsivos.
   ============================================================ */

@media (max-width:900px){
  .rs-hero-grid,.rs-layout{grid-template-columns:1fr}
  .rs-hero-box{display:none}
  .rs-side .sticky{position:static}
  .rs-footer-grid{grid-template-columns:1fr 1fr}
  .rs-bridge{grid-template-columns:1fr}
  .rs-detail-head{grid-template-columns:58px 1fr;padding:16px}
  .rs-detail-logo{width:58px;height:58px;border-radius:16px;font-size:15px}
}

@media (max-width:640px){
  body{font-size:14.5px;padding-bottom:64px} /* espaço p/ tabbar */
  .rs-nav{display:none}                       /* menu de topo some no mobile */
  .rs-tabs{top:0}
  .rs-hero{padding:24px 0}
  .rs-grid,.rs-related,.rs-info-grid{grid-template-columns:1fr}
  .rs-cat-grid{grid-template-columns:1fr 1fr}
  .rs-search{display:grid;grid-template-columns:1fr}
  .rs-search input,.rs-search button{width:100%}
  .rs-actions{display:grid;grid-template-columns:1fr}
  .rs-footer-grid{grid-template-columns:1fr}
  .rs-card{padding:15px;border-radius:14px}

  /* ---- Tabbar inferior ---- */
  .rs-tabbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:300;
    background:#fff;border-top:1px solid var(--border);
    box-shadow:0 -4px 16px rgba(7,26,51,.08);
    padding:6px 4px env(safe-area-inset-bottom,4px);
    transition:transform .25s ease;
  }
  .rs-tabbar.hide{transform:translateY(110%)}
  .rs-tabbar a,.rs-tabbar .rs-tabbar-more{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
    background:none;border:0;cursor:pointer;font-family:inherit;
    color:#64748b;font-size:10px;font-weight:800;padding:6px 2px;border-radius:10px;
  }
  .rs-tabbar a.on{color:var(--blue)}
  .rs-tabbar a.on svg{color:var(--blue)}
  .rs-tabbar a:active,.rs-tabbar .rs-tabbar-more:active{background:var(--blue-soft)}

  /* ---- Drawer "Menu" ---- */
  .rs-drawer{display:block;position:fixed;inset:0;z-index:310;background:rgba(7,26,51,.45);opacity:0;pointer-events:none;transition:opacity .2s}
  .rs-drawer.open{opacity:1;pointer-events:auto}
  .rs-drawer-panel{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom,8px));transform:translateY(100%);transition:transform .25s ease}
  .rs-drawer.open .rs-drawer-panel{transform:translateY(0)}
  .rs-drawer-panel a{display:flex;align-items:center;gap:12px;padding:13px 10px;font-weight:800;color:var(--ink);border-bottom:1px solid var(--border)}
  .rs-drawer-panel a:last-child{border-bottom:0}
  .rs-drawer-panel a svg{color:var(--blue)}
}

@media (max-width:640px){
  .rs-product-grid{grid-template-columns:1fr 1fr;gap:10px}
  .rs-product-card{min-height:280px;padding:11px}
  .rs-product-img{height:125px;border-radius:12px;margin-bottom:9px}
  .rs-product-card h3{font-size:14px;line-height:1.25}
  .rs-product-card p{font-size:12px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .rs-price-row strong{font-size:16px}
  .rs-product-head{grid-template-columns:1fr}
  .rs-product-photo{width:100%;height:240px}
  .rs-buy-box{display:none}
  .rs-buy-box-mobile{display:block}
  .rs-price-big strong{font-size:24px}
  .rs-benefits{grid-template-columns:1fr}
}