.elementor-13764 .elementor-element.elementor-element-96fe5c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}/* Start custom CSS for html, class: .elementor-element-dfe2b43 *//* =========================================================
   NOVINDERM — HIFU COMPARISON
========================================================= */

#novin-hifu-compare{

  --nhc-navy:#071A25;
  --nhc-navy-2:#0B2630;
  --nhc-teal:#0B5F63;
  --nhc-teal-light:#35C9C3;
  --nhc-teal-soft:#6DE5DF;

  --nhc-ivory:#FCFAF6;
  --nhc-cream:#F3EEE5;
  --nhc-border:#E6E0D6;

  --nhc-gold:#A97845;
  --nhc-text:#102832;
  --nhc-muted:#718188;

  width:100%;
  max-width:100%;

  font-family:
    "Vazirmatn",
    "IRANSansX",
    Tahoma,
    Arial,
    sans-serif;

  color:var(--nhc-text);
  box-sizing:border-box;

}


#novin-hifu-compare *,
#novin-hifu-compare *::before,
#novin-hifu-compare *::after{
  box-sizing:border-box;
}


/* =========================================================
   HEADER
========================================================= */

#novin-hifu-compare .nhc-header{

  text-align:center;

  padding:
    12px
    20px
    32px;

}


#novin-hifu-compare .nhc-eyebrow{

  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  margin-bottom:10px;

  color:var(--nhc-gold);

  font-size:10px;
  font-weight:700;

  letter-spacing:2px;

}


#novin-hifu-compare .nhc-eyebrow span{
  color:#C7B59D;
}


#novin-hifu-compare .nhc-header h2{

  margin:0;

  color:var(--nhc-navy);

  font-size:
    clamp(25px, 3vw, 39px);

  line-height:1.35;

  font-weight:800;

  letter-spacing:-.6px;

}


#novin-hifu-compare .nhc-header p{

  max-width:720px;

  margin:
    12px
    auto
    0;

  color:var(--nhc-muted);

  font-size:14px;
  line-height:2;

}


#novin-hifu-compare .nhc-header-line{

  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;

  margin-top:22px;

  color:var(--nhc-teal);

  font-size:11px;
  font-weight:700;

}


#novin-hifu-compare .nhc-header-line span{

  width:72px;
  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--nhc-teal-light)
    );

}


#novin-hifu-compare .nhc-header-line span:last-child{

  background:
    linear-gradient(
      90deg,
      var(--nhc-teal-light),
      transparent
    );

}


/* =========================================================
   TOOLBAR
========================================================= */

#novin-hifu-compare .nhc-toolbar{

  display:flex;
  align-items:center;
  justify-content:space-between;

  margin:
    0
    0
    24px;

  padding:
    11px
    14px;

  border:
    1px solid
    rgba(7,26,37,.08);

  border-radius:18px;

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

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  box-shadow:
    0 10px 30px rgba(7,26,37,.045);

}


#novin-hifu-compare .nhc-count{

  display:flex;
  align-items:center;
  gap:9px;

  color:var(--nhc-muted);

  font-size:12px;
  font-weight:600;

}


#novin-hifu-compare .nhc-count-number{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:29px;
  height:29px;

  padding:0 8px;

  border-radius:50px;

  background:var(--nhc-navy);

  color:white;

  font-size:12px;
  font-weight:800;

}


#novin-hifu-compare .nhc-clear{

  border:0;
  background:transparent;

  color:var(--nhc-muted);

  font-family:inherit;

  font-size:11px;
  font-weight:700;

  cursor:pointer;

  transition:.25s ease;

}


#novin-hifu-compare .nhc-clear:hover{

  color:var(--nhc-teal);

}


/* =========================================================
   CARD GRID
========================================================= */

#novin-hifu-compare .nhc-grid{

  display:grid;

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

  gap:20px;

}


/* =========================================================
   CARD
========================================================= */

#novin-hifu-compare .nhc-card{

  position:relative;

  min-width:0;

  overflow:hidden;

  border:
    1px solid
    rgba(7,26,37,.085);

  border-radius:24px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(247,244,237,.94)
    );

  box-shadow:
    0 12px 38px
    rgba(7,26,37,.055);

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;

}


#novin-hifu-compare .nhc-card:hover{

  transform:translateY(-4px);

  box-shadow:
    0 20px 48px
    rgba(7,26,37,.11);

  border-color:
    rgba(53,201,195,.35);

}


#novin-hifu-compare .nhc-card.is-selected{

  border-color:
    var(--nhc-teal-light);

  box-shadow:
    0 18px 50px
    rgba(11,95,99,.13);

}


/* =========================================================
   IMAGE
========================================================= */

#novin-hifu-compare .nhc-card-image{

  position:relative;

  height:245px;

  overflow:hidden;

  background:

    radial-gradient(
      circle at 50% 38%,
      rgba(53,201,195,.11),
      transparent 45%
    ),

    linear-gradient(
      145deg,
      #f7f5f0,
      #ebe7df
    );

}


#novin-hifu-compare .nhc-card-image img{

  width:100%;
  height:100%;

  object-fit:contain;

  padding:24px;

  display:block;

  transition:
    transform .45s ease;

}


#novin-hifu-compare .nhc-card:hover
.nhc-card-image img{

  transform:scale(1.025);

}


#novin-hifu-compare .nhc-card-gradient{

  position:absolute;

  inset:auto 0 0 0;

  height:70px;

  background:
    linear-gradient(
      to top,
      rgba(7,26,37,.12),
      transparent
    );

  pointer-events:none;

}


/* =========================================================
   SELECT CIRCLE
========================================================= */

#novin-hifu-compare .nhc-select{

  position:absolute;

  top:15px;
  right:15px;

  width:35px;
  height:35px;

  padding:0;

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

  border-radius:50%;

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

  backdrop-filter:blur(8px);

  cursor:pointer;

  z-index:4;

  box-shadow:
    0 6px 18px
    rgba(7,26,37,.10);

}


#novin-hifu-compare .nhc-select span{

  position:absolute;

  inset:7px;

  border:
    2px solid
    var(--nhc-navy);

  border-radius:50%;

  transition:.25s ease;

}


#novin-hifu-compare
.nhc-card.is-selected
.nhc-select span{

  border-color:var(--nhc-teal);

  background:var(--nhc-teal);

}


#novin-hifu-compare
.nhc-card.is-selected
.nhc-select span::after{

  content:"✓";

  position:absolute;

  inset:0;

  display:flex;
  align-items:center;
  justify-content:center;

  color:white;

  font-size:11px;
  font-weight:900;

}


/* =========================================================
   PRICE TIER
========================================================= */

#novin-hifu-compare .nhc-card-tier{

  position:absolute;

  bottom:14px;
  left:14px;

  padding:
    6px
    10px;

  border-radius:50px;

  background:
    rgba(7,26,37,.84);

  color:white;

  font-size:9px;
  font-weight:700;

  backdrop-filter:blur(8px);

}


/* =========================================================
   CARD BODY
========================================================= */

#novin-hifu-compare .nhc-card-body{

  padding:
    20px
    20px
    17px;

}


#novin-hifu-compare .nhc-brand{

  margin-bottom:5px;

  color:var(--nhc-gold);

  font-size:9px;
  font-weight:800;

  letter-spacing:1.6px;

}


#novin-hifu-compare .nhc-card h3{

  margin:0;

  color:var(--nhc-navy);

  font-size:20px;
  line-height:1.35;

  font-weight:800;

}


#novin-hifu-compare .nhc-model-subtitle{

  margin-top:5px;

  color:var(--nhc-muted);

  font-size:10px;
  font-weight:600;

}


#novin-hifu-compare .nhc-description{

  min-height:50px;

  margin:
    13px
    0
    11px;

  color:#61727A;

  font-size:11px;
  line-height:1.9;

}


/* =========================================================
   IRAN STATUS
========================================================= */

#novin-hifu-compare .nhc-iran{

  display:flex;
  align-items:flex-start;

  gap:7px;

  margin-bottom:15px;

  color:#6A777C;

  font-size:9px;
  line-height:1.7;

}


#novin-hifu-compare .nhc-status-dot{

  flex:none;

  width:6px;
  height:6px;

  margin-top:5px;

  border-radius:50%;

  background:var(--nhc-teal-light);

  box-shadow:
    0 0 0 4px
    rgba(53,201,195,.10);

}


/* =========================================================
   MINI SPECS
========================================================= */

#novin-hifu-compare .nhc-mini-specs{

  display:grid;

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

  gap:7px;

}


#novin-hifu-compare .nhc-mini-specs > div{

  min-width:0;

  padding:
    9px
    10px;

  border:
    1px solid
    rgba(7,26,37,.06);

  border-radius:12px;

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

}


#novin-hifu-compare .nhc-mini-specs span{

  display:block;

  margin-bottom:4px;

  color:#89959A;

  font-size:8px;
  font-weight:600;

}


#novin-hifu-compare .nhc-mini-specs strong{

  display:block;

  overflow:hidden;

  color:var(--nhc-navy);

  font-size:10px;
  line-height:1.6;

  font-weight:750;

}


/* =========================================================
   FOOTER
========================================================= */

#novin-hifu-compare .nhc-card-footer{

  display:flex;

  align-items:center;
  gap:8px;

  margin-top:15px;

}


#novin-hifu-compare .nhc-card-select{

  flex:1;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  min-height:39px;

  border:
    1px solid
    rgba(11,95,99,.20);

  border-radius:12px;

  background:
    rgba(11,95,99,.045);

  color:var(--nhc-teal);

  font-family:inherit;

  font-size:10px;
  font-weight:800;

  cursor:pointer;

  transition:.25s ease;

}


#novin-hifu-compare .nhc-card-select:hover,
#novin-hifu-compare .nhc-card-select.active{

  background:var(--nhc-teal);

  border-color:var(--nhc-teal);

  color:white;

}


#novin-hifu-compare .nhc-check{

  font-size:11px;

}


#novin-hifu-compare .nhc-product-link{

  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;

  min-height:39px;

  padding:
    0
    11px;

  border:
    1px solid
    rgba(7,26,37,.09);

  border-radius:12px;

  color:var(--nhc-navy);

  background:white;

  font-size:9px;
  font-weight:700;

  text-decoration:none;

  white-space:nowrap;

  transition:.25s ease;

}


#novin-hifu-compare .nhc-product-link:hover{

  border-color:var(--nhc-gold);

  color:var(--nhc-gold);

}


/* =========================================================
   FLOATING SELECTION BAR
========================================================= */

#novin-hifu-compare .nhc-selection-bar{

  position:sticky;

  bottom:16px;

  z-index:20;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:15px;

  margin-top:28px;

  padding:
    10px
    12px
    10px
    14px;

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

  border-radius:18px;

  background:
    rgba(7,26,37,.94);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  box-shadow:
    0 18px 45px
    rgba(7,26,37,.20);

}


#novin-hifu-compare .nhc-selection-info{

  display:flex;
  align-items:center;

  gap:10px;

  color:white;

}


#novin-hifu-compare .nhc-selection-icon{

  width:31px;
  height:31px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    rgba(53,201,195,.14);

  color:var(--nhc-teal-light);

  font-size:12px;
  font-weight:900;

}


#novin-hifu-compare .nhc-selection-info strong{

  display:block;

  font-size:11px;

}


#novin-hifu-compare .nhc-selection-info small{

  display:block;

  margin-top:2px;

  color:#AAB8BC;

  font-size:8px;

}


#novin-hifu-compare .nhc-compare-button{

  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;

  min-height:40px;

  padding:
    0
    18px;

  border:0;

  border-radius:12px;

  background:
    linear-gradient(
      135deg,
      var(--nhc-teal-light),
      #28AAA6
    );

  color:var(--nhc-navy);

  font-family:inherit;

  font-size:10px;
  font-weight:900;

  cursor:pointer;

  opacity:.45;

  transition:
    opacity .25s ease,
    transform .25s ease,
    box-shadow .25s ease;

}


#novin-hifu-compare
.nhc-compare-button.ready{

  opacity:1;

  box-shadow:
    0 7px 22px
    rgba(53,201,195,.22);

}


#novin-hifu-compare
.nhc-compare-button.ready:hover{

  transform:translateY(-2px);

}


#novin-hifu-compare .nhc-arrow{

  font-size:15px;

}


/* =========================================================
   MODAL
========================================================= */

#novin-hifu-compare .nhc-modal{

  position:fixed;

  inset:0;

  z-index:999999;

  display:none;

}


#novin-hifu-compare .nhc-modal.open{

  display:block;

}


#novin-hifu-compare .nhc-modal-overlay{

  position:absolute;

  inset:0;

  background:
    rgba(4,15,21,.76);

  backdrop-filter:blur(12px);

}


#novin-hifu-compare .nhc-modal-box{

  position:absolute;

  top:4vh;
  left:4vw;
  right:4vw;
  bottom:4vh;

  overflow:hidden;

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

  border-radius:25px;

  background:
    var(--nhc-ivory);

  box-shadow:
    0 30px 100px
    rgba(0,0,0,.35);

}


#novin-hifu-compare .nhc-modal-close{

  position:absolute;

  top:14px;
  left:14px;

  z-index:5;

  width:35px;
  height:35px;

  border:0;

  border-radius:50%;

  background:
    rgba(7,26,37,.08);

  color:var(--nhc-navy);

  font-size:22px;

  cursor:pointer;

}


#novin-hifu-compare .nhc-modal-head{

  padding:
    28px
    30px
    22px;

  border-bottom:
    1px solid
    var(--nhc-border);

  background:
    linear-gradient(
      135deg,
      #FCFAF6,
      #F3EEE5
    );

}


#novin-hifu-compare .nhc-modal-head
.nhc-eyebrow{

  justify-content:flex-start;

  margin-bottom:7px;

}


#novin-hifu-compare .nhc-modal-head h3{

  margin:0;

  color:var(--nhc-navy);

  font-size:24px;
  font-weight:850;

}


#novin-hifu-compare .nhc-modal-head p{

  margin:6px 0 0;

  color:var(--nhc-muted);

  font-size:10px;

}


/* =========================================================
   TABLE
========================================================= */

#novin-hifu-compare .nhc-table-wrap{

  height:
    calc(100% - 137px);

  overflow:auto;

  scrollbar-width:thin;

}


#novin-hifu-compare .nhc-table{

  width:100%;

  min-width:780px;

  border-collapse:separate;

  border-spacing:0;

  table-layout:fixed;

}


#novin-hifu-compare .nhc-table th,
#novin-hifu-compare .nhc-table td{

  padding:
    13px
    14px;

  border-bottom:
    1px solid
    rgba(7,26,37,.065);

  border-left:
    1px solid
    rgba(7,26,37,.045);

  vertical-align:middle;

}


#novin-hifu-compare .nhc-table thead th{

  position:sticky;

  top:0;

  z-index:4;

  background:
    #F3EEE5;

}


#novin-hifu-compare .nhc-feature-column{

  width:170px;

  position:sticky;

  right:0;

  z-index:7;

  background:
    #F3EEE5;

  color:var(--nhc-navy);

  font-size:10px;

}


#novin-hifu-compare .nhc-device-column{

  min-width:210px;

}


#novin-hifu-compare .nhc-table tbody th{

  position:sticky;

  right:0;

  z-index:3;

  background:
    #FCFAF6;

  color:var(--nhc-navy);

  font-size:10px;

  font-weight:800;

}


#novin-hifu-compare .nhc-table tbody tr:nth-child(even) td{

  background:
    rgba(243,238,229,.35);

}


#novin-hifu-compare .nhc-table-device{

  display:flex;
  align-items:center;

  gap:10px;

}


#novin-hifu-compare .nhc-table-device img{

  width:48px;
  height:48px;

  flex:none;

  object-fit:contain;

  border-radius:10px;

  background:white;

}


#novin-hifu-compare .nhc-table-device span{

  display:block;

  margin-bottom:3px;

  color:var(--nhc-gold);

  font-size:8px;
  font-weight:800;

  letter-spacing:.7px;

}


#novin-hifu-compare .nhc-table-device strong{

  display:block;

  color:var(--nhc-navy);

  font-size:11px;
  line-height:1.5;

}


#novin-hifu-compare .nhc-table-value{

  color:#42565E;

  font-size:9px;
  line-height:1.9;

}


#novin-hifu-compare .nhc-positive{

  color:var(--nhc-teal);

  font-weight:800;

}


#novin-hifu-compare .nhc-na{

  color:#A9B0B2;

}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width:1100px){

  #novin-hifu-compare .nhc-grid{

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

  }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width:700px){

  #novin-hifu-compare .nhc-header{

    padding:
      8px
      8px
      25px;

  }


  #novin-hifu-compare .nhc-header h2{

    font-size:25px;

  }


  #novin-hifu-compare .nhc-header p{

    font-size:11px;

  }


  #novin-hifu-compare .nhc-toolbar{

    margin-bottom:17px;

  }


  #novin-hifu-compare .nhc-grid{

    grid-template-columns:
      1fr;

    gap:14px;

  }


  #novin-hifu-compare .nhc-card-image{

    height:225px;

  }


  #novin-hifu-compare .nhc-card-body{

    padding:
      17px;

  }


  #novin-hifu-compare .nhc-selection-bar{

    bottom:8px;

    padding:9px;

    border-radius:15px;

  }


  #novin-hifu-compare .nhc-selection-info small{

    display:none;

  }


  #novin-hifu-compare .nhc-compare-button{

    padding:
      0
      13px;

    font-size:9px;

  }


  #novin-hifu-compare .nhc-modal-box{

    top:1.5vh;
    left:1.5vw;
    right:1.5vw;
    bottom:1.5vh;

    border-radius:19px;

  }


  #novin-hifu-compare .nhc-modal-head{

    padding:
      23px
      18px
      18px;

  }


  #novin-hifu-compare .nhc-modal-head h3{

    font-size:20px;

  }


  #novin-hifu-compare .nhc-feature-column{

    width:130px;

  }

}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  #novin-hifu-compare *,
  #novin-hifu-compare *::before,
  #novin-hifu-compare *::after{

    transition:none !important;

  }

}/* End custom CSS */