/* =========================================================
   BLUUPI — LEGAL TABLET
   iPad vertical uniquement
========================================================= */

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){

  .desktop-header,
  .desktop-footer{
    display:none !important;
  }

  .bottom-nav{
    display:grid !important;
  }

  .legal-page{
    max-width:820px;
    padding:42px 34px 125px;
  }

  .legal-topbar{
    margin-bottom:32px;
  }

  .legal-home{
    font-size:20px;
  }

  .legal-back-account{
    font-size:17px;
  }

  .legal-header{
    margin-bottom:30px;
  }

  .legal-header small{
    font-size:17px;
  }

  .legal-header h1{
    font-size:52px;
    line-height:1.02;
  }

  .legal-header p{
    max-width:720px;
    font-size:20px;
  }

  .legal-card{
    padding:36px 34px;
    border-radius:34px;
  }

  .legal-card section{
    margin-top:36px;
  }

  .legal-card h2{
    font-size:34px;
  }

  .legal-card h3{
    font-size:26px;
  }

  .legal-card p,
  .legal-card ul,
  .legal-card ol{
    font-size:18px;
    line-height:1.72;
  }

  .legal-note,
  .legal-warning{
    padding:22px;
    border-radius:24px;
    font-size:17px;
  }

  .legal-menu{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
  }

  .legal-menu-card{
    min-height:78px;
    padding:0 24px;
    font-size:20px;
    border-radius:26px;
  }

  .legal-meta{
    font-size:15px;
  }

  .bottom-nav{
    width:100%;
    max-width:920px;
    height:86px;
    border-radius:26px 26px 0 0;
  }

  .bottom-nav a{
    font-size:13px;
  }

  .bottom-nav svg,
  .bottom-nav i{
    width:28px;
    height:28px;
  }

  .bottom-nav small{
    font-size:13px;
  }

}