/** Shopify CDN: Minification failed

Line 1105:0 Unexpected "}"
Line 1172:33 Unexpected "{"
Line 1172:42 Expected ":"
Line 1182:33 Unexpected "{"
Line 1182:42 Expected ":"
Line 1188:33 Unexpected "{"
Line 1188:42 Expected ":"
Line 1192:33 Unexpected "{"
Line 1192:42 Expected ":"
Line 1193:33 Unexpected "{"
... and 1 more hidden warnings

**/

body.template- header, body.template-product header, body.template-search header, body.template-cart header  {    }

body {
  min-width: 320px;
}

.body-text-set-size, body.template-product .product__info-wrapper .accordion__content li {
 font-size: 1.8rem !important;
}


@media screen and (max-width: 749px) {
.body-text-set-size, body.template-product .product__info-wrapper .accordion__content li {
 font-size: 1.6rem !important;
}
}




body.template-404 {
  padding: 0;
}


body.gradient {
  background: #fff;
}

header #menu-drawer { z-index: 5; }
.menu-opening .headericon-blue, .menu-opening .headericon-white {
  display:none;
}



#MainContent {
  background-color: #fff;
}
.footercompanyinfo {
  padding-bottom: 10px !important;
  text-align: center;
  display: block;
  font-size: 0.8em;
}

.collage .media {
  position: relative;
}
.collage .media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));
  pointer-events: none;
}


.quick-add__submit, .scroll-to-top__button.button {   background-color: #333 !important;   border: #fff 1px solid !important;}
.quick-add__submit:hover::before, .scroll-to-top__button.button:hover::before {     }
.quick-add__submit.button-2 {   background-color:rgb(41, 37, 37) !important;   border: #fff 1px solid !important; display:none; }
.quick-add__submit.button-2:hover::before {   background-color:rgb(77, 76, 76) !important;  }

:is(.button--hover-slide, .button--hover-slide-diagonal, .button--hover-slide-rotate) .customer button::before, :is(.button--hover-slide, .button--hover-slide-diagonal, .button--hover-slide-rotate) .button::before, :is(.button--hover-slide, .button--hover-slide-diagonal, .button--hover-slide-rotate) .button--primary::before {
  background-color: #1d8ccf;
}
.button--hover-slide-diagonal .customer button::before, .button--hover-slide-diagonal .button::before {
  border-radius: 0;
}



nav.breadcrumbs {
  display:none !important;
}
.product.main-product {
  margin-top: 30px;
}

body h2,
body h3,
body h4,
body h5,
body h6,
body .h0,


body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  color: rgb(0, 0, 0) !important;
}
.main-page-content h1 {
  color: rgb(0, 0, 0) !important;
}

 .footer h2 {
  color: #fff;
}

.card-information .price-item {   color: #000;   font-weight: 400;   font-size: 1.1em; }

p.MsoNoSpacing {
    margin: 0 !important;
    margin-bottom: 5px !important;
}

.product-secondary-description {    padding-top: 30px;
}

@media screen and (max-width: 749px) {
  .section-template--26047834325336__d9c67ae0-02b4-4b54-a01f-6f10449397c1-padding {
    padding-top: 0 !important;
 
  }
}




/* Header */

@media screen and (max-width: 989px) {
  .header__icon--menu {
    height: 5rem;
    width: 5rem;
  }

 .header--mobile-left .header__heading, .header--mobile-left .header__heading-link {
    justify-self: center !important;
  }

.header__heading-link {
  max-width: 15rem;

}

 header.header {
  padding-top: .6em;
  padding-bottom: .1em;
}

.header__icon .icon, .header__icon {
  height: 3.5rem;
  width: 3.5rem;
}
.header__icons i {
  font-size: 1.2em;
}


header.header .icon.icon-hamburger {   height: 3rem;   width: 3rem; }


}




.header__icon .icon-close {
  height: 2rem;
  width: 2rem;
}

header-drawer {
  grid-column: left-icons;
}




.header.page-width {
  max-width: var(--page-width);
}
.xxxheader__icon {
  color: rgb(255, 255, 255);
}

.header__heading-logo {
 width: 180px;
}
.header-wrapper .header__menu-item {
  color: #333;
  font-weight: 600 !important;
  font-size: clamp(0.75rem, .8vw, 1.5rem);

  margin: 0 5px;
  border-radius: 5px;
  padding: 10px 20px;
  letter-spacing: 1px;text-transform: uppercase;
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
.header-wrapper .header__menu-item {
  padding: 10px 10px;
}
}




.header-wrapper .header__submenu li:hover {
  background: #000;
}

.header__submenu a {   margin-left: 0 !important;   margin-right: 0 !important; border-radius: 0 !important }
.header__submenu a:hover {   background: #000 !important }


nav.header__inline-menu .header__active-menu-item-a {    }
nav.header__inline-menu .list-menu__item--active {
  text-decoration: none !important;

}

.menu-drawer__menu-item > .icon-caret, .menu-drawer__close-button .icon-caret {   color: #000 !important } 

.moobmenusearch {   padding: 2rem 2rem 0 2rem; }


.header-wrapper .header__active-menu-item {  }


.header__icons svg path {   stroke-width: 2px; }

.header__icons a {   text-decoration: none; }

body.template- .header-wrapper, body.template-product .header-wrapper, body.template-search .header-wrapper, body.template-cart .header-wrapper  {  }

.header__icons {
  gap: 10px;
}

.cart-count-bubble {
  top: -.8rem;
  left: 3.2rem;
background-color: #333;
}


.menu-drawer__inner-container { background: #f1f9fd !important;}

nav.header__inline-menu .list-menu__item {
  position: relative;
}

nav.header__inline-menu > ul > li {
  position: relative;
  display: flex;
  align-items: center;
}

nav.header__inline-menu > ul > li + li::before {
  content: '';
  position: absolute;
  left: -5px;
  top: 20%;
  height: 60%;
width: 4px;
  background-color: #333;
  pointer-events: none;
}

@media screen and (min-width: 991px) {
a#HeaderMenu-my-account {
  display:none;
}

nav.menu-drawer__navigation, .moobmenusearch {margin: auto; }
#menu-drawer .list-menu__item {   display: block;  text-align:center; }
.mme-logo {
text-align: center !important;
}
body.overflow-hidden-tablet {
  overflow: hidden;
  height: 100vh; /* Prevent scrolling */
}

.header__icon .icon, .header__icon {
  height: 4rem;
  width: 4rem;
}

.header__icons i {    font-size: 1.4em; 
}
 .header--middle-left .header__inline-menu {
    justify-content: center;
    display: flex;
  }
  .header--middle-left.inline-header-search {
    grid-template-areas: "heading navigation inline-search icons" !important;
  }

header.header header-drawer {
  display: none;
}



}







@media screen and (max-width: 991px) {
 header nav.header__inline-menu {
    display:none;
 
  }

  .header--middle-left.inline-header-search > header-drawer {
    grid-area: left-icons;
  }

}




/* Mobile menu */


.mobile-menu-divider {   border-top: 1px solid;   margin: 10px 30px 10px;   color: #ccc; display:block !important; }


@media screen and (max-width: 991px) {
  header.header.inline-header-search {
    grid-template-areas: "left-icons heading icons";
    grid-template-columns: 1fr 2fr 1fr !important;
  }
.header__icons {
  padding-right: 20px;
}


}

.mme-disclaimer {   display: block;   padding: 2rem; }


.mme-disclaimer p {
  font-size: .9em;
  line-height: 1.25em;border-top: .1rem solid rgba(var(--color-foreground),.1);
  padding-top: 2rem;padding-bottom: 20px;

}

  .menu-drawer {
    max-width: 300rem !important; min-height: 100vh;top: 0 !important;
  }

header-drawer summary {   z-index: 9999999999999999999; }

.menu-opening .header__icon--menu::before {
  content: none;

}

header-drawer .icon-close path {
  stroke:#000;
}
  .menu-drawer__navigation .menu-drawer__account {
    padding-bottom: 5rem !important;
  }

.menu-drawer__navigation-container {

  grid-template-rows: auto auto !important;
  height: auto !important;

}

.mme-logo {   display: block;
display: block;

  width: 100%;
  text-align: left;

  margin-bottom: 2rem;margin-top: 2rem;

}
  

.mme-logo img { 
  max-width: 150px;

  }

.mme-top p {   display: block;    margin: 2rem; padding-bottom: 50px;}







/* Desktop menu */
.header__submenu {   background: #27aae2;   margin-top: 5px !important;
  margin-left: 10px !important;}

nav.header__inline-menu summary {   padding-right: 30px !important; }














.section-header {
  position: relative !important;
}

.header-wrapper {
background: transparent;
}


#shopify-section-template--27249853923676__custom_liquid_gXAeAH .color-scheme-1.gradient {
background: transparent;
}

.custom-parallax-bg {
display: block !important; 
}

.footer-group {

}




.custom-parallax-hero {
  position: relative;
  height: calc(38vw - 260px);
  color: #fff;
  display: flex;
  align-items: center;
}

.custom-parallax-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 38vw;
  background-image: url('/cdn/shop/files/Web-image_Genetic-1-Desktop-wide2-bgonly-2314.jpg?v=1764891768');
  background-size: cover;
  z-index: -1;
  background-position-x: center;
}

.header-wrapper--border-bottom {
  border-bottom: none !important;
}



header .header__icons a {
transition: border-color 0.2s ease, background 0.2s ease;
}
header .header__icons a:hover {
  border: 2px solid #000;
  border-radius: 8px;background:rgb(255, 255, 255);
}


header .header__icons a.header__icon.header__icon--account {

}
.header-icon-boxes {   display: flex;   grid-area: header-icon-boxes;   justify-self: auto;   padding-right: 1rem; }


header .header__icons, header header-drawer {

}

.header__menu-item span {
  font-family: Oswald, sans-serif;
  font-size: 2em;
}
.header__menu-item span:hover {
color: #27aae0;
}
.custom-parallax-bg-inner {
  max-height: 750px;
  background-image: url('https://cdn.shopify.com/s/files/1/0929/4499/0552/files/website-img_scientist-OK-ed.jpg?v=1761666475');

}
/* text area */
.custom-parallax-content {
max-width: var(--page-width);
  z-index: 1;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;width: 100%;margin-bottom: 30px;
}

.custom-parallax-content h1 {
  font-size: 8rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
color:#fff;
}

.custom-parallax-content p {
  font-size: clamp(2rem, 5vw, 3rem);
  opacity: 0.8;
  margin-bottom: 2rem;
  line-height: 1em;
}

/* button */

.hero-btn:hover {

}


@keyframes wobble {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-2px);
  }
}

.hero-btn:hover::after {
  animation: wobble 0.5s ease-in-out;
}

.hero-btn:hover {
  transform: scale(1.03);
}




.hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem 1rem 2.5rem;
  background-color: #fff;
  color: #27aae2;
  font-weight: 400;
  border-radius: 50px;
  text-decoration: none;
  transition: background .3s;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  font-size: 2rem;
  transition: transform 0.1s ease-in-out;
}

.custom-parallax-hero .hero-btn {margin-top: 20px; }

.hero-btn:hover {

}

/* Striped background pattern */
.hero-btn::before {

}

/* Text */
.hero-btn span {
  position: relative;
  z-index: 1;
}

/* Circle with arrow icon */
.hero-btn::after {
  content: '\27A4'; /* Unicode arrow or use Font Awesome icon instead */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #27aae2;
  border-radius: 50%;
  color: #fff;
  font-size: 1.8rem;
  position: relative;
  z-index: 1;
  flex-shrink: 0;margin-left: 1rem;
}


.shopnowbuttonouter.dark .hero-btn {
  background-color: #27aae2;
  color: #fff;
}



.shopnowbuttonouter.dark .hero-btn::after {
  
  background-color: #fff;
  color: #27aae2;

}

@media screen and (max-width: 450px) {
.hero-btn::after {
  width: 30px;
  height: 30px;
}


.hero-btn {
  font-size: 1.5rem;
  padding: .8rem 1rem .8rem 1.8rem;
}

}















.custom-parallax-bg-inner  {
  height: 750px;
  background-position: center -200px;;

}


.custom-parallax-content p {
  display: flex;
  flex-wrap: wrap;
  width: fit-content;max-width: 75%;
}

.custom-parallax-content p span {
  flex-basis: 100%;
}

.hero-btn i {   margin-left: 20px; }




/* responsive homepanel padding*/
.custom-parallax-content
{

}


.custom-parallax-content > * {
  flex-basis: 100%;
}

.shopnowbutton {
  display:block;
  max-width: 40%;
  margin: auto;
}
.shopnowbutton img {

  max-width: 100%;
}
.hp-top-genetic-title-outer {   max-width: 40vw; }










/* resize top header area responsive */

@media screen and (max-width: 1750px) {
.custom-parallax-hero {
  height: calc(44vw - 260px);
}

.custom-parallax-bg {
  height: 44vw;
}
}

@media screen and (max-width: 1400px) {
.custom-parallax-hero {
  height: calc(48vw - 260px);
}

.custom-parallax-bg {
  height: 48vw;
}
}

@media screen and (max-width: 1250px) {
.custom-parallax-hero {
  height: calc(54vw - 260px);
}

.custom-parallax-bg {
  height: 54vw;
}
}











/* general responsive */

@media screen and (max-width: 990px) {

.custom-parallax-hero {
  height: max(100vw, 450px);padding-top: 20px;align-items: flex-start;
}

.custom-parallax-bg {
   height: max(100vw, 600px);
background-position: 62% top;
background-attachment: inherit;
}
.custom-parallax-content h1 {
  font-size:clamp(3.5rem, 5vw, 5rem);

}
}















/* homepage */

.homepage-content-banner-desktop {

}
.homepage-content-banner-mobile {
  display:none;
  
}


.homepage-content-banner-desktop img, .homepage-content-banner-mobile img {
  max-width:100%;
  width:100%;
}

@media screen and (max-width: 990px) {

.homepage-content-banner-desktop {
display:none;
}
.homepage-content-banner-mobile {
  
  display:block;
}



}



















/* inner pages template */

.main-page-content {
  max-width: 1000rem !important; 
}

#shopify-section-template--26047834390872__custom_liquid_bD9ecQ > div { background: transparent; }
body.template-page-defaultinnerpage main section .gradient, body.template-page-defaultinnerpage_contact main section .gradient, body.template-page-defaultinnerpage_hplc main section .gradient  { background: transparent; }

body.template-page-defaultinnerpage main section .color-scheme-4.gradient, body.template-page-defaultinnerpage_contact main section .color-scheme-4.gradient, body.template-page-defaultinnerpage_hplc main section .color-scheme-4.gradient { background: #fff; }
body.template-collection main section .color-scheme-1.gradient { background: transparent; }
body.template-collection .collection-hero { display:none; }
.custom-parallax-hero-inner  {   height: auto; }


body.template-page-defaultinnerpage .main-hero__inner,   body.template-page-defaultinnerpage_contact .main-hero__inner,   body.template-page-defaultinnerpage_hplc .main-hero__inner {

}
body.template-page-defaultinnerpage_hplc .main-hero__inner { display:none; 

}
.shopnowbuttonouter {   display: block;   text-align: center; }


.color-scheme-11.gradient [class*="custom_liquid"] {
    background-color: #fff;
}

.page-width .color-scheme-1, .page-width .color-scheme-1 li::marker {
  color: #000;
}


/* Hide if it has no content or only whitespace */




body.template-page-defaultinnerpage_contact .main-hero__inner:not(:has(.main-page-content__wrapp)) {
  display: none;
}




/* why choose panel */
    .why-choose-wrapper-outer {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background-color: #fff;
flex-direction: column;
}
.why-choose-wrapper {
  display: flex;
  align-items: stretch;
  gap: 20px;max-height: 500px;

  background-color: #fff;
}
.why-choose-image {
  flex: 1;
  display: flex;
}
.why-choose-image img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}
.why-choose-content {
  flex: 1.5;display: flex;
}
.why-choose-content h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.why-choose-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.why-panel {
  background-color: #dbf1fb;
  border-radius: 16px;
  padding: 30px;
}

.why-panel-pink {
    background-color: #d9f2f4;
}

.why-choose-wrapper-outer .icon {
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
}
.why-choose-wrapper-outer .icon img {
  width: 100%;
  height: 100%;

}
.why-panel h3 {
  font-size: clamp(1.1rem, 4cqi, 1.1em);
  margin: 8px 0;
}
.why-panel p {
font-size: .8em;
  line-height: 1.35;
margin: 0px;
}
.whychoosetitle {

}

.whychoosetitle h2 {

margin-top: 0;
  margin-bottom: 15px;text-transform: uppercase;
}


  .why-choose-grid > *:nth-child(1) {
    order: 2;
  }
  
  .why-choose-grid > *:nth-child(2) {
    order: 1;
  }



/* Responsive */
@media (max-width: 900px) {
  .why-choose-wrapper {
    flex-direction: column;
  }
  .why-choose-grid {

  }

  .why-choose-grid > *:nth-child(1) {
    order: 1;
  }
  
  .why-choose-grid > *:nth-child(2) {
    order: 1;
  }

.why-choose-wrapper {
max-height: 2000px;
}

}











/* About page layout */
.story-section {
    background-color: #f5f5f5;
}

.story-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.story-item {
    flex: 1 1 300px;
    min-width: 280px;
}

.story-item h2 {
    font-size: 4.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
}

.story-item p {
    color: #666;
    margin-bottom: 20px;
}

/* Mission Section */
.mission-section {

    color: #fff;margin-top: 50px;

}

.mission-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.mission-card {
    flex: 1 1 400px;
    min-width: 280px;
    background-color: #2a2a2a;
    padding: 40px;
    border-radius: 20px;
}

.mission-card h2 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff !important;
}

.mission-card p {

}

/* Mobile Responsive */
@media (max-width: 768px) {

    
    .story-grid,
    .mission-grid {
        gap: 30px;
    }
    
    .story-item h2 {
        font-size: 4rem;
    }
    
    .mission-card {
        padding: 30px;
    }
    
    .mission-card h2 {
        font-size: 1.75rem;
    }

.story-grid {
    gap: 0;
  }
.story-grid .story-item:last-child p {
  margin-top:0;
}

}




}

@media (max-width: 480px) {
    .story-item h2 {
        font-size: 3rem;
    }
    
    .mission-card h2 {
        font-size: 1.5rem;
    }
    
    .mission-card {
        padding: 24px;
        border-radius: 16px;
    }
    .mission-section {

    margin-top: 30px;

}

}
















/* collection-carousel */
.my-collection-carousel h2 {
  margin: 0;

}

.my-collection-carousel [class*="featured-collection-price"] {
  font-size: 1.5em !important;
  color: #23ade0 !important;
font-family: Oswald;
  font-weight: 600;
}

.my-collection-carousel [class*="featured-collection-content-template"] {

}

.collection-card-wrapper .card-type-cover .card__content, .collection-card-wrapper .card-type-cover_style_2 .card__content {
  --_cover-bg: #014e92 !important;
}





[class*="featured-collection-link"] { display:none !important; }

  @media (min-width: 1024px) {
    /* Force grid-like layout inside the Swiper track */
    .featured-collection-slider-{{ section.id }} .swiper-wrapper {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: auto;
      grid-row-gap: 20px;
      grid-column-gap: 20px;
      justify-content: center;
    }

    /* Ensure slides don't shrink oddly */
    .featured-collection-slider-{{ section.id }} .swiper-slide {
      width: auto !important;
      height: auto !important;
    }

    /* Disable Swiper’s horizontal overflow so it acts as a grid on desktop */
    .featured-collection-slider-{{ section.id }} .swiper-wrapper {
      transform: none !important;
    }

    .featured-collection-slider-{{ section.id }} .swiper-pagination,
    .featured-collection-slider-{{ section.id }} .swiper-buttons-container {
      display: none !important;
    }

.swiper-pagination-horizontal {
  display:none;
}


  }










    /* misc */
    .banner--medium:not(.banner--adapt) {
    min-height: auto !important; 
  }

  .shopify-policy__container {
  padding: 2rem 5rem 14rem;
}


.newsletter-form__field-wrapper, .custom-search-form  {
  max-width: 300px !important; 
}

.newsletter-form__button:hover { background-color: #00b3ff !important; }

footer.footer h3, footer.footer a:hover {

  color: #23ade0 !important;

}

form.custom-search-form button {
  background: #23ade0 !important;

}

p.price-savings {   margin-top: 0;   font-weight: bold; }



.rte li::marker {
  color: #000 !important;
}

.featured-collection-btn-prev-template--27249853923676__collection_carousel_7pLdrU, .featured-collection-btn-next-template--27249853923676__collection_carousel_7pLdrU {
  background: #23ade0 !important;
}

.featured-collection-btn-prev-template--27249853923676__collection_carousel_7pLdrU:hover, .featured-collection-btn-next-template--27249853923676__collection_carousel_7pLdrU:hover {
  background:rgb(55, 202, 255) !important;
}

.newsletter-form__button, .custom-search-form button {
  border-radius: 0 11px 11px 0 !important;
}

.custom-search-form button:hover {
  background-color: #00b3ff !important;
}














/* misc */
#Details-menu-drawer-container:not(.menu-opening) .menu-drawer__navigation-container {
  display: none !important;
}


.footer-policy {
  background: #000;
}

.copyright__content a {
  color: #fff !important;

}


.newsletter-form {
justify-content: flex-start !important;
  align-items: flex-start !important;margin: 0 !important;
}

.copyright__content p {
    color: #fff !important;
}

footer ul a { height: 30px;   display: block; }

body.template-product .product-form__buttons .shopify-payment-button {
  display:none !important;
}

.main-page-content .story-grid, .main-page-content .mission-section { font-size: 1.2em; }

.moobmenusearch input {   background: #fff !important; background-color: #fff !important; }

.menu-drawer__menu-item--active, .menu-drawer__menu-item:focus, .menu-drawer__close-button:focus, .menu-drawer__menu-item:hover, .menu-drawer__close-button:hover {
  background-color: transparent !important;
}


.hplcbutton {
   background-color: #000;
   border: solid 2px #27aae2;
  font-size: .8em;
}

.hplcbutton:hover::before {
  background-color: #5c5a5a;border: solid 1px #333;
}
.hplcbutton::before {
  background-color: #5c5a5a;border: solid 1px #333;
}
.hplcbutton:hover {
  background-color: #5c5a5a;border-color: #333 !important;
}

.button--primary.hplcbutton::before {
  background-color: #5c5a5a !important;
}










/* GENETIC OVERRIDES */
.product__description.rte img {border-radius: 0 ; border: 0;
}
.product__description.rte hr { margin:4rem 0 1rem 0;}

.product__description.rte ul {
  list-style-position: outside;
  padding-left: 2em;
}
.product__description.rte li::marker {
  color: #000;
}


.footer-container {

}
.shopify-section-group-header-group {   z-index: 99 !important; }

#MainContent.content-for-layout { z-index: 9; }
.footer-group {
z-index:9;
}
body:not(.template-index) .footer-group {
z-index:8;
}



















/* PRODUCT PAGE */

.specificatcbutton  {   text-align: center; }

.specificatcbutton .product-form__submit span::after {
  content: '\f07a';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  margin-left: 8px;
}

.product__info-container .product__title > * {
  text-transform: uppercase;
  font-weight: 600;
 font-size: clamp(4rem, 6vw, 6rem);
  letter-spacing: .2rem;
}

.product__info-container .price .price-item {
  font-family: Oswald;
  font-size: 4rem !important;
  font-weight: 600;
  color: #27aae2 !important;
}

.product__info-container p.price-savings svg {
width: 25px;
height: 25px;
}

.price-savings svg {
  display:none;
}

.product .price-savings svg {
  display:block;
}


.product__info-container p.price-savings {
display: flex;
  align-items: center;
  font-family: Oswald;
  text-transform: uppercase;
  color: #f76d57;
  font-weight: 600;
  justify-content: start;
  margin: 0;
  margin-right: 15px;
  letter-spacing: 0px;
  font-size:.9em;
}



p.price-savings .savetext, p.price-savings .savepriceprice {   color: #f76d57 !important; }

p.price-savings .savetext {   margin-left:5px; }

.product__info-container .price__container {line-height: 1.2;}

.product__info-container .price-item.price-item--sale {

}

.product__info-container .price-item.price-item--regular  {
  font-size: 1.5em !important;
  color: #23ade0 !important;
}

.sticky-atc-bar .price-savings svg {
  display: none;
}


 .product__info-wrapper .product-form__input .select {
    max-width: 100% !important;
  }

   .product__info-wrapper .product-form__input--dropdown {
    flex: 100% !important;
    width: 100% !important;
  }

 .product__info-wrapper .product-form__input {
  max-width: 100% !important;
}

 .product__info-wrapper .select__select {
background-color: #fff;
  font-weight: 600 !important;
  font-size: 1.5rem;
}

 .product__info-wrapper .product-form__input .select::after,  .product__info-wrapper .product-form__input .select:hover::after { 
 border-radius: 3px;
  border: 1.5px #666 solid;
}

 .product__info-wrapper .product-form__quantity {
  display:none;
 }

   .product__info-wrapper .product-form__buttons .product-form__submit {
    flex: 100%;
    width: 100%;
    border-radius: 3px;font-family: oswald, sans-serif;
  font-size: 2rem;
  letter-spacing: 5px;
  font-weight: 500;
  }

 .product__info-wrapper .button,  .product__info-wrapper .button:hover {
  background-color:#333;border-color: #333;
 }
 .product__info-wrapper .button--hover-slide-diagonal .button:not(:disabled):not([aria-disabled="true"]):hover::before {
    transform: none !important;
}
 .product__info-wrapper .button--primary::before {
    background-color:#333;
}

 .product__info-wrapper .product__inventory {
  display: none;

}

body.template-product .product__info-wrapper .product__text {display:none; } 
body.template-product .product__info-wrapper [id*="ProductAccordion-collapsible_tab"] .product__text {display:block; } 

body.template-product .product__info-wrapper .rte li::marker {
  color: #333;
}

body.template-product .product_lower_description_nutrition_table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 1rem;
}



@media (max-width: 992px) {

body.template-product .product_lower_description_nutrition_table {
  grid-template-columns: repeat(1, 1fr);
}

}


/* Container settings */
.product_lower_description_general {
  display: flex;
  flex-direction: column-reverse; /* Image on top, text below for mobile */
  gap: 20px; /* Adds space between text and image */
  align-items: center;
}

/* Ensure the image scales properly */
.product_lower_description_general_image img {
  display: block;
  object-fit: cover;
}

/* Tablet and Desktop view */
@media (min-width: 993px) {

.product_lower_description_general_image img {
  position: absolute;clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 5% 100%, 0% 85%, 8% 65%, 2% 45%, 7% 25%, 0% 10%);
}


  .product_lower_description_general {
    flex-direction: row; /* Text on left, image on right */
    align-items: stretch; /* Aligns items to the top of the row */
  }

  .product_lower_description_general_text {
    flex: 1; /* Takes up remaining space */
  }

  .product_lower_description_general_image {
    flex: 0 0 40%; /* Image takes up 40% of the width on desktop */
    overflow: hidden;
    position: relative;
  }
}






xxxxxxxxxbody.template-product section .page-width .product__description {
  margin-top: 50px;
}



body.template-product .product__info-wrapper .product-form__buttons {
  max-width: 100%;
}





body.template-product .product__info-wrapper .accordion__content ul {
  list-style-position: outside;  /* bullet outside the text */
  padding-left: 1.5em;           /* space for bullet */
  margin: 0;
}

body.template-product .product__info-wrapper .accordion__content ul li {
  position: relative;
  margin-bottom: 0.5em;          /* optional spacing between items */

}

/* Optional: ensure bullets stay on left, text wraps nicely */
body.template-product .product__info-wrapper .accordion__content ul li::marker {
  font-weight: bold;             /* style bullets if needed */
}

/* productcustomlayout1 */
/* General styling */
.productcustomlayout1-container {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap onto the next line */
  gap: 20px;
  justify-content: center; /* Center items horizontally */
  margin-top: 20px;
}

.productcustomlayout1-item {
  display: flex;
  flex-direction: column; /* Stack the icon above the text */
  align-items: center; /* Center the content */
  justify-content: center; /* Vertically center the content */
  padding: 15px;
  border-radius: 8px;
  text-align: center;
  
  /* Ensure the item is  */

  width: 30%; /* Ensure each item takes 30% of the container width */
  box-sizing: border-box; /* Ensure padding is included in the width calculation */
}


.productcustomlayout1-icon {
  font-size: 80px;
  color: #27aae2;
  margin-bottom: 10px; /* Add margin to space the icon from the text */
}

.productcustomlayout1-text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

.productcustomlayout1-text strong {
  font-size: 18px;
  color: #333;
}

.product__description .product_lower_description h3 {

  align-content: center;
  text-align: center;
  font-size: clamp(3em, 5vw, 4em);
margin-bottom: 5rem;
}

.product__description .product_lower_description h3 sup {   font-size: .4em;   vertical-align: top; }

.product_lower_description {
  padding: 12rem 0 5rem;
}


/* Responsive Design: Mobile */
@media (max-width: 768px) {
  .productcustomlayout1-container {
    flex-direction: column; /* Stack all items vertically on mobile */
    align-items: center;
    gap: 20px;
  }

  .productcustomlayout1-item {
    flex-direction: column;
    align-items: center; /* Ensure content is centered on mobile */
    max-width: 100%; /* Full width for mobile items */
    width: 100%;
  }

  .productcustomlayout1-icon {
    margin-bottom: 10px; /* Keep spacing between icon and text */
  }
  .product_lower_description {
  padding: 2rem 0 2rem;
}
}

/* Desktop Layout: 3 items per row on first row, 2 items per row on second row */
@media (min-width: 1024px) {
  .productcustomlayout1-item:nth-child(4),
  .productcustomlayout1-item:nth-child(5) {
    width: 30%; /* Keep the bottom row items at 30% width each */
  }
}






/* General Styling for list in Benefits*/
.product_lower_description_benefits ul.productcustomlayout1-list {
  list-style-type: none; /* Remove default bullets */
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* Stack the items vertically */
  align-items: center; /* Center items horizontally */
  gap: 15px; /* Space between items */
}

.product_lower_description_benefits ul.productcustomlayout1-list li {
  display: flex;
  align-items: center; /* Vertically align text and icon */
  font-size: 18px;
  color: #333;
}

.product_lower_description_benefits ul.productcustomlayout1-list li::before {
  content: "\f00c"; /* FontAwesome check icon */
  font-family: "Font Awesome 5 Free"; /* Use FontAwesome */
  font-weight: 900; /* Make sure it uses the solid version */
  margin-right: 10px; /* Space between the icon and text */
  color: #27aae2; /* Icon color */
}

/* Responsive Design: Left-align items on mobile */
@media (max-width: 768px) {
 .product_lower_description_benefits ul.productcustomlayout1-list {
    align-items: flex-start; /* Align items to the left */
  }

 .product_lower_description_benefits ul.productcustomlayout1-list li::before {
    margin-left: 0; /* Remove margin between the icon and text on mobile */
  }
}

/* break images */
/* The container controls the spacing around the block */
.description-image-wrapper {
  margin: 3rem auto 0;
  text-align: center; /* Centers the image if it's smaller than the container */
  width: 100%;
  max-width: 960px;

}

/* The image itself */
.product-description-break-image {
  display: block;
  max-width: 100%; /* Ensures it scales down for mobile */
  height: auto;    /* Maintains aspect ratio */
  margin: 0 auto;  /* Centers the image element */
  border-radius: 8px; /* Optional: adds a soft rounded corner */
}






/* ── CORTEIN® Directions Section ── */


/* Two-column prep grid */
.directions-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 750px;
  margin: 3rem auto;
}

/* Each prep block */
.directions-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  max-width: 400px;
  margin: auto;
}

/* Icon */
.directions-icon-wrap {
  flex: 0 0 40px;
  display: flex;
  justify-content: center;
  padding-top: 3px;
}

.directions-icon-wrap i {
  font-size: 12rem;
  line-height: 1;
}

.directions-card--hot .directions-icon-wrap i {
  color: #c0714a;
}

.directions-card--cold .directions-icon-wrap i {
  color: #4a86a8;
}

/* Text */
.directions-content h4 {
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #1a2226;
}

.directions-content p {
  color: #4a5560;
  margin: 0;
}

.directions-content p sup {
  font-size: 0.6em;
}

/* ── Mobile ── */
@media (max-width: 680px) {
  .directions-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}


.product_lower_description_nutrition h3 svg  {   } 

.customexpandableaccordion.divopen svg.icon-caret {
  transform: rotate(180deg);
}

body #MainContent div.customexpandableaccordion h3 { font-size: clamp(1.8rem, 2vw, 2.2rem); text-align: left; border-top: 1px solid #ccc; padding-top:20px; margin-bottom: 0rem; justify-content: space-between;
  display: flex;
  align-items: center;}

body #MainContent div.customexpandableaccordion.divopen h3 { margin-bottom: 5rem; }

 body #MainContent div.customexpandableaccordion h3 span {
  align-items: center;
  display: flex;
 }

 body #MainContent div.customexpandableaccordion h3 span span {
  margin-left: 10px;
}

.customexpandableaccordion svg.icon-caret {height: .6rem; }

div.customexpandableaccordion {    }

div.customexpandableaccordionouter .product_lower_description {
  padding: 0 0 2.5rem;

}

.customexpandableaccordionouter { margin-top: 12rem; }

.payment-card-list ul {   list-style-type: none;   display: flex;   gap: 5px;   margin: auto;   justify-content: center; }

@media (min-width: 750px) {
body #MainContent div.customexpandableaccordion h3 {
max-width: 350px;
  margin: auto;
}
div.customexpandableaccordionouter .product_lower_description {

text-align: center;
}
}

.template-product .product__description { border-bottom: 1px solid #ccc; }


































/* OVERALLTEMPLATEANDHOME */







.collectiontopsection h1 { font-family: Oswald;     text-transform: uppercase;     color: #23ade0;     text-align: right;     margin: 0;     padding: 0; margin-top: 30px;  }

.card-wrapper {
  max-width: 500px;
}

@media screen and (min-width: 750px) {
aside#main-collection-filters.facets-wrapper {
display:none;
}
}



@media screen and (max-width: 749px) {
.collectiontopsection h1 {
  margin-top: 0;
  text-align: center;
}
}



.header-promo-content img {
  max-width:100%;
}






  .header.inline-header-search header-drawer:not(.additional-drawer) {
    align-self: auto;
  }


.custom-parallax-hero .feature-item {
  background: none;padding: 5px;
}
.custom-parallax-hero .feature-item img {
  margin-bottom: 0;
  width: 65px;
  height: 65px;
  filter: drop-shadow(0 0 6px rgb(255, 255, 255));
}
.custom-parallax-hero .feature-item-part {

  width: 130px;
}


.custom-parallax-hero .fip-image-white  {
  display:none;
}
 header.header  .fip-image-blue {
  display:none;
}





.custom-parallax-hero .feature-item__title {
  color:#23ade0 !important;margin-top: 5px;
  font-size: 1.3rem;
  max-width: 100px;
}

.custom-parallax-hero .feature-item__description {
  font-size: 1.4rem;
  line-height: 1.1;
  color: #23ade0;
  text-align: left;
  max-width: 100px;margin: 0;
}



.custom-parallax-hero .header-icon-boxes {
  padding-right: 0;
  margin: 0 auto;
}


#MainContent, section.shopify-section {

}

.headericon-white,
.headericon-blue {
    width: 100%;
    height: 100%;
    display: block;
}



@media (max-width: 576px) {

.header-promo-content {
  display:none;
}

header.header .header-icon-boxes {
  display:none;
}

.custom-parallax-hero .hp-top-genetic-title {

}

.hptopshopnowbuttonupper {
display:none;
}

.custom-parallax-hero .custom-parallax-content {
margin-bottom:0;
}
.custom-parallax-hero {
  flex-direction: column;
}

.custom-parallax-bg {
  background-image: url('/cdn/shop/files/Web-img_Genetic-mobile-1-ed3.jpg?v=1767703378');
}



  .custom-parallax-hero {
    height: 1030px;
    padding-top: 0;
  }
  .custom-parallax-bg {
    height: auto;
    background-position: 50% top;
  }

.hp-top-genetic-title-outer {
max-width: 280px;
    margin: auto;
}

  .header.inline-header-search {
    grid-template-columns: 1fr 1fr auto;
  }




  .custom-parallax-hero .feature-grid {
    padding: 0;
    margin: 0;
    gap: 0;
  }

body.template-index {

}

body.template-index #MainContent {
  background-color: transparent !important;
}

body.template-index .custom-parallax-bg {
    background-image: none !important;
}
.shopnowbutton {
  max-width: 60%;
}

.header__heading-logo {

}

.fp-show-mb {

}

.fp-show-dt {
  display:none;
}

span.hptopshopnowbuttonlower { margin: 0 auto; }


}













@media (min-width: 400px) and (max-width: 576px) {



}













@media (min-width: 577px) {

 body:not(.template-index) .header.inline-header-search {
    grid-template-columns: auto 4fr 0fr auto;
  }

.header-promo-content {   align-self: center; }


.custom-parallax-hero .header-icon-boxes {
  display:none;
}

 header.header .hp-top-genetic-title {
  display:none;
}

.hptopshopnowbuttonlower {
  display:none;
}

body.template-index .headericon-blue {

}



.fp-show-mb {
display:none;
}

.fp-show-dt {
  
}

}













@media (min-width: 577px) and (max-width: 992px) {

  .custom-parallax-hero {
    height: calc(100vw - 450px);
  }


}



@media (min-width: 577px) and (max-width: 744px) {

.hp-top-genetic-title.fp-show-dt {
  display: none;
}
.custom-parallax-hero .shopnowbutton {
  max-width: 80%;
}

  .custom-parallax-hero {
    padding-top: 0px;
  }



}




/* homepagecustomhtmlsliderE */

.hp-custom-slider img {   object-fit: cover;   object-position: center center;   width: 100%;
  height: 100%; }
.hpcs-dt {
height: 30vw;
  width: 100%;

}
.ai-html-slider__slide-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah {width: 100%; } 
.ai-html-slider__slide-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah {padding:0 !important;}
.ai-html-slider__wrapper-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah {
  border-radius: 0px !important;
}


.ai-html-slider-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah {   border-top: 3px solid #27aae0;   border-bottom: 1px solid #515151; box-shadow: 0 4px 10px rgba(0,0,0,0.1);}

.ai-html-slider-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah div {
  height: 100%;
}

.hpcs-dt {
  display:block;
}
.hpcs-mb {
  display:none;
}

@media screen and (min-width: 750px) {
.ai-html-slider-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah {
  height: 23vw;
  min-height: 500px;
}

}

@media screen and (min-width: 750px) and (max-width: 1400px) {
  .ai-html-slider-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah {
aspect-ratio: 3/1;
    height: auto;min-height: auto;
  }


}




@media screen and (max-width: 749px) {
.hpcs-mb {
  display:block;
}
.hpcs-dt {
  display:none;
}

.ai-html-slider-aytnmmw93yxfiu3ptkaigenblock4607b17b9dhah {
  height: 140vw;
}

}





































/* Modern button styling */
body div .button {
  display: flex;
  justify-content: center;
background-color: #333;
  color: #fff;
  font-weight: 500;
  font-size: .9em;
  padding: 0.75em 1.5em;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  display: inline-block;
  font-family: oswald;
}

/* Hover effect */
body div .button:hover {
  background-color: #1d8ccf;       /* Slightly darker shade */
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* Lift effect */
  transform: translateY(-2px);     /* Subtle lift */
}

/* Active / pressed state */
body div .button:active {
  background-color: #1780b8;       /* Even darker shade */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  /* Pressed effect */
  transform: translateY(0);        /* Reset lift */
}

/* Focus state for accessibility */
body div .button:focus {
  outline: 3px solid rgba(39, 170, 226, 0.5); /* Soft focus glow */
  outline-offset: 2px;
}

.cart-drawer .cart__checkout-button span {
  display: flex;
  justify-content: center;
}




@media screen and (max-width: 749px) {
  .grid--2-col-tablet-down .button {
    font-size: 1.2rem !important;
  }
}
















/* Homepage Collections Panel */
.collection-card-wrapper .card-type-cover .card__content, .collection-card-wrapper .card-type-cover_style_2 .card__content {
  position: absolute !important;
  height: 100%;
  opacity: .8;
}

.collection-list-wrapper .card__information .card__heading  {   height: 100%;   display: flex;   align-items: center; }  
.collection-list-wrapper .card__information .card__heading a {   width: 100%;  display: block;  text-align: center; color: #fff;  text-transform: uppercase;}  

.collection-list .full-unstyled-link::after {
  content: " >"; /* the arrow or symbol you want */
  /* Optional styling */
  margin-left: 4px; /* space between text and arrow */
  font-weight: bold; /* if you want it to stand out */
}























/* Global button styles - just applied to collections carousel */
.customcollectionsmodule .button,
.customcollectionsmodule button {
  font-family: Oswald, sans-serif;
  font-size: 2rem;
  letter-spacing: 5px;
  font-weight: 500;
  background-color: #333;
  border-color: #333;
}

/* Global button hover */
.customcollectionsmodule .button:hover,
.customcollectionsmodule button:hover {
  background-color: #23ade0; 
border-color: #23ade0;
}

/* Global primary button pseudo-element (used for hover slide effect) */
.customcollectionsmodule .button--primary::before {
  background-color: #23ade0 ;
}

/* Disable diagonal hover slide animation globally */
.xxxcustomcollectionsmodule .button--hover-slide-diagonal .button:not(:disabled):not([aria-disabled="true"]):hover::before {
  transform: none !important;
}