/* AccountHer – mobiilivaade
   See fail laaditakse PÄRAST styles.css faili.
   Kõik allolevad kujundusreeglid rakenduvad ainult telefonivaates.
   Desktopi kujundust see fail ei muuda. */

@media (max-width: 620px){

  html, body{
    max-width:100%;
    overflow-x:hidden;
  }

  /* ---------- Päis ---------- */
  .container{
    width:min(100% - 28px,1180px);
  }

  .nav-wrap{
    height:68px;
  }

  .brand{
    gap:10px;
    font-size:1.28rem;
  }

  .brand-mark{
    width:38px;
    height:38px;
  }

  .menu-btn{
    font-size:1rem;
  }

  .site-header .nav{
    top:68px;
  }

  /* ---------- Avalehe hero ---------- */
  .hero-wordpress{
    min-height:auto !important;
  }

  .hero-centered{
    padding:72px 0 84px !important;
  }

  .hero-centered h1{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 24px !important;
    padding:0 !important;
    font-size:clamp(2.25rem,9vw,2.65rem) !important;
    line-height:1.06 !important;
    letter-spacing:-.04em !important;
    text-align:center !important;
    overflow:visible !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .hero-centered h1 .desktop-hero-title{
    display:none !important;
  }

  .hero-centered h1 .mobile-hero-line{
    display:block !important;
    white-space:nowrap !important;
  }

  .hero-centered p{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 30px !important;
    font-size:1.08rem !important;
    line-height:1.5 !important;
    text-align:center !important;
  }

  .hero-centered p .desktop-hero-title{
    display:none !important;
  }

  .hero-centered p .mobile-hero-line{
    display:block !important;
    white-space:nowrap !important;
  }

  .hero-cta{
    width:auto !important;
    min-width:250px !important;
    max-width:88% !important;
    margin:0 auto !important;
    padding:15px 28px !important;
    font-size:.98rem !important;
  }

  /* ---------- Lühitutvustus ---------- */
  .intro-section{
    padding:58px 0 28px !important;
  }

  .intro-section .split{
    display:block !important;
  }

  /* Desktopi foto jääb desktopis alles; peidame selle ainult mobiilis */
  .intro-section .portrait-photo{
    display:none !important;
  }

  .intro-section .intro-copy{
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
  }

  .intro-section .intro-title{
    max-width:100% !important;
    margin:0 auto 20px !important;
    font-size:clamp(2rem,8.2vw,2.45rem) !important;
    line-height:1.1 !important;
    letter-spacing:-.04em !important;
    text-align:center !important;
  }

  .intro-section .intro-title span,
  .intro-section .intro-title .intro-title-sub{
    display:inline !important;
    white-space:normal !important;
    font-size:inherit !important;
  }

  .intro-section .intro-title span:first-child::after{
    content:" ";
  }

  /* Pealkirja all nähtav mobiili sissejuhatus */
  .intro-section .mobile-intro-goal{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    max-width:360px !important;
    margin:0 auto !important;
    padding:0 !important;
    font-size:1.08rem !important;
    line-height:1.6 !important;
    color:#28466c !important;
    text-align:center !important;
  }

  /* Pikk tutvustus ja Loe rohkem nupp peidetakse ainult mobiilis */
  .intro-section .intro-copy > p:not(.mobile-intro-goal),
  .intro-section .intro-copy > .btn{
    display:none !important;
  }

  /* ---------- Avalehe teenused ---------- */
  .services-home{
    padding:34px 0 62px !important;
  }

  /* Korduv teenuste pealkiri/alltekst on mobiilis peidus */
  .services-home .section-head{
    display:none !important;
  }

  .services-home .service-showcase{
    grid-template-columns:1fr !important;
    gap:48px !important;
    margin-top:0 !important;
  }

  .services-home .service-item{
    padding:0 18px !important;
    text-align:center !important;
  }

  .services-home .service-icon{
    width:132px !important;
    height:132px !important;
    margin:0 auto 18px !important;
  }

  .services-home .service-item h3{
    max-width:100% !important;
    margin:0 0 10px !important;
    font-size:1.5rem !important;
    line-height:1.2 !important;
    text-align:center !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .services-home .service-item p{
    max-width:360px !important;
    margin:0 auto !important;
    font-size:1.04rem !important;
    line-height:1.58 !important;
    text-align:center !important;
  }

}


/* ---------- Hinnakiri ---------- */
@media (max-width: 620px){

  .pricing-hero{
    background:#eef5fb !important;
    color:#0b1f3a !important;
  }

  .pricing-hero::before,
  .pricing-hero::after{
    display:none !important;
  }

  .pricing-hero-inner{
    padding:64px 0 58px !important;
    text-align:center !important;
  }

  .pricing-hero .pricing-title{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 20px !important;
    padding:0 !important;
    color:#0b1f3a !important;
    font-size:clamp(2.15rem,8.7vw,2.65rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;
    text-align:center !important;
    white-space:normal !important;
  }

  .pricing-hero .pricing-title span{
    display:block !important;
    white-space:normal !important;
  }

  .pricing-hero .pricing-hero-subtitle{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    color:#627187 !important;
    font-size:1.05rem !important;
    line-height:1.58 !important;
    text-align:center !important;
  }

  .pricing-hero .pricing-hero-subtitle span{
    display:inline !important;
    white-space:normal !important;
  }

  .pricing-hero .pricing-hero-subtitle span:first-child::after{
    content:" " !important;
  }

  .pricing-section{
    padding-top:64px !important;
  }

  .pricing-head{
    margin-bottom:38px !important;
    text-align:center !important;
  }

  .pricing-packages-title{
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:clamp(2rem,8vw,2.45rem) !important;
    line-height:1.1 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .pricing-head p{
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}



/* Hinnakiri – lõplik mobiilivaade 2026-08-12 */
@media (max-width: 620px){
  .pricing-hero-inner{
    padding:58px 0 54px !important;
  }
  .pricing-hero .pricing-title{
    display:block !important;
    max-width:390px !important;
    font-size:clamp(2rem, 8.1vw, 2.4rem) !important;
    line-height:1.08 !important;
    margin:0 auto 22px !important;
  }
  .pricing-hero .pricing-title span{
    display:inline !important;
    white-space:normal !important;
  }
  .pricing-hero .pricing-title span:first-child::after{
    content:" " !important;
  }
  .pricing-hero .pricing-hero-subtitle{
    max-width:370px !important;
    font-size:1.04rem !important;
    line-height:1.55 !important;
  }
  .pricing-section{
    padding-top:52px !important;
  }
}