/* Versão 9.0: fidelidade visual ao último modelo aprovado pelo cliente.
   Usamos a composição final como arte do banner (sem fundo preto); os botões das
   lojas são links HTML acessíveis, e todo o restante da página é dinâmico. */
.hero-mobile-final { display:none; }
@media (max-width:700px) {
  body {background:#faf7f2;}
  .site-header {background:#fffefa;}
  .header-inner {min-height:94px!important;padding:5px 0!important;}
  .brand>img {width:94px!important;height:83px!important;object-fit:contain!important;}
  .brand-slogan {font-size:12.8px!important;padding-left:8px!important;line-height:1.07!important;}
  .brand-slogan strong {font-size:19px!important;}
  .brand-slogan .heart-emoji {font-size:29px!important;top:-15px!important;right:-12px!important;}
  .mobile-toggle {height:40px!important;border-radius:18px!important;padding:5px 10px!important;}
  .search-toggle {width:40px!important;height:40px!important;}
  .hero {display:block!important;margin-top:9px!important;overflow:visible!important;min-height:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;isolation:auto!important;}
  .hero-reference,.hero-mobile {display:none!important;}
  .hero-mobile-final {position:relative!important;display:block!important;width:100%!important;aspect-ratio:892/914!important;overflow:hidden!important;border-radius:20px!important;background:#ac001b!important;box-shadow:0 3px 14px rgba(48,1,8,.08);}
  .hero-mobile-final>img {display:block;width:100%!important;height:100%!important;object-fit:fill!important;pointer-events:none;}
  .hero-mobile-final .mobile-app-hit {position:absolute;z-index:4;display:block;top:81.6%;height:12.1%;min-height:44px;border-radius:9px;background:transparent;touch-action:manipulation;}
  .hero-mobile-final .mobile-app-hit-google {left:4%;width:27.2%;}
  .hero-mobile-final .mobile-app-hit-apple {left:31.7%;width:26.3%;}
  .hero-mobile-final .mobile-app-hit:focus-visible {outline:3px solid #ffffff;outline-offset:-3px;background:rgba(255,255,255,.1);}
  .main-player {margin-top:12px!important;}
}
@media (max-width:360px){
  .header-inner{min-height:79px!important;}
  .brand>img{width:76px!important;height:70px!important;}
  .brand-slogan{font-size:11px!important;padding-left:6px!important;}
  .brand-slogan strong{font-size:16px!important;}
  .brand-slogan .heart-emoji{font-size:24px!important;top:-12px!important;right:-10px!important;}
  .mobile-toggle{padding:4px 7px!important;font-size:11px!important;}
  .search-toggle{width:36px!important;height:36px!important;}
  .hero-mobile-final {border-radius:16px!important;}
  .hero-mobile-final .mobile-app-hit {min-height:40px;}
}