/** Shopify CDN: Minification failed

Line 1168:0 Unexpected "}"

**/
body {
  scroll-behavior: smooth;
}
/*=== Header cart bubble css ===   */
a#cart-icon-bubble .cart-count-bubble {
    background: #000 !important;
    color:#fff;
}
/*=== Header cart bubble css ends ===   */

#storeify-formbuilder-view-19228 {   
    text-align: center; 
}


@media (max-width: 768px) {
  .star-rating ul.ecom-iconlist--list {
    justify-content: end !important;
}
  .star-rating .core__column--wrapper.ecom__column-full-height {
    width: 100%;
}
  div#cart-notification button.button {
    width: 100% !important;
}
.subscribe-section input {
    width: 188px!important;
}
  .content-wrapper {
  
     padding:0px 0px!important;
}
  form#ContactForm button.button {
   
    width: 100%!important;
}
 .section-template--16653372293204__custom_liquid_MAJRHG-padding {
    padding: 0px 20px!important;
}

.join-section .btn {  
    padding: 10px 20px;
    font-size: 12px; 
}
  .custom-row-container {  
    padding: 20px 20px!important;
}

}


p.copyright {
    color: #ffffff!important;
}
p.follow-text {
    color: #ffffff!important;
}
section#shopify-section-template--16653824032852__1742463365829ad90e {
    background-color: #ffffff!important;
}
#storeify_content_formbuilder_19228 .storeify-frm-group input.storeify-input-control, #storeify_content_formbuilder_19228 .storeify-frm-group select.storeify-input-control {
    height: 50px;
    line-height: 36px;
}
#storeify_content_formbuilder_19228 {
    width: 85%!important;   
}
.cart-count-bubble {
    bottom: 5px!important;
    left: 35px!important;
   background-color: rgb(165 165 165)!important;;
}
slider-component.slider-mobile-gutter.page-width.page-width-desktop.scroll-trigger.animate--slide-in {
    padding: 0px!important;
}

.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
    padding: 0px!important;
    font-size: 18px!important;
    text-align: left;
}
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 30px!important;
}
.center.collection__view-all.scroll-trigger.animate--slide-in {
    display: none!important;
}
/*homepage*/



sticky-header.header-wrapper.color-scheme-aba0f4b2-9fbd-49ec-9b4a-3efdae8ca2d5.gradient.header-wrapper--border-bottom .link, .customer a {
    
    font-size: 16px!important;
   font-weight:400!important;
  color:#858585!important
}

h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 30px;
}
.rich-text__text.rte.scroll-trigger.animate--slide-in {
    color: #666666 !important;
}
a.button.button--primary {
    font-weight: 500;
    width: 35%;
    font-family: 'roboto';
    border: 2px solid black!important;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
}

.ecom-core.ecom-whdxrx0bp7i .core__group--item.ecom-accordion__item {
    border: 0px solid #EDEDED!important;
}
.shop-now-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* Space between text and arrow */
  background-color: transparent;
  color: black;
  border: 2px solid black;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: bold;

  text-decoration: none;

  transition: all 0.3s ease-in-out;
}

.shop-now-button .arrow {
  transition: transform 0.3s ease-in-out;
}

.shop-now-button:hover {
  background-color: black;
  color: white;
}

.shop-now-button:hover .arrow {
  transform: translateX(5px); /* Moves arrow slightly to the right */
}

.header__inline-menu {
  margin-left: auto; /* Pushes the menu to the right */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.list-menu {
  display: flex;
  gap: 5px; /* Adjust spacing between menu items */
}

.announcement-bar {
  background-color: black;
  color: white !important;
  padding: 10px 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.announcement-container {
  display: flex;
  justify-content: center;
  gap: 100px; /* Adjust spacing */
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.announcement-item, .announcement-item1, .announcement-item2 {
  display: flex;
  align-items: center; /* Aligns icon and text */
  font-weight: 400;
  white-space: nowrap; /* Prevents text from wrapping */
}

.announcement-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.announcement-icon svg {
  fill: white;
  width: 20px;
  height: 20px;
  display: block; /* Ensures proper rendering */
}

a#HeaderMenu-shop {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #000;
  background: transparent;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.list-menu.list-menu--inline > li:last-child {
    padding-left: 8px;
    padding-top: 6px;
}
@media (max-width:1035px){
   a#HeaderMenu-shop {
     display:none !important;

    }
}
.menu-drawer__menu.has-submenu.list-menu{
    flex-direction:column !important; 
}
a#HeaderMenu-shop:hover {
  
background: #000; 
  color: #fff;
}

/* Responsive Fixes */
@media screen and (max-width: 1024px) {
  .announcement-container {
    gap: 50px;
  }
}

@media screen and (max-width: 768px) {
#storeify_content_formbuilder_19228 {  
   width: 100%!important;   
}
  .header__heading-logo {
    height: auto;
    max-width: 60%!important;
}
header.header.header--middle-left.header--mobile-left.page-width.header--has-menu.header--has-account.header--has-localizations {
    display: flex;
    justify-content: space-between;
}

  header-drawer {
    order: 3;
}

  a.header__heading-link.link.link--text.focus-inset {
    order: 1;
}
  .header__icons.header__icons--localization.header-localization {
 order: 2;
}
  .announcement-container {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  .announcement-item {
    justify-content: center;
  }
  .announcement-item1 {
    justify-content: center;
  }
  .announcement-item2 {
    justify-content: center;
    display: none!important;
  }
  .announcement-item1 {
    display: none!important;
}
  a.shop-now-button {
    display: none!important;
}

.section-sections--16642561343572__footer-padding {
     padding-bottom: 0px!important;
}
.section-sections--16642561343572__footer-padding {
   padding-bottom: 0px!important;
}
   .list-menu {
    display: inline!important;
    gap: 20px;
}

}

/* Footer Styles */
/* Footer Styles */
.site-footer {
    background-color: black;
    color: white;
    text-align: center;
    padding: 20px 0;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    
    flex-wrap: wrap;
}

/* Copyright Section */
.copyright {
    font-size: 14px;
    flex: 1;
    text-align: left;
}

/* Back to Top */
.back-to-top {
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    flex: 1;
    text-align: center;
}

/* Social Media Section */
.social-links {
    flex: 1;
    text-align: center;  /* Center align everything in this section */
}

.follow-text {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;  /* Center align "Follow Us" */
}

.social-icons {
    display: flex;
    justify-content: center; /* Center align icons */
    gap: 10px;
}

.social-icons a {
    font-size: 22px;
    color: white;
    transition: color 0.3s ease;
}


/* Responsive Design */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        text-align: center;
    }

    .copyright, .back-to-top, .social-links {
        flex: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .social-icons {
        justify-content: center;
        margin-top: 10px;
    }
}

nav.header__inline-menu {
    text-align: right!important;
}
nav.header__inline-menu element.style {
    text-align: right;
    padding-right: 20px;
}

.header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: 1fr 1fr auto!important;
    column-gap: 0;
}


/*hippi story Page*/


section#shopify-section-template--16642560983124__rich_text_n3GP3P h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 36px!important;
}

h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in {
    display: none!important;
}
.rich-text__text.rte.scroll-trigger.animate--slide-in {
    font-size: 14px!important;
}


.hippi-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.hippi-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.hippi-item {
  display: flex;
  align-items: center;
  gap: 30px;
}

/* Reverse the order for alternating sections */
.hippi-item.reverse {
  flex-direction: row-reverse;
}

.hippi-image {
  flex: 1;
}

.hippi-image img {
  width: 100%;
  height: auto;
  border-radius: 7px;
}

.hippi-text {
  flex: 1;
  padding: 20px;
}

.hippi-text h2 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

.hippi-text p {
  font-size: 14px;
  line-height: 1.5;
  color: #444;
}

/* Mobile Responsive Design */
@media (max-width: 768px) {
  .hippi-item {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }


  .hippi-item.reverse {
    flex-direction: column;
  }

  .hippi-text {
    padding: 5px;
  }

  .hippi-text h2 {
    font-size: 20px;
  }

  .hippi-text p {
    font-size: 14px;
  }
  .hippi-container {
    padding-left: 20px;
    padding-right: 20px;
}
  .hippi-section {
  padding: 0px 0;
}
}


.reward-section {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d7effc; /* Light blue background */
  padding: 15px;
  gap: 15px;
  flex-wrap: wrap; /* Ensures elements wrap on smaller screens */
  text-align: center;
}

.reward-section p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin: 0;
}

.reward-button {
    display: inline-block;
    padding: 2px 33px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 25px;
    transition: all .3s ease;
    white-space: nowrap;
}

.reward-button:hover {
  background-color: #000;
  color: #fff;
}

/* Mobile Responsive */
@media (max-width: 600px) {
  .reward-section {
  /*  flex-direction: column;*/
    gap: 10px;
    padding: 10px;
  }

  .reward-section p {
    font-size: 14px;
  }

  .reward-button {
    font-size: 14px;
    padding: 6px 12px;
  }
}

.subscribe-section {
    position: relative;
    width: 100%;
    max-width: 1250px;
    margin: 50px auto;
    background: url(/cdn/shop/files/Our-Community_5adf6de0-aac9-47c1-a9c1-c0e8a590836d.png?v=1741781999) no-repeat center center/cover;
    border-radius: 15px;
    height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

/* Overlay for Better Readability */
.subscribe-section .overlay {
    padding: 40px;
    width: 53%;
    color: #fff;
}

/* Headings & Text */
.subscribe-section h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
  color:#ffffff!important;
}

.subscribe-section p {
    font-size: 14px;
    margin-bottom: 20px;
}

/* Form Styles */
.subscribe-section form {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.subscribe-section input {
    width: 230px;
    padding: 10px;
    border: none;
   
    font-size: 16px;
    outline: none;
}

/* Button Styling */
.subscribe-section button {
    padding: 10px 20px;
    background: #fff;
    color: #000;
    border: none;
  
    font-size: 15px;
    cursor: pointer;
    font-weight:500;
    transition: 0.3s;
}

.subscribe-section button:hover {
    background: #ddd;
}
@media (max-width: 768px) {
.subscribe-section .overlay {
    padding: 40px;
    width: 100%;
    color: #fff;
}.subscribe-section {
    border-radius: 0px;
}
.subscribe-section button {
   
    font-size: 12px;
    
}
}

/* === Coffee Recipes Page  */
.page-cofee-recipes .image-with-text .image-with-text__grid .image-with-text__media-item .image-with-text__media {
    height: 580px;
}
@media screen and (max-width:1024px){
.page-cofee-recipes .image-with-text .image-with-text__grid .image-with-text__media-item .image-with-text__media {
    height: 475px;
}
}
@media screen and (max-width:750px){
.page-cofee-recipes .image-with-text .image-with-text__grid .image-with-text__media-item .image-with-text__media {
    height: 350px;
}
}


/*hippi coffee Page*/
/*first-section*/
.promo-section {
  text-align: center;
  max-width: 900px;
  margin: 0px auto;
  padding: 20px;
}

.promo-section h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}

.promo-section p {
  font-size: 16px;
  line-height: 1.5;
  color: #444;
  margin-bottom: 20px;
}

.shop-button {
    display: inline-block;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    border: 2px solid #000;
    /* border-radius: 5px; */
    transition: all .3s ease;
}

.shop-button:hover {
  background-color: #000;
  color: #fff;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  form#ContactForm button.button {
   
    width: 100%!important;
}
  .promo-section {
    padding: 15px;
  }

  .promo-section h2 {
    font-size: 30px;
  }

  .promo-section p {
    font-size: 14px;
  }

  .shop-button {
    font-size: 14px;
    padding: 8px 15px;
  }
}

/*second-section*/

.coffee-item {
    background: #fff; /* Ensures the background is white */
    padding: 20px;
    border-radius: 10px; /* Smooth rounded corners */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: box-shadow 0.3s ease-in-out;
}

.coffee-item:hover {
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); /* Deeper shadow on hover */
}

.coffee-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns per row */
  gap: 30px;
  padding: 50px 20px;
  max-width: 1280px;
  margin: auto;
  text-align: center;
}



.coffee-item img {
  width: 85%; /* Ensure image size is consistent */

  margin-bottom: 15px;
}
.coffee-item h3 {
    font-size: 24px;
    font-weight: 500;
    color: #000!important;
    margin: 0px!important;
}
.coffee-item p {
    font-size: 15px;
    font-weight: 500;
    color: #7c7c7c;
}

/* Ensuring rating dots match image size */
.rating {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 32px;
    color: black;
}

.rating span {
  width: 12px; /* Same size as the image width */
  height: 12px;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
}
p.fontsame {
    margin: 0px!important;
    color: #000000!important;
    font-size: 18px;
    font-weight: 500!important;
}

span.region {
    color: #7c7c7c!important;
    font-size: 16px;
    font-weight: 200!important;
    margin: 0px!important;
    padding: 0px!important;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .coffee-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns per row for tablets */
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .coffee-grid {
    grid-template-columns: repeat(1, 1fr); /* 1 column per row for mobile */
  }

  .coffee-item img {
    width: 50%!important;
  }

  .rating span {
    width: 10px;
    height: 10px;
  }
}

.coffee-footer {
  text-align: center;
  margin-top: 30px;
}

.view-more {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  border: 2px solid #000;
  transition: all .3s ease;
}

.view-more:hover {
  background: #000;
  color: #fff;
}



/*third-section*/
.image-with-text__text-item.grid__item {
    display: none!important;
}
.page-cofee-recipes .image-with-text__text-item.grid__item {
    display: block !important;
}
.page-cofee-recipes h2.image-with-text__heading.inline-richtext.h1 {
    font-size: 30px;
    color: #000;
}
.page-cofee-recipes .image-with-text__text-item.grid__item p {
    font-family: 'Roboto';
    color: #000;
    font-size: 18px;
}
.page-cofee-recipes .image-with-text__content {
    align-items: center !important;
    justify-content: center;
}

/* Main Features Section */
.features-section {
    text-align: center;
    padding: 50px 20px;
    max-width: 1200px;
    margin: auto;
}

/* Grid Layout for Features */
.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

/* Individual Feature Items */
.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.feature-item img {
    width: 27%;
    height: auto;
    margin-bottom: 10px;
}

.feature-item p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
}

/* Footer Text */
.features-footer {
    font-size: 16px;
    color: #7c7c7c;
    max-width: 800px;
    margin: auto;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets */
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(1, 1fr); /* 1 column for mobile */
    }
}


/* Main Section */
.community-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000; /* Black background */
    color: #fff;
    padding: 50px 20px;
    max-width: 1200px;
    margin: auto;
    gap: 50px;
}

/* Image Container */
.image-container {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.image-container img {
    width: 100%;
    max-width: 500px;
    border-radius: 10px; /* Slightly rounded corners */
}

/* Text Content */
.content {
    flex: 1;
    max-width: 550px;
}

.content h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.content p {
    font-size: 14px;
    line-height: 1.6;
    color: #ccc;
    margin-bottom: 30px;
}

/* Read More Button */
.read-more {
    display: inline-block;
    padding: 8px 28px;
    border: 2px solid #fff;
    border-radius: 0px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.read-more:hover {
    background-color: #fff;
    color: #000;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .community-section {
        flex-direction: column;
        text-align: center;
    }

    .image-container {
        justify-content: center;
    }

    .content {
        max-width: 100%;
    }
}



/* Main Section */
.community-header {
    background-color: #000; /* Black background */
    color: #fff; /* White text */
    text-align: center;
    
}

/* Heading */
.community-header h2 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}

/* Subtext */
.community-header p {
    font-size: 16px;
    color: #ccc;
    max-width: 800px;
    margin: auto;
    line-height: 1.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .community-header h2 {
        font-size: 24px;
    }

    .community-header p {
        font-size: 14px;
    }
}
.image-with-text__grid.grid.grid--gapless.grid--1-col.grid--3-col-tablet {
    justify-content: center!important;
}



/* Sustainability Page */

.sustainability-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 40px;
    text-align: center;
}

.sustainability-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    max-width: 350px;
    transition: transform 0.3s;
}

.sustainability-card img {
    width: 100%;
    border-radius: 10px;
    height: auto;
}

.sustainability-card h2 {
    margin: 15px 0;
    font-size: 26px;
    font-weight: 500;
}

.sustainability-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.sustainability-card:hover {
    transform: translateY(-5px);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .sustainability-section {
        flex-direction: column;
        align-items: center;
    }
}







/* Return Pod Page */



.recycling-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 30px;
    padding: 40px;
}

.step {
    max-width: 300px;
}

.step img {
    width: 50%;
    height: auto;
    margin-bottom: 10px;
}

.step h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.step p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .recycling-steps {
        flex-direction: column;
        align-items: center;
    }
}

.custom-line {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), #dcdcdc, rgba(0, 0, 0, 0));
    width: 90%;
    margin: 20px auto;
}



/* Hippi Point page*/
/* General Styles */


/* Section Styling */
.join-section {
    padding-bottom: 40px;
    max-width: 600px;
    margin: auto;
    text-align: center;
}
.join-section h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 20px;
}
.join-section p {
    margin-bottom: 30px !important;
}
#shopify-section-template--16653372293204__rich_text_g7tt3a .rich-text__blocks .rich-text__heading {
    font-size: 30px;
    color: #000;
}
}

h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}

p {
    font-size: 16px;
    color: #555;
    line-height: 1.5;
}

/* Buttons */
.buttons {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.btn {
    display: inline-block;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 0px;
    transition: 0.3s ease-in-out;
}

.primary {
    background-color: black;
    color: white;
}

.secondary {
    border: 2px solid black;
    color: black;
    background: transparent;
}

.primary:hover {
    background-color: #333;
}

.secondary:hover {
    background-color: black;
    color: white;
}

/* Note Section */
.note {
    margin-top: 30px;
    padding: 15px;
    background-color: #f8f8f8;
    border-radius: 0px;
}

.note strong {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.note p {
    font-size: 14px;
    color: #666;
}

.note a {
    color: #0073e6;
    text-decoration: none;
}

.note a:hover {
    text-decoration: underline;
}



/* Rewards Section */
.rewards-section {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 40px;
    max-width: 1200px;
    margin: auto;
}

/* Individual Reward Box */
.reward {
    flex: 1;
    min-width: 220px;
    max-width: 300px;
    text-align: center;
    margin: 15px;
}

/* Icon Styling */
.reward img {
    width: 40%;
    height: auto;
}
.reward.social img {
    height: 102px;
    object-fit: contain;
    object-position: center;
}

/* Title */
.reward h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

/* Description */
.reward p {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}






/* Shipping And return Policy */




/* Container */
.container {
    display: flex;
    justify-content: center;
    align-items: left;
   
}

/* Shipping Policy Box */
.shipping-policy {
    max-width: 1200px;
    padding: 20px;
    background-color: white;
  
    border-radius: 8px;
  text-align:left;
}

/* Title Styles */
.title1 {
    font-size: 28px;
    font-weight: 500
}

.subtitle {
    font-size: 20px;
    font-weight:500;
    color: #555;
}

/* Text Styling */
.text {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
}




/* Brand Name */
.brand {
    color: #000;
    font-weight: bold;
}










/* Centered Content Wrapper */
.content-wrapper {
    display: flex;
    justify-content: center;
    padding: 50px 20px;
}

/* Terms & Conditions Container */
.terms-container {
    max-width: 1230px;
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    
    text-align: left;
}

/* Titles */
.terms-title {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    margin-bottom: 20px;
}

.section-title {
    font-size:18px;
    font-weight: 500;
    color: #666666;
    margin-top: 20px;
}

/* Paragraphs & Text */
.terms-intro,
.terms-notice,
.section-text,
.terms-revoke {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: left; 
}

/* Links */
.website-link {
    color: #444; 
    text-decoration: none;
}

.website-link:hover {
    text-decoration: underline;
}






h2.footer-block__heading.inline-richtext {
    text-align: left;
}

ul.footer-block__details-content.list-unstyled li {
    text-align: left!important;
}




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}
.section-template--16653817839700__custom_liquid_9hHFUQ-padding, .section-template--17953170620500__custom_liquid_9hHFUQ-padding {
    justify-content: center;
    display: flex;
}

.feature-container {
    display: flex;
    justify-content: center;
 
    flex-wrap: wrap;
    padding: 50px;
    gap: 20px;
    width: 1500px;
}

.feature-card {
    width: 22%;
    text-align: center;
    background: transparent;
}


.feature-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}


.feature-title {
    margin-top: 15px;
    font-size: 22px;
    font-weight: bold;
}

.feature-text {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-top: 10px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 1024px) {
    .feature-container {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }
    .feature-card {
        width: 40%;
    }
}

@media (max-width: 600px) {
    .feature-card {
        width: 100%;
    }
}


.events-section {
    max-width: 1100px;
    margin: 50px auto;
    padding: 20px;
}

.events-title {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 30px;
}


.event-card {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ddd;
}

.event-image {
    width: 50%;
    height:200px;
    border-radius: 10px;
    object-fit: cover;
}


.event-details {
    align-items: start;
    /* flex: 1; */
    text-align: left;
}

.event-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
}


.event-date {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}
 .event-location {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}

.event-description {
    font-size: 14px;
    color: #777;
    line-height: 1.4;
}


@media (max-width: 768px) {
    .event-card {
        flex-direction: column;
        text-align: center;
    }
    .event-image {
        width: 100%;
        height: auto;
    }
}


.ambassador-section {
    position: relative;
    width: 100%;
    height: 300px; 
    background: url('/cdn/shop/files/Modern-Hippi_3eadc29a-cc24-43af-83de-2621dac22a1c.png?v=1742190857') no-repeat center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
}


.overlay {
    text-align: center;
    /*background: rgba(0, 0, 0, 0.3);*/
    width: 100%;
    padding: 40px 20px;
}


.ambassador-title {
    color: white;
    font-size: 42px;
    font-weight:500;
    margin-bottom: 10px;
}


.ambassador-text {
    color: white;
    font-size: 14px;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.5;
}


@media (max-width: 768px) {
    .ambassador-title {
        font-size: 24px;
    }

    .ambassador-text {
        font-size: 14px;
        padding: 0 20px;
    }
}







/* Centered Welcome Kit Section */
.welcome-kit {
    text-align: center;
    padding: 50px 20px;
    max-width: 900px;
    margin: 0 auto;
}

/* Title Styling */
.welcome-title {
    font-size: 32px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}

/* Description Text */
.welcome-text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .welcome-title {
        font-size: 24px;
    }

    .welcome-text {
        font-size: 14px;
    }
}






/* Reset default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* Kit Section Layout */
.kit-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    margin: 50px auto;
    padding: 0px 20px;
    gap: 40px;
}

/* Image Container */
.kit-image-box {
    flex: 1;
    text-align: center;
}

.kit-image-box img {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Text Content */
.kit-content {
    flex: 1;
    text-align: left;
}

.kit-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px;
}

.kit-description {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}

.kit-subtitle {
    font-size: 22px;
    font-weight:500;
    margin-bottom: 10px;
}

.kit-list {
    list-style: none;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

.kit-list li {
    margin-bottom: 10px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .kit-container {
        flex-direction: column;
        text-align: center;
    }

    .kit-image-box img {
        max-width: 80%;
    }

    .kit-content {
        text-align: left;
    }

    .kit-list {
        text-align: left;
        padding-left: 20px;
    }
}

@media (max-width: 600px) {
    .kit-title {
        font-size: 24px;
    }

    .kit-subtitle {
        font-size: 20px;
    }

    .kit-description,
    .kit-list {
        font-size: 14px;
    }

    .kit-image-box img {
        max-width: 100%;
    }
}





/* Section layout */
.perks-section {
    text-align: center;
    padding: 50px 20px;
    max-width: 1300px;
    margin: 0 auto;
}

/* Heading & description */
.perks-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}

.perks-description {
    font-size: 14px;
    color: #555;
    max-width: 800px;
    margin: 0 auto 40px;
    line-height: 1.5;
}

/* Perks container */
.perks-container {
    display: flex;
    justify-content: center;
    gap: 30px;
}

/* Individual perk card */
.perk-card {
    width: 45%;
    text-align: center;
}

/* Perk images */
.perk-image {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Perk titles */
.perk-title {
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
}

/* Perk text */
.perk-text {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-top: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .perks-container {
        flex-direction: column;
        gap: 20px;
    }

    .perk-card {
        width: 100%;
    }
  .perks-section {
    
    padding: 20px 20px;
  }
}






/* Role Section Layout */
.role-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 50px auto;
   
    gap: 50px;
}

/* Left Content */
.role-left {
    flex: 1;
  text-align:left!important;
}

.role-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px;
}

.role-description {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* Right Content (Bullet Points) */
.role-right {
    flex: 1;
  text-align:left;
}

.role-subtitle {
    font-size: 18px;
    font-weight: 500;
    margin-top: 14px;
}

.role-text {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

/* Divider */
.divider {
    width: 80%;
    margin: 50px auto;
    border: .5px solid #ffffff4f;
}
/* Be Inspired Section */
.inspiration-section {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
  padding: 0px 20px;
}

.inspiration-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}

.inspiration-description {
    font-size: 14px;
    color: #555;
    max-width: 700px;
    margin: 0 auto 40px;
    line-height: 1.5;
}

/* Video Container */
.video-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.video {
    width: 30%;
    height: 200px;
    border-radius: 10px;
}

/* Responsive Design */
@media (max-width: 1024px) {
.role-section {
    flex-direction: column;
    text-align: center;
    gap: 30px;
    padding: 0px 20px;
    margin-top: 0px!important;
}

    .role-right {
        text-align: left;
    }

    .video-container {
        flex-direction: column;
        align-items: center;
    }

    .video {
        width: 90%;
        height: 250px;
    }
}

@media (max-width: 767px) {
  .shopify-section:has(.collection) * {
    text-align: center;
}
  div#collection-template--16693791555668__featured_collection_TNEmm3 {
    padding-top: 50px;
}
  .shopify-section:has(.collection) {
    padding: 0px 20px;
}
  .shopify-section:has(.collection) ul {
    display: flex;
}
.shopify-section:has(.collection)  .color-scheme-1.isolate.gradient {
    background: unset;
}
  .rich-text.content-container.color-scheme-2.gradient.rich-text--full-width.content-container--full-width.section-template--16693791555668__rich_text_xY9KTm-padding h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 26px!important;
}
  div#collection-template--16693791555668__featured_collection_kwRBij {
    padding-bottom: 30px;
}
  .page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-list {
    display: block !important;
}
  .newsletter.center {
    padding: 50px 20px;
}
  .newsletter__wrapper h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 20px!important;
    text-align: center!important;
}
  .newsletter__wrapper .newsletter__subheading.rte.scroll-trigger.animate--slide-in p {
    text-align: center;
}
  .page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-list li {
    max-width: 100%!important;
      margin-bottom: 30px;
}
  .page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in h3.inline-richtext {
    color: rgb(0, 0, 0);
    font-size: 22px;
    padding-top: 20px;
}
  .shopify-section:has(.collection) h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    margin: 0px;
}
    .role-title, .inspiration-title {
        font-size: 24px;
    }

    .role-description, .role-text, .inspiration-description {
        font-size: 14px;
    }

    .video {
        height: 200px;
    }
  button.button {
    display: flex;
    width: 396px!important;
}
}




.ambassador-section1 {
    position: relative;
    width: 100%;
    height: 300px; 
    background: url('/cdn/shop/files/Our-Community_1.png?v=1742190857') no-repeat center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-articles {
    grid-template-columns: 1fr 1fr 1fr!important;
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
}

.blog-articles {
    gap: 32px!important;
}

.blog-articles a.full-unstyled-link {
    font-size: 18px!important;
    font-weight: 500!important;
    font-family: roboto!important;
}

.article-card__excerpt {
   
    font-size: 14px!important;
}

.main-blog h1.title--primary.scroll-trigger.animate--fade-in {
    display: none!important;
}

account-icon {
    padding-left: 30px!important;
}
a#cart-icon-bubble {
    padding-left: 20px!important;
}

h2.title.title-wrapper--no-top-margin.inline-richtext.h2.scroll-trigger.animate--slide-in {
    display: none!important;
}


.contact__fields {
  
    grid-template-columns: repeat(1,1fr)!important;
   
}

 form#ContactForm button.button {
    display: flex;
    width: 724px;
}

.content {
    flex: 1;
    max-width: 550px;
    text-align: left;
    align-items: start;
    /* display: flex; */
}

.card__inner {
    width: 100%;
    height: 400px;
}
.article-card__image-wrapper.card__media {
    height: 243px;
}


input._formInputField_237zm_7 {

    border-radius:0px!important; 
}

._textArea_17mgw_1 {
    
    border-radius: 0px!important; 
    
}


.custom-row-container {
    width: 100%;
    display: flex;
    justify-content: center; 
    align-items: center;
    padding: 20px 0;
}

.custom-row {
    display: flex;
    justify-content: center; 
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1300px; 
}
.custom-column {
    display: flex;
    justify-content: center; 
    flex: 1;
    min-width: 380px;
    max-width: 320px; 
}

.custom-video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; 
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.custom-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
section#shopify-section-template--16693791555668__rich_text_RdBRXn .rich-text__blocks.center * {
    text-align: left !important;
}
.rich-text.content-container.color-scheme-1.gradient.rich-text--full-width.content-container--full-width.section-template--16693791555668__rich_text_RdBRXn-padding .rich-text__wrapper.rich-text__wrapper--center.page-width {
    justify-content: start;
}
main#MainContent:has(.collection__title) .page-width {
    max-width: 1290px;
}
.card__media {
    width: 100%!important;
    margin: 0px!important;
}
.product-tags {
    text-align: center;
}
.product-tags span.tag {
    background-color: rgba(229, 244, 252, 1);
    font-weight: 500;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: rgba(9, 77, 167, 1);
    border-radius: 100px;
    padding: 7px 18px;
}
.card__heading a {
    text-align: center;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000 !important;
}
.card-information:has(.price__container) {
    margin: 0px auto;
    text-align: center;
}
span.price-item.price-item--sale.price-item--last {
    font-size: 16px;
    font-weight: 400;
    color: #7d7d7d !important;
    font-family: 'Roboto';
    margin: 0px;
}
s.price-item.price-item--regular {
    font-size: 20px !important;
    color: #000;
    font-family: Lato;
    font-weight: 500;
}
.price__container {
    margin-top: 10px;
}
.card-wrapper:hover a {
    text-decoration: none !important;
}
.view-btn a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 1);
    border: 2px solid rgba(0, 0, 0, 1);
    padding: 11px 63px 11px 33px;
    text-decoration: none !important;
    background-image: url(/cdn/shop/files/right-arrow.png?v=1742880268);
    background-size: 26px;
    background-position: 91px 11px;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin: 0px auto;
}
.view-btn {
    margin-top: 20px;
    max-width: 164px;
    margin-left: auto;
    margin-right: auto;
}
.card.card--card.card--media.color-scheme-2.gradient {
    border-radius: 0px;
}
.collection ul#product-grid {
    gap: 20px;
}
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width p {
    color: rgb(134, 134, 134);
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-weight: 400 !important;
}
.price.price--sold-out.price--on-sale {
    text-align: left;
}
  .collection__title.title-wrapper.title-wrapper--no-top-margin.page-width h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-family: 'Roboto', sans-serif !important;
    font-size: 25px !important;
    line-height: 1.9;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000 !important;
    margin-top: 30px;
}
span.tag.tag-dark-roast {
    display: none;
}
div#collection-template--16693791555668__featured_collection_KW7XRT .card__heading a {
    font-size: 20px;
}
span.tag.tag-freeze-dried-coffee {
    background: rgba(252, 239, 229, 1);
    color: rgba(230, 113, 20, 1);
}
.card-informations .price {
    text-align: center;
}
div#collection-template--16693791555668__featured_collection_KW7XRT .card-informations .price * {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: rgba(125, 125, 125, 1);
}
.collection ul#product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.collection ul#product-grid li {
    width: 100% !important;
    max-width: 100% !important;
}
div#collection-template--16693791555668__featured_collection_TNEmm3 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.product-feature {
    display: none;
}
.product-feature p {
    color: rgb(125, 125, 125);
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    line-height: 1.9;
}

.product-feature * {
    text-align: center;
}
div#collection-template--16693791555668__featured_collection_KW7XRT .product-feature {
    display: flex !important;
    justify-content: space-around;
    margin-top: 50px;
}
div#collection-template--16693791555668__featured_collection_KW7XRT .product-feature .feature-inner {
    max-width: 114px;
}
.product-feature img {
    max-width: 25px;
}

.price__regular, .price__regular * {
    font-size: 16px;
    font-weight: 400;
    color: #7d7d7d;
    font-family: 'Roboto', sans-serif;
}
span.tag.tag-while-stocks-last {
    color: #13a32b;
    background: rgba(229, 252, 233, 1);
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-card.content-container {
    background: unset !important;
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-card__image-wrapper {
    padding: 0px;
    margin: 0px;
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-card__info p {
    font-family: 'Roboto';
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in h3.inline-richtext {
    color: rgb(0, 0, 0);
    font-size: 28px;
    padding-top: 20px;
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-list {
    column-gap: 24px;
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-list img {
    border-radius: 6px;
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-card__info {
    padding: 0px;
}
.page-width.section-template--16693791555668__multicolumn_jhCnKV-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-list li {
    max-width: 23.3%;
}
.rich-text.content-container.color-scheme-2.gradient.rich-text--full-width.content-container--full-width.section-template--16693791555668__rich_text_xY9KTm-padding h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    color: #000;
    font-size: 36px;
}
.rich-text.content-container.color-scheme-2.gradient.rich-text--full-width.content-container--full-width.section-template--16693791555668__rich_text_xY9KTm-padding p {
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 27px;
    color: #666;
}
.newsletter__wrapper {
    max-width: 1290px;
    margin: 0px auto;
    background: url(/cdn/shop/files/Our-Community-bg.png?v=1742891665)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: top!important;
    border-radius: 6px!important;
}
body.gradient.animate--hover-default:has(.product-feature) {
    background: unset;
}
.newsletter__wrapper {
    padding-left: 32px!important;
    padding-right: 32px!important;
}
.newsletter__wrapper h2.inline-richtext.h1.scroll-trigger.animate--slide-in, .newsletter__wrapper .newsletter__subheading.rte.scroll-trigger.animate--slide-in, .newsletter__wrapper #contact_form {
    max-width: 613px;
    margin-left: auto;
    text-align: left;
    margin-right: initial;
}
.newsletter__wrapper h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
    color: rgb(255, 255, 255);
    font-size: 28px;
}
.newsletter__wrapper .newsletter__subheading.rte.scroll-trigger.animate--slide-in p {
    color: #fff;
    font-size: 14px;
}
.newsletter-form__field-wrapper.scroll-trigger.animate--slide-in {
    width: 100%;
    max-width: 100%;
}
.newsletter-form__field-wrapper.scroll-trigger.animate--slide-in input {
    background: rgba(255, 255, 255, 0.1);
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 0px;
}
.newsletter-form__field-wrapper.scroll-trigger.animate--slide-in label.field__label {
    color: #fff;
}
.newsletter__wrapper .field:after{
    content:unset!important;
}
button#Subscribe {
    background: #000;
    color: #fff;
}
.newsletter.center {
    padding-bottom: 50px;
    padding-top: 50px;
}
.newsletter__wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.product--stacked .product__media-item {
    max-width: 14.9%!important;
}
.product--stacked .product__media-item .product-media-container, .product--stacked .product__media-item .product-media-container * {
    border: unset;
    border-radius: 0px !important;
}
.product:not(.product--columns) .product__media-list .product__media-item:first-child {
    max-width: 100% !important;
}
.product.product--small.product--left.product--stacked.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet {
    max-width: 1290px;
    margin: 0px auto;
}
.product__title h1 {
    font-size: 25px;
    color: #000;
}
.section-template--16642561048660__main-padding {
    background: #fff;
}
.short-desc p, .short-desc * {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.9;
    font-weight: 400;
}
.short-desc .metafield-rich_text_field p {
    margin-bottom: 20px;
}
.short-desc ul {
    padding-left: 15px;
}
.section-template--16642561048660__main-padding span.price-item.price-item--sale.price-item--last {
    font-size: 20px;
    font-weight: 500;
    color: #1c1c1c !important;
}
.section-template--16642561048660__main-padding s.price-item.price-item--regular {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}
span.badge.price__badge-sale.color-scheme-5, .product__tax.caption.rte {
    display: none;
}
.quantity:after{
    content:unset!important;
}
product-info, .section-template--16642561048660__custom_liquid_6iCDd4-padding, .section-template--17953168949332__custom_liquid_6iCDd4-padding {
    background: #fff !important;
}
.product-desc.page-width {
    max-width: 1270px;
    background: rgba(247, 247, 247, 1);
    padding: 50px;
}
.product-desc.page-width * {
    color: #000;
    font-family: Roboto !important;
    font-size: 16px;
}
.product-desc.page-width p {
    margin: 16px 0px;
    line-height: 30px;
}
.product-desc.page-width ol {
    padding-left: 15px;
}
.product-desc.page-width h3 {
    font-size: 20px;
}


@media (max-width: 900px) {
    .custom-row {
        flex-direction: column;
        align-items: center;
    }
    .custom-column {
        max-width: 100%;
      min-width: 331px; 
    }
}

/* === Shop Page ===  */
#Slider-template--16693791555668__featured_collection_e98RCT li .card-wrapper .card .card__inner{
  height:400px;
}
#Slider-template--16693791555668__featured_collection_e98RCT li .card-wrapper .card .card__inner  .card__media{
  height:400px;
}
/*  ==== Specially Curated For You ====*/
#collection-template--16693791555668__featured_collection_TNEmm3 ul li .card-wrapper .card .card__inner{
  height:290px;
}


/* ==== Section Looking For Just A Box ====  */
#collection-template--16693791555668__featured_collection_KW7XRT ul li .card-wrapper .card__content .card__information span.tag-light-roast{
  display:none;
}
#collection-template--16693791555668__featured_collection_KW7XRT ul li .card-wrapper .card__content .card__information span.tag-medium-roast{
  display:none;
}
/* #collection-template--16693791555668__featured_collection_KW7XRT ul li .card-wrapper .card__content .product-feature {
  display:none;
} */
/* ==== Section Never Run Out Of Coffee Again  ====  */
#collection-template--16693791555668__featured_collection_kwRBij ul li .card-wrapper .card__content .card__information span.tag-light-roast{
  display:none;
}
#collection-template--16693791555668__featured_collection_kwRBij ul li .card-wrapper .card__content .card__information span.tag-medium-roast{
  display:none;
}
#collection-template--16693791555668__featured_collection_kwRBij ul li .card-wrapper .card__content .card__information .product-tags span.tag-subscription-pack {
    background: #fbf0e7;
    color: #e67114;
}
#collection-template--16693791555668__featured_collection_kwRBij ul li .card-wrapper .card__content .product-feature {
    margin-top: 40px;
    display: flex;
    justify-content: space-around;
}
#collection-template--16693791555668__featured_collection_kwRBij ul li .card-wrapper .card__content .product-feature .feature-inner {
    max-width: 114px;
}




/* Single Product page Template  */
ul#Slider-Gallery-template--16642561048660__main{
  gap:11px;
}

label.quantity-label-hide {
    display: none;
}
button.quantity__button {
    color: #000 !important;
}
input#Quantity-template--16642561048660__main {
    color: #000 !important;
}
/* input#Quantity-template--16642561048660__main {
    width: 40px !important;
    max-width: 50px;
} */
div#Quantity-Form-template--16642561048660__main {
    margin-bottom: 0 !important;
}
.product-form__quantity .price-per-item__container quantity-input.quantity {
    border: 1px solid #dcd7ca;
    border-radius: 0px;
}
/* #Quantity-Form-template--16642561048660__main quantity-input.quantity {
    display: flex;
    align-items: center;
    justify-content: center;
} */
/* #Quantity-Form-template--16642561048660__main button.quantity__button {
    height: 30px;
    width: 30px;
    border-radius: 4px;
}
#Quantity-Form-template--16642561048660__main button.quantity__button:hover {
    background: #000 !important;
    color: #fff !important;
} */
.product-form__buttons {
    display: flex;
    justify-content: flex-end;
    max-width:310px !important;
    width:310px;
}
.product-form__buttons .product-form__submit {
    color: #000000;
    background: transparent;
    border: 2px solid #000;
    font-weight: 600;
    width: 160px !important;
    margin-top: -71px;
    height: 45px;
    font-family: 'Roboto';
}
.product-form__buttons .product-form__submit span {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto';
}
.subscribe-btn-wrapper {
    margin-top: -30px !important;
}
a.subscribe-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    width: 320px;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-family: 'Roboto';
}
a.subscribe-btn img {
    width: 20px;
    margin-left: 10px;
    margin-bottom: 2px;
}
.star-rating-wrapper {
    margin-top: 40px !important;
}
.star-rating-wrapper .star-rating{
  display:flex;
  align-items:center;
  gap:5px;
}
.star-rating-wrapper .star-rating img{
  width:20px;
}
.verified-user {
    margin-top: 14px;
}
.verified-user p {
    color: #000;
    font-size: 13px;
    font-family: 'Roboto';
}
.verified-user p span{
    text-decoration: underline;
}
.review-wrapper {
    margin-top: 20px;
}
.review h5 {
    color:#000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    font-family: 'Roboto';
} 
.review p {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 1.4em;
}
.price__container .price__regular .price-item--regular {
    color: #7d7d7d;
    font-weight: 400;
    font-size: 18px;
}
.product-form {
    margin-bottom: -20px !important;
}
section#ProductInfo-template--16956545007700__main p.product__text.inline-richtext,
section#ProductInfo-template--17039398338644__main p.product__text.inline-richtext{
    color: #000;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
}
section#ProductInfo-template--16956545007700__main p.product__text.inline-richtext:before, section#ProductInfo-template--17039398338644__main p.product__text.inline-richtext:before {
    content: "" !important;
    display: block;
    height: 24px;
    width: 24px;
    background: url(/cdn/shop/files/tick.png?v=1747825436);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
section#ProductInfo-template--16956545007700__main p.product__text.inline-richtext.subtitle,
section#ProductInfo-template--17039398338644__main p.product__text.inline-richtext.subtitle
{
    font-size: 22px!important;
    font-family: 'Roboto' !important;
    font-weight: 500;
}
section#ProductInfo-template--16956545007700__main p.product__text.inline-richtext.subtitle:before,
section#ProductInfo-template--17039398338644__main p.product__text.inline-richtext.subtitle:before{
  content:unset !important;
}
.price .badge {
  display: none !important;
  background: #000;
  color: #fff;
}
div#Quantity-Form-template--16956545007700__main {
    margin-top: 25px;
}
.custom-subscribe-btn-wrapper {
    margin-top: 15px !important;
    margin-bottom: 15px!important;
}
.custom-subscribe-btn-wrapper a.custom-subscribe-btn {
    text-decoration: none;
    background: #000;
    color: #fff;
    padding: 14px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 310px;
    height: 54px;
    gap: 20px;
}
div#shopify-block-subscriptions_app_block_ig6fY6 {
    display: none !important;
}
#price-template--16642561048660__main .price.price--large.price--sold-out.price--show-badge.price--on-sale {
    display: flex !important;
}
/* Subscription Product Template */
div#price-template--16956545007700__main {
    margin-top: 0;
}
/* === Shopify Subscription Pack */

div#shopify-block-1768834845299682660 {
    display: none;
}
.shopify_subscriptions_app_block  .shopify_subscriptions_app_block_label {
    background: #000;
    color: #fff;
    font-family: 'Roboto';
    width: 78%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shopify_subscriptions_app_block  .shopify_subscriptions_app_block_label .shopify_subscriptions_purchase_option_wrapper label {
    font-weight: 600;
    font-family: 'Roboto';
    font-size: 16px !important;
}
.shopify_subscriptions_app_block .shopify_subscriptions_fieldset div{
  border:unset !important;
}

/* === Seal Subscription App ===  */
.sls-widget-branding {
    display: none;
}
.sls-more-info-container {
    display: none;
}
label#seal-purchase-options-label {
    display: none;
}
.sealsubs-container .sls-purchase-options-container .sls-option-container.sls-active, .sealsubs-container .sls-option-container.sls-active {
    border: 1px solid #000 !important;
}
.sealsubs-container .sls-purchase-options-container .sls-option-container, .sealsubs-container .sls-option-container {
    border: 1px solid #000 !important;
}
.sls-purchase-options-container .sls-option-container.seal-table.sls-active {
    display: block;
    box-shadow: unset;
    padding-left: 0;
}
.sls-purchase-options-container .sls-option-container .sls-label-container label.sls-selling-plan-group-name {
    color: #000 !important;
    font-family: Roboto, sans-serif;
    letter-spacing:1px;
    font-size: 16px;
    margin-bottom: 8px;
}
.sls-price .money {
    color: #000 !important;
    font-weight: 600 !important;
}
.selling-plan-group-options-name-select label{
    color: #000 !important;
    font-family: 'Roboto' !important;
}
.selling-plan-group-options-name-select .sls-select-container label {
  color: #000 !important;
  font-family: 'Roboto' !important;
}



/* ===  You may also like this section === */
#shopify-section-template--16642561048660__related-products ul li .card-wrapper .card__content .card__information .product-tags span.tag-light-roast {
    display:none;
}
#shopify-section-template--16642561048660__related-products ul li .card-wrapper .card__content .card__information .product-tags span.tag-medium-roast {
    display:none;
}
#shopify-section-template--16642561048660__related-products ul li .card-wrapper .card__content .card__information .product-tags span.tag-dark-roast {
    display:none;
}
#shopify-section-template--17953168949332__related-products ul li .card-wrapper .card__content .card__information:has(span.tag.tag-subscription-pack) .product-feature {
    display: flex;
    margin-top:30px;
}
#shopify-section-template--17953168949332__related-products ul li .card-wrapper .card__content .card__information .product-feature {
    display: flex !important;
    margin-top:35px;
}
#shopify-section-template--17953168949332__related-products .related-products ul li .card-wrapper .card .card__inner{
  height:290px;
}
.hippi-coffee-mixed-variety-pack-3-boxes-subscription #price-template--16642561048660__main .price{
  display:none;
}



@media screen and (max-width:768px){
  .product-desc.page-width {
    padding: 20px;
}
}


/* === Subscription Page ===  */
#collection-template--16717470203988__featured_collection_KW7XRT ul li .card-wrapper .card__content .product-feature {
    margin-top: 28px;
    display: flex;
    justify-content: space-around;
}
#collection-template--16717470203988__featured_collection_KW7XRT ul li .card-wrapper .card__content .product-feature .feature-inner {
    max-width: 114px;
}

#collection-template--16717470203988__featured_collection_KW7XRT ul li .card-wrapper .card__content .card__information .product-tags span.tag-subscription-pack {
    background: #fbf0e7;
    color: #e67114;
}
#collection-template--16717470203988__featured_collection_KW7XRT ul li .card-wrapper .card__content .card__information span.tag-light-roast{
  display:none;
}
#collection-template--16717470203988__featured_collection_KW7XRT ul li .card-wrapper .card__content .card__information span.tag-medium-roast{
  display:none;
}
#collection-template--16717470203988__featured_collection_KW7XRT ul li .card-wrapper .card__content .card__information span.tag-dark-roast {
    display: none;
}
div#Banner-template--16717470203988__image_banner_caUHwR {
    min-height: 306px;
}
section#shopify-section-template--16717470203988__image_banner_caUHwR .banner__content {
    justify-content: flex-start;
}
section#shopify-section-template--16717470203988__image_banner_caUHwR .banner .media>img {
    object-position: 100% 70%;
}

/* === Cart Drawer ===  */
button#CartDrawer-Checkout {
    background: #000;
    color: #fff;
}
#CartDrawer .drawer__inner-empty a.button {
    background: #000;
    color: #fff;
}

/* === Articles page ===  */
#shopify-section-template--17953168687188__custom_liquid_HTBg4H .blog-page-section{
  background:#F4F4F4;
}
#shopify-section-template--17953168687188__custom_liquid_HTBg4H .ambassador-title{
  color:#000;
}
#shopify-section-template--17953168687188__custom_liquid_HTBg4H .ambassador-text{
  color:#000;
}

.view-btn a:hover {
    background-image: url(/cdn/shop/files/4829869_arrow_next_right_icon_47736086-83a4-4b70-86f8-2e2d8ae99231.svg?v=1745230016) !important;
    background-size: 26px !important;
    background-position: 91px 11px !important;
    background-repeat: no-repeat !important;
    background-color: #000 !important;
    color: #fff !important;
}
button:hover{
    background-color: #000 !important;
    color: #fff !important;
}
.card__heading a:after{
  content:unset!important;
}
.reward:nth-child(4) img {
    width: 60%;
    margin-top: 3px;
}
.reward:nth-child(3) img {
    margin-top: -7px;
    width: 50%;
}
.reward:nth-child(2) h3 {
    margin-top: -12px;
}
.reward:nth-child(2) img{
   width: 50%;
  margin-top: 16px;
}
.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in:nth-child(4) ul.footer-block__details-content.list-unstyled li:last-child a {
    background: url(/cdn/shop/files/sme.png?v=1745234481);
    background-size: contain;
    padding: 67px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
}
.cart__ctas a.checkout-btn {
    background: #000;
    width: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 0px;
}
.shopify_subscriptions_app_block .shopify_subscriptions_app_block_label .shopify_subscriptions_purchase_option_wrapper label {
    display: none;
}
.shopify_subscriptions_app_block * {
    color: #000 !important;
}
.shopify_subscriptions_app_block .shopify_subscriptions_app_block_label {
    background: unset !important;
    justify-content: flex-start;
}
.shopify_subscriptions_app_block_label ul {
    padding: 0px!important;
}
legend.shopify_subscriptions_app__title {
    font-size: 22px;
    font-weight: bold;
}
/* @media screen and (min-width: 1025px) {
.ecom-core.ecom-m0d2labl6l .ecom-slider--container .ecom-slider {
    height: 80vh !important;
}
} */