.elementor-700 .elementor-element.elementor-element-f9d5977{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-f9d5977:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-f9d5977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://apxresearchlabs.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-16-2026-05_22_59-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-700 .elementor-element.elementor-element-87e7d28{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:60px;--padding-right:60px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-700 .elementor-element.elementor-element-68611c7{width:var( --container-widget-width, 109.615% );max-width:109.615%;--container-widget-width:109.615%;--container-widget-flex-grow:0;}.elementor-700 .elementor-element.elementor-element-68611c7 > .elementor-widget-container{padding:80px 0px 0px 0px;}.elementor-700 .elementor-element.elementor-element-68611c7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-700 .elementor-element.elementor-element-68611c7 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#CECECD;}.elementor-700 .elementor-element.elementor-element-40c3a57 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-700 .elementor-element.elementor-element-40c3a57 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;font-style:normal;letter-spacing:1.2px;color:#CECECD;}.elementor-700 .elementor-element.elementor-element-d0a6e63{--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-700 .elementor-element.elementor-element-6db0e1a{--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-700 .elementor-element.elementor-element-aa8c093{--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-700 .elementor-element.elementor-element-5213c5f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-b4aff3e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-700 .elementor-element.elementor-element-59be9ec{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-59be9ec:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-59be9ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D9D9D9;}.elementor-700 .elementor-element.elementor-element-d472aba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-100px 0px 0px 0px;}.elementor-700 .elementor-element.elementor-element-69eaedc{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-69eaedc:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-69eaedc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-700 .elementor-element.elementor-element-69eaedc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-700 .elementor-element.elementor-element-36914d0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-700 .elementor-element.elementor-element-3ec2df4{--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-700 .elementor-element.elementor-element-3ec2df4:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-3ec2df4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-700 .elementor-element.elementor-element-60dbacf > .elementor-widget-container{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-700 .elementor-element.elementor-element-87e7d28{--width:50%;}.elementor-700 .elementor-element.elementor-element-d0a6e63{--width:50%;}.elementor-700 .elementor-element.elementor-element-69eaedc{--width:100%;}}@media(max-width:1024px){.elementor-700 .elementor-element.elementor-element-6db0e1a:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-6db0e1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apxresearchlabs.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-16-2026-06_01_43-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-700 .elementor-element.elementor-element-6db0e1a{--min-height:500px;}}@media(max-width:767px){.elementor-700 .elementor-element.elementor-element-aa8c093:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-aa8c093 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apxresearchlabs.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-16-2026-05_56_15-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-700 .elementor-element.elementor-element-aa8c093{--min-height:500px;}}/* Start custom CSS for html, class: .elementor-element-d472aba */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Featured Products</title>
<style>
  .apx-fp, .apx-fp * { box-sizing: border-box; }

  html, body {
    margin: 0 !important;
    padding: 0 !important;
  }

  .apx-fp {
    background-color: #000000 !important;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #f5f5f5 !important;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 48px 60px 60px;
    position: relative;
  }

  .apx-fp .apx-inner {
    max-width: 1400px;
    margin: 0 auto;
  }

  .apx-fp .apx-header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
  }

  .apx-fp .apx-header h2 {
    font-size: 26px;
    letter-spacing: 3px;
    font-weight: 700;
    margin: 0 0 10px 0;
    text-align: center;
    color: #f5f5f5 !important;
    background: none !important;
    -webkit-text-fill-color: #f5f5f5 !important;
  }

  .apx-fp .apx-header-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .apx-fp .apx-underline {
    width: 40px;
    height: 2px;
    background-color: #f5f5f5 !important;
  }

  .apx-fp .apx-view-all {
    position: absolute;
    right: 0;
    top: 4px;
    background-color: transparent !important;
    border: 1px solid #555;
    color: #f5f5f5 !important;
    padding: 12px 18px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
  }

  .apx-fp .apx-view-all:hover {
    border-color: #f5f5f5;
  }

  .apx-fp .apx-carousel {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .apx-fp .apx-nav {
    background: none !important;
    border: none;
    color: #888 !important;
    font-size: 28px;
    cursor: pointer;
    padding: 10px;
    flex-shrink: 0;
    line-height: 1;
  }

  .apx-fp .apx-nav:hover {
    color: #f5f5f5 !important;
  }

  .apx-fp .apx-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    flex: 1;
  }

  .apx-fp .apx-card {
    background-color: #000000 !important;
    border: 1px solid #2b2b2b;
    display: flex;
    flex-direction: column;
  }

  .apx-fp .apx-card-image {
    background-color: #000000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    height: 320px;
  }

  .apx-fp .apx-card-info {
    background-color: #141414 !important;
    padding: 16px 18px 18px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
  }

  .apx-fp .apx-card-info .apx-name {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
    color: #f5f5f5 !important;
  }

  .apx-fp .apx-card-info .apx-size {
    font-size: 14px;
    color: #b8b8b8 !important;
    margin-bottom: 8px;
  }

  .apx-fp .apx-card-info .apx-price {
    font-size: 15px;
    font-weight: 700;
    color: #f5f5f5 !important;
  }

  .apx-fp .apx-add-btn {
    background-color: #d9d9d9 !important;
    color: #111111 !important;
    border: none;
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    border-radius: 0;
  }

  .apx-fp .apx-add-btn:hover {
    background-color: #ffffff !important;
  }

  /* --- Product image --- */
  .apx-fp .apx-product-img {
    max-width: 92%;
    max-height: 320px;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  @media (max-width: 900px) {
    .apx-fp .apx-products { grid-template-columns: repeat(2, 1fr); }
    .apx-fp { padding: 40px 24px; }
  }

  @media (max-width: 600px) {
    .apx-fp .apx-products { grid-template-columns: 1fr; }
    .apx-fp .apx-view-all { position: static; margin-top: 14px; }
    .apx-fp .apx-header { flex-direction: column; }
    .apx-fp .apx-nav { display: none; }
  }
</style>
</head>
<body style="margin:0;">

<div class="apx-fp">
 <div class="apx-inner">
  <div class="apx-header">
    <div class="apx-header-inner">
      <h2>FEATURED PRODUCTS</h2>
      <div class="apx-underline"></div>
    </div>
    <button class="apx-view-all">VIEW ALL PRODUCTS</button>
  </div>

  <div class="apx-carousel">
    <button class="apx-nav" aria-label="Previous">&#8249;</button>

    <div class="apx-products">

      <div class="apx-card">
        <div class="apx-card-image">
          <img src="https://apxresearchlabs.com/wp-content/uploads/2026/08/BAC-WATER-3ML.png" alt="BAC Water 3mL" class="apx-product-img">
        </div>
        <div class="apx-card-info">
          <div>
            <div class="apx-name">BAC Water</div>
            <div class="apx-size">3mL</div>
            <div class="apx-price">$35.00</div>
          </div>
          <button class="apx-add-btn">ADD TO CART</button>
        </div>
      </div>

      <div class="apx-card">
        <div class="apx-card-image">
          <img src="https://apxresearchlabs.com/wp-content/uploads/2026/08/BAC-WATER-10ML.png" alt="BAC Water 10mL" class="apx-product-img">
        </div>
        <div class="apx-card-info">
          <div>
            <div class="apx-name">BAC Water</div>
            <div class="apx-size">10mL</div>
            <div class="apx-price">$60.00</div>
          </div>
          <button class="apx-add-btn">ADD TO CART</button>
        </div>
      </div>

      <div class="apx-card">
        <div class="apx-card-image">
          <img src="https://apxresearchlabs.com/wp-content/uploads/2026/08/GHK-CU-100MG.png" alt="GHK-Cu 100mg" class="apx-product-img">
        </div>
        <div class="apx-card-info">
          <div>
            <div class="apx-name">GHK-Cu</div>
            <div class="apx-size">100mg</div>
            <div class="apx-price">$45.00</div>
          </div>
          <button class="apx-add-btn">ADD TO CART</button>
        </div>
      </div>

    </div>

    <button class="apx-nav" aria-label="Next">&#8250;</button>
  </div>
 </div>
</div>

</body>
</html>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60dbacf */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Shipping Banner</title>
<style>
  .apx-sb, .apx-sb * { box-sizing: border-box; }

  .apx-sb {
    background-color: #0a0a0a !important;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    font-family: 'Helvetica Neue', Arial, sans-serif;
  }

  .apx-sb .apx-sb-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #0a0a0a !important;
  }

  .apx-sb .apx-sb-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 32px;
    border-right: 1px solid #2b2b2b;
  }

  .apx-sb .apx-sb-item:last-child {
    border-right: none;
  }

  .apx-sb .apx-sb-icon {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    stroke: #f5f5f5 !important;
    fill: none;
    stroke-width: 1.4;
  }

  .apx-sb .apx-sb-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #f5f5f5 !important;
    text-transform: uppercase;
    margin-bottom: 4px;
  }

  .apx-sb .apx-sb-desc {
    font-size: 13px;
    line-height: 1.4;
    color: #a3a3a3 !important;
  }

  @media (max-width: 900px) {
    .apx-sb .apx-sb-grid {
      grid-template-columns: 1fr;
    }
    .apx-sb .apx-sb-item {
      border-right: none;
      border-bottom: 1px solid #2b2b2b;
    }
    .apx-sb .apx-sb-item:last-child {
      border-bottom: none;
    }
  }
</style>
</head>
<body style="margin:0;">

<div class="apx-sb">
  <div class="apx-sb-grid">

    <div class="apx-sb-item">
      <svg class="apx-sb-icon" viewBox="0 0 24 24">
        <rect x="1" y="7" width="13" height="10" rx="1"/>
        <path d="M14 10 H18 L22 13.5 V17 H14 Z" stroke-linejoin="round"/>
        <circle cx="6" cy="19" r="2"/>
        <circle cx="18" cy="19" r="2"/>
        <path d="M8 19 H16" stroke-linecap="round"/>
        <path d="M1 10 H10" stroke-linecap="round"/>
      </svg>
      <div>
        <div class="apx-sb-title">Flat Rate Shipping</div>
        <div class="apx-sb-desc">$20 flat rate via USPS Priority Mail</div>
      </div>
    </div>

    <div class="apx-sb-item">
      <svg class="apx-sb-icon" viewBox="0 0 24 24">
        <circle cx="12" cy="12" r="10"/>
        <ellipse cx="12" cy="12" rx="4.2" ry="10"/>
        <path d="M2 12 H22" stroke-linecap="round"/>
        <path d="M4 7 H20" stroke-linecap="round"/>
        <path d="M4 17 H20" stroke-linecap="round"/>
      </svg>
      <div>
        <div class="apx-sb-title">We Ship Worldwide</div>
        <div class="apx-sb-desc">Anywhere USPS delivers</div>
      </div>
    </div>

    <div class="apx-sb-item">
      <svg class="apx-sb-icon" viewBox="0 0 24 24">
        <rect x="4" y="11" width="16" height="10" rx="1.5"/>
        <path d="M7 11 V7 C7 4.2 9.2 2 12 2 C14.8 2 17 4.2 17 7 V11" stroke-linecap="round"/>
        <circle cx="12" cy="15.5" r="1.6"/>
        <path d="M12 17.1 V19" stroke-linecap="round"/>
      </svg>
      <div>
        <div class="apx-sb-title">Secure Checkout</div>
        <div class="apx-sb-desc">Safe and secure payments</div>
      </div>
    </div>

  </div>
</div>

</body>
</html>/* End custom CSS */