/* =========================================================
   V100 — DESKTOP SMART CTA + PROJECTS TRANSLATION
   Desktop-only homepage visual fix. Mobile V98/V99 remains untouched.
   ========================================================= */

@media(min-width:981px){

  /* The card already spans the centered content columns.
     Give it its own stacking level so the decorative aqua sweep
     can never cover its left side/button. */
  .hero-shell > .jv96-next-card{
    grid-column:2/4!important;
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  /* Keep the CTA clearly visible on desktop. */
  .hero-shell > .jv96-next-card .jv96-cta{
    position:relative!important;
    z-index:6!important;
    flex:0 0 auto!important;
  }

  /* Desktop wording requested by the client.
     Mobile keeps its approved V98 text unchanged. */
  html[lang="ar"] .hero-shell > .jv96-next-card .jv96-cta{
    font-size:0!important;
  }
  html[lang="ar"] .hero-shell > .jv96-next-card .jv96-cta::after{
    content:"شاهد تصميمك";
    font-size:13px;
    font-weight:700;
  }

  html[lang="en"] .hero-shell > .jv96-next-card .jv96-cta{
    font-size:0!important;
  }
  html[lang="en"] .hero-shell > .jv96-next-card .jv96-cta::after{
    content:"View Your Design";
    font-size:13px;
    font-weight:700;
  }
}