/* RepublicaPass V18 — mobile navigation and hero cleanup */
.rp-cinema-mobile-visual{display:none}

@media(max-width:820px){
  body.public-menu-open{overflow:hidden}
  .rp-homepage-v16 .rp-premium-header,
  .rp-premium-v15 .rp-premium-header{
    align-items:center;
    min-height:60px;
    padding:0 14px;
    gap:10px;
    background:linear-gradient(180deg,rgba(1,8,6,.96),rgba(1,8,6,.82));
    border-bottom:1px solid rgba(13,242,138,.08);
    backdrop-filter:blur(16px);
  }
  .rp-premium-v15 .rp-wordmark{font-size:17px;gap:8px}
  .rp-premium-v15 .rp-wordmark img{width:26px;height:26px}
  .rp-premium-v15 .public-menu-toggle{width:38px;height:38px;border-radius:12px;font-size:17px}

  .rp-premium-v15 .mobile-public-nav{
    top:70px!important;
    left:10px;right:10px;
    padding:14px;
    gap:10px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(3,12,9,.985),rgba(2,8,6,.985));
    border:1px solid rgba(13,242,138,.11);
    box-shadow:0 28px 80px rgba(0,0,0,.48);
  }
  .rp-premium-v15 .mobile-nav-header{display:flex;justify-content:space-between;align-items:flex-end;padding:4px 4px 8px;color:#eff6f2}
  .rp-premium-v15 .mobile-nav-header strong{font:700 17px/1.1 "Space Grotesk",sans-serif;letter-spacing:-.03em}
  .rp-premium-v15 .mobile-nav-header span{font-size:11px;color:#8fa29a;letter-spacing:.12em;text-transform:uppercase}
  .rp-premium-v15 .mobile-language-slot{padding:2px 4px 8px}
  .rp-premium-v15 .mobile-public-nav>a{
    display:flex;align-items:center;gap:12px;
    padding:15px 14px;
    border-radius:15px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.05);
    color:#eef5f1;
    font-size:15px;
    font-weight:650;
  }
  .rp-premium-v15 .mobile-public-nav>a small{
    display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;
    border-radius:10px;background:rgba(13,242,138,.08);border:1px solid rgba(13,242,138,.18);
    color:#72f3b2;font-size:11px;font-weight:700;letter-spacing:.08em;
  }
  .rp-premium-v15 .mobile-public-nav>a span{display:block;line-height:1.15}
  .rp-premium-v15 .mobile-public-nav>a:hover,
  .rp-premium-v15 .mobile-public-nav>a:active{background:rgba(13,242,138,.06);border-color:rgba(13,242,138,.16)}

  .rp-cinema-hero{
    min-height:auto;
    padding-top:0;
    overflow:clip;
  }
  .rp-cinema-photo,
  .rp-cinema-bottom-left,
  .rp-cinema-bottom-right,
  .rp-cinema-scroll,
  .rp-cinema-beam-b,
  .rp-cinema-grain{display:none}
  .rp-cinema-orbit-left{width:560px;height:560px;left:-430px;top:10px;opacity:.36}
  .rp-cinema-orbit-right{display:none}
  .rp-cinema-overlay{
    background:
      radial-gradient(circle at 88% 18%,rgba(255,73,55,.16),transparent 20%),
      linear-gradient(180deg,rgba(1,8,6,.96) 0%,rgba(2,10,7,.92) 50%,rgba(2,10,7,.98) 100%);
  }
  .rp-cinema-copy{
    position:relative;
    left:auto;right:auto;top:auto;transform:none;
    width:auto;
    max-width:none;
    margin:0;
    padding:84px 18px 40px;
  }
  .rp-cinema-kicker{margin-bottom:12px;font-size:8px;letter-spacing:.18em;gap:6px;white-space:normal}
  .rp-cinema-kicker b{width:34px}
  .rp-cinema-copy h1{font-size:clamp(42px,13vw,58px);letter-spacing:-.07em;line-height:.88}
  .rp-cinema-copy h2{margin:12px 0 12px;font-size:clamp(28px,8.5vw,39px);line-height:1}
  .rp-cinema-copy>p{font-size:13px;line-height:1.58;color:#c1ccca;max-width:34ch}
  .rp-cinema-mobile-visual{
    display:block;
    position:relative;
    margin:18px 0 18px;
    aspect-ratio:16/10;
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 40px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.02);
    background:#09110e;
  }
  .rp-cinema-mobile-visual::before{
    content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.65) 100%);
  }
  .rp-cinema-mobile-visual img{
    width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%;
    transform:scale(1.04);
    animation:rp18MobileCardFloat 16s ease-in-out infinite alternate;
  }
  .rp-cinema-mobile-badge{
    position:absolute;left:14px;bottom:14px;z-index:2;
    display:inline-flex;align-items:center;gap:8px;
    min-height:32px;padding:0 12px;border-radius:999px;
    background:rgba(2,11,8,.78);backdrop-filter:blur(8px);
    border:1px solid rgba(13,242,138,.22);
    color:#ebf7f1;font-size:11px;font-weight:700;letter-spacing:.14em;
  }
  .rp-cinema-mobile-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#0df28a;box-shadow:0 0 12px rgba(13,242,138,.7)}

  .rp-cinema-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
  .rp-cinema-actions .btn{width:100%;min-width:0;min-height:50px;padding-inline:18px;border-radius:14px;font-size:13px}
  .rp-cinema-primary{box-shadow:0 12px 28px rgba(13,242,138,.14)!important}
  .rp-cinema-secondary{background:rgba(255,255,255,.02)!important}
  .rp-cinema-trust{
    display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px;
  }
  .rp-cinema-trust span{
    margin:0;padding:11px 12px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(255,255,255,.02);
    color:#deebe5;font-size:12px;white-space:normal;
  }
  .rp-cinema-trust span:last-child{grid-column:auto}
  .rp-cinema-trust i{width:24px;height:24px;border-radius:8px}

  .rp-homepage-v16 .rp-home-events{padding-top:36px!important}
  .homev3-section{padding:36px 14px}
  .homev3-heading{gap:10px}
  .homev3-heading h2{font-size:28px;line-height:1.02}
  .homev3-heading p{font-size:13px;line-height:1.55}
}

@media(max-width:560px){
  .rp-cinema-copy{padding:78px 14px 34px}
  .rp-cinema-kicker span:nth-of-type(4),
  .rp-cinema-kicker i:nth-of-type(3){display:none}
  .rp-cinema-copy h1{font-size:40px}
  .rp-cinema-copy h2{font-size:26px}
  .rp-cinema-copy>p{font-size:12.5px;max-width:none}
  .rp-cinema-mobile-visual{margin:16px 0 16px;border-radius:18px;aspect-ratio:4/3}
  .rp-cinema-mobile-visual img{object-position:center 38%}
  .rp-cinema-trust span{font-size:11px;padding:10px 11px}
}

@keyframes rp18MobileCardFloat{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.08) translate3d(-8px,-4px,0)}}
