/* SEM ALVARÁ RACKETS - Ajustes para celular */

@media (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

  header {
    padding: 12px 18px;
  }

  header img {
    max-width: 70px;
    height: auto;
  }

  nav {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }

  nav a {
    font-size: 11px;
  }

  .hero,
  .product-hero,
  .compare-hero,
  .finder-hero {
    padding: 35px 20px;
  }

  .hero-content {
    width: 100%;
    max-width: 100%;
  }

  .hero h1 {
    font-size: 34px;
    line-height: 1.05;
  }

  .hero p {
    font-size: 15px;
    line-height: 1.5;
  }

  .section {
    padding: 40px 20px;
  }

  .twins {
    padding: 35px 20px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  input,
  select,
  button {
    max-width: 100%;
  }

  footer {
    padding: 30px 20px;
    text-align: center;
  }
}



/* SEM ALVARÁ: marcas e atletas com aparência de botão no celular */
.mobile-brand-filter{display:none;}
.home-tap-hint{display:none;}
@media(max-width:768px){
  .mobile-brand-filter{display:flex;flex-direction:column;gap:9px;margin:17px 0 5px;}
  .mobile-brand-filter label{color:#efb52c;font-size:11px;font-weight:900;letter-spacing:.8px;}
  .mobile-brand-filter select{display:block;width:100%;min-height:48px;padding:12px 14px;background:#111;color:#fff;border:1px solid #a47724;border-radius:10px;font-size:15px;}
  .home-tap-hint{display:block;margin:0 0 18px;color:#efb52c;font-size:12px;font-weight:700;line-height:1.45;}
  .home-tap-hint-pro{margin:12px 0 18px;}

  /* Marca: cartão elevado, pressionado ao tocar */
  a.brand-card{
    position:relative;
    border:1px solid rgba(239,181,44,.62);
    border-bottom:3px solid #94650f;
    box-shadow:0 5px 0 #33250c,0 9px 15px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);
    transform:translateY(0);
    transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  a.brand-card::after{content:none !important;}
  a.brand-card:active{
    transform:translateY(4px) scale(.985);
    box-shadow:0 1px 0 #33250c,0 3px 7px rgba(0,0,0,.45),inset 0 2px 5px rgba(0,0,0,.5);
    border-color:#efb52c;
  }

  /* Atleta: o efeito aparece apenas em cards com link */
  .pro-card:has(> a.pro-card-link){
    position:relative;
    overflow:visible;
    border:1px solid rgba(239,181,44,.65);
    border-bottom:3px solid #94650f;
    box-shadow:0 6px 0 #33250c,0 12px 18px rgba(0,0,0,.55);
    transform:translateY(0);
    transition:transform .13s ease,box-shadow .13s ease;
  }
  .pro-card:has(> a.pro-card-link)::after{content:none !important;}
  .pro-card:has(> a.pro-card-link):active{
    transform:translateY(5px) scale(.99);
    box-shadow:0 1px 0 #33250c,0 3px 8px rgba(0,0,0,.45),inset 0 2px 5px rgba(0,0,0,.4);
  }
  .pro-card > a.pro-card-link{border-radius:inherit;overflow:hidden;-webkit-tap-highlight-color:transparent;}

  /* O seletor visível de marcas substitui o painel inferior no celular. */
  .catalog .catalog-grid > aside{display:none !important;}
  .catalog .catalog-grid{grid-template-columns:minmax(0,1fr);}
}
@media(min-width:769px) and (max-width:900px){
  .catalog .catalog-grid > aside{display:none !important;}
}
@media(hover:hover){
  a.brand-card:hover{border-color:#efb52c;}
  .pro-card:has(> a.pro-card-link):hover{border-color:#efb52c;}
}