/* =====================================================
   FINVERCO ARABIC PRODUCT PAGE V10
   ===================================================== */

.product-hero{
  position:relative;

  overflow:hidden;

  padding:
    50px 0 62px;

  border-bottom:
    1px solid rgba(255,255,255,.065);

  background:
    linear-gradient(
      180deg,
      rgba(10,14,21,.96),
      rgba(6,8,12,.98)
    );
}


.product-hero-glow{
  position:absolute;

  width:700px;
  height:700px;

  right:-220px;
  top:-420px;

  border-radius:50%;

  background:#5578ff;

  opacity:.08;

  filter:blur(135px);

  pointer-events:none;
}


.product-breadcrumbs{
  position:relative;

  display:flex;

  align-items:center;

  gap:8px;

  color:#657181;

  font-size:8px;
}


.product-breadcrumbs strong{
  color:#929caa;

  font-weight:500;
}


.product-hero-layout{
  position:relative;

  margin-top:35px;

  display:grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(340px,.85fr);

  gap:60px;

  align-items:center;
}


.verified-badge{
  width:max-content;

  padding:
    6px 9px;

  display:flex;

  align-items:center;

  gap:7px;

  border:
    1px solid rgba(100,224,174,.14);

  border-radius:999px;

  color:#69ddad;

  background:
    rgba(100,224,174,.035);

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:7px;

  font-weight:750;

  letter-spacing:.06em;
}


.verified-badge>i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#64e0ae;

  box-shadow:
    0 0 0 4px rgba(100,224,174,.07);
}


.verified-badge>span{
  padding-right:6px;

  border-right:
    1px solid rgba(255,255,255,.08);

  font-family:
    "FINVERCO Arabic",
    Arial,
    sans-serif;

  letter-spacing:0;
}


.product-title-row{
  margin-top:23px;

  display:flex;

  align-items:center;

  gap:18px;
}


.product-logo{
  width:82px;
  height:82px;

  flex-shrink:0;

  display:grid;

  place-items:center;

  border:
    1px solid rgba(255,255,255,.09);

  border-radius:21px;

  color:#67dbaa;

  background:
    rgba(255,255,255,.025);

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:19px;

  font-weight:900;

  box-shadow:
    0 20px 50px rgba(0,0,0,.25);
}


.product-logo.has-logo{
  background:
    rgba(255,255,255,.035);
}


.product-logo img{
  width:56px;
  height:56px;

  display:block;

  object-fit:contain;
}


.product-category{
  color:#718091;

  font-size:8px;

  font-weight:550;
}


.product-title-row h1{
  margin:
    3px 0 0;

  color:#f7f8fa;

  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;

  font-size:
    clamp(50px,5.4vw,76px);

  font-weight:760;

  line-height:1.02;

  letter-spacing:-.05em;
}


.product-summary{
  max-width:760px;

  margin:
    23px 0 0;

  color:#a0aab7;

  font-size:13px;

  line-height:2;
}


.product-actions{
  margin-top:27px;

  display:flex;

  flex-wrap:wrap;

  gap:9px;
}


.product-primary-cta,
.product-secondary-cta{
  min-height:48px;

  padding:
    0 17px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:12px;

  border-radius:10px;

  font-size:10px;

  font-weight:650;

  transition:.18s ease;
}


.product-primary-cta{
  color:#06100b;

  border:
    1px solid #64e0ae;

  background:#64e0ae;
}


.product-primary-cta:hover{
  transform:translateY(-2px);

  background:#8cefc6;
}


.product-secondary-cta{
  color:#aab3bf;

  border:
    1px solid rgba(255,255,255,.11);

  background:
    rgba(255,255,255,.02);
}


.product-secondary-cta:hover{
  color:white;

  border-color:
    rgba(255,255,255,.20);
}


.product-trust-line{
  margin-top:22px;

  display:flex;

  flex-wrap:wrap;

  gap:15px;
}


.product-trust-line span{
  display:flex;

  align-items:center;

  gap:5px;

  color:#7a8695;

  font-size:8px;
}


.product-trust-line b{
  color:#67dcac;
}


/* TRUST PANEL */

.product-trust-panel{
  padding:23px;

  border:
    1px solid rgba(255,255,255,.09);

  border-radius:20px;

  background:
    linear-gradient(
      145deg,
      rgba(17,23,32,.98),
      rgba(8,12,18,.98)
    );

  box-shadow:
    0 35px 90px rgba(0,0,0,.28);
}


.trust-panel-head{
  display:flex;

  align-items:flex-start;

  justify-content:space-between;

  gap:20px;
}


.trust-panel-head>div{
  display:flex;

  flex-direction:column;

  gap:5px;
}


.trust-panel-head span{
  color:#677383;

  font-size:7px;
}


.trust-panel-head strong{
  color:#d9dee4;

  font-size:12px;

  font-weight:650;
}


.trust-online{
  padding:
    5px 7px;

  display:flex;

  align-items:center;

  gap:5px;

  border:
    1px solid rgba(100,224,174,.13);

  border-radius:999px;

  color:#69dcad!important;

  background:
    rgba(100,224,174,.025);

  font-size:7px!important;
}


.trust-online i{
  width:5px;
  height:5px;

  display:block;

  border-radius:50%;

  background:#64e0ae;
}


.trust-domain{
  margin-top:20px;

  padding:14px;

  display:flex;

  flex-direction:column;

  gap:5px;

  border:
    1px solid rgba(100,224,174,.11);

  border-radius:11px;

  background:
    rgba(100,224,174,.022);
}


.trust-domain span{
  color:#687485;

  font-size:7px;
}


.trust-domain strong{
  color:#77deb5;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:10px;

  font-weight:600;
}


.trust-panel-grid{
  margin-top:10px;

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:8px;
}


.trust-panel-grid>div{
  min-height:78px;

  padding:12px;

  display:flex;

  flex-direction:column;

  justify-content:space-between;

  border:
    1px solid rgba(255,255,255,.065);

  border-radius:10px;

  background:
    rgba(255,255,255,.015);
}


.trust-panel-grid span{
  color:#606c7c;

  font-size:7px;
}


.trust-panel-grid strong{
  color:#bbc3cd;

  font-size:10px;

  font-weight:600;

  line-height:1.5;
}


.trust-last-check{
  margin-top:13px;

  padding-top:13px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;

  border-top:
    1px solid rgba(255,255,255,.06);
}


.trust-last-check span{
  color:#606c7c;

  font-size:7px;
}


.trust-last-check strong{
  color:#778292;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:7px;

  font-weight:500;
}


/* FACTS */

.product-facts{
  border-bottom:
    1px solid rgba(255,255,255,.06);

  background:#080b10;
}


.facts-grid{
  min-height:90px;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);
}


.facts-grid>div{
  padding:
    19px 22px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  gap:4px;

  border-left:
    1px solid rgba(255,255,255,.06);
}


.facts-grid>div:last-child{
  border-left:0;
}


.facts-grid span{
  color:#667282;

  font-size:7px;
}


.facts-grid strong{
  color:#c3cad3;

  font-size:11px;

  font-weight:600;
}


/* CONTENT */

.product-content{
  padding-bottom:90px;
}


.product-section{
  padding:
    75px 0;

  border-bottom:
    1px solid rgba(255,255,255,.06);
}


.section-intro{
  max-width:760px;

  margin-bottom:29px;
}


.section-intro>span{
  color:#67daaa;

  font-size:8px;

  font-weight:650;
}


.section-intro h2{
  margin:
    8px 0 11px;

  color:#f5f6f8;

  font-size:
    clamp(34px,3.7vw,49px);

  font-weight:700;

  line-height:1.3;

  letter-spacing:-.025em;
}


.section-intro p{
  margin:0;

  color:#909baa;

  font-size:11px;

  line-height:2;
}


/* BENEFITS */

.benefits-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:10px;
}


.benefit-card{
  min-height:125px;

  padding:18px;

  display:flex;

  flex-direction:column;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius:14px;

  background:
    linear-gradient(
      145deg,
      rgba(16,21,29,.95),
      rgba(9,13,18,.98)
    );

  transition:.18s ease;
}


.benefit-card:hover{
  transform:translateY(-3px);

  border-color:
    rgba(100,224,174,.18);
}


.benefit-number{
  color:#65dbaa;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:8px;
}


.benefit-card strong{
  margin-top:auto;

  color:#adb6c1;

  font-size:11px;

  font-weight:550;

  line-height:1.8;
}


/* RELEASE */

.release-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:10px;
}


.release-grid article{
  min-height:145px;

  padding:18px;

  display:flex;

  flex-direction:column;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius:14px;

  background:
    linear-gradient(
      145deg,
      rgba(17,23,32,.96),
      rgba(9,13,19,.98)
    );
}


.release-grid article>span{
  color:#728090;

  font-size:8px;
}


.release-grid article>strong{
  margin-top:auto;

  padding-top:20px;

  color:#f1f3f5;

  font-size:15px;

  font-weight:650;

  line-height:1.5;

  unicode-bidi:plaintext;
}


.release-grid article>small{
  margin-top:5px;

  color:#657181;

  font-size:7px;
}


.release-source-row{
  margin-top:11px;

  padding:14px 16px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:25px;

  border:
    1px solid rgba(100,224,174,.11);

  border-radius:12px;

  background:
    rgba(100,224,174,.022);
}


.release-source-row>div{
  display:flex;

  flex-direction:column;

  gap:4px;
}


.release-source-row span{
  color:#657181;

  font-size:7px;
}


.release-source-row strong{
  color:#9da7b4;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:9px;

  font-weight:550;
}


.release-source-row>a{
  min-height:36px;

  padding:
    0 11px;

  display:flex;

  align-items:center;

  gap:6px;

  border:
    1px solid rgba(255,255,255,.09);

  border-radius:8px;

  color:#9ca6b4;

  font-size:8px;
}


/* DOWNLOAD */

.official-download-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:11px;
}


.official-download-card{
  min-height:275px;

  padding:20px;

  display:flex;

  flex-direction:column;

  border:
    1px solid rgba(255,255,255,.08);

  border-radius:16px;

  background:
    linear-gradient(
      145deg,
      rgba(17,23,32,.98),
      rgba(9,13,19,.98)
    );

  transition:.2s ease;
}


.official-download-card:hover{
  transform:translateY(-4px);

  border-color:
    rgba(100,224,174,.22);

  box-shadow:
    0 25px 65px rgba(0,0,0,.18);
}


.download-card-top{
  display:flex;

  align-items:center;

  justify-content:space-between;
}


.download-index{
  color:#5e6a7a;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:8px;
}


.official-pill{
  padding:
    5px 7px;

  display:flex;

  align-items:center;

  gap:5px;

  border:
    1px solid rgba(100,224,174,.13);

  border-radius:999px;

  color:#69ddad;

  background:
    rgba(100,224,174,.025);

  font-size:7px;
}


.official-pill i{
  width:4px;
  height:4px;

  border-radius:50%;

  background:#64e0ae;
}


.download-card-body{
  margin-top:38px;
}


.download-card-body>span{
  color:#647080;

  font-size:7px;
}


.download-card-body h3{
  margin:
    7px 0 9px;

  color:#f3f5f7;

  font-size:20px;

  font-weight:700;

  line-height:1.5;
}


.download-card-body p{
  margin:0;

  color:#8994a3;

  font-size:9px;

  line-height:1.9;
}


.download-card-footer{
  margin-top:auto;

  padding-top:15px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;

  border-top:
    1px solid rgba(255,255,255,.06);
}


.download-card-footer>span{
  color:#738090;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:7px;
}


.download-card-footer>strong{
  display:flex;

  align-items:center;

  gap:6px;

  color:#bbc3cd;

  font-size:8px;

  font-weight:600;
}


.official-download-card:hover
.download-card-footer>strong{
  color:#69ddad;
}


/* INSTALL */

.install-steps{
  display:grid;

  gap:9px;
}


.install-steps article{
  min-height:76px;

  padding:13px 15px;

  display:grid;

  grid-template-columns:
    42px minmax(0,1fr);

  align-items:center;

  gap:15px;

  border:
    1px solid rgba(255,255,255,.07);

  border-radius:12px;

  background:
    rgba(255,255,255,.015);
}


.install-steps article>b{
  width:39px;
  height:39px;

  display:grid;

  place-items:center;

  border:
    1px solid rgba(100,224,174,.15);

  border-radius:10px;

  color:#68dcac;

  background:
    rgba(100,224,174,.035);

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:9px;
}


.install-steps article>div{
  display:flex;

  flex-direction:column;

  gap:3px;
}


.install-steps strong{
  color:#c3cad3;

  font-size:11px;

  font-weight:600;
}


.install-steps p{
  margin:0;

  color:#808b9a;

  font-size:9px;

  line-height:1.8;
}


/* FINAL */

.product-final-trust{
  margin-top:68px;

  padding:34px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:50px;

  border:
    1px solid rgba(100,224,174,.12);

  border-radius:20px;

  background:
    linear-gradient(
      135deg,
      rgba(100,224,174,.05),
      rgba(10,15,22,.97)
    );
}


.product-final-trust>div{
  max-width:720px;
}


.product-final-trust span{
  color:#66d9aa;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:7px;

  font-weight:750;
}


.product-final-trust h2{
  margin:
    8px 0 9px;

  color:#f4f6f8;

  font-size:
    clamp(29px,3vw,42px);

  line-height:1.4;
}


.product-final-trust p{
  margin:0;

  color:#8994a3;

  font-size:10px;

  line-height:1.9;
}


.product-final-trust>a{
  min-height:44px;

  padding:
    0 15px;

  flex-shrink:0;

  display:flex;

  align-items:center;

  gap:10px;

  border:
    1px solid #64e0ae;

  border-radius:9px;

  color:#07110c;

  background:#64e0ae;

  font-size:9px;

  font-weight:650;
}


/* RESPONSIVE */

@media(max-width:1050px){

  .product-hero-layout{
    grid-template-columns:1fr;
  }

  .product-trust-panel{
    max-width:700px;
  }

  .benefits-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .release-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .official-download-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


@media(max-width:700px){

  .product-title-row{
    align-items:flex-start;
  }

  .product-logo{
    width:65px;
    height:65px;

    border-radius:17px;
  }

  .product-logo img{
    width:43px;
    height:43px;
  }

  .product-title-row h1{
    font-size:
      clamp(38px,10vw,52px);
  }

  .product-summary{
    font-size:11.5px;
  }

  .facts-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

  .benefits-grid,
  .release-grid,
  .official-download-grid{
    grid-template-columns:1fr;
  }

  .release-source-row{
    align-items:flex-start;

    flex-direction:column;
  }

  .product-final-trust{
    align-items:flex-start;

    flex-direction:column;
  }

}


@media(max-width:500px){

  .product-hero{
    padding:
      38px 0 48px;
  }

  .product-title-row{
    flex-direction:column;
  }

  .product-actions{
    display:grid;
  }

  .product-primary-cta,
  .product-secondary-cta{
    width:100%;
  }

  .product-trust-line{
    display:grid;

    grid-template-columns:
      1fr 1fr;

    gap:9px;
  }

  .trust-panel-grid{
    grid-template-columns:1fr;
  }

  .facts-grid{
    grid-template-columns:1fr 1fr;
  }

  .product-section{
    padding:
      55px 0;
  }

  .install-steps article{
    grid-template-columns:
      36px minmax(0,1fr);

    gap:11px;
  }

  .install-steps article>b{
    width:34px;
    height:34px;
  }

}



/* =====================================================
   FINVERCO ARABIC PRODUCT PAGE V10.1
   FINAL PRODUCT EXPERIENCE POLISH
   ===================================================== */


/* -----------------------------------------------------
   HERO — stronger product, lighter verification panel
   ----------------------------------------------------- */

.product-hero{
  padding-top:46px;
  padding-bottom:56px;
}

.product-hero-layout{
  grid-template-columns:
    minmax(0,1.34fr)
    minmax(300px,.66fr);

  gap:48px;
}

.product-hero-copy{
  max-width:850px;
}


/* Product logo should look like the actual product,
   not another FINVERCO card */

.product-logo.has-logo{
  width:92px;
  height:92px;

  border:0;

  border-radius:0;

  background:transparent;

  box-shadow:none;
}

.product-logo.has-logo img{
  width:72px;
  height:72px;

  object-fit:contain;

  filter:
    drop-shadow(
      0 12px 25px rgba(0,0,0,.28)
    );
}


/* Fallback monogram remains card-based */

.product-logo:not(.has-logo){
  width:82px;
  height:82px;
}


/* Stronger title */

.product-title-row{
  gap:20px;
}

.product-title-row h1{
  font-size:
    clamp(55px,5.8vw,82px);

  font-weight:770;
}

.product-category{
  font-size:8.5px;

  color:#7d8998;
}


/* Supporting description */

.product-summary{
  max-width:790px;

  margin-top:20px;

  color:#a9b2be;

  font-size:13.5px;

  line-height:1.95;
}


/* Main conversion CTA */

.product-actions{
  margin-top:25px;

  gap:10px;
}

.product-primary-cta{
  min-height:52px;

  padding-inline:21px;

  border-radius:11px;

  font-size:10.5px;

  font-weight:720;

  background:
    linear-gradient(
      135deg,
      #80ecc1,
      #5fdba9
    );

  box-shadow:
    0 14px 35px rgba(76,218,164,.10);
}

.product-primary-cta:hover{
  transform:translateY(-2px);

  box-shadow:
    0 18px 42px rgba(76,218,164,.15);
}

.product-secondary-cta{
  min-height:52px;

  padding-inline:19px;

  font-size:10px;
}


/* Trust proof underneath CTA */

.product-trust-line{
  margin-top:20px;

  gap:18px;
}

.product-trust-line span{
  color:#8792a1;

  font-size:8.5px;
}


/* -----------------------------------------------------
   TRUST PANEL
   ----------------------------------------------------- */

.product-trust-panel{
  width:100%;
  max-width:360px;

  justify-self:start;

  padding:20px;

  border-radius:18px;

  box-shadow:
    0 28px 75px rgba(0,0,0,.22);
}

.trust-panel-head strong{
  font-size:11.5px;
}

.trust-domain{
  margin-top:17px;

  padding:12px;
}

.trust-domain strong{
  font-size:10.5px;
}

.trust-panel-grid{
  gap:7px;
}

.trust-panel-grid>div{
  min-height:70px;

  padding:10px;
}

.trust-panel-grid strong{
  font-size:9.5px;
}

.trust-last-check{
  margin-top:11px;

  padding-top:11px;
}


/* -----------------------------------------------------
   QUICK FACTS
   ----------------------------------------------------- */

.product-facts{
  background:
    linear-gradient(
      180deg,
      #090c11,
      #080b10
    );
}

.facts-grid{
  min-height:100px;
}

.facts-grid>div{
  padding-inline:26px;
}

.facts-grid span{
  color:#738090;

  font-size:7.5px;
}

.facts-grid strong{
  margin-top:2px;

  color:#d3d8de;

  font-size:12px;
}


/* -----------------------------------------------------
   MAIN SECTIONS — less empty vertical space
   ----------------------------------------------------- */

.product-section{
  padding-top:62px;
  padding-bottom:62px;
}

.section-intro{
  max-width:790px;

  margin-bottom:25px;
}

.section-intro h2{
  font-size:
    clamp(33px,3.5vw,47px);
}

.section-intro p{
  color:#99a4b2;

  font-size:11.5px;
}


/* -----------------------------------------------------
   BENEFITS — visually useful cards
   ----------------------------------------------------- */

.benefits-grid{
  gap:12px;
}

.benefit-card{
  min-height:112px;

  padding:17px 18px;

  position:relative;

  overflow:hidden;
}

.benefit-card::after{
  content:"";

  position:absolute;

  right:0;
  bottom:0;

  width:70px;
  height:70px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(100,224,174,.07),
      transparent 70%
    );

  transform:
    translate(30px,30px);

  pointer-events:none;
}

.benefit-number{
  width:27px;
  height:27px;

  display:grid;
  place-items:center;

  border:
    1px solid rgba(100,224,174,.13);

  border-radius:7px;

  background:
    rgba(100,224,174,.025);

  font-size:7.5px;
}

.benefit-card strong{
  color:#c3cad3;

  font-size:11.5px;

  line-height:1.75;
}


/* -----------------------------------------------------
   RELEASE CARDS — denser and clearer
   ----------------------------------------------------- */

.release-grid{
  gap:11px;
}

.release-grid article{
  min-height:130px;

  padding:17px;
}

.release-grid article>span{
  font-size:7.5px;
}

.release-grid article>strong{
  padding-top:16px;

  font-size:14px;
}

.release-grid article>small{
  color:#727e8e;

  font-size:7.5px;
}

.release-source-row{
  padding:
    13px 16px;
}


/* -----------------------------------------------------
   DOWNLOAD CARDS — platform-first design
   ----------------------------------------------------- */

.official-download-grid{
  gap:13px;
}

.official-download-card{
  min-height:235px;

  padding:20px;

  position:relative;

  overflow:hidden;
}

.official-download-card::after{
  content:"";

  position:absolute;

  width:160px;
  height:160px;

  left:-100px;
  top:-100px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(89,224,173,.09),
      transparent 68%
    );

  pointer-events:none;
}

.download-card-top{
  position:relative;
  z-index:2;
}

.download-index{
  width:29px;
  height:29px;

  display:grid;
  place-items:center;

  border:
    1px solid rgba(255,255,255,.07);

  border-radius:8px;

  background:
    rgba(255,255,255,.018);
}

.official-pill{
  padding:
    6px 8px;

  font-size:7.5px;
}

.download-card-body{
  margin-top:28px;

  position:relative;
  z-index:2;
}

.download-card-body>span{
  color:#718091;

  font-size:7.5px;
}

.download-card-body h3{
  margin-top:8px;

  font-size:22px;

  line-height:1.45;
}

.download-card-body p{
  max-width:90%;

  color:#929dab;

  font-size:9.5px;
}

.download-card-footer{
  position:relative;
  z-index:2;
}

.download-card-footer>strong{
  font-size:9px;
}


/* -----------------------------------------------------
   INSTALLATION — 2x2 desktop layout
   ----------------------------------------------------- */

.install-steps{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}

.install-steps article{
  min-height:112px;

  padding:17px;

  grid-template-columns:
    44px minmax(0,1fr);

  border-radius:13px;

  background:
    linear-gradient(
      145deg,
      rgba(16,21,29,.94),
      rgba(9,13,18,.97)
    );
}

.install-steps article>b{
  width:41px;
  height:41px;

  font-size:9.5px;
}

.install-steps strong{
  color:#cbd2da;

  font-size:11.5px;
}

.install-steps p{
  margin-top:3px;

  color:#8c97a6;

  font-size:9.5px;

  line-height:1.85;
}


/* -----------------------------------------------------
   FINAL CTA
   ----------------------------------------------------- */

.product-final-trust{
  margin-top:55px;

  padding:31px 34px;
}

.product-final-trust h2{
  max-width:700px;
}


/* -----------------------------------------------------
   STATUS COLOR
   ----------------------------------------------------- */

.release-status.status-current,
.status-current{
  color:#69ddad!important;
}

.release-status.status-update-available,
.status-update-available{
  color:#ffc56d!important;
}

.release-status.status-review-required,
.status-review-required{
  color:#ff9696!important;
}

.release-status.status-rolling,
.status-rolling{
  color:#86affc!important;
}


/* -----------------------------------------------------
   LAPTOP
   ----------------------------------------------------- */

@media(max-width:1150px){

  .product-hero-layout{
    grid-template-columns:
      minmax(0,1.2fr)
      minmax(300px,.8fr);

    gap:35px;
  }

}


/* -----------------------------------------------------
   TABLET
   ----------------------------------------------------- */

@media(max-width:1050px){

  .product-hero-layout{
    grid-template-columns:1fr;

    gap:35px;
  }

  .product-trust-panel{
    max-width:720px;

    justify-self:auto;
  }

}


/* -----------------------------------------------------
   MOBILE
   ----------------------------------------------------- */

@media(max-width:700px){

  .product-logo.has-logo{
    width:70px;
    height:70px;
  }

  .product-logo.has-logo img{
    width:58px;
    height:58px;
  }

  .product-title-row h1{
    font-size:
      clamp(39px,11vw,55px);
  }

  .product-summary{
    font-size:12px;
  }

  .install-steps{
    grid-template-columns:1fr;
  }

}


@media(max-width:500px){

  .product-section{
    padding-top:48px;
    padding-bottom:48px;
  }

  .product-trust-line{
    grid-template-columns:1fr 1fr;
  }

}



/* =====================================================
   FINVERCO ARABIC PRODUCT PAGE V10.2
   FINAL READABILITY & CONTRAST
   ===================================================== */


/* HERO DESCRIPTION */

.product-summary{
  color:#b0b9c4;

  font-size:14px;

  line-height:2;
}


/* TRUST PROOF */

.product-trust-line span{
  color:#929dab;

  font-size:9px;
}


/* QUICK FACTS */

.facts-grid span{
  color:#7f8a99;

  font-size:8px;
}

.facts-grid strong{
  color:#e0e4e9;

  font-size:13px;

  font-weight:650;
}


/* SECTION INTRO */

.section-intro>span{
  font-size:8.5px;
}

.section-intro p{
  color:#a0aab7;

  font-size:11.5px;
}


/* BENEFITS — slightly denser */

.benefit-card{
  min-height:100px;

  padding:16px 17px;
}

.benefit-card strong{
  color:#cbd2da;

  font-size:11.5px;

  line-height:1.7;
}


/* RELEASE */

.release-grid article>span{
  color:#7d8897;

  font-size:8px;
}

.release-grid article>strong{
  color:#f4f6f8;
}

.release-grid article>small{
  color:#7a8695;

  font-size:7.5px;
}

.release-source-row span{
  color:#748090;
}

.release-source-row strong{
  color:#abb4bf;
}


/* DOWNLOAD CARDS */

.download-card-body>span{
  color:#7e8998;

  font-size:8px;
}

.download-card-body h3{
  font-size:23px;

  color:#f5f7f9;
}

.download-card-body p{
  color:#9ca7b5;

  font-size:10px;
}

.download-card-footer>span{
  color:#7f8a99;

  font-size:7.5px;
}

.download-card-footer>strong{
  padding:7px 10px;

  border:
    1px solid rgba(100,224,174,.13);

  border-radius:8px;

  color:#6fe0b1;

  background:
    rgba(100,224,174,.025);

  font-size:9px;
}

.official-download-card:hover
.download-card-footer>strong{
  color:#07110c;

  border-color:#64e0ae;

  background:#64e0ae;
}


/* INSTALLATION */

.install-steps strong{
  color:#d2d8df;

  font-size:12px;
}

.install-steps p{
  color:#96a1af;

  font-size:10px;
}


/* FINAL CTA */

.product-final-trust p{
  color:#98a3b1;

  font-size:10.5px;
}

.product-final-trust>a{
  min-height:46px;

  padding-inline:17px;

  font-size:9.5px;
}


/* TRUST PANEL */

.trust-panel-head span,
.trust-domain span,
.trust-panel-grid span,
.trust-last-check span{
  color:#748090;
}

.trust-panel-head strong{
  color:#e0e4e9;
}

.trust-panel-grid strong{
  color:#c8cfd7;
}


/* MOBILE */

@media(max-width:700px){

  .product-summary{
    font-size:12.5px;
  }

  .facts-grid strong{
    font-size:12px;
  }

  .download-card-body h3{
    font-size:21px;
  }

}