.elementor-9 .elementor-element.elementor-element-263956c4 > .elementor-background-overlay{background-color:#000000;opacity:0.51;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-263956c4 > .elementor-container{max-width:720px;min-height:651px;}.elementor-9 .elementor-element.elementor-element-263956c4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9 .elementor-element.elementor-element-1e4b40e6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9 .elementor-element.elementor-element-1e4b40e6 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-9 .elementor-element.elementor-element-65a5c23d{width:auto;max-width:auto;text-align:center;}.elementor-9 .elementor-element.elementor-element-65a5c23d > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0em 0em 1em 0em;padding:7px 21px 7px 21px;border-radius:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-65a5c23d.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-65a5c23d .elementor-heading-title{font-size:15px;font-weight:500;color:var( --e-global-color-639e8dd );}.elementor-9 .elementor-element.elementor-element-27a95b96{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-27a95b96 > .elementor-widget-container{margin:25px 00px 25px 00px;padding:0px 20px 0px 20px;}.elementor-9 .elementor-element.elementor-element-27a95b96 .elementor-heading-title{font-size:40px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-5a280c6a{column-gap:0px;text-align:center;font-weight:400;color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-5a280c6a p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-2d1b09ed .elementor-button{background-color:transparent;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #17314F 0%, #17314F 100%);border-style:none;padding:15px 20px 15px 20px;}.elementor-9 .elementor-element.elementor-element-2d1b09ed .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-2d1b09ed .elementor-button:focus{background-color:#142E45;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-2d1b09ed .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-2d1b09ed .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d380ae5{--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-9 .elementor-element.elementor-element-f8bf594{--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-9 .elementor-element.elementor-element-ba9e1ec{--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-9 .elementor-element.elementor-element-10b6f3d{--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-9 .elementor-element.elementor-element-6b0e231:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-6b0e231 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mexico.aminopros.shop/wp-content/uploads/2026/01/5FBF6403-C947-41B1-A157-716B7B2F4944.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-6b0e231 > .elementor-background-overlay{background-color:var( --e-global-color-639e8dd );opacity:0.57;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-6b0e231 > .elementor-container{max-width:720px;}.elementor-9 .elementor-element.elementor-element-6b0e231{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7em 0em 7em 0em;}.elementor-9 .elementor-element.elementor-element-78f8d5f7 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-9 .elementor-element.elementor-element-70443571{text-align:center;}.elementor-9 .elementor-element.elementor-element-70443571 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-7ac8df48{text-align:center;font-weight:400;color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-7ac8df48 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-736f3017 .elementor-button{background-color:transparent;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #17314F 0%, #17314F 72%);}.elementor-9 .elementor-element.elementor-element-736f3017 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-736f3017 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-9 .elementor-element.elementor-element-736f3017 .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-736f3017 .elementor-button:focus svg{fill:#000000;}.elementor-9 .elementor-element.elementor-element-9c66d5d{--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-9 .elementor-element.elementor-element-19758b4{--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-9 .elementor-element.elementor-element-1d864ea{--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-9 .elementor-element.elementor-element-c8f5a89{--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-9 .elementor-element.elementor-element-e981f63{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-1e4b40e6{width:100%;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-263956c4 > .elementor-container{min-height:489px;}.elementor-9 .elementor-element.elementor-element-27a95b96 .elementor-heading-title{font-size:39px;}.elementor-9 .elementor-element.elementor-element-5a280c6a{font-size:17px;}.elementor-9 .elementor-element.elementor-element-5a280c6a p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-7ac8df48{font-size:16px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-263956c4 > .elementor-container{min-height:192px;}.elementor-9 .elementor-element.elementor-element-263956c4{padding:5em 0em 5em 0em;}.elementor-9 .elementor-element.elementor-element-27a95b96 .elementor-heading-title{font-size:33px;}.elementor-9 .elementor-element.elementor-element-5a280c6a{font-size:16px;line-height:25px;}.elementor-9 .elementor-element.elementor-element-6b0e231{padding:3em 0em 3em 0em;}}/* Start custom CSS for heading, class: .elementor-element-27a95b96 *//* === DESKTOP HERO FIX === */
@media (min-width: 1024px) {
  /* Make hero taller and let the image breathe */
  #ap-hero {
    min-height: 520px !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  /* If it's a background image, make sure it fills correctly */
  #ap-hero.elementor-section {
    background-size: cover !important;
    background-position: center center !important;
  }

  /* If the hero image is an <img> widget inside the section */
  #ap-hero img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2d1b09ed *//* === FIX: Only target the specific Browse Research Peptides button === */
a.elementor-button.browse-peptides-btn {
    font-size: 22px !important;
    padding: 18px 32px !important;
    border-radius: 14px !important;
}

/* Mobile tweak */
@media (max-width: 767px) {
    a.elementor-button.browse-peptides-btn {
        font-size: 18px !important;
        padding: 14px 28px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-263956c4 */<!-- AMINOPROS SEARCH BAR -->
<div class="ap-search">
  <form role="search" method="get" action="/search">
    <input type="text" name="q" placeholder="Search peptides, compounds, or research solutions..." required>
    <button type="submit" aria-label="Search">
      <!-- Search Icon -->
      <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"
           stroke-linecap="round" stroke-linejoin="round">
        <circle cx="11" cy="11" r="8"></circle>
        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
      </svg>
    </button>
  </form>
</div>

<style>
/* ===== AMINOPROS SEARCH BAR ===== */
:root {
  --ap-blue: #2a6cff;
  --ap-gray: #4b5563;
  --ap-light: #f8f9fb;
}

.ap-search {
  display: flex;
  justify-content: center;
  margin: 40px auto;
  padding: 0 20px;
}

.ap-search form {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 50px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  max-width: 600px;
  width: 100%;
  padding: 4px 12px 4px 18px;
  transition: all 0.25s ease;
}

.ap-search form:focus-within {
  border-color: var(--ap-blue);
  box-shadow: 0 0 0 3px rgba(42,108,255,0.15);
}

.ap-search input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 15px;
  color: var(--ap-gray);
  background: transparent;
  padding: 12px 10px;
}

.ap-search input::placeholder {
  color: #9ca3af;
  letter-spacing: 0.02em;
}

.ap-search button {
  background: var(--ap-blue);
  border: none;
  color: #fff;
  padding: 10px 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
}

.ap-search button:hover {
  background: #1f54c9;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .ap-search form {
    max-width: 100%;
  }
  .ap-search input {
    font-size: 14px;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ab0d69d *//* ===== AminoPros Featured row (scrollable) ===== */

/* Card styling (kept) */
.ap-home-featured ul.products { gap: 18px; }
.ap-home-featured ul.products li.product{
  border:1px solid #e6ecf3; border-radius:12px; padding:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.04); background:#fff;
}
.ap-home-featured ul.products li.product .woocommerce-loop-product__title{
  color:#0D2B4A!important; font-weight:700!important; font-size:18px!important;
}
.ap-home-featured ul.products li.product .price{
  color:#0D2B4A!important; font-weight:700!important;
}
.ap-home-featured ul.products li.product .button{
  background:#0D2B4A!important; color:#fff!important; border-radius:8px!important;
  padding:10px 16px!important; font-weight:600!important;
}
.ap-home-featured ul.products li.product .button:hover{ background:#1C4E7E!important; }

/* Horizontal scroller */
.ap-home-featured ul.products{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:0 0 8px 0;
}
.ap-home-featured ul.products li.product{
  flex:0 0 260px!important;    /* fixed card width creates overflow */
  scroll-snap-align:start;
  margin:0!important;
}

/* Nice thin scrollbar */
.ap-home-featured ul.products::-webkit-scrollbar{ height:8px; }
.ap-home-featured ul.products::-webkit-scrollbar-thumb{
  background:#17314F; border-radius:4px;
}

/* === AMINOPROS – HOMEPAGE FEATURED SCROLLER FIX === */

/* The shortcode wrapper */
.home .ap-home-featured.feautured-products {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

/* The UL that holds the product cards */
.home .ap-home-featured.feautured-products ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;                  /* kill theme negative margins */
    padding: 0 32px 16px !important;       /* space so first/last card aren't cut */
    list-style: none !important;
    overflow: visible !important;          /* don't clip cards */
}

/* Each product card */
.home .ap-home-featured.feautured-products ul.products li.product {
    flex: 0 0 auto !important;             /* keep natural card width */
    margin: 0 16px 0 0 !important;         /* spacing between cards */
    overflow: visible !important;
}

/* Ensure first & last cards aren't clipped */
.home .ap-home-featured.feautured-products ul.products li.product:first-child {
    margin-left: 0 !important;
}

.home .ap-home-featured.feautured-products ul.products li.product:last-child {
    margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b78967 *//* === AMINOPROS – FEATURED HOMEPAGE SCROLLER (NO CLIPPING) === */

/* Outer wrapper from your shortcode */
.ap-home-featured {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

/* UL that holds the product cards */
.ap-home-featured ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    list-style: none !important;

    /* Fix the clipping: remove theme margins, add inner padding */
    margin: 0 !important;
    padding: 0 32px 18px 32px !important;   /* left/right gutter so first/last card are fully visible */
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Each product card */
.ap-home-featured ul.products li.product {
    flex: 0 0 auto !important;
    margin: 0 16px 0 0 !important;          /* gap between cards */
    overflow: visible !important;
}

/* Last card – no extra gap after */
.ap-home-featured ul.products li.product:last-child {
    margin-right: 0 !important;
}

/* Optional: thin scrollbar styling */
.ap-home-featured ul.products::-webkit-scrollbar {
    height: 8px !important;
}
.ap-home-featured ul.products::-webkit-scrollbar-track {
    background: #e6ecf2 !important;
    border-radius: 4px !important;
}
.ap-home-featured ul.products::-webkit-scrollbar-thumb {
    background: #17314F !important;
    border-radius: 4px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c25f3b8 *//* Fix: drop "Researchers Access" title slightly */
.ap-access .ap-cardhead {
  padding-top: 34px !important;   /* was 26px */
}

.ap-access .ap-title {
  margin-top: 6px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-557016b *//* ===== AminoPros Featured row (scrollable) ===== */

/* Card styling (kept) */
.ap-home-featured ul.products { gap: 18px; }
.ap-home-featured ul.products li.product{
  border:1px solid #e6ecf3; border-radius:12px; padding:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.04); background:#fff;
}
.ap-home-featured ul.products li.product .woocommerce-loop-product__title{
  color:#0D2B4A!important; font-weight:700!important; font-size:18px!important;
}
.ap-home-featured ul.products li.product .price{
  color:#0D2B4A!important; font-weight:700!important;
}
.ap-home-featured ul.products li.product .button{
  background:#0D2B4A!important; color:#fff!important; border-radius:8px!important;
  padding:10px 16px!important; font-weight:600!important;
}
.ap-home-featured ul.products li.product .button:hover{ background:#1C4E7E!important; }

/* Horizontal scroller */
.ap-home-featured ul.products{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:0 0 8px 0;
}
.ap-home-featured ul.products li.product{
  flex:0 0 260px!important;    /* fixed card width creates overflow */
  scroll-snap-align:start;
  margin:0!important;
}

/* Nice thin scrollbar */
.ap-home-featured ul.products::-webkit-scrollbar{ height:8px; }
.ap-home-featured ul.products::-webkit-scrollbar-thumb{
  background:#17314F; border-radius:4px;
}

/* === AMINOPROS – HOMEPAGE FEATURED SCROLLER FIX === */

/* The shortcode wrapper */
.home .ap-home-featured.feautured-products {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

/* The UL that holds the product cards */
.home .ap-home-featured.feautured-products ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;                  /* kill theme negative margins */
    padding: 0 32px 16px !important;       /* space so first/last card aren't cut */
    list-style: none !important;
    overflow: visible !important;          /* don't clip cards */
}

/* Each product card */
.home .ap-home-featured.feautured-products ul.products li.product {
    flex: 0 0 auto !important;             /* keep natural card width */
    margin: 0 16px 0 0 !important;         /* spacing between cards */
    overflow: visible !important;
}

/* Ensure first & last cards aren't clipped */
.home .ap-home-featured.feautured-products ul.products li.product:first-child {
    margin-left: 0 !important;
}

.home .ap-home-featured.feautured-products ul.products li.product:last-child {
    margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d924f2 *//* FORCE HORIZONTAL SCROLL FOR RESEARCHER ACCESS */
ul.products{
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  gap: 16px;
}

ul.products li.product{
  flex: 0 0 auto !important;
  width: 80% !important;
  max-width: 340px;
}/* End custom CSS */