.elementor-4184 .elementor-element.elementor-element-bc3fba4 > .elementor-background-overlay{background-color:#080808;opacity:0.66;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4184 .elementor-element.elementor-element-bc3fba4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 0px 68px 0px;}.elementor-4184 .elementor-element.elementor-element-17298f5{text-align:center;}.elementor-4184 .elementor-element.elementor-element-17298f5 .elementor-heading-title{font-size:34px;text-transform:uppercase;letter-spacing:1.1px;word-spacing:3px;color:var( --e-global-color-text );}.elementor-4184 .elementor-element.elementor-element-2573d5c > .elementor-widget-container{padding:0px 250px 0px 250px;}.elementor-4184 .elementor-element.elementor-element-2573d5c{text-align:center;}.elementor-4184 .elementor-element.elementor-element-2573d5c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:34px;letter-spacing:-0.2px;word-spacing:2px;color:var( --e-global-color-text );}.elementor-4184 .elementor-element.elementor-element-359a625{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4184 .elementor-element.elementor-element-647f36f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-4184 .elementor-element.elementor-element-bc3fba4{padding:20px 0px 20px 0px;}.elementor-4184 .elementor-element.elementor-element-17298f5 .elementor-heading-title{font-size:31px;}.elementor-4184 .elementor-element.elementor-element-2573d5c > .elementor-widget-container{padding:0px 100px 0px 100px;}.elementor-4184 .elementor-element.elementor-element-2573d5c .elementor-heading-title{font-size:17px;line-height:1.6em;}}@media(max-width:767px){.elementor-4184 .elementor-element.elementor-element-17298f5 .elementor-heading-title{letter-spacing:0.2px;}.elementor-4184 .elementor-element.elementor-element-2573d5c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4184 .elementor-element.elementor-element-2573d5c .elementor-heading-title{font-size:13px;line-height:1.8em;letter-spacing:0.9px;}}/* Start custom CSS for html, class: .elementor-element-4c2e233 *//* ======================================================
   PREMIUM TABLE UPGRADE
====================================================== */

.archem-table-wrapper{
  border:1px solid #e3eaf1;
  border-radius:18px;
  box-shadow:
    0 16px 50px rgba(19,48,78,.07),
    0 2px 6px rgba(19,48,78,.03);
  background:#fff;
}

.archem-product-table thead{
  background:linear-gradient(
    135deg,
    #102f4f 0%,
    #164a76 100%
  );
}

.archem-product-table th{
  padding:19px 22px;
  font-size:13px;
  letter-spacing:.25px;
}

.archem-product-table td{
  padding:18px 22px;
}

.archem-product-table tbody tr{
  background:#fff;
}

.archem-product-table tbody tr:hover{
  background:linear-gradient(
    90deg,
    #f8fbfe 0%,
    #ffffff 100%
  );
}


/* ======================================================
   PREMIUM PRODUCT IMAGE
====================================================== */

.archem-image-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.archem-product-img{
  width:110px;
  height:110px;
  padding:9px;

  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#e4edf5,#f5f8fb) border-box;

  border:1px solid transparent;
  border-radius:14px;

  box-shadow:
    0 7px 22px rgba(31,67,101,.07);

  position:relative;
  cursor:pointer;
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.archem-product-img:hover{
  transform:translateY(-3px);

  box-shadow:
    0 14px 32px rgba(31,67,101,.14);
}

.archem-product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .35s ease;
}

.archem-product-img:hover img{
  transform:scale(1.06);
}


/* View Image Button */

.archem-view-image{
  border:0;
  background:transparent;
  color:#1266a8;

  font-size:12px;
  font-weight:700;

  cursor:pointer;

  padding:3px 6px;

  display:inline-flex;
  align-items:center;
  gap:5px;

  transition:.25s ease;
}

.archem-view-image::before{
  content:"◉";
  font-size:11px;
}

.archem-view-image:hover{
  color:#0b3f6b;
}


/* Product Name */

.archem-product-name{
  font-size:15px;
  font-weight:700;
  color:#173553;
}


/* Dosage Badge */

.archem-form-badge{
  background:linear-gradient(
    135deg,
    #eef7fd,
    #e6f2fb
  );

  border:1px solid #d7eaf8;

  color:#17649d;

  padding:7px 12px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8);
}


/* ======================================================
   LIGHTBOX
====================================================== */

.archem-lightbox{
  position:fixed;
  inset:0;

  z-index:999999;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:25px;

  opacity:0;
  visibility:hidden;

  transition:
    opacity .28s ease,
    visibility .28s ease;
}

.archem-lightbox.active{
  opacity:1;
  visibility:visible;
}


/* Background */

.archem-lightbox-backdrop{
  position:absolute;
  inset:0;

  background:rgba(9,24,39,.76);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


/* Main Preview Box */

.archem-lightbox-box{
  width:min(760px,96vw);
  max-height:90vh;

  background:#ffffff;

  border-radius:22px;

  position:relative;
  z-index:2;

  overflow:hidden;

  box-shadow:
    0 40px 100px rgba(0,0,0,.3);

  transform:translateY(15px) scale(.97);

  transition:transform .3s ease;
}

.archem-lightbox.active .archem-lightbox-box{
  transform:translateY(0) scale(1);
}


/* Image Area */

.archem-lightbox-image-area{
  min-height:430px;
  max-height:68vh;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:45px;

  background:
    radial-gradient(
      circle at center,
      #ffffff 0%,
      #f7fafc 70%,
      #f1f5f8 100%
    );
}

.archem-lightbox-image-area img{
  display:block;

  max-width:100%;
  max-height:58vh;

  object-fit:contain;

  filter:
    drop-shadow(0 18px 20px rgba(30,55,80,.12));
}


/* Product Info */

.archem-lightbox-info{
  padding:22px 28px 25px;

  border-top:1px solid #edf1f5;

  background:#fff;
}

.archem-lightbox-label{
  display:block;

  color:#1770ad;

  font-size:10px;
  font-weight:700;

  letter-spacing:1.5px;

  margin-bottom:5px;
}

.archem-lightbox-info h3{
  margin:0;

  color:#173553;

  font-size:20px;
  font-weight:700;
}


/* Close Button */

.archem-lightbox-close{
  position:absolute;

  right:16px;
  top:16px;

  width:40px;
  height:40px;

  border:1px solid rgba(20,55,90,.10);

  border-radius:50%;

  background:rgba(255,255,255,.94);

  color:#173553;

  font-size:26px;
  font-weight:300;

  line-height:1;

  cursor:pointer;

  z-index:10;

  box-shadow:
    0 7px 20px rgba(12,35,60,.10);

  transition:.25s ease;
}

.archem-lightbox-close:hover{
  background:#173553;
  color:#fff;
  transform:rotate(90deg);
}


/* Prevent body scroll */

body.archem-lightbox-open{
  overflow:hidden;
}


/* ======================================================
   MOBILE
====================================================== */

@media(max-width:767px){

  .archem-product-table tr{
    border-radius:16px;

    box-shadow:
      0 8px 28px rgba(25,55,85,.07);
  }

  .archem-product-img{
    width:145px;
    height:145px;
  }

  .archem-image-box{
    margin-bottom:10px;
  }


  /* Mobile Lightbox */

  .archem-lightbox{
    padding:15px;
  }

  .archem-lightbox-box{
    border-radius:18px;
  }

  .archem-lightbox-image-area{
    min-height:330px;
    padding:30px 20px;
  }

  .archem-lightbox-image-area img{
    max-height:55vh;
  }

  .archem-lightbox-info{
    padding:18px 20px;
  }

  .archem-lightbox-info h3{
    font-size:18px;
  }

}/* End custom CSS */