/* Responsividade fina — media queries adicionais e ajustes de grid */

/* Layout container */
.main-wrap{ display:flex; gap:24px; max-width:1180px; margin:20px auto; padding:0 16px; align-items:flex-start; }
.content{ flex:1; min-width:0; }
.sidebar{ width:320px; flex-shrink:0; }

/* Produtos grid responsivo (ajuste simples) */
.products-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:14px;
}
@media (max-width: 1100px){
  .products-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 780px){
  .main-wrap{ flex-direction:column; }
  .sidebar{ width:100%; order:2; }
  .products-grid{ grid-template-columns: repeat(2, 1fr); }
  .hero-inner{ display:block; }
  .brand-name{ display:none; }
}
@media (max-width: 480px){
  .products-grid{ grid-template-columns: 1fr; }
  .header-top{ padding:10px; }
  .brand-logo{ width:40px; height:40px; }
  .btn-cta{ padding:8px 10px; font-size:0.95rem; }
  .promo-inner{ flex-direction:column; align-items:flex-start; gap:8px; padding:10px; }
}

/* Sliders */
.bf-deals-viewport, .slider-track{ overflow:hidden; }
.bf-deals-track, .slider-track{ display:flex; gap:14px; transition:transform .35s ease; }
.product-tile, .slide{ min-width: 260px; max-width: 280px; }

/* Accessibility improvements */
a:focus, button:focus, input:focus{ outline:3px solid rgba(11,110,253,0.18); outline-offset:2px; }

/* small helper for compact header on very small devices */
@media (max-width: 360px){
  .cart-count{ font-size:0.75rem; padding:3px 6px; }
  .brand-logo{ width:36px; height:36px; }
}