/** Shopify CDN: Minification failed

Line 1467:20 Expected identifier but found whitespace
Line 1467:21 Unexpected "0.3s"
Line 1564:12 Expected identifier but found whitespace
Line 1564:14 Unexpected "{"
Line 1564:23 Expected ":"
Line 1564:50 Expected ":"
Line 1567:2 Unexpected "{"
Line 1567:3 Expected identifier but found "%"
Line 1568:4 Unexpected "{"
Line 1568:5 Expected identifier but found "%"
... and 18 more hidden warnings

**/


/* CSS from section stylesheet tags */
p{
  line-height: 26px !important;
}
  
  #shopify-section-about-content {
    display: grid;
    margin-block: calc(0.75rem + 1vw);
    gap: calc(0.75rem + 1vw);;    
  }
 
  .about-image.image_inline {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .about-image.image_inline img {
    width: 80%;
    height: auto;
    max-width: 300px;
  }
  
  .about-image.image_full_width img, .about-image_and_text-image {
    /* border: var(--clr-red) calc(0.1rem + 0.4vw) solid; */
    padding: 1rem;
  /*   aspect-ratio: 1/1; */
    width: 100%;
    height: auto;
    margin-inline: auto;
  }
  .about-image.image_full_width, .about-image.image_wide {
    width: 100%;
    text-align: center;
  }
  .about-image.image_wide img{
    width: 80%;
    margin: auto;
    height: auto;
  }
  
  
  .about-image_and_text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .desktop_only{
    display: block !important;
  }
  .mobile_only{
    display: none !important;
  }

  .about-divider img{
    width: 100%;
    height: auto;
  }

@media only screen and (max-width: 767px) {
  .desktop_only{
    display: none !important;
  }
  .mobile_only{
    display: block !important;
  }
   .about-image.image_wide img{
    max-width: 280px;
  }  

.about-image.image_inline img {
    width: auto;
 
}
.about-image.mobile_only img{
  max-width: 280px;
}
}

  
  @media screen and (max-width: 500px) {
    .about-image_and_text {
      grid-template-columns: 1fr;
    }
  }
  .about-image_and_text-image {
    height: auto;
    max-width: 500px;
    width: 100%;
  /*   object-fit: cover; */
  }
  .about-image_and_text-text h3{
    text-align: center;
  }
  .about-image_and_text-text img {
    width: 100%;
    max-width: 90%;
    height: auto;
  }
  
  .about-heading {
    font-size: min(2.5rem, calc(1.2rem + 2vw));
    text-align: center;
    margin: 0;
    line-height: 1.5em; 
  }
  
  
  .about-heading::before, .about-heading::after {
    content: '';
    background: url('/cdn/shop/t/16/assets/redflourish.png?v=1670945433');
    display: block;
    height: 0.25em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0.5em;
  }
  
    
  .in-line-bottle-yes {
    --in-line-bottle-height: min(646px, calc(13rem + 8vw)); 
    --in-line-bottle-width: min(441px, calc(.47 * var(--in-line-bottle-height)));
      --in-line-bottle-bottom-overlap: calc(-0.1 * var(--in-line-bottle-height));
    position: relative;
    padding-right: var(--in-line-bottle-width);
    margin-bottom: 55px;
  }
  
  .in-line-bottle-yes::after {
    content: '';
    background: url('/cdn/shop/files/TitleSlide3_430x.png?v=1712843345');

    position: absolute;
    rotate: 0deg;
    height: var(--in-line-bottle-height);
    width: var(--in-line-bottle-width);
    background-size: contain;
    background-repeat: no-repeat;
   right: -3em;
    bottom: var(--in-line-bottle-bottom-overlap);
    scale: 1.3;
  }

@media only screen and (max-width: 767px) {
  .in-line-bottle-yes::after {
    right: -2em;
    bottom: 2em;
  }

  .in-line-bottle-yes {
    --in-line-bottle-height: min(566px, calc(14rem + 15vw));
    /* --in-line-bottle-width: min(381px, calc(.45* var(--in-line-bottle-height))); */
    --in-line-bottle-bottom-overlap: calc(-0.08* var(--in-line-bottle-height));
  }

}
.about--hero {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(3rem + 3vw);
    aspect-ratio: 1942 / 989;
    background-position: center;
  /*   background-position: 31% 24%; */
  /*   background-size: cover; */
  }
  .about--hero img {
    width: 100%;
    max-width: 400px;
    height: auto;
  }
.more-blog-posts-in-category-heading {
    font-family: var(--font-heading);
    color: var(--clr-red);
    text-transform: uppercase;
  }
  .more-blog-posts-in-category, .more-blog-posts-in-category li {
    list-style-type: none !important; /* Remove bullets */
    padding: 5px 0px; /* Remove padding */
    margin: 0; /* Remove margins */
  }
  .more-blog-posts-in-category a {
    color: var(--clr-blue);
    font-weight: bold;
  }
  #shopify-section-article-pagination{
    padding: 15px;
  }
  .pagination-btn{
    background: transparent;
    border: 0px;
    font-size: 2rem;
    font-family: var(--font-heading); 
    color: var(--clr-blue);
  }
/* BEEKEEPERS KEEPER */

  .beekeepers-section {
    background-image: url('/cdn/shop/files/beekeepers-keeper-desktop-compressed.webp?v=1727809126');
    background-size: cover;
    aspect-ratio: 2/1;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fdf7e7;
    position: relative;
  }

  .beekeepers-inner {
    max-width: 600px;
    width: 90%;
    margin-inline: auto;
    color: var(--clr-green);
    text-align: center;
  }

  .beekeepers-title {
    margin: 0;
    padding-top: 75px;
    text-align: center;
    display: flex;
    flex-direction: column;
  }

  .beekeepers-title span {
    display: block;
    line-height: 1em !important;
  }

  .beekeepers-title span:nth-child(1) {
    font-size: 3rem;
    font-weight: 100;
    letter-spacing: 0.25em;
    font-family: var(--font-heading);
  }

  .beekeepers-title span:nth-child(2) {
    font-size: 6rem;
    font-weight: 300;
    font-family: var(--font-decorative-two);
  }

  .beekeepers-title span:nth-child(3) {
    font-size: 4rem;
    font-weight: 100;
    line-height: 1.5em !important;
    font-family: var(--font-decorative);
  }

  p.beekeepers-body {
    margin: 0;
    font-size: 1rem;
  }

  img.organic-hive-mobile {
    display: none;
  }

  img.organic-hive-desktop {
    position: absolute;
    width: 12.5%;
    left: 10%;
    top: 9%;
  }

  img.sustainably-sourced-logo {
    position: absolute;
    top: 20%;
    right: 20%;
    width: 8%;
  }

  .beekeepers-tag {
    position: absolute;
    bottom: 5%;
    right: -2%;
    width: 15%;
    height: auto;
  }

  .ornaic-hive-bee {
    position: absolute;
    top: 10%;
    width: 26%;
    right: -6%;
    transition: all 0.2s ease;
  }

  @media (max-width: 1536px) {
    .beekeepers-title {
      padding-top: 50px;
    }

    .beekeepers-title span:nth-child(1) {
      font-size: calc(3rem*0.85);
    }

    .beekeepers-title span:nth-child(2) {
      font-size: calc(6rem*0.85);
    }

    .beekeepers-title span:nth-child(3) {
      font-size: calc(4rem*0.85);
    }
  }

  @media (max-width: 1280px) {
    .beekeepers-title {
      padding-top: 3.5vw;
    }

    .beekeepers-title span:nth-child(1) {
      font-size: calc(3rem*0.5);
    }

    .beekeepers-title span:nth-child(2) {
      font-size: calc(6rem*0.5);
    }

    .beekeepers-title span:nth-child(3) {
      font-size: calc(4rem*0.5);
    }

    img.sustainably-sourced-logo {
      top: 15%;
      right: 15%;
    }

    .ornaic-hive-bee {
      right: -13%;
    }
  }

  @media (max-width: 1024px) {
    .beekeepers-inner {
      width: 50%;
    }

    p.beekeepers-body {
      font-size: 0.9rem;
    }

    .beekeepers-inner a.learn-btn {
      margin-block: 0.6rem !important;
    }
  }

  @media (max-width: 900px) {
    .beekeepers-title span:nth-child(1) {
      font-size: calc(3rem*0.4);
    }

    .beekeepers-title span:nth-child(2) {
      font-size: calc(6rem*0.4);
    }

    .beekeepers-title span:nth-child(3) {
      font-size: calc(4rem*0.4);
    }

    p.beekeepers-body {
      font-size: 0.65rem;
      line-height: 15px !important;
    }

    img.sustainably-sourced-logo {
      width: 10%;
    }
  }

  @media (max-width: 767px) {
    .beekeepers-title span:nth-child(1) {
      font-size: calc(3rem*0.3);
    }

    .beekeepers-title span:nth-child(2) {
      font-size: calc(6rem*0.3);
    }

    .beekeepers-title span:nth-child(3) {
      font-size: calc(4rem*0.3);
    }

    .beekeepers-inner a.learn-btn {
      margin-block: 0.5rem 0 !important;
      font-size: 0.75rem;
      padding: 4px 24px !important;
    }
  }

  @media (max-width: 600px) {
    img.organic-hive-desktop {
      width: 10%;
      left: 5%;
    }

    img.sustainably-sourced-logo {
      top: 10%;
      right: 5%;
    }

    .beekeepers-inner {
      width: 75%;
    }

    p.beekeepers-body {
      font-size: 0.55rem;
      line-height: 12px !important;
    }

    .ornaic-hive-bee {
      top: 2%;
      width: 20%;
      right: -13%;
    }
  }

  @media (max-width: 520px) {
    .beekeepers-section {
      background-image: url('/cdn/shop/files/beekeepers-keeper-mobile.webp?v=1727809126');
      aspect-ratio: 4/7;
    }

    img.organic-hive-desktop {
      display: none;
    }

    img.organic-hive-mobile {
      display: none;
      margin: 15px auto;
    }

    img.sustainably-sourced-logo {
      position: absolute;
      top: 25%;
      right: 10%;
      width: 12.5%;
    }

    .beekeepers-tag {
      width: 45%;
    }

    .beekeepers-inner {
      position: absolute;
      top: 10% !important;
      width: 75% !important;
      margin-inline: 12.5% !important;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
    }

    .beekeepers-title span:nth-child(1) {
      font-size: calc(3rem*0.65);
    }

    .beekeepers-title span:nth-child(2) {
      font-size: calc(6rem*0.65);
    }

    .beekeepers-title span:nth-child(3) {
      font-size: calc(4rem*0.65);
    }

    p.beekeepers-body {
      margin: revert;
      font-size: 20px;
      font-weight: 500;
      line-height: 26px !important;
    }

    .beekeepers-inner a.learn-btn {
      margin-block: revert;
      font-size: revert;
      padding: revert;
    }

  }

  @media (max-width: 450px) {
    img.sustainably-sourced-logo {
      top: 22.5%;
      right: 7.5%;
    }

    .beekeepers-inner {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
    }

    .beekeepers-title span:nth-child(1) {
      font-size: calc(3rem*0.5);
    }

    .beekeepers-title span:nth-child(2) {
      font-size: calc(6rem*0.5);
    }

    .beekeepers-title span:nth-child(3) {
      font-size: calc(4rem*0.5);
    }

    .ornaic-hive-bee {
      position: absolute;
      top: 19%;
      width: 30%;
      right: -20%;
    }
  }

  @media (max-width: 400px) {
    img.sustainably-sourced-logo {
      top: 22.5%;
    }

    p.beekeepers-body {
      font-size: 16px;
    }
  }
.pagination {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 12px;
    font-size: 20px;
    color: #e74f3d;
  }

  .pagination a{
    color: #003e52;
  }
  
  #main{
    z-index: unset !important;
  }
  #sign-up-modal{
    z-index: 1000000 !important;
  }
  #shopify-section-header{
    z-index: 1000000 !important;
  }
  #blog_posts{
    margin-top: 0px;
  }
  .blog-archive-header{
    overflow: hidden;
  }
  .blog-archive-title{
    color: #003D50;
    font-size: 4em;
    margin: 75px auto;
    text-align: center;
    font-family: var(--font-heading);
  }
  .blog-flowers{
    position: absolute;
    width: 15%;
    z-index: 2;
    overflow: hidden;
  }
  .blog-flowers.blog-flowers-left{
    top: 0%;
    left: -2%;
    width: 10%;
  }
  .blog-flowers.blog-flowers-right{
    top: 0%;
    right: -5%;
  }
  .blog-archive-title span{
    -webkit-text-stroke-width: 1px;
    color: #E74F3D;
    font-family: var(--font-decorative);
    
  }

  .top-nav{
    display: flex;
    row-gap: 20px;
    column-gap: 60px;
    width: 90%;
    margin: 0px 5%;
    align-items: center;
  }
  
  #blog_posts .col-nav{
     flex-grow: 6;
  }

  #blog_posts .col-nav li, #blog_posts .col-nav li a{
     color: var(--clr-blue);
  } 
  
  #top-search-wrapper{
    flex-grow: 1;
    position: initial;
    height: 40px !important;
    margin-bottom: 15px;
  }

  #search-page-form{
    position: relative;
  }

  #search_text{
    margin: 0px;
    width: 100%;
    padding: 0px 15px !important;
    border-radius: 30px;
    border: 2px solid #003E52 !important;
    height: 40px !important
  }

  .search_bar--controls{ 
    top: -12px !important;
    right: 15px !important;
  }

  #search_submit{
    color: black;

  }
  .blog-sign-up .sign-up-content{
    margin-bottom: 0rem !important;
  }
  .sign-up{
    margin: 25px 0px;
  }
  .sign-up-content-inner div{
    margin: 0px !important;
  }

  @media (min-width: 1024px){
    #blog_posts .col-nav{
      border-bottom: 0px !important;
    }
    #blog_posts .col-nav li.selected{
      color: #E74F3D !important;
    }
  }
  @media (max-width: 1024px){
    .blog-archive-title{
      font-size: 2em;
      margin: 25px auto -0px;
    }
    .top-nav{
      flex-direction: column;
    }
    #top-search-wrapper{
      width: 100%;
      height: 60px;
      margin-left: 2px;
    }
      #blog_posts ul.col-nav {
      margin: 20px 10%;
    }
    #search_text{
      width: 80% !important;
      margin: 0px 10% !important;
    }
    .search_bar--controls{
      right: 10% !important;
    }
  }

.top-post{
  display: flex;
}

.top-post > div{
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
  border-radius: 0px;
}

.top-post .article-info {
  width: 40%;
  margin: 0px 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top-post .article-info h2, .top-post .article-info h3{
  font-size: 2em;
}

.top-post .article-info .blog--excerpt{
  font-size: 1.25em;
}

.blog-title-wrapper h2{
  font-family: var(--font-heading);
  font-weight: 400;
  margin: 0px;
}
.blog-title-wrapper h2 a {
  color: var(--clr-blue);
}

.blog-title-wrapper h3{
  font-family: var(--font-body);
  font-weight: 600;
  text-transform: uppercase;
  color: #E74F3D;
  margin: 0px;
}

li .article-info {
  margin-top: 25px;
}

.blogs-archive-grid {
  gap: 0 !important;
}

.blog-main ul li {
  list-style-type: none;
  padding: 0rem 1.5rem; 
}

.blog-main ul li:nth-child(3n+2){
  border-left: 1px solid #7C7C7C;
  border-right: 1px solid #7C7C7C; 
}
  

@media (max-width: 1024px){
  .top-post{
    margin-top: 25px;
    flex-direction: column;  
  }
  
  .top-post > div{
    width: 100%;
  }
  
  .top-post .article-info {
    width: 80%;
    margin: 25px 10% 0px;
  }

  .blog-main ul li{
    padding: 0rem 1.5rem;
    margin-bottom: 0px;
  }

  .blog-main ul li{
    border-left: 0px !important;
    border-right: 0px !important; 
  }

  .blog-main ul li .article-info {
    margin: 25px 5% 25px;
    border-bottom: 1px solid #7C7C7C;
  }
      
  .blogs-archive-grid {
    grid-template-columns: 11fr;
    gap: 0rem;
  }

  .blogs-archive-grid img{
    width: 100%;
  }
}

  #blog_posts .article-image img{
    height: clamp(12rem,10vw,20rem);
    object-fit: cover; 
  }

  @media screen and (max-width: 1024px){
    #blog_posts .article-image img{ 
        height: 50vw;
        max-width: 80% !important;
    }
  }

  @media screen and (max-width: 728px){
    #blog_posts .article-image img{ 
        max-width: 100% !important; 
    }
  }

  div#main{
    overflow: hidden;
  }
.product-collection-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center !important;

    padding-inline: calc(1rem + 5vw);
    padding-top: calc(1rem + 3vw);
    padding-bottom: calc(1rem + 3vw);
    
    /* background-image: url('/cdn/shop/files/local-hive-honey-hot-sauce-product-page-banner-desktop_af4e55e4-fb09-4305-ac6a-76157d827427.gif?v=1725048113'); */
    background-image: url('/cdn/shop/files/local-hive-product-page-banner.jpg?v=1728587639');
    background-size: cover;
    background-position: 37% center;
    position: relative;

    aspect-ratio: 3.3 / 1;
  }
  .product-collection-hero-content {
    display: flex;
    display:none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  /* .product-collection-hero::before,
  .product-collection-hero::after {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: calc(2rem + 18vw);
    height: calc(2rem + 18vw);
    max-width: 500px;
    overflow: hidden;
  }
  
  .product-collection-hero::before {
    content: '';
    background-image: url('/cdn/shop/files/calilaunch-sunset.png?v=1699472274');
    /* left: calc(-1rem - 5vw);
    bottom: calc(0.5rem - 3vw); *
    left: calc(2rem + 14vw);
    bottom: calc(2rem - 5vw);
    scale: 3;       
  }
  .product-collection-hero::after {
    content: '';
    background-image: url('/cdn/shop/files/cali-bottle.png?v=1699544492');
    right: calc(2rem - 4vw);
    bottom: calc(2rem + 6vw);
    scale: 2.1;
  } */
  
  .product-collection-hero h2 {
    font-family: var(--font-decorative);
    margin: 0;
    z-index: 1;
  }
  .product-collection-hero h2 img {
    max-width: 300px;
    width: 100%;
    max-height: 200px;
}

  .product-collection-hero .learn-btn {
    z-index: 1;
  }
  
  @media screen and (max-width: 500px) {
    .product-collection-hero {
      /* background-image: url('/cdn/shop/files/local-hive-honey-hot-sauce-product-page-banner-mobile_cbc2143f-fada-44f0-b0f3-1d7d95c2f684.gif?v=1725048125'); */
      /* background-image: url('/cdn/shop/files/local-hive-page-banner-mobile.jpg?v=1728587867'); */
      background-image: url('/cdn/shop/files/lhh-q3-collections-mobile.webp?v=1729547457');
      aspect-ratio: 1/1;
      
      background-position: 0%;
      
      padding-top: calc(0.25rem + 1vw);
      padding-bottom: calc(1rem + 3vw);

      /* justify-content: flex-start !important; */
      
    }
    .product-collection-hero .learn-btn {
      margin-top: 0.2em !important;
      
    }
    /* .product-collection-hero::before {
      background-image: url('/cdn/shop/files/cali-sunset-mobile.png?v=1699564320');
      left: calc(2rem + 18vw) !important;
      bottom: calc(2rem - 5vw) !important;
      scale: 3.5 !important;
    }
    .product-collection-hero::after {
      background-image: url('/cdn/shop/files/cali-bottle-mobile.png?v=1699559687');
      right: calc(2rem - 10vw) !important;
      bottom: calc(2rem + 20vw) !important;
      scale: 4.5 !important;
    } */
  
    .product-collection-hero h2 img {
      width: 80%:
    }
  }
  

  
/*   https://ryanmulligan.dev/blog/css-marquee/ */
  
  .product-collection-marquee {
    background-color: var(--clr-yellow);
/*     background-image: linear-gradient(0deg,rgb(0,62,82) 0%,rgba(0,62,82,0) 20%,rgba(0,62,82,0) 80%,rgb(0,62,82) 100%),url(/cdn/shop/files/sign-up-bg.png?v=1668671197); */
    background-image: url('/cdn/shop/t/16/assets/bg-floral-borders.png?v=1671207075');
/*     background-image: url('{{ 'bg-floral-borders.png' | asset_url }}'); */
    background-repeat: repeat-x;
    padding-block: 1rem;
    overflow: hidden;
    display: flex;
    --gap: 1rem;
    gap: var(--gap);
    justify-content: space-evenly;
    align-items: center;
    user-select: none; 
    position: relative;
    z-index: 2;
  }
  .marquee {
/*     -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 20s linear infinite; */
    animation: scroll 20s linear infinite;
  }

  @-webkit-keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
  
  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
  
    
  @-moz-keyframes scroll-left {
      0% {
          -moz-transform: translateX(100%);
      }
      100% {
          -moz-transform: translateX(-100%);
      }
  }
  
  @-webkit-keyframes scroll-left {
      0% {
          -webkit-transform: translateX(100%);
      }
      100% {
          -webkit-transform: translateX(-100%);
      }
  }
  
  @keyframes scroll-left {
      0% {
          -moz-transform: translateX(100%);
          -webkit-transform: translateX(100%);
          transform: translateX(100%);
      }
      100% {
          -moz-transform: translateX(-100%);
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
      }
  }

  .filters-for-products {
    margin-top: 3rem;
  }

  .indiv-product img.harvest-reserve-badge {
    position: absolute;
    left: 0;
    width: 10vw;
    max-width: 3rem;
  }

  @media (max-width: 1024px){
    .pr-snippet.pr-category-snippet{
      display: flex !important;
      flex-direction: column; 
    }
    .filters-for-products {
      margin-top: 0rem;
    }
    .product-grid .indiv-product-wrapper{
      margin-bottom: 15px; 
    }
    .product-grid .indiv-product-wrapper .indiv-product{
      margin-bottom: 0px;
    }
  }
.faq-list {
      color: var(--clr-blue);
    }
    ul.faq-list, ul.faq-list li {
      list-style-type: none;
      padding: 0px;
    }
    .faq-item {
      color: var(--clr-blue);
      font-weight: normal;
    }
    .question {
      font-family: var(--font-heading);

      cursor:pointer;
    }
    .answer {
      font-family: var(--font-body);
      font-size: 1.2em;
      margin-top: -1rem;
      padding-left: 2.75rem;
    }
    .faq-item {
      padding-left: 2rem;
    }
    .faq-item {
      margin-block-start: 1rem;
      position: relative;
      height: 100%
    }
  /*   .faq-item::before {
      content: '+';
      position: absolute;
      left: 0;
      font-weight: 600;
    }
    .faq-item:has(.active)::before {
      content: '-';
      font-weight: 600;
    } */
    .faq-item::hover, .question::hover {
      cursor: pointer;
    }
    .question .question-btn{
      margin-right: 2rem;
      font-weight: 600;
      position: relative;
      top: -2px;
    }
    .question .hide-answer{
      display: none;
    }
    .answer {
      height: 0;
      opacity: 0;
      transition: height 0.2s ease, opacity 0.2s ease;
    }
    p.answer:hover{
      cursor: default;
    }
    .question.active .show-answer{
      display: none;
    }
    .question.active .hide-answer{
      display: inline-block;
    }
    .question.active + .answer {
      height: unset;
      opacity: 1;
    }
    .answer a {
      color: var(--clr-red);
    }

    @media screen and (max-width: 700px) {
      .question .question-btn{
        margin-right: 0.5rem;
      }
      .answer{
        padding-left: 1.25rem;
      }
    }
#shopify-section-featured-blog {
  margin: 0px;
}
#blog-wrap {
  background-color: var(--clr-blue);
}
#blog-wrap .blog-section-copy h2{
  padding: 0px !important;
}

#blog-wrap .title-bar h2 {
  color: var(--clr-yellow);
  background: transparent;
}
#blog-wrap .title-bar h2:after {
  display: none !important;
}

.blog-section-copy{
  text-align: center;
  margin-block: 1rem;
}

.blog-section-copy h2{
  margin-block: 0px !important;
}

.blog-section-copy h2 img{
  max-width: 100% !important;
}
  
.product-featured-blog-heading {
  font-family: var(--font-heading);
  font-size: 2rem; 
}
  
.blog-section-copy h2.product-featured-blog-heading{
  margin-bottom: 1em !important;
}

.product-featured-blog-heading, .product-featured-blog-subheading{
  color: var(--clr-yellow);
}

.product-featured-blog-subheading{
  margin: 0px 0px, 1rem;
}
  

.product-featured-blog-heading::before, .product-featured-blog-heading::after {
  content: url('/cdn/shop/t/16/assets/redleaf.svg?v=1671070954');
}

.product-featured-blog-heading::after {
  transform: scaleX(-1);
}

.product-featured-blog-heading::before, .product-featured-blog-heading::after {
  background-image: url('/cdn/shop/t/16/assets/redleaf.svg?v=1671070954');
  content: '';
  width: 38px;
  height: 25px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}

@media screen and (max-width: 780px) {
  .product-featured-blog-heading::before, .product-featured-blog-heading::after {
    display: none;
  }
}
  
.top-card {
  width: 100%;
  height: 100%;
  background-color: transparent;
  perspective: 1000px;
}
.top-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.blogs-desktop .top-card:hover .top-card-inner {
  transform: rotateY(180deg);
}
.blogs-desktop {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: minmax(300px, auto);
  gap: 1rem;
}
@media (max-width: 780px) {
  .blogs-desktop{
    display: none;
  }
}
.grid--blog .grid--blog--post {
  width: 100%;
  height: 100%;
  min-height: 300px;
}
.front-card,
.back-card {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  color: var(--clr-blue);
  background-color: var(--clr-yellow-900);
}
.front-card,
.back-card,
.article-image,
.blog-title-wrapper {
  border-radius: 10px;
}
.blog-title-wrapper {
  border-radius: 0px 0px 10px 10px;
}
.front-card .article-image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.front-card .blog-title-wrapper {
  position: absolute;
  margin-top: 0px;
  background-color: var(--clr-yellow-900);
  width: 100%;
  bottom: 0;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-card {
  transform: rotateY(180deg);
  padding: 1rem;
}
  
.back-card .blog-preview {
  margin: 0;
  padding: 10%;
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.back-card .blog-preview div:hover {
  cursor: default;
}
.back-card > *, .back-card h2 {
  margin: 0;
}
.blog-preview > * {
  margin-block: 0.5rem;
}
.back-card .blog-tag {
  color: var(--clr-red);
  margin-bottom: 0px !important;
}
.back-card a.learn-btn{
  margin: 1.5rem auto 0px;
}

.blogs-mobile{
  display: none !important;
  width: calc(100% + 6rem);
  margin-left: -3rem;
}

@media (max-width: 780px) {
  .blogs-mobile{
      display: grid !important;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: minmax(225px, auto);
      width: calc(100% + 4rem);    
      margin-left: -2rem;
      grid-row-gap: 20px;
  }
  .grid--blog .grid--blog--post {
    min-height: 225px;
  }
  .grid--blog > a:nth-child(n+5) {
    display: none;
  }
  .top-card, .top-card-inner {
    height: 225px; 
  }
  #blog-wrap h2{
    font-size: 16px;
  }
  .top-card{
    padding: 0px 5%; 
    transition: opacity 1s ease;
  }
}

.blog-slider {
    position: relative;
  }
.blog-slider::after {
  content: "";
  background: linear-gradient(90deg, rgb(0,62,82) 0%, rgba(0,62,82, 0) 20%, rgba(0,62,82, 0) 80%, rgb(0,62,82) 100%);
  height: 300px;
  width: 100%;
  position: absolute;
  left: 0px; 
  top: 25px;
  z-index: 9;
  pointer-events: none;
}

.blog-slider .slick-track {
  display: flex;
  align-items: center;
}
  
.blog-prev,
.blog-next {
  top: 160px !important;
  height: 30px;
}

.blog-next {
  right: 0;
}

.blog-slider a.slick-current .top-card,.blog-slider a.slick-current .top-card-inner {
  height: 350px;
}

.blog-slider a:not(.slick-active) .top-card {
  opacity: 0.5;
}
/* HEADER */
  #main-body{
    margin-top: 5rem;
  }

  .header-refresh{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--clr-blue);
    z-index: 99;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 5rem;

    box-shadow: 0px 0.1rem 0.1rem #000a;
  }

  .header-btn-wrap{
    position: fixed;
    top: 0;
    left: calc(0.75rem + 0.5vw);
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }



  /* HAMBURGER */

  #menu-toggle {
    transition: color 0.75s, transform 0.5s;
    transform: translateX(0);
    margin-left: 2em;
    background-color: transparent;
    border: none;
    outline: none; /* Non-accessible */
    cursor: pointer;
    position: relative;
    min-width: 2rem;
    height: 2rem;
    margin: 0.5rem 1rem;
  }

  .menu-line {
    width: 100%;
    height: 3px;
    border-radius: 3px;
    display: block;
    position: absolute;
    transition: background-color 0.5s, transform 0.5s;
  }

  .menu-line.menu-line-yellow {
    left: 1px;
    background-color: var(--clr-yellow);
  }

  .menu-line.menu-line-blue {
    left: 2px;
    background-color: var(--clr-blue);
  }

  .menu-line.menu-line-red {
    left: 3px;
    background-color: var(--clr-red);
  }

  .menu-line1, .menu-line3{
    width: 80%;
    margin: 0px 10%;
  }

  .menu-line:nth-child(1) {
    top: 10%;
  }
  .menu-line:nth-child(2) {
    top: 5%;
  }
  .menu-line:nth-child(3) {
    top: 0%;
  }
  .menu-line:nth-child(4) {
    top: 39%;
  }
  .menu-line:nth-child(5) {
    top: 35%;
  }
  .menu-line:nth-child(6) {
    top: 30%;
  }
  .menu-line:nth-child(7) {
    top: 70%;
  }
  .menu-line:nth-child(8) {
    top: 65%;
  }
  .menu-line:nth-child(9) {
    top: 60%;
  }

  .js .menu-line {
    animation: menu_toggle_delay 2.5s ease-in-out 0s infinite forwards;
  }
  .menu-line1 {
    animation-delay: 0s;
  }
  .menu-line-2{
    animation-delay: 0.15s;
  }
  .menu-line3
    animation-delay: 0.3s;
  }

  .menu:hover .menu-line {
    animation: none;
  }
  /* .menu:hover .menu-line:nth-child(2) {
    transform: translateX(-8px);
  } */

  .menu-toggled,
  .single-js_products .menu-toggled,
  .page .menu-toggled {
    /*color: var(--clr-white);*/
  }
  .menu-toggled .menu-indicator {
    background-color: #e94f3d;
    background-color: transparent;
    animation: none;
    left: 0;
  }
  .menu-toggled .menu-line {
    background-color: #e94f3d;
    top: 50%;
    animation: none;
  }
  .menu-toggled .menu-line-alt,
  .menu-toggled.menu-alt .menu-line-alt {
    background-color: transparent;
  }
  .menu-toggled .menu-line:nth-child(1) {
    transform: rotate(-45deg);
  }
  .menu-toggled .menu-line:nth-child(3) {
    transform: rotate(45deg);
  }

  @media (max-width: 1024px) {
    #site-header{
      padding: 0px;
    }
    #menu-toggle{
      margin: 0px;
      margin-top: 0.5rem;

      padding: 0px;
    }
  }


  .slide-menu-cart {
    display: block;
    position:relative;
    background: transparent;
    border: 0;
  }
  .cart-item-count-header {
    position: absolute;
    top: 0;
    right: -0.5rem;
    color: var(--clr-white);


    background-image: url('/cdn/shop/t/16/assets/hexagon-no-space.svg?v=1671163162');
    background-repeat: no-repeat;
    background-size: contain;

    height: 2rem;
    width: 2rem;
  }
.site-header__logo-image img {
    margin: 0 auto;
  }
  .unified-menu {
    width: 100%;
    max-width: unset !important;
    margin: 10px 0px;
  }
  
  .header-wrap {
    width: 15%;
  }
  
  .header-logo-wrap{
    width: 25%;
  }
  
  #site-title{
    width: 100% !important;
  }
  
  .site-header__logo-image img {
    margin: 0 auto;
    width: 100% !important;
    max-width: 220px !important;
  }  
  #main-navigation-wrapper{
    padding: {{ section.settings.menu_padding }}px 0;
  }
  
  {% case section.settings.logo-placement %}
    {% when 'below-header' %}
    #site-title{
      padding: {{ section.settings.logo_padding }}px;
    }
  
    .currency-picker--wrapper .sod_select.custom::after{
      top: 6px;
    }
  
    .currency-picker--wrapper .sod_select.custom.custom{
      padding-top: 0;
      padding-bottom: 0;
    }
  
    {% when 'within-header' %}
    #site-title{
      padding: {{ section.settings.logo_padding }}px;
    }
  
    {% when 'left' %}
    #site-title{
      padding: {{ section.settings.logo_padding }}px 0;
    }
  
    .currency-picker--wrapper .sod_select.custom::after{
      top: 6px;
    }
  
    .currency-picker--wrapper .sod_select.custom.custom{
      padding-top: 0;
      padding-bottom: 0;
    }
  
  {% endcase %}
.product-images .row {
      display: block;
    }
    /* .row ul#product-thumbnails {
      display: flex;
      justify-content: center;
    } */


    .limited-edition-badge {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    .product-description-main-wrapper {
      padding-inline: calc(0.5rem + 1vw);
    }
    .product-description-header {
      color: var(--clr-blue);
      font-size: 2.2rem;
    }
    .fancyredscript {
      font-family: var(--font-decorative);
      -webkit-text-stroke: 1px var(--clr-red);
      font-size: 1.7rem;
      font-weight: 700;
      margin: 0;
      line-height: 1;
      color: var(--clr-red);
      position: relative;
      width: 100%;
    }
    .descriptors {
      text-transform: uppercase;
      font-weight: bold;
      color: var(--clr-blue);
    }
    .product-selector .quantity-wrapper {
      margin: 0px 0.5rem;
    }
    .quantity-selector {
      height: 2rem;
    }
    .quantity-selector {
      font-size: 1rem;
      padding: 0.5rem 10px;
    }
    .quantity-controls button {
  /*     height: 100%; */
    }
  /*   #price-field {
      margin: 1rem 0 1rem 0;
    } */
    #purchase.btn {
      margin: 0;
    }

    #price-field {
      color: var(--clr-blue);
      font-size: 1.3rem;
    }
    .selector-wrapper {
      height: 100%;
    }

    .product-description-wrapper {
      color: var(--clr-blue);
    }

  /*   PRODUCT IMAGES SLIDER */
  /*   .product-images-slider .slick-prev, .product-images-slider .slick-next {
      padding: 3rem;
    } */
    .product-images-slider .slick-dots li button {
       font-size: 0;
    }


    .product-images-slider .slick-dots li button {
      font-size: 0;
      background: transparent;
      border: 0;
      width: 0;
    }

    .product-images-slider .slick-dots {
      margin: ;
      margin-inline: ;
      display: flex;
      justify-content: center;
      gap: 3rem;
    }

    .product-images-slider .slick-dots li::marker {
      font-size: 3rem;
      color: var(--clr-blue);
      text-align: center;
      content: '\25CF';
    }
    .product-images-slider .slick-active::marker {
      content: '\25CB' !important;
    }

    .product-images-slider .slick-dots li {
      width: 0;
    }

    .product-images-slider .slick-arrow {
      position: absolute;
      bottom: 0;
      height: 1rem;
      top: unset;
      font-size: 0;
      width: 0;
      border: 0;
      background: transparent;
    }

    .product-images-slider .slick-prev.slick-arrow {
      left: 35%;
    }
    .product-images-slider .slick-next.slick-arrow {
      right: 35%;
    }

    .product-images-slider .slick-arrow {
      bottom: 1rem;
    }

    .product-images-slider .slick-next::before {
      content: url("/cdn/shop/t/16/assets/nextarrowred.svg?v=1671068578");
      object-fit: contain;
    }
    .product-images-slider .slick-prev::before {
      content: url("/cdn/shop/t/16/assets/prevarrowred.svg?v=1671068605");
    }


  /*   POWER REVIEWS STYLING */

    #pr-reviewdisplay > div > section > div {
      display: none;
    }

    .pr-review-snapshot-header-intro{
      border-bottom: 0px !important;

      /* new */
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin: 0 !important;
      padding: 0 !important;
    }
    .pr-review-snapshot-block-container .pr-review-snapshot-simple {
      margin-bottom: 0 !important;
    }
    .p-w-r .pr-review-snapshot .pr-review-snapshot-block,
    .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-block {
      min-height: unset !important;
      margin: 0;
    }
    .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header,
    .p-w-r .pr-read-review .pr-rd-main-header-with-filters .pr-rd-review-header-sorts,
    .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts,
    .p-w-r .pr-read-review .pr-rd-footer, .p-w-r .pr-review-display .pr-rd-footer,
    .p-w-r .pr-read-review .pr-rd-content-block, .p-w-r .pr-review-display .pr-rd-content-block,
    .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-simple {
      padding: 0 !important;
      margin: 0;
    }

    .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-headline {
      color: var(--clr-blue);
      padding-top: 2rem !important;
    }
    .pr-subheadline{
      display: none !important;
    }

    .pr-snippet a {
      color: var(--clr-blue) !important;
    }
    .pr-snippet {
      display: flex;
      justify-content: left;
      align-items: center;
      color: var(--clr-blue);
    }

    .pr-review-snapshot-block-recommend, .pr-review-snapshot-block-histogram{
      display: none !important;
    }

    .pr-review-snapshot-block-snippet{
      width: 80% !important;
      margin-right: 20% !important;
      border-right: 0px !important;
      padding: 0px !important;
    }

    .pr-review-snapshot-snippets{
      width: 100% !important;
      text-align: left !important;
    }
    .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-accessible-0-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-accessible-100-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-accessible-25-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-accessible-50-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-accessible-75-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-selected, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4-0-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4-100-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4-25-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4-50-filled, .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4-75-filled {
      height: 2.5rem;
    }
    .pr-snippet-stars-png{
      width: 100% !important;
      background: transparent !important;
    }
    #pr-review-snapshot .pr-rating-stars{
      width: 75% !important;
      display: flex !important;
  /*     height: 75px !important; */
      justify-content: space-between !important;
    }

    #pr-review-snapshot .pr-star-v4{
  /*     width: 20% !important; */
      background-size: contain !important;
      background-repeat: no-repeat !important;
  /*     height: 100% !important; */
    }

    #pr-review-snapshot .pr-star-v4-25-filled{
      background-image: url('/cdn/shop/files/star-25-lg.png?v=1670433790') !important;
    }

    #pr-review-snapshot .pr-star-v4-50-filled{
      background-image: url('/cdn/shop/files/star-50-lg.png?v=1670433790') !important;
    }

    #pr-review-snapshot .pr-star-v4-75-filled{
      background-image: url('/cdn/shop/files/star-75-lg.png?v=1670433790') !important;
    }

    #pr-review-snapshot .pr-star-v4-100-filled{
      background-image: url('/cdn/shop/files/star-100-lg.png?v=1670433789') !important;
    }

    .pr-snippet-read-and-write{
      display: flex !important;
      justify-content: center;
      align-items: center;

      margin: 0 !important;
      padding: 0;
      font-weight: bold;
    }

    a.pr-snippet-write-review-link.pr-underline {
        background: transparent !important;
        color: unset !important;
        text-decoration: underline !important;
    }
    .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group {
      padding: 0 !important;
    }
    .pr-rd-review-header-sorts{
      text-align: left !important;
    }

    .pr-rd-review-header-contents, #pr-rd-filter-variant-by{
      display: none !important;
    }

    .pr-rd-star-rating, .pr-review-snapshot-snippets-headline {
      display: none !important;
    }

    .pr-rd-review-headline{
      margin: 0px !important;
    }

    .pr-rd-side-content-block.pr-rd-right, .pr-rd-review-product, .pr-rd-bottomline{
      display: none !important;
    }

    .pr-rd-helpful-action-group{
      flex-direction: column !important;
      align-items: flex-start !important;
    }

    .pr-rd-helpful-action-btn-group{
      margin: 0px !important;
    }

    .pr-helpful-btn{
      border: 0px !important;
      padding-left: 0px !important;
      padding-right: 22px !important;
    }


  /*  PRODUCT PAGE REVIEWS */

    .power-reviews-section {
      margin-top: 1rem;
    }
    .p-w-r span {
      font-size: 1rem;
    }
    .p-w-r .pr-review-snapshot {
      background: transparent !important;
      margin-top: 0rem;
    }



    #pr-review-snapshot .pr-star-v4 {
  /*   		width: min(4rem, 4vw) !important; */
      width: min(4rem, 8vw) !important;
    }

    .pr-review-snapshot-header.pr-review-snapshot-content-block h1 {
    		font-family: var(--font-heading);
    		color: var(--clr-blue);
    }

    .pr-review-snapshot-faceoff {
    		display: none !important;
    }

    .pr-review-snapshot-block-snippet .pr-snippet {
    		flex-direction: column;
    		align-items: flex-start;
    }

    .pr-snippet-read-and-write {
    		color: var(--clr-blue) !important;
    }

    .pr-snippet-review-count {
      color: var(--clr-blue) !important;
      white-space: nowrap;
    }

    #pr-review-display {
      background: transparent !important;
    }

    #pr-rd-sort-by {
      appearance: none;
      border-radius: 3rem;
      border-color: var(--clr-blue);
      color: var(--clr-blue);
      text-transform: uppercase;
      font-weight: bold;
      text-align: left;
      font-family: var(--font-heading);
      font-size: 1.2rem !important;
      padding: 0.6rem 1rem;
      border: 2px solid var(--clr-blue);
      min-width: calc(16rem - 2vw);
    }
    .pr-rd-sort-group {
      position: relative;
    }
    .pr-rd-sort-group::after {
      content: '';
      background-image: url('/cdn/shop/t/16/assets/caret-alt.svg?v=1673813440');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      width: 1rem;
      height: 100%;
      position: absolute;
      z-index: 300;
      right: 1em;
      top: 0;
    }
    .pr-rd-content-block {
      background: transparent !important;
      color: var(--clr-blue) !important;
    }

    .pr-rd-review-headline {
      color: var(--clr-blue) !important;
      font-family: var(--font-body) !important;
      font-size: 1.6rem !important;
    }

    .pr-rd-description-text {
      font-size: 1rem !important;
      color: var(--clr-blue) !important;
      font-family: var(--font-body) !important;

    }

    .pr-rd-images.pr-rd-content-block {
    		display: none;
    }

    .pr-rd-helpful-text {
    		color: var(--clr-blue) !important;
    }

    .pr-thumbs-icon svg * {
    		color: var(--clr-blue);
    		fill: var(--clr-blue);
    }

    .pr-helpful-count {
    		color: var(--clr-blue) !important;
    }

    .pr-rd-flag-review-btn {
    		color: var(--clr-blue) !important;
    }

  /*   .row-of-product-options {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
    } */
    .row-of-product-options > * {
      margin: 0;
    }

    #price-field, #quantity-wrap, #selector-wrap{
  /*     width: unset !important; */
      margin: 0;
    }
    @media only screen and (max-width: 1024px) {
      #price-field{
        width: 100% !important;
      }
      #quantity-wrap{
        padding-left: 0px;
      }
    }

  /* ADDITIONAL INFO SECTION */
    .product-ingredients-wrapper{
      border: 1px solid var(--clr-blue);
      border-left: 0px;
      border-right: 0px;
    }

    .product-ingredients-wrapper p, .product-ingredients-wrapper span{
      color: var(--clr-blue);
    }

    .product-ingredients-wrapper .ingredient-content p:nth-child(odd){
      margin-bottom: 0px;
    }

    .product-ingredients-wrapper .ingredient-content p:nth-child(even){
      margin-top: 0.25rem;
    }

    .ingredient-toggle{
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: -15px;
    }

    .ingredient-toggle:hover{
      cursor: pointer;
    }

    .ingredient-toggle span{
      font-size: 40px;
      margin-bottom: 6px;
    }

    .ingredient-content {
      height: 0;
      opacity: 0;
      transition: height 0.2s ease, opacity 0.2s ease;
    }

    .ingredient-content.expanded {
      height: unset;
      opacity: 1;
    }


    .product-description-main-wrapper .product-page--submit-action{
      margin-top: 0px;
    }

    product-main-image{
      max-width: 100%;
      height: auto;
    }
.product-page-related-products {
    max-width: 1000px;
    margin-inline: auto;
    margin-block: 3rem;
  }
  .similar-products-section-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block: 2rem;
  }
  .similar-products-section-heading h2 {
    color: var(--clr-blue);
    text-align: center;
    text-transform: uppercase;
/*     background: var(--clr-yellow-900); */
/*     width: 100%; */
    white-space: nowrap;
    margin: 0;
    font-size: 1.4rem;
    padding-top: 5px;
  }
.similar-products-section-heading::after,.similar-products-section-heading::before {
  content: "";
  background-image: url('/cdn/shop/t/16/assets/hexagon.svg?v=1671066453');
/*   background-image: url('{{ hexagon.svg | asset_url }}'); */
  height: 1rem;
  width: 100%;
  background-size: contain;
  background-repeat: space;
}
  .product-page-related-products .hp-title{
    padding-top: 0px; 
  }
  .product-page-related-products .indiv-product img {
    max-width: 180px;
    width: 100%;
  }

  .product-page-related-products .row-of-product-options {
    display: none;
  }

  .product-page--submit-action{
    margin-top: 2rem;
  }

  @media screen and (max-width: 728px) {
    .similar-products-section-heading::after,.similar-products-section-heading::before {
      height: 0.75rem; 
    }
  }
  
  @media screen and (max-width: 440px) {
    .similar-products-section-heading::after,.similar-products-section-heading::before {
      height: 0.5rem; 
    }
  }

  .product-page-related-products .indiv-product-title-text{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
/* FROM SOUTH AMERICA */
  .south-america {
    display: flex;
  }

  .south-america>div {
    width: 50%;
    aspect-ratio: 1;
  }

  .brazil-image {
    background-image: url('/cdn/shop/files/organic-sunlight.webp?v=1727809458');
    background-position: center;
    background-size: cover;
  }

  .brazil-copy {
    background-image: url('/cdn/shop/files/pink-border.webp?v=1727809458');
    background-color: #FFF7E4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-inline: 10%;
    position: relative;
    background-size: contain;
  }

  .brazil-copy>* {
    text-align: center;
    z-index: 5;
  }

  .brazil-flowers, .brazil-flowers-mobile, .brazil-honeycomb, .brazil-bee{
    position: absolute;
    z-index: 2;
  }

  .brazil-flowers {
    width: 35%;
    bottom: 0;
    left: -15%;
  }

  /* .brazil-flowers-mobile {
    display: none;
  } */

  .brazil-honeycomb {
    width: 25%;
    top: -15%;
    right: -10%;
  }

  .brazil-bee{
    max-width: 7.5%;
  }

  .flowers-bee{
    bottom: 20%;
    left: 15%;
    animation: ani-bee-flower 15s ease infinite;
  }

  .honeycomb-bee{
    top: 10%;
    right: 10%;
    animation: ani-bee-honeycomb 15s ease infinite;
  }

  @keyframes ani-bee-flower {
    0% {
      bottom: 20%;
      left: 15%;
    }

    50% {
      bottom: 16%;
      left: 17%;
    }

    100% {
      bottom: 20%;
      left: 15%;
    }
  }

  @keyframes ani-bee-honeycomb {
    0% {
      top: 10%;
      right: 10%;
    }

    50% {
      top: 11%;
      right: 7%;
    }

    80% {
      top: 12%;
      right: 8%;
    }

    100% {
      top: 10%;
      right: 10%;
    }
  }

  .brazil-copy>h2 {
    color: var(--clr-green);
    font-family: var(--font-heading);
    font-size: 2.25rem;
    margin: 0;
  }

  .brazil-copy>h3 {
    color: var(--clr-red);
    font-family: var(--font-decorative);
    margin-block: 15px;
    font-size: 2.25rem;
    font-weight: 600;
  }

  .brazil-copy>p {
    color: var(--clr-green);
    margin-block: 0 15px;
  }

  @media (max-width: 1024px) {

    .brazil-copy>h2,
    .brazil-copy>h3 {
      font-size: 1.75rem;
    }
  }

  @media (max-width: 900px) {

    .brazil-copy>h2,
    .brazil-copy>h3 {
      font-size: 1.25rem;
    }

    .brazil-copy>h3,
    .brazil-copy>p {
      margin: 0;
    }

    .brazil-copy>p {
      font-size: 14px;
      line-height: 20px !important;
    }
  }

  @media (max-width: 727px) {
    .south-america {
      display: block;
    }

    .south-america>div {
      width: 100%;
    }

    .brazil-copy>h2,
    .brazil-copy>h3 {
      font-size: 2.25rem;
    }

    .brazil-copy>p {
      font-size: 16px;
      line-height: unset;
    }

    .brazil-flowers {
      /* display: none; */
      width: 35%;
      bottom: 0;
      left: -10%;
    }

    /* .brazil-flowers-mobile {
      display: block;
      width: 30%;
      bottom: 0;
      left: 0;
    } */

    .brazil-honeycomb {
      width: 35%;
      top: -15%;
      right: -10%;
    }
  }

  @media (max-width: 500px) {

    .brazil-copy {
      padding-inline: 15%;
      aspect-ratio: 6/10 !important;
      background-image: url('/cdn/shop/files/pink-border-tall.png?v=1726240187');
    }
  }