/* LOJÃO DOS ACESSÓRIOS CG — 5.4: menu minimalista, capa compacta e marca LA totalmente visível.
   Alterações de aparência; mantém Worker 5.1, KV, login, catálogo e WhatsApp. */

/* Menu de três pontos: caixa menor, discreta e consistente com a marca. */
.dg-v7-header .dg-v7-menu{
 width:42px!important;min-width:42px!important;height:42px!important;
 border:1px solid rgba(234,184,87,.38)!important;
 border-radius:11px!important;
 background:linear-gradient(145deg,#171713,#090a0b)!important;
 box-shadow:inset 0 1px 0 rgba(255,218,139,.075)!important;
 color:#f5c86b!important;padding:0!important;
 transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.dg-v7-header .dg-v7-menu svg{width:22px!important;height:22px!important;display:block!important}
.dg-v7-header .dg-v7-menu:hover,
.dg-v7-header .dg-v7-menu[aria-expanded="true"]{
 border-color:#e4b963!important;
 background:#242015!important;
 box-shadow:0 0 0 2px rgba(231,185,96,.09)!important;
}
.dg-v7-header .dg-v7-menu:focus-visible{outline:2px solid #f5ce7c!important;outline-offset:3px!important}

/* Navegação: linha reta e fina no lugar da curva grossa embaixo de "Início". */
.dg-v7-header .dg-header-nav a,
.dg-v7-header .dg-header-nav a.dg-v7-active{
 border-radius:0!important; box-shadow:none!important;
 text-decoration:none!important; background:transparent!important;
}
.dg-v7-header .dg-header-nav a{border:0!important;border-bottom:2px solid transparent!important; padding:15px 2px 12px!important}
.dg-v7-header .dg-header-nav a.dg-v7-active{
 border:0!important;border-bottom:2px solid #e8ba64!important;
 color:#f3d08c!important; padding:15px 2px 12px!important;
}
.dg-v7-header .dg-header-nav a::after,
.dg-v7-header .dg-header-nav a::before{content:none!important;display:none!important}

/* Tela grande: capa mais baixa; imagem ancorada no topo para revelar o LA inteiro. */
#inicio.la52-hero{
 min-height:clamp(340px,29vw,425px)!important;
 max-height:none!important;height:auto!important;
}
.la52-art picture,.la52-art img{object-position:50% 0%!important}
.la52-hero .la52-content{
 padding:22px clamp(18px,4vw,54px) 25px!important;
 gap:12px!important;
 max-width:1350px!important;
}
.la52-hero .la52-eyebrow{margin-bottom:6px!important;font-size:11px!important}
.la52-hero .la52-copy h1{font-size:clamp(35px,4.6vw,61px)!important;margin:0 0 10px!important;line-height:1.02!important}
.la52-hero .la52-copy p{font-size:clamp(12px,1.1vw,15px)!important;line-height:1.45!important;margin:0 0 5px!important}
.la52-hero .la52-copy small{font-size:clamp(11px,.95vw,13px)!important}
.la52-hero .la52-actions{gap:9px!important}
.la52-hero .la52-actions a{min-height:46px!important;padding:11px 20px!important;border-radius:12px!important;font-size:12px!important}

@media (min-width:601px) and (max-width:950px){
 #inicio.la52-hero{min-height:360px!important}
 .la52-hero .la52-content{padding:22px 25px 25px!important}
 .la52-hero .la52-copy h1{font-size:clamp(37px,5.4vw,51px)!important}
}

/* Celular: imagem integral 16:9 no topo da capa e texto separado abaixo.
   Não há zoom ou recorte: a logo LA e os acessórios sempre aparecem inteiros. */
@media (max-width:600px){
 .dg-v7-header .dg-v7-menu{
  width:35px!important;min-width:35px!important;height:38px!important;
  border-radius:10px!important;
 }
 .dg-v7-header .dg-v7-menu svg{width:20px!important;height:20px!important}
 #inicio.la52-hero{
  min-height:0!important;height:auto!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  background:#090a0b!important;
 }
 .la52-hero .la52-art{
  position:relative!important;inset:auto!important;
  display:block!important;flex:none!important;
  width:100%!important;height:auto!important;
  aspect-ratio:16/9!important;overflow:hidden!important;
  background:#060606!important;
 }
 .la52-hero .la52-art picture{
  display:block!important;position:static!important;inset:auto!important;
  width:100%!important;height:100%!important;
 }
 .la52-hero .la52-art img{
  display:block!important;position:static!important;inset:auto!important;
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  aspect-ratio:16/9!important;
 }
 .la52-hero::before{display:none!important}
 .la52-hero::after{box-shadow:inset 0 -1px 0 rgba(221,178,87,.3)!important}
 .la52-hero .la52-content{
  flex:none!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;max-width:100%!important;
  padding:13px 15px 17px!important;
  background:linear-gradient(180deg,#12100c 0%,#070809 100%)!important;
  border-top:1px solid rgba(232,185,95,.26)!important;
 }
 .la52-hero .la52-copy{max-width:none!important;text-shadow:none!important}
 .la52-hero .la52-eyebrow{
  margin:0 0 5px!important;font-size:8px!important;
  letter-spacing:.15em!important;
 }
 .la52-hero .la52-eyebrow span{width:14px!important;height:1px!important}
 .la52-hero .la52-copy h1{
  font-size:clamp(25px,7.15vw,34px)!important;
  line-height:1.05!important;letter-spacing:-.045em!important;
  max-width:100%!important;margin:0 0 6px!important;
 }
 .la52-hero .la53-local{font-size:.51em!important}
 .la52-hero .la52-copy p{font-size:11.5px!important;line-height:1.4!important;margin:0 0 3px!important}
 .la52-hero .la52-copy small{font-size:10.5px!important;line-height:1.35!important}
 .la52-hero .la52-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .la52-hero .la52-actions a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:42px!important;padding:9px 7px!important;font-size:10px!important;
  line-height:1.15!important;border-radius:10px!important;
  text-align:center!important;
 }
}
@media(max-width:360px){
 .la52-hero .la52-content{padding:12px 11px 15px!important}
 .la52-hero .la52-copy h1{font-size:24px!important}
 .la52-hero .la52-actions a{font-size:9px!important}
 .dg-v7-header .dg-v7-menu{width:32px!important;min-width:32px!important}
}
@media(prefers-reduced-motion:reduce){.dg-v7-header .dg-v7-menu{transition:none!important}}