/* Hit Fest 2027 pe telefon (25.10.2026, Ioana: „pe telefon e prea lung”), doar sub 641 px; pe calculator nu schimbă nimic.
   Mai puțin aer peste tot; 2026 se glisează stânga-dreapta, cu galeria la vedere sub poze; cele trei seri și
   prețurile rămân una sub alta; Ce generație ești e doar titlul și „Fă testul”, testul se deschide la apăsare;
   aplicația rămâne întreagă, cu telefonul care își derulează ecranele. */
.gen-open,.tel-hint,#amintiri .am-outro__gal{display:none}

@media (max-width:640px){
  .hf-section{padding-block:44px}
  .hf-h2{font-size:clamp(40px,12vw,54px);margin-bottom:12px}
  .hf-lede{font-size:16px}
  .hf-kicker{margin-bottom:10px}
  .hf-bands{margin-bottom:16px}

  /* 2026: cifrele pe un rând, plăcile și pozele se glisează, galeria sub ele */
  #amintiri .am-facts{grid-template-columns:repeat(4,auto);gap:8px 14px;margin-top:18px}
  #amintiri .am-facts li{padding-left:8px}
  #amintiri .am-facts b{font-size:30px}
  #amintiri .am-facts__place{font-size:22px!important;padding-top:.3em}
  #amintiri .am-facts span{font-size:10px;letter-spacing:.08em}
  #amintiri .am-bands{display:none}
  .tel-row{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain}
  .tel-row::-webkit-scrollbar{display:none}
  .tel-row>*{flex:none;scroll-snap-align:start}
  .tel-hint{display:block;margin:8px 0 0;font:700 11px/1 var(--f-text);font-stretch:75%;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
  #amintiri .am-what{margin-top:22px}
  #amintiri .am-what>li{width:62%}
  #amintiri .am-wall--peek{padding:10px 0 8px;align-items:stretch}
  #amintiri .am-wall--peek>figure{display:block!important;width:46%;margin-top:14px}
  #amintiri .am-wall--peek>.am-peek__go{display:none}
  #amintiri .am-credit{margin-top:6px}
  #amintiri .am-outro{margin-top:28px}
  #amintiri .am-outro__kicker{display:none}
  #amintiri .am-outro__line{font-size:24px;margin-bottom:18px}
  #amintiri .am-outro__gal{display:flex}

  /* 2027: un afiș pe seară, unul sub altul, mai strâns */
  #editia-2027 .e27-head{margin-bottom:20px}
  #editia-2027 .e27-cards{gap:10px}
  #editia-2027 .e27-card{grid-template-columns:34% minmax(0,1fr)}
  #editia-2027 .e27-card__body{padding:10px 14px 12px;gap:2px}
  #editia-2027 .e27-card__when b{font-size:30px}
  #editia-2027 .e27-card__tag{margin-top:4px}
  #editia-2027 .e27-card__era{font-size:24px;margin-top:2px}
  #editia-2027 .e27-card__line{font-size:14px}
  #editia-2027 .e27-park{margin-top:16px;gap:8px}
  #editia-2027 .e27-park li{grid-template-columns:24px minmax(0,1fr);row-gap:0;padding:10px}
  #editia-2027 .e27-park svg{grid-row:span 2;width:22px;height:22px}
  #editia-2027 .e27-park b{font-size:18px}
  #editia-2027 .e27-park span{font-size:12px}
  #editia-2027 .e27-foot{margin-top:18px;gap:12px}

  /* prețurile: scara mai joasă */
  #bilete .bl-head{margin-bottom:20px}
  #bilete .bl-head .hf-lede{margin-bottom:12px}
  #bilete .bl-block__head .bl-sub,#bilete .bl-stairs-cap{display:none}
  #bilete .bl-stairs{height:300px}
  #bilete .bl-step[data-p="1"]{--h:128px}
  #bilete .bl-step[data-p="2"]{--h:156px}
  #bilete .bl-step[data-p="3"]{--h:184px}
  #bilete .bl-step[data-p="4"]{--h:212px}
  #bilete .bl-compact{gap:24px}
  #bilete .bl-card{padding:22px 20px}
  #bilete .bl-card__list{display:none}

  /* Ce generație ești: titlul și „Fă testul”; testul se deschide la apăsare */
  #generatii .gen-head .hf-lede{max-width:30ch}
  #generatii:not(.is-open) .gen-stage,#generatii:not(.is-open) .gen-quiz,#generatii:not(.is-open) .gen-result{display:none!important}
  #generatii:not(.is-open) .gen-open{display:flex;justify-content:center;margin:18px 0 0}
  #generatii .gen-stage__cv{height:220px}
  #generatii .gen-quiz{margin-top:16px}

  /* aplicația: întreagă, telefonul puțin mai mic */
  #aplicatia .ap-phone{width:min(64%,230px)}
  #aplicatia .ap-list{margin-top:16px;gap:10px}
  #aplicatia .ap-stores{margin-top:20px}

  .hf-footer{padding-block:44px 32px}
  .hf-footer__sub{margin-bottom:20px}
}