/** Shopify CDN: Minification failed

Line 1304:0 Unexpected "}"

**/
/*** Beginning Navigation ***/

.supportintopbar {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 44px;
    color: #333333;

}

.main-nav {
    height: 70px;
}

.top-bar {
    align-items: center;
}

.top-bar--right {
    padding-right: 12px;
}

.mobile-menu-title {
    font-size: 12px!important;
}

#header span.menu_title {
    display: flex!important;
    align-items: center;
    font-size: 12px!important;
}

#header span.cart_count {
    display: flex!important;
    align-items: center;
    font-size: 12px!important;
}

#header a.mobile_logo img {
    margin-top: 15px;
    width: 52px;
    height: 52px;
    overflow: visible;
}

.cart-container .mini_cart {
    letter-spacing: 0!important;
}

.mega-menu__additional-rating-stars {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mega-menu__additional-rating-text {
  margin-left: 10px;
  color: #535353;
}

.dropdown_two-columns {
  column-count: 2;
}

.nav-desktop__tier-1-link {
  text-transform: uppercase;
  font: normal normal 400 14px/18px Quicksand;
  letter-spacing: 1.4px;
  color: #535353;
  }

.mega-menu {
  padding-top:50px;
  padding-bottom:50px;
}

.nav-desktop__tier-1 {
  justify-content: space-evenly!important;
}

.main-nav__wrapper {
  max-width: 1500px;
  margin: auto;
}

.mega-menu {
  max-width: 1500px;
  margin: auto;
}

.dropdown_links-underlined li a {
  border-bottom: 1px #535353 solid;
  font-weight: 600!important;
}

.dropdown_content {
  margin: 0;
}

dropdown_column ul.dropdown_title {
  padding-bottom: 5px!important;
}

.nav-desktop__menu-wrapper {
  display:flex;
  justify-content: center;
  align-items: center;
}

.mega-menu__additional-text-wrapper {
  margin-top: 20px;
  margin-left: 100px;
  padding: 15px 20px 30px 20px;
  max-width: 550px;
}

.mega-menu__additional-text-heading {
  font: normal normal 500 31px/39px Quicksand;
  text-transform: uppercase;
  color: #535353!important;
  text-align: left;
  letter-spacing: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.mega-menu__additional-text-paragraph {
  font: normal normal 400 16px/24px Quicksand;
  color: #535353!important;
  text-align: left;
}

.mega-menu__first-button {
  background: #C0E2EB 0% 0% no-repeat padding-box;
  text-transform: uppercase!important;
  text-align: center;
  width: 50%;
}

.mega-menu__second-button {
  border: 1px solid #707070;
  text-transform: uppercase!important;
  text-align: center;
  width: 50%;
}

.mega-menu__first-button:hover {
  cursor: pointer;
  border: 1px solid var(--shopify-editor-setting-nav_color_hover, #defaultColor);
}

.mega-menu__second-button:hover {
  cursor: pointer;
  border: 1px solid var(--shopify-editor-setting-nav_color_hover, #defaultColor);
}

.mega-menu__button-wrapper {
  display:flex;
  gap: 20px;
  margin-top: 15px;
}

.mega-menu__additional-rating-wrapper {
  display: flex;
  align-items: center;
}

.mega-menu__additional-rating-stars {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mega-menu__additional-rating-text {
  margin-left: 10px;
  color: #535353;
}

.dropdown_two-columns {
  column-count: 2;
}

.nav-desktop__tier-1-link {
  text-transform: uppercase;
  font: normal normal 400 14px/18px Quicksand;
  letter-spacing: 1.4px;
  color: #535353;
  }

.mega-menu {
  padding-top:50px;
  padding-bottom:50px;
}

.nav-desktop__tier-1 {
  justify-content: space-evenly!important;
}

.main-nav__wrapper {
  max-width: 1500px;
  margin: auto;
}

.mega-menu {
  max-width: 1500px;
  margin: auto;
}

.dropdown_links-underlined li a {
  border-bottom: 1px #535353 solid;
  font-weight: 600!important;
}

/*** End Navigation ***/

/*** Mobile Navigation ***/

.js-toggle-slide-nav .icon-close{
  display:none;
}

.js-toggle-slide-nav.is-active .icon-close{
    display:inline-block;
  }

.js-toggle-slide-nav.is-active .icon-hamburger,.js-toggle-slide-nav.is-active .icon-menu-label{
    display:none;
  }

.icon-menu-label{
margin-left:5px;
}

.slide-nav{
display:block;
transform:translateZ(0);
transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
margin:0;
padding:15px 0 0
}

.slide-nav__wrapper {
  overflow:hidden;
}

.body--sticky-cart-open .slide-nav{
  padding-bottom:15px
}

.sub-nav--is-open .slide-nav{
  transform:translate3d(-100%, 0, 0)
}

.third-nav--is-open .slide-nav{
  transform:translate3d(-200%, 0, 0)
}

.slide-nav button{
  background-color:transparent;
  border:0;
  margin:0;
  padding: 10px 12px 10px 0px;
}

.slide-nav__link {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}


[data-type_header_capitalize=true] .slide-nav__link,[data-type_header_capitalize=true] .slide-nav__sublist-link{
  text-transform:uppercase
}

.slide-nav__link,.slide-nav__sublist-link{
text-align: left;
display:block;
width:100%;
transition:background 0.15s ease;
transition:var(--colorBtnPrimaryBgTransition);
text-align:center;
font-family: 'Quicksand';
letter-spacing: 1px;
color: var(--shopify-editor-setting-nav_color);
}


.slide-nav__link{
position:relative;
transition:opacity 0.5s ease;
text-align:left;
}

.sub-nav--is-open .slide-nav__link:not(.slide-nav__sublist-link){
opacity:0;
transition-delay:0.15s;
}

.slide-nav__sublist-link:not(.slide-nav__sublist-header){
text-align:left;
}

.slide-nav__sublist-header{
text-align:left;
padding-right:63px;
}

.slide-nav__item{
display:block;
width:100%;
margin:0
}

.slide-nav__item .icon{
  position:absolute;
  top:50%;
  left:50%;
  height:12px;
  width:10px;
  margin:-6px 0 0 -5px;
}

.slide-nav__return-btn{
position:relative;
padding:24px 12px 24px 0px!important;
vertical-align:middle;
}

.slide-nav__icon{
display:block;
position:absolute;
right:0;
top:0;
bottom:0;
padding-left:30px;
padding-right:30px;
pointer-events:none;
overflow:hidden;
}

.slide-nav__table{
display:table;
width:100%;
margin-bottom:20px;
}

.slide-nav__table-cell{
display:table-cell;
vertical-align:middle;
width:1%;
text-align:left;
white-space:normal;
}

.slide-nav__toggle-button{
padding:20px 15px;
}

.slide-nav__dropdown{
display:block;
visibility:hidden;
position:absolute;
z-index:8;
width:100%;
top:0;
right:-100%;
padding:15px 0 0;
margin:0;
opacity:0;
transition:all 1s ease 0.15s
}

.body--sticky-cart-open .slide-nav__dropdown{
  padding-bottom:15px
}

.slide-nav__dropdown.is-active{
  visibility:visible;
  opacity:1;
}

.slide-nav__dropdown .slide-nav__sublist-header{
  display:table-cell;
  vertical-align:middle;
}

.slide-nav__additional-text-wrapper {
  border-top: 1px solid #707070;
  padding-top: 20px;
  margin-top: 10px;
}

.slide-nav__additional-text-heading {
  font: normal normal 400 24px/35px Quicksand;
  text-transform: uppercase;
  color: #535353;
  text-align: center;
  letter-spacing: 0px;
  margin-top: 5px;
  margin-bottom: 5px!important;
}

.slide-nav__additional-text-paragraph {
  font: normal normal 400 16px/24px Quicksand;
  color: #535353;
  text-align: center;
}

.slide-nav__first-button {
  background: #C0E2EB 0% 0% no-repeat padding-box;
  text-transform: uppercase;
  text-align: center;
}

.slide-nav__second-button {
  border: 1px solid #707070;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
}

.slide-nav__additional-rating-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap:10px;
}

.slide-nav__additional-rating-stars {
  display: flex;
  align-items: center;
  justify-content: center;
}


.slide-nav__additional-rating-number { 
  margin-left: 10px;
  color: #535353;
}


.slide-nav__table {
  border-bottom: 1px solid #707070!important;
}


.slide-nav__wrapper {
  background: white;
  z-index:2000000;
  box-shadow: -20px 0px 0px 0px white, 20px 0px 0px 0px white;

}

.slide-nav__first-button, .slide-nav__second-button {
  padding-top: 10px;
  padding-bottom: 10px;
}

.scrolling-container {
  min-height: 100vh;
  min-width: 100vw;
  overflow-y: auto; 
}

.mobile-menu-containers-container {
  position: relative;
}

/*** End Mobile Navigation ***/

/*** Beginning USP Section on Homepage ***/

.usp-flex-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 0;
}

.usp-flex-item {
    display: flex;
    width: 24%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product_features_container_icon {
    padding-bottom: 25px;
}

.product_features_container_icon img {
    width: 135px;
    height: 135px;
}

.product_features_container_content {
    text-align: center;
}

.product-subheadline, .uvp-headline {
    font-family: Quicksand, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  line-height: 1.5;
  color: #333333;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 19px;
  margin: 0 auto 15px 0;
}

/* Media query for screens <= 798px */
@media screen and (max-width: 798px) {
    .product_features_container_icon img {
        max-width: none;
        width: 100px;
        height: 100px;
    }

    .product_features_container_icon {
        padding: 0;
        text-align: center;
        margin: auto;
    }

    .uvp-headline {
        font-size: 110% !important;
        text-align: center;
    }

    .product_features_container_content p:nth-child(2) {
        font-size: 13px !important;
        text-align: left;
    }

    .usp-flex-container {
        display: flex;
        flex-wrap: wrap;
    }

    .product_features_container_content {
        padding: 10px;
        text-align: center;
    }

    .usp-flex-item {
        flex-basis: 50%;
    }
}

/*** End USP Section on Homepage ***/

/*** Begin Reviews Styling ***/

.klaviyo-star-rating-widget {text-align:center;}


span.stamped-badge-caption::before {
    content: attr(data-rating) ' (' !important;
  }

  .stamped-badge-caption[data-reviews][data-label][data-version="2"] > span::after {
    content: ')' !important;
  }

  .stamped-badge[data-rating="0"],
  .stamped-badge[data-rating="0,0"],
  .stamped-badge[data-rating="0.0"] {
    display: none !important;
  }

  #stamped-main-widget .stamped-container[data-count="0"],
  #stamped-main-widget .stamped-container[data-count="1"],
  #stamped-main-widget .stamped-container[data-count="2"],
  #stamped-main-widget .stamped-container[data-count="3"],
  #stamped-main-widget .stamped-container[data-count="4"],
  #stamped-main-widget .stamped-container[data-count="5"],
  #stamped-main-widget .stamped-container[data-count="6"] {
    display: none !important;
  }

/*** End Reviews Styling ***/

/*** Hide Additional Checkout Buttons ***/

.additional-checkout-buttons {
    display:none;
}

/*** Product Swatches ***/

@media only screen and (max-width: 1279px) {
    .swatch label {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      text-align: left;
      padding: 10px 0px 0px 0px;
    }
  
    .flexbreak {
      flex-basis: 100%;
      height: 0;
    }
  
    .variantname {
      font-size: 16px;
      text-rendering: optimizeLegibility;
    }
  
    .swatch .swatch-element:nth-of-type(1) .variantname {
      flex-basis: 101px;
    }
  
    .boxprice,
    .boxprice .money {
      font-size: 16px;
      text-rendering: optimizeLegibility;
    }
  
    .swatchsavings,
    .swatchsavings .money {
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 10px;
      margin-bottom: 10px;
      margin-top: 0px;
      color: #7b3b47;
      text-rendering: optimizeLegibility;
    }
  
    .flexitem {
      width: 143px;
    }
  
    .swatch .swatch-element:nth-of-type(1) .flexitem {
      width: 122px;
    }
  
    .swatch_options input:checked+.swatch-element label {
      background-color: #b7e3ed;
    }
  
    .shippingpolicy {
      font-size: 12px;
      width: 100%;
      text-align: center;
      border-top: #e2e2e2 1px solid;
      letter-spacing: 1px;
      text-rendering: optimizeLegibility;
    }
  
    .swatch_options input:checked+.swatch-element label .shippingpolicy {
      background-color: #b4818c;
      color: #ffffff;
      border-top: none;
    }
  }
  
  @media only screen and (min-width: 1280px) {
    .flexbreak,
    .flexitem {
      display: none;
    }
  
    .swatch label {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 0px 0px 28px 0px;
      height: 208px;
    }
  
    .variantname {
      order: 2;
      font-size: 24px;
      text-rendering: optimizeLegibility;
    }
  
    .boxprice,
    .boxprice .money {
      font-size: 13px;
      text-rendering: optimizeLegibility;
    }
  
    .boxprice {
      order: 3;
    }
  
    .swatchsavings,
    .swatchsavings .money {
      letter-spacing: 1px;
      color: #7b3b47;
      text-rendering: optimizeLegibility;
    }
  
    .swatchsavings {
      order: 1;
    }
  
    .swatch_options input:checked+.swatch-element label {
      background-color: #b7e3ed;
    }
  
    .shippingpolicy {
      order: 0;
      display: inline-block;
      border-bottom: #e2e2e2 1px solid;
      letter-spacing: 1px;
      text-rendering: optimizeLegibility;
      line-height: 18px;
      padding: 8px 0px 8px 0px;
    }
  
    .swatch_options input:checked+.swatch-element label .shippingpolicy {
      background-color: #b4818c;
      color: #ffffff;
      border-bottom: none;
    }
  
    .swatch .threevariants {
      transition: transform 0.2s;
      flex-basis: 31.7%;
    }

    .swatch .fourvariants {
      transition: transform 0.2s;
      flex-basis: 21.7%;
    }
  }

  /*** Other Product Things ***/

  .deliverytimeestimate {
    margin-top: 0px;
    margin-bottom: 19px;
    border: #efefef 1px solid;
    padding: 4px 10px 4px 10px;
    background-color: #f9f9f9;
    font-size: 15px;
  }
  
  .product_section .modal_price {
    font-size: 24px;
  }

  .custom-priority-order__wrapper label {
    font-size: 14px;
  }
  
  .custom-priority-order__wrapper {
    margin-top: 30px;
    display: flex;
    align-items: baseline;
    gap: 15px;
  }
  
  input.checkbox-priority-order {
    transform: scale(1.6);
  }

/* Product page top review */



.product-text .metafield-multi_line_text_field {
  font-family: Quicksand, sans-serif;
  font-weight: 500;font-style: normal;
  text-transform: none;
  line-height: 1.5;color: #333333;
  display: block;letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 15.84px;
  margin: 0 auto 15px;
  clear: both;
  font-weight: 500;
  padding-top: 0px;}


.product-block.product-block--first .product-text .metafield-multi_line_text_field {font-family: Quicksand, sans-serif;
font-weight: 500;
font-style: normal;
text-transform: none;
line-height: 1.4;
color: #333333;
display: block;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
font-size: 24px;
margin: 0 auto 15px;
margin-bottom:0px;
clear: both;
font-weight: 500;
padding-top: 4px;}

.product_page_divider {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
  display: block;
  border: 0;
  border-color: #aaa;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.product_section .product_form, .product_section .contact-form {
  max-width: 600px;
}

/*** Other CSS from old theme ***/

.mega-menu__image-caption-link .image-element__wrap {
  max-width: 180px !important;
  margin-top: 15px;
}

/* Product Description Divider  */
.product_page_divider {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
  display: block;
  border: 0;
  border-color: #aaa;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/* Product Form  */
.product_section .product_form {
  max-width: 600px;
}

/* Multipack Swatches */
@media only screen and (max-width: 1279px) {
  .swatch label {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    text-align: left;
    padding: 10px 0px 0px 0px;
  }

  .flexbreak {
    flex-basis: 100%;
    height: 0;
  }

  .variantname {
    font-size: 16px;
    text-rendering: optimizeLegibility;
  }

  .swatch .swatch-element:nth-of-type(1) .variantname {
    flex-basis: 101px;
  }

  .boxprice,
  .boxprice .money {
    font-size: 16px;
    text-rendering: optimizeLegibility;
  }

  .swatchsavings,
  .swatchsavings .money {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #7b3b47;
    text-rendering: optimizeLegibility;
  }

  .flexitem {
    width: 143px;
  }

  .swatch .swatch-element:nth-of-type(1) .flexitem {
    width: 122px;
  }

  .swatch_options input:checked+.swatch-element label {
    background-color: #b7e3ed;
  }

  .shippingpolicy {
    font-size: 12px;
    width: 100%;
    text-align: center;
    border-top: #e2e2e2 1px solid;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
  }

  .swatch_options input:checked+.swatch-element label .shippingpolicy {
    background-color: #b4818c;
    color: #ffffff;
    border-top: none;
  }
}

@media only screen and (min-width: 1280px) {

  .flexbreak,
  .flexitem {
    display: none;
  }

  .swatch label {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 28px 0px;
    height: 208px;
  }

  .variantname {
    order: 2;
    font-size: 24px;
    text-rendering: optimizeLegibility;
  }

  .boxprice,
  .boxprice .money {
    font-size: 13px;
    text-rendering: optimizeLegibility;
  }

  .boxprice {
    order: 3
  }

  .swatchsavings,
  .swatchsavings .money {
    letter-spacing: 1px;
    color: #7b3b47;
    text-rendering: optimizeLegibility;
  }

  .swatchsavings {
    order: 1;
  }

  .swatch_options input:checked+.swatch-element label {
    background-color: #b7e3ed;
  }

  .shippingpolicy {
    order: 0;
    display: inline-block;
    border-bottom: #e2e2e2 1px solid;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    line-height: 18px;
    padding: 8px 0px 8px 0px;
  }

  .swatch_options input:checked+.swatch-element label .shippingpolicy {
    background-color: #b4818c;
    color: #ffffff;
    border-bottom: none;
  }

  
}

/* Mobile product title */
.mobile-product-title {
  font-family: Quicksand, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  line-height: 1.5;
  color: #333333;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 24px;
}

/* Product Accordion */
.product-accordion {
  background-color: #f9f9f9;
  padding: 25px 45px 25px 45px;
  margin: 55px 0px 55px 0px;
  border: #efefef 1px solid;
}

.accordion>dt>a:focus,
.accordion>dt>a:hover,
.accordion>dt>button:focus,
.accordion>dt>button:hover,
.faqAccordion>dt>a:focus,
.faqAccordion>dt>a:hover,
.faqAccordion>dt>button:focus,
.faqAccordion>dt>button:hover {
  background: none;
  border: none;
  border-bottom: 1px solid #333;
}

.accordion>dt>a,
.accordion>dt>button,
.faqAccordion>dt>a,
.faqAccordion>dt>button {
  border-bottom: 1px solid #333;
}

.accordion>dt>a::after,
.accordion>dt>button::after,
.faqAccordion>dt>a::after,
.faqAccordion>dt>button::after {
  transform: translateY(-50.1%);
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 25px;
  content: "+";
  color: #333;
}

.bottom-guarantee {
  padding: 20px 0px 0px 0px;
}

@media only screen and (max-width: 798px) {
  .product-accordion {
    padding: 0px 18px 0px 18px;
  }

  .bottom-guarantee {
    padding: 20px 20px 20px 20px;
  }

  [id*="1656508860c066b768"] .container .column,
  [id*="1656508860c066b768"] .container .columns {
    margin-left: 0px;
    margin-right: 0px;
  }

  [id*="1656508860c066b768"] .one-whole {
    width: 100%;
  }

  [id*="1656508860c066b768"] section {
    width: 100%;
  }

  #shopify-section-template--16117928558857__1658652281b8db1e29 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
  }
}

/* Product page top review */
.product-text .metafield-multi_line_text_field {
  font-family: Quicksand, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  line-height: 1.5;
  color: #333333;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 15.84px;
  margin: 0 auto 15px;
  clear: both;
  font-weight: 500;
  padding-top: 0px;
}

.product-block.product-block--first .product-text .metafield-multi_line_text_field {
  font-family: Quicksand, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  line-height: 1.4;
  color: #333333;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 24px;
  margin: 0 auto 15px;
  margin-bottom: 0px;
  clear: both;
  font-weight: 500;
  padding-top: 4px;
}

.product_section .description {
  margin: 25px 0px 25px 0px;
  order: 4;
}

/* Product price */
.product_section .product-block--price .modal_price .money {
  font-size: 24px;
}

.savings,
.savings .money {
  font-size: 16px !important;
}

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

  .product-text .metafield-multi_line_text_field,
  .product-block.product-block--first .product-text .metafield-multi_line_text_field {
    text-align: center;
  }

  .product__details {
    display: flex;
    flex-direction: column;
  }

  .product-block {
    order: 3;
  }

  .product-block--first {
    order: 2;
    margin-top: 19px !important;
  }

  .product-block--form {
    order: 1
  }

  .product-block--price {
    order: 0
  }

  .product_section .product-block--price .modal_price {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #shopify-section-template--16104091418889__1656508857ca0a277b .customdescriptioncolumn {
    margin-right: 0px;
    margin-left: 0px;
    justify-content: center;
    width: 100%;
  }

  #shopify-section-template--16104091418889__1656508857ca0a277b .customdescriptioncontainer {
    margin-right: 0px;
    margin-left: 0px;
    justify-content: center;
    width: 100%;
  }

  .flexorder-1 {
    order: 1;
  }

  .flexorder-2 {
    order: 2;
  }

  .product__details--product-page .product-block--description {
    margin-left: 7px;
    margin-right: 7px;
  }

  .product__details--product-page .product-block--text {
    margin-left: 7px;
    margin-right: 7px;
  }
}

/* ATC Button Style */
button.add_to_cart {
  box-shadow: 6px 8px 22px -2px rgb(0 0 0 / 74%);
}

@media only screen and (min-width: 799px) {
  #shopify-section-template--16104091418889__1656508857ca0a277b .customdescriptioncontainer .customdescriptioncolumn h2 {
    margin-top: 0px !important;
  }

  .product_section .description {
    max-width: 600px;
  }
}

/* Tabs - Nutrition facts */
.prod_tab_item {
  padding: 10px 0px 10px 0px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  display: flex;
}

.prod_tab_item p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #383838;
}

.prod_tab_ingredients {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.ingredient_item {
  display: flex;
  width: 33%;
  max-width: 380px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 8px 16px;
  margin: 0 0 4px;
}

.ingredient_item span {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  color: #383838;
}

.prod_tab_preparation_instr {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}

.prod_tab_preparation_instr_steps {
  display: flex;
  width: 100%;
  max-width: 435px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.prod_tab_preparation_instr_step {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 22px;
}

.prod_tab_preparation_instr_step p {
  font-style: normal;
  font-weight: 600;
  line-height: 140% !important;
  text-transform: capitalize;
  color: #383838;
  margin: 0px 8px 0px 0px
}

.prod_tab_preparation_instr_step span {
  font-style: normal;
  font-weight: normal;
  line-height: 140%;
  color: #383838;
}

.prod_tab_preparation_instr_notes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 580px;
}
}

.prod_tab_preparation_instr_notes p {
  font-style: normal;
  font-weight: normal;
  line-height: 140%;
  color: #383838;
}

.prod_tab_table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.prod_tab_table table {
  background: #FFFFFF;
  border-radius: 3px;
  width: 100%;
}

.prod_tab_table table th,
.prod_tab_table table td {
  text-align: center;
  vertical-align: middle;
  padding: 16px 0;
  border-bottom: 2px solid #F7F4F0;
  border-right: 2px solid #F7F4F0;
}

.prod_tab_table table th:last-child {
  border-right: 0;
}

.faqquestion {
  font-weight: 600;
}

.product-accordion .accordion>dd {
  margin-left: 0px;
}

@media only screen and (max-width: 798px) {
  .prod_tab_ingredients {
    flex-direction: column;
  }

  .ingredient_item {
    width: calc(100% - 0px);
  }

  .prod_tab_item p {
    line-height: 140%;
  }

  .prod_tab_preparation_instr {
    flex-direction: column;
  }

  .prod_tab_table table th,
  .prod_tab_table table td {
    font-size: 12px;
    line-height: 140%;
  }

  .product-accordion .accordion>dd {
    margin-right: 0px;
    margin-left: 0px;
  }

  .product-accordion .accordion>dd p {
    margin-right: 4px;
    margin-left: 0px;
  }

  .product-accordion .accordion>dt>a {
    width: 100%;
    margin: auto;
  }
}

/* Bottom product form */
.bottom-product-form .product_form {
  margin: auto;
}

.bottom-product-form .modal_price {
  justify-content: center;
}

@media only screen and (min-width: 799px) {
  .header__logo {
    margin-top: -50px;
    margin-bottom: -50px;
    z-index: 999;
    border: 5px white solid;
    background-color: white;
    border-radius: 50%;
  }

  .sticky_nav .header__logo {
    margin-top: 0px;
    margin-bottom: 0px;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sticky_nav .header__logo img {
    max-width: 70px !important;
    border: none;
  }
}

#header span.menu_title {
  font-size: 12px;
  padding-right: 0px;
  padding-left: 0px;
}

.menu a,
.menu a:visited {
  padding-right: 10px;
}

#header .cart_count {
  padding-right: 0px;
  padding-left: 0px;
}

#header .icon-search {
  padding-right: 0px;
}

.deliverytimeestimate {
  margin-top: 0px;
  margin-bottom: 19px;
  border: #efefef 1px solid;
  padding: 4px 10px 4px 10px;
  background-color: #f9f9f9;
  font-size: 15px;
}

.checkout_button button.add_to_cart {
  font-size: 14px !important;
}

.product-subheadline,
.uvp-headline {
  font-family: Quicksand, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  line-height: 1.5;
  color: #333333;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 19px;
  margin: 0 auto 15px 0;
}

.shopify-section--faq h2 {
  text-align: center !important;
  padding-bottom: 15px;
  display: block;
  border: 0;
  border-color: #aaaaaa;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.usp-flex-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 0px;
}

.usp-flex-item {
  display: flex;
  width: 24%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.product_features_container_icon {
  padding: 0px 0px 25px 0px;
}

.product_features_container_icon img {
  width: 135px;
  height: 135px;
}

@media screen and (max-width: 798px) {
  .product_features_container_icon img {
    max-width: none;
    width: 100px;
    height: 100px;
  }

  .product_features_container_icon {
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: auto;
  }

  .uvp-headline {
    font-size: 110% !important;
    text-align: center;
  }

  .product_features_container_content p:nth-child(2) {
    font-size: 13px !important;
    text-align: left;
  }

  .usp-flex-container {
    display: flex;
    flex-wrap: wrap;
  }

  .product_features_container_content {
    padding: 10px 10px 10px 10px;
    text-align: center;
  }

  .usp-flex-item {
    flex-basis: 50%;
  }
}

/*Blog Article
================================================== */
.blog-article__main .container {
  max-width: 700px;
}

/*Fix Blog Layout Issue on mobile*/
.article_content {
  word-wrap: break-word;
}

/*BLOG - Tabel OF Contents*/
.tableofcontents {
  background-color: #f9f9f9;
  margin-bottom: 45px;
  margin-top: 45px;
  border: solid 1px #e6e6e6;
  font-weight: 600;
}

.tableofcontents li {
  font-size: 16px;
}

@media only screen and (min-width: 799px) {
  .tableofcontents {
    padding: 45px 45px 30px 45px;
  }
}

@media only screen and (max-width: 798px) {
  .tableofcontents {
    padding: 25px 15px 10px 30px;
  }
}

.social_buttons {
  border-top: none;
}

@media only screen and (max-width: 1400px) {
  .homepagebanner .caption .headline {
    font-size: 33px;
  }
}

.bgs-row-app {
  width: 100%;
  float: left;
  display: inline-flex;
  margin-top: 4% !important;
  margin-bottom: 0% !important;
}

@media only screen and (max-width: 798px) {
  .bgs-row-app {
    margin-top: 25px !important;
  }
}

.collectionboxprice {
  font-size: 14px;
}

.mobile-mega-menu_block .image-element__wrap {
  display: none;
}

@media only screen and (max-width: 798px) {
  .shopify-section-wrapper {
    padding-top: 15px;
  }

  .mobile_logo {
    max-width: 65px;
  }

  .shopify-product-form {
    margin-bottom: 19px;
  }

  .product-subheadline {
    font-size: 16px;
  }
}

body.is-active #header {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.trustpilot-widget[data-template-id="53aa8807dec7e10d38f59f32"] {
  width: 130px;
  position: fixed !important;
  bottom: 0;
  right: 0;
  height: 90px;
  background-color: #ffffff;
  border: 5px solid #ffffff;
}

@media only screen and (max-width: 798px) {
  .mobile-search form {
    margin-top: 47px;
  }

  .trustpilot-widget[data-template-id="53aa8807dec7e10d38f59f32"] {
    width: 130px;
    width: 95px;
    position: fixed !important;
    bottom: 0;
    right: 0;
    height: 75px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
  }
}

@media only screen and (min-width: 799px) {
  #gorgias-chat-container iframe {
    margin-bottom: 10px !important
  }
}

.productbullets {
  display: none;
}

/** 
  #header {
    position: relative!important;}
 .mobile_nav-fixed--false.is-active #header .dropdown_container {position:fixed;top:89px!important;z-index:999;min-height:300px}**/
.header__logo {
  line-height: 0px;
}

.product-block .sold_out {
  font-size: 24px;
  padding: 15px 15px 15px 15px;
  display: block;
  clear: both;
  background-color: #c1848f;
  margin-top: -16px;
}

#header a.mobile_logo img {
  width: auto;
  max-width: 150px;
  max-height: 52px;
  /*EDIT*/
  background-color: #b7e3ed;
  /*EDIT*/
  padding: 2px;
  /*EDIT*/
  border-radius: 50%;
  /*EDIT*/
  margin-top: 16px;
  /*EDIT*/
}

.top-bar .mobile-menu-title,
#header .top-bar a span {
  font-size: 12px;
  height: auto;
  padding-left: 4px;
}

@media only screen and (max-width: 798px) {
  h1.product_name {
    margin-top: 15px;
    margin-bottom: 7px;
  }
}

/*EDIT*/
.top-bar .top-bar--right .cart-container {
  display: inline-block;
  margin-right: 15px;
}

#header .icon-search {
  padding-right: 14px;
}

.search__form input,
.search__form input:active,
.search__form input:focus {
  box-shadow: 6px 8px 22px -2px rgb(0 0 0 / 74%);
  /* EDIT */
}

/** Navigation Responsiveness **/
@media only screen and (min-width: 1131px) {
  .nav-desktop__tier-1 .nav-desktop__tier-1-link {
    white-space: nowrap;
    font-size: 13px;
  }
}

@media only screen and (min-width: 799px) and (max-width: 1130px) {

  div.header__logo,
  div.header__logo img,
  div.header__logo span,
  .sticky_nav .menu-position--block .header__logo {
    max-width: 95px !important;
  }

  .nav-desktop__tier-1 .nav-desktop__tier-1-link {
    display: block;
    padding: 12px 0;
    white-space: nowrap;
    font-size: 10px;
  }

  .nav-desktop__tier-2 .menu a,
  .nav-desktop__tier-2 .menu a:visited,
  .nav-desktop__tier-2 .menu a span,
  .nav-desktop__tier-2 select.currencies {
    font-size: 10px;
  }

  .nav-desktop__tier-2 .menu a,
  .nav-desktop__tier-2 .menu a:visited {
    padding-right: 0px;
    line-height: 1.3em;
  }

  .search-container {
    display: none;
  }

  .logo-position--center.search-enabled--true .nav--right {
    width: 45%;
  }

  .supportintopbar {
    font-size: 12px;
  }
}

/* Centered logo with inline menus (desktop): both menus get equal width so the logo sits in the
   middle, and the search icon is pinned to the right edge instead of taking flex space. The old
   widths (45% left, 45% - 220px right, styles.css) left the right menu ~120px too narrow at
   1280px: its items ran under the search icon and the logo sat ~60px right of center. */
@media only screen and (min-width: 1131px) {
  .main-nav.menu-position--inline.logo-position--center { position: relative; }
  .main-nav.menu-position--inline.logo-position--center .nav--left,
  .main-nav.menu-position--inline.logo-position--center .nav--right { flex: 1 1 0; width: auto; min-width: 0; }
  .main-nav.menu-position--inline.logo-position--center.search-enabled--true .nav--left { padding-left: 32px; }
  .main-nav.menu-position--inline.logo-position--center.search-enabled--true .nav--right { padding-right: 32px; }
  .main-nav.menu-position--inline.logo-position--center .search-container { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
}
/* Laptop widths: slightly smaller menu text so both menus fit their half. */
@media only screen and (min-width: 1131px) and (max-width: 1299px) {
  .main-nav.menu-position--inline.logo-position--center .nav-desktop__tier-1 { column-gap: 8px; }
  .main-nav.menu-position--inline.logo-position--center .nav-desktop__tier-1 .nav-desktop__tier-1-link { font-size: 12px; letter-spacing: 0.5px; }
}

/** END OF Navigation Responsiveness**/
.nav-desktop__tier-2 .dropdown_title li a {
  font-weight: 600;
}

/** Home Page Banner Repsonvieness **/
@media only screen and (min-width: 799px) and (max-width: 1130px) {
  .homepagebanner .caption .headline {
    font-size: 22px;
  }

  .homepagebanner .caption .subtitle {
    font-size: 16px;
  }
}

/** Stamped Review Stars for mobile **/
@media only screen and (max-width: 798px) {
  .stamped-badge-caption {
    font-size: 13px;
  }

  .fa-star-half-o:before,
  .fa-star-o:before,
  .fa-star:before,
  .stamped-fa-star-half-o:before,
  .stamped-fa-star-o:before,
  .stamped-fa-star:before {
    font-size: 13px;
  }
}

/** Shipping Page **/
.uspsymbolsshipping .image-element__wrap {
  width: 200px;
}

@media only screen and (min-width: 799px) {
  .uspsymbolsshipping .container .one-half:nth-child(1) {
    width: calc(20% - 20px)
  }

  .uspsymbolsshipping .container .one-half:nth-child(2) {
    width: calc(80% - 20px)
  }
}

/** Announcement Bar **/
.promo-banner__content p {
  font-size: 12px !important;
  line-height: 1.2;
}

@media only screen and (min-width: 799px) {
  .promo-banner__content p {
    font-size: 14px !important;
    line-height: 1.2;
  }
}

.tooltip1 {
  display: inline-block;
}

.tooltip1 .tooltiptext1 {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  top: 120%;
  left: 0%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.tooltip1 .tooltiptext1::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 12%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip1:hover .tooltiptext1 {
  visibility: visible;
}

/*custom styles */
div.custom-shipping b {
  font-weight: bolder;
}

div.custom-shipping svg {
  overflow: hidden;
  vertical-align: middle;
}

@media all {

  div.custom-shipping *,
  div.custom-shipping *:before,
  div.custom-shipping *:after {
    box-sizing: border-box;
  }

  div.custom-shipping *:focus {
    outline: none;
  }

  div.custom-shipping svg {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    font-size: 16px;
    fill: currentColor;
  }

  div.custom-shipping svg:not(:root) {
    overflow: hidden;
  }

  div.custom-shipping ::-webkit-input-placeholder {
    font-size: var(--g-font-size);
    color: #193a43;
    opacity: 0.6;
  }

  div.custom-shipping :-moz-placeholder {
    font-size: var(--g-font-size);
    color: #193a43;
    opacity: 0.6;
  }

  div.custom-shipping :-ms-input-placeholder {
    font-size: var(--g-font-size);
    color: #193a43;
    opacity: 0.6;
  }

  div.custom-shipping ::-ms-input-placeholder {
    font-size: var(--g-font-size);
    color: #193a43;
    opacity: 0.6;
    opacity: 1;
  }

  div.custom-shipping .js-free-shipping {
    border: #efefef 1px solid;
    position: relative;
    height: 30px;
    margin: 0 0 15px;
    background: #f9f9f9;
    border-radius: 0;
    font-size: val(--g-font-size);
  }

  div.custom-shipping .free-shipping-content {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 30px;
    color: #333333;
    font-weight: 700;
    left: 0;
  }

  div.custom-shipping .free-shipping-content [class^=svg-] {
    margin: -2px 10px 0 0;
  }

  div.custom-shipping .progress {
    overflow: visible !important;
  }
}

@media all {
  div.custom-shipping .cls-2 {
    opacity: 0.2;
  }

  div.custom-shipping .cls-3 {
    opacity: 0.35;
  }
}

@media all {
  div.custom-shipping .cls-2 {
    opacity: 0.2;
  }

  div.custom-shipping .cls-3 {
    opacity: 0.35;
  }
}

div.custom-shipping .tooltip1 {
  display: inline-block;
}

div.custom-shipping .tooltip1 .tooltiptext1 {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  top: 120%;
  left: 0%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

div.custom-shipping .tooltip1 .tooltiptext1::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 12%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

div.custom-shipping .tooltip1:hover .tooltiptext1 {
  visibility: visible;
}

@media all {
  div.custom-shipping .cls-2 {
    opacity: 0.6;
  }

  div.custom-shipping .cls-3 {
    fill: #567458;
  }
}

@media all {
  div.custom-shipping .cls-2 {
    opacity: 0.2;
  }

  div.custom-shipping .cls-3 {
    opacity: 0.35;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width .6s ease;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

.js-free-shipping .progress-bar {
  background-color: #8ee0f2;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none
  }
}

@media only screen and (min-width: 799px) {
  .mega-menu__image-caption-link {
    text-align: center;
    margin-bottom: 10px;
    height: 140px;
  }
}

.custom-priority-order__wrapper {
  -webkit-animation: 1s ease 0s normal forwards 1 fadein;
  animation: 1s ease 0s normal forwards 1 fadein;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  66% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  66% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.custom-priority-order__wrapper label {
  font-size: 14px;
}

.custom-priority-order__wrapper {
  margin-top: 30px;
  display: flex;
  align-items: baseline;
  gap: 15px;
}

input.checkbox-priority-order {
  scale: 1.6;
}

.load-more a {
  border-color: #8ee0f2;
  background-color: #8ee0f2;
  color: #333333;
}

.customdescriptioncontainer a:link,
.section-wrapper--page a:link,
collection_description a:link,
.blog-article__main .article_content a:link {
  text-decoration: underline;
}

body.cart .main-nav {
  justify-content: normal;
}

.one-fifth.column.medium-down.one-whole:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 798px) {
  .promo-banner {
  
    min-height: 30px !important;
  }
}
.promo-banner {
  transition: background-color 0.3s ease!important;
  background-color: rgb(193, 132, 143);
  
}

.promo-banner:hover {
  cursor:pointer;
  background-color: rgb(150, 50, 75);
}

/*** New text and video section for product page ***/

@media screen and (max-width: 798px) {
  .text-video-container {
    flex-direction: column;
  }

  .text-video-column {
    width: 100%;
    margin: 0 auto;
  }

  .video__text-wrapper {
    display:flex;
    justify-content: center
  }
}


.video__text-container {
  display:flex;
  justify-content: center
}

.babyfood-filter {
  display:flex;
  margin-top: 100px;
  margin-bottom: 100px;
  justify-content: center;
  max-width: 1100px;
  justify-content: center;
  align-items: end;

  .one-fifth {
    width:20%;
    display:flex;
    justify-content: center;
    align-items: center;
  }

  .one-whole {
    width:100%;
    height: 80px;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
  }

  .double-height {
    height: 200px!important;
  }

  .half-height {
    display:flex;
    height: 50%;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .third-height {
    display:flex;
    height: 33%;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
  }

  .one-quarter {
    width: 23%;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }

  .column {
    display:flex;
    flex-direction: column;
    background: skyblue !important;
  }

  .filter-row {
    display: flex;
    flex-direction: row;
    height: 80px;
    gap: 20px;
  }



  .filter-row-half-height {
    height: 90px;
  }

  .half-height {
    height: 50px;
    border-radius: 5px;
  }

  .filter-headings {
    font-family: 'Quicksand';
    font-weight: 700;
    font-size: 22px;
    display: flex;
    align-items: end;
  }

  .age-heading {
      font-family: 'Quicksand';
      font-weight: 700;
      font-size: 22px;
      height: 100px;
      justify-content: center;
      display: flex;
      align-items: end;
    }

  .age-group {
    display:flex;
    align-items: center;
    justify-content: center;
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 22px;
    height: 80px;
    background-color: lightgray;
    border-radius: 5px;
  }

  .filter-text {
    font-family: 'Quicksand';
    font-weight: 500;
    text-align: center;
  }

  .month-section {
    width: 10%;
    gap: 20px;
    display: flex;
    flex-direction: column;
  }

  .content-section {
    width: 80%;
    gap: 20px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
  }

  a {
    color: #151515;
  }

}

@media (max-width: 768px) {
  .babyfood-filter {
      display:none;
  }
  }

  @media (min-width: 768px) {
    .babyfood-filter-mobile {
        display:none;
    }
    }

.babyfood-filter-mobile {
  margin-top: 32px;
}

.filter-tab-container {
  display:flex;
  flex-direction: column;
}

.filter-tab-row {
  display:flex;
  height: 25%;
  margin-bottom: 16px;
}

.filter-col-one-quarter {
  width: 25%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

.filter-col-three-quarters {
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 24px;
  width: 75%;
  gap: 8px;
}

.gray {
  background:lightgray;
}

.lightgray {
  background: whitesmoke;
}

.blue {
  background: #C1D0E7
}

.teal {
  background: #C7E0DA;
}

.green {
  background: #DAECCD;
}

.pink {
  background: #F7CFCE;
}

.yellow {
  background: #FDF2C2;
}


.half-height {
  display:flex;
  height: 50%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius:5px;
}

.third-height {
  display:flex;
  height: 33%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius:5px;
}

.full-height {
  display:flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius:5px;
}

  .filter-text {
    font-family: 'Quicksand';
    font-weight: 600;
  }

  .filter-headings {
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 16px;
    text-align: center;
  }

   .product-wrap:after {
    position: absolute; /* Position absolutely inside the parent */
    top: 50%; /* Move the element 50% down from the top of the parent */
    left: 50%; /* Move the element 50% from the left of the parent */
    transform: translate(-50%, -50%); /* Adjust to center using transform */
    max-width: 100px;
    background-color: var(--overlay-color);
    color: black;
    content: var(--overlay-content);
    font-family: 'Quicksand';
    padding-left: 2px;
    padding-right: 2px;
  } 

  .product-image-tag {
    display: none;
  }

body.collection-organic-baby-food {

  .product-image-tag {
    display: block;
  }

  
  .title {
    padding-top: 24px;
    letter-spacing: 0;
  }


  .collection-heading {
    text-align: left;
    font: normal normal 500 40px/50px Quicksand;
    letter-spacing: 0px;
    color: #151515;
    margin-top: 40px;
  }

  .collection-description {
    font: normal normal medium 22px/28px Quicksand;
    letter-spacing: 0px;
    color: #212121;
  }

  .product-list .thumbnail img {
    margin-bottom: 16px;
  }
  }

.uwy {
  z-index: 2!important;
}

.product-image-tag {
    margin-top: -18px!important;
    max-width: fit-content;
    background-color: var(--overlay-color);
    color: black;
    content: var(--overlay-content);
    font-family: 'Quicksand';
    margin: 0 auto;
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 14px;
} 

.product-list .thumbnail {
  margin-bottom: 48px;
}

.babyfood-filter-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar-block--first {
  a {
    font-size: 14px!important;
    font-weight: 500!important;
    background: #5CB9CD!important;
    color: white!important;
  }

}

.faceted-filter-group-display__header-clear {
  color: #5CB9CD!important;
}

.faceted-filter-group-display__list-item-input:checked~.faceted-filter-group-display__checkmark {
  background: #5CB9CD!important;
}

.faceted-filter-form .x-icon:before {
  font-size: 20px;
}

.babyfood-filter-mobile-heading {
  font-weight: 700;
}


/*** Only on mobile ***/

@media (max-width: 768px) {
  .product-details {
  .title {
    padding-top: 12px;
    letter-spacing: 0;
  }
  .product-list .thumbnail img {
    margin-bottom: 0;
  }

  .product-image-tag {
    font-size: 14px;
  }

}

.section.is-width-wide {
  margin: auto;
}

  }

  @media (min-width: 768px) {
    .babyfood-filter-mobile-heading {
        display:none;
    }
    }

.one-quarter:hover {
  filter: saturate(150%);
}

.half-height:hover {
  filter: saturate(150%);
}

.third-height:hover {
  filter: saturate(150%);
}

.filterCollection:hover {
  cursor:pointer;
}

.pink:hover {
  cursor:pointer;
}

.age-group:hover {
  background: darkgrey;
  cursor: pointer;
}

.no-hover {
  cursor:default!important;
  background: lightgray!important;
}

.collection_description {max-width:700px!important;}



/*** Sign Up Page Customs ***/

@media screen and (min-width: 799px) {


.video-container-signup {
  flex-basis: 50%; text-align: center; background-color:#99d4e2; display: flex; justify-content: center; align-items: flex-end; height: 100%;}

.video-container-signup video {max-width: 85%; width: 100%; border-radius: 200px 200px 0px 0px;}


.form-container-signup {flex-basis:40%;}

}

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

.video-container-signup {
  flex-basis: 100%; text-align: center; background-color:#99d4e2; display: flex; justify-content: center; align-items: flex-end; }

.video-container-signup video {max-width: 100%; width: 100%; border-radius: 200px 200px 0px 0px;}


.form-container-signup {flex-basis:100%;}
}







  
/*** Product image hover magnifier lens ***/

.zoom-container {
  position: relative;
  display: block;
  cursor: zoom-in;
}

.zoom-lens {
  position: absolute;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3), inset 0 0 6px rgba(0, 0, 0, 0.15);
  background-repeat: no-repeat;
  background-color: #ffffff;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 3;
}

.zoom-lens.is-visible {
  opacity: 1;
}

/* Mega menu promo as the Ask Organics Best AI card (snippets/ob-ai-menu-card.liquid via mega-menu.liquid). */
.mega-menu__additional-text-wrapper.mega-menu__ai-promo { margin: 0 0 0 auto; padding: 30px 20px 32px; width: 100%; max-width: 360px; min-width: 300px; }
/* With the AI card the link columns take all the width left of the card (the theme's default
   splits the panel into two equal halves, which squeezed the brand columns and wrapped the links). */
.mega-menu.mega-menu--ai { grid-template-columns: minmax(0, 1fr) auto; }
.mega-menu.mega-menu--ai .mega-menu__ai-promo { margin-left: 24px; }