@font-face{
  font-family:"Geomini";
  src:url("../assets/fonts/Geomini-Regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Geomini";
  src:url("../assets/fonts/Geomini-Medium.woff2") format("woff2");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}
@font-face{
  font-family:"Geomini";
  src:url("../assets/fonts/Geomini-SemiBold.woff2") format("woff2");
  font-style:normal;
  font-weight:600;
  font-display:swap;
}
@font-face{
  font-family:"Geomini";
  src:url("../assets/fonts/Geomini-Bold.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

/* English layout — Geomini preferred, Readex Pro local fallback */
html[lang="en"] body{direction:ltr;font-family:"Geomini","Readex Pro",Arial,sans-serif}
html[lang="en"] .header-actions,html[lang="en"] .hero-actions{direction:ltr}
html[lang="en"] .hero-points span{padding-right:0;padding-left:18px}
html[lang="en"] .hero-points span:before{right:auto;left:0}
html[lang="en"] .trust-grid article{border-left:0;border-right:1px solid rgba(255,255,255,.13)}
html[lang="en"] .trust-grid article:last-child{border-right:0}
html[lang="en"] .advantage-copy h2,html[lang="en"] .request-copy h2,html[lang="en"] .faq h2,html[lang="en"] .section-head h2{font-family:"Geomini","Readex Pro",Arial,sans-serif;letter-spacing:-.3px}
html[lang="en"] .hero h1{letter-spacing:-1px}
html[lang="en"] .phone-field{direction:ltr}
html[lang="en"] .footer-grid{text-align:left}
@media(max-width:720px){html[lang="en"] .trust-grid article{border-right:0}}

html[lang="en"] .header .logo img{
  width:auto;
  height:76px;
  max-width:210px;
  object-fit:contain;
  display:block;
}

@media(max-width:720px){
  html[lang="en"] .header .logo img{
    width:auto;
    height:54px;
    max-width:150px;
  }
}
html[lang="en"] .hero h1{white-space:normal}

/* English quick-contact title — mobile */
@media(max-width:720px){
  html[lang="en"] .quick-contact-copy{
    width:100%;
    max-width:100%;
  }

  html[lang="en"] .quick-contact h2{
    white-space:normal;
    max-width:100%;
    font-size:clamp(24px,6.4vw,28px);
    line-height:1.18;
    letter-spacing:-.3px;
    overflow-wrap:normal;
    word-break:normal;
  }
}

/* ===== Final English typography adjustments ===== */

/* 3) Advantage description text — smaller on desktop and mobile */
html[lang="en"] .advantage-list p{
  font-size:14px;
  line-height:1.55;
}

/* 4) FAQ answers — smaller, questions unchanged */
html[lang="en"] .faq details p{
  font-size:15px;
  line-height:1.65;
}

/* 5) Trust strip subtitles — smaller on desktop and mobile */
html[lang="en"] .trust-grid small{
  font-size:13px;
  line-height:1.45;
}

@media(max-width:720px){

  /* 1) Hero points — all three stay on one line */
  html[lang="en"] .hero-points{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:10px;
    width:100%;
  }

  html[lang="en"] .hero-points span{
    flex:0 0 auto;
    white-space:nowrap;
    font-size:10.5px;
    padding-left:12px;
  }

  html[lang="en"] .hero-points span:before{
    width:6px;
    height:6px;
  }

  /* 2) Quick-contact privacy note — one line on mobile */
  html[lang="en"] .quick-contact .privacy-note{
    white-space:nowrap;
    font-size:10px !important;
    line-height:1.4;
    letter-spacing:-.15px;
  }

  /* 3) Advantage description text — mobile */
  html[lang="en"] .advantage-list p{
    font-size:13px;
    line-height:1.5;
  }

  /* 4) FAQ answers — mobile */
  html[lang="en"] .faq details p{
    font-size:14px;
    line-height:1.6;
  }

  /* 5) Trust strip subtitles — mobile */
  html[lang="en"] .trust-grid small{
    font-size:12px;
    line-height:1.4;
  }
}

@media(max-width:720px){
  html[lang="en"] .privacy-note,
  html[lang="en"] .closing p{
    white-space:nowrap;
    font-size:12px;
  }
}

@media(max-width:720px){
  html[lang="en"] .mobile-cta a:nth-child(2){
    background:#25D366 !important;
    background-color:#25D366 !important;
    color:#fff !important;
  }
}

/* iPhone/mobile fixes — prevent form zoom/overflow and pin CTA to viewport */
@media(max-width:720px){

  html[lang="en"] input,
  html[lang="en"] textarea,
  html[lang="en"] select{
    font-size:16px !important;
  }

  html[lang="en"],
  html[lang="en"] body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  html[lang="en"] .request-form,
  html[lang="en"] .quick-form,
  html[lang="en"] .phone-field,
  html[lang="en"] .request-form input,
  html[lang="en"] .phone-field input{
    min-width:0;
    max-width:100%;
  }

  html[lang="en"] body{
    padding-bottom:0 !important;
  }

  html[lang="en"] .mobile-cta{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    transform:none !important;
    z-index:999999 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    padding:0 !important;
    background:transparent !important;
  }

  html[lang="en"] .mobile-cta a{
    min-width:0;
    min-height:64px;
    margin:0 !important;
  }
}