/* Solvy hero CTA balance — compact mobile pair + full-width multilingual title */
.v8-hero-actions{
  align-items:stretch !important;
}
.v8-hero-actions .btn-primary,
.v8-hero-actions .btn-secondary{
  box-sizing:border-box !important;
  min-height:50px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}
.v8-hero-actions .btn-primary > span,
.v8-hero-actions .btn-secondary{
  white-space:nowrap !important;
}

/* Clean arrowhead only — no shaft/line. */
.v8-hero-actions .btn-primary > i{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  font-size:0 !important;
  line-height:1 !important;
}
.v8-hero-actions .btn-primary > i::before{
  content:"›";
  display:block;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1;
  transform:translateY(-1px);
}
html[lang="ar"] .v8-hero-actions .btn-primary > i::before{
  content:"‹";
}

@media (min-width:721px){
  .v8-hero-actions .btn-primary,
  .v8-hero-actions .btn-secondary{
    min-width:184px !important;
    justify-content:center !important;
  }
}

@media (max-width:720px){
  /* Both CTAs stay on one row and remain intentionally compact. */
  .v8-hero-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr) !important;
    gap:7px !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:17px !important;
  }
  .v8-hero-actions .btn-primary,
  .v8-hero-actions .btn-secondary{
    width:100% !important;
    min-width:0 !important;
    min-height:41px !important;
    height:41px !important;
    padding:0 10px !important;
    justify-content:center !important;
    gap:6px !important;
    font-size:8.4px !important;
    line-height:1 !important;
    letter-spacing:.015em !important;
  }
  .v8-hero-actions .btn-primary > span{
    display:inline-block !important;
    min-width:0 !important;
    font-size:8.4px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
  }
  .v8-hero-actions .btn-primary > i{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    margin:0 !important;
  }
  .v8-hero-actions .btn-primary > i::before{
    font-size:16px !important;
  }
  html[lang="fr"] .v8-hero-actions{
    grid-template-columns:minmax(0,1.34fr) minmax(0,.66fr) !important;
  }
  html[lang="fr"] .v8-hero-actions .btn-primary,
  html[lang="fr"] .v8-hero-actions .btn-primary > span{
    font-size:7.5px !important;
    letter-spacing:0 !important;
  }
  html[lang="fr"] .v8-hero-actions .btn-secondary{
    font-size:7.8px !important;
    letter-spacing:0 !important;
  }
  html[lang="ar"] .v8-hero-actions .btn-primary,
  html[lang="ar"] .v8-hero-actions .btn-secondary{
    direction:rtl !important;
    font-family:"Cairo","Tahoma",Arial,sans-serif !important;
    letter-spacing:0 !important;
  }
  html[lang="ar"] .v8-hero-actions .btn-primary,
  html[lang="ar"] .v8-hero-actions .btn-primary > span,
  html[lang="ar"] .v8-hero-actions .btn-secondary{
    font-size:8.5px !important;
  }

  /* Mobile headline uses the physical phone width, not the inset .container width. */
  html body .v8-hero-title.v35-one-click-title{
    width:100vw !important;
    max-width:100vw !important;
    margin-inline:calc(50% - 50vw) !important;
    padding-inline:0 !important;
    overflow:visible !important;
  }
  html body .v35-one-click-title .v35-title-line{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    align-items:baseline !important;
    gap:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* Restore a stronger phone headline scale for all three languages. */
  html[lang="en"] body .v35-one-click-title .v35-title-line-one{
    font-size:clamp(47px,14.4vw,60px) !important;
  }
  html[lang="en"] body .v35-one-click-title .v35-title-line-two{
    font-size:clamp(28px,8.6vw,36px) !important;
  }
  html[lang="fr"] body .v35-one-click-title .v35-title-line-one{
    font-size:clamp(55px,16.7vw,69px) !important;
  }
  html[lang="fr"] body .v35-one-click-title .v35-title-line-two{
    font-size:clamp(29px,8.8vw,37px) !important;
  }
  html[lang="ar"] body .v8-hero-title.v35-one-click-title{
    direction:rtl !important;
    font-family:"Cairo","Tahoma",Arial,sans-serif !important;
  }
  html[lang="ar"] body .v35-one-click-title .v35-title-line{
    direction:rtl !important;
    align-items:center !important;
    letter-spacing:0 !important;
  }
  html[lang="ar"] body .v35-one-click-title .v35-title-line-one{
    font-size:clamp(34px,10.4vw,43px) !important;
    line-height:1.24 !important;
  }
  html[lang="ar"] body .v35-one-click-title .v35-title-line-two{
    font-size:clamp(27px,8vw,33px) !important;
    line-height:1.32 !important;
  }
}

@media (max-width:360px){
  .v8-hero-actions{
    grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr) !important;
    gap:6px !important;
  }
  .v8-hero-actions .btn-primary,
  .v8-hero-actions .btn-secondary{
    height:39px !important;
    min-height:39px !important;
    padding-inline:8px !important;
    font-size:7.8px !important;
  }
  .v8-hero-actions .btn-primary > span{font-size:7.8px !important}
  html[lang="fr"] .v8-hero-actions .btn-primary,
  html[lang="fr"] .v8-hero-actions .btn-primary > span{font-size:7px !important}
  html[lang="fr"] .v8-hero-actions .btn-secondary{font-size:7.2px !important}
}