/* BYTE-CON v1.3.5 · compact desktop reservation form */

@media(min-width:901px){
  /* Compacta el contenido sin tocar el split ni el scroll independiente. */
  .public-page .purchase-card-compact{
    padding-top:14px;
    padding-bottom:14px;
  }

  .public-page .purchase-brand{
    margin:-2px 0 3px;
  }

  .public-page .purchase-brand img{
    width:72px;
    height:72px;
    border-radius:14px;
  }

  .public-page .purchase-card-compact .card-heading{
    margin-bottom:7px;
  }

  .public-page .purchase-card-compact .card-heading .eyebrow{
    margin-bottom:3px;
    font-size:.64rem;
  }

  .public-page .purchase-card-compact .card-heading h2{
    margin:0;
    font-size:1.55rem;
    line-height:1.05;
  }

  .public-page .lookup-box-top{
    margin-bottom:7px;
    border-radius:10px;
  }

  .public-page .lookup-box-top>summary{
    padding:7px 10px;
    min-height:0;
    font-size:.72rem;
  }

  .public-page .lookup-box-top .lookup-form{
    padding:0 8px 8px;
    gap:6px;
  }

  .public-page .lookup-box-top .lookup-form input,
  .public-page .lookup-box-top .lookup-form .btn{
    padding:7px 9px;
    min-height:34px;
    font-size:.72rem;
  }

  .public-page .compact-form{
    gap:7px 9px;
  }

  .public-page .compact-form label{
    gap:3px;
    font-size:.76rem;
    line-height:1.15;
  }

  .public-page .compact-form input,
  .public-page .compact-form select{
    min-height:36px;
    padding:7px 9px;
    border-radius:9px;
    font-size:.82rem;
  }

  .public-page .shirt-size-field small{
    margin-top:0;
    font-size:.62rem;
    line-height:1.2;
  }

  .public-page .registration-context{
    min-height:29px;
    padding:5px 8px;
    border-radius:9px;
  }

  .public-page .registration-context span{
    padding:2px 6px;
    font-size:.58rem;
  }

  .public-page .registration-context strong{
    font-size:.66rem;
  }

  .public-page .compact-form>.btn{
    min-height:36px;
    padding:8px 12px;
    border-radius:10px;
    font-size:.82rem;
  }
}

/* En poca altura/zoom alto se aprieta un poco más para reducir scroll sin perder legibilidad. */
@media(min-width:901px) and (max-height:760px){
  .public-page .purchase-card-compact{
    padding-top:10px;
    padding-bottom:10px;
  }

  .public-page .purchase-brand img{
    width:62px;
    height:62px;
  }

  .public-page .purchase-card-compact .card-heading h2{
    font-size:1.4rem;
  }

  .public-page .compact-form{
    gap:6px 8px;
  }

  .public-page .compact-form input,
  .public-page .compact-form select{
    min-height:33px;
    padding:6px 8px;
  }

  .public-page .compact-form>.btn{
    min-height:34px;
    padding:7px 10px;
  }
}

/* Móvil conserva las dimensiones táctiles y el flujo actual. */
@media(max-width:900px){
  .public-page .purchase-card-compact{
    padding-top:16px;
    padding-bottom:16px;
  }

  .public-page .purchase-brand img{
    width:92px;
    height:92px;
    border-radius:18px;
  }

  .public-page .compact-form{
    gap:10px;
  }

  .public-page .compact-form label{
    gap:5px;
    font-size:.88rem;
  }

  .public-page .compact-form input,
  .public-page .compact-form select{
    min-height:44px;
    padding:10px 12px;
    font-size:1rem;
  }

  .public-page .compact-form>.btn{
    min-height:44px;
  }
}
