/** Shopify CDN: Minification failed

Line 28:7 Comments in CSS use "/* ... */" instead of "//"
Line 1380:10 Expected identifier but found whitespace
Line 1380:12 Unexpected "{"
Line 1380:19 Expected ":"

**/
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.announcement-bar__container .announcement-bar {
  background: #f2f4f5;
 
}
.announcement-bar__container .announcement-bar__icon {
  display: none;
}
.announcement-bar__container .announcement-bar__close {
  display: none;
}
.announcement-bar__container .announcement-bar__content p {
  color: #041e42;
}
.top-bar {
  display: none;
}https://www.cafepod.com/collections/all-coffee
.header-sticky-wrapper .header__brand, .is-sticky .header__brand {
  padding: 1rem 0.75rem;
}
.banner__heading {
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica, sans-serif;
}
.header {
  border-top-width: 1px;
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica, sans-serif;
  height: auto;
  font-weight: bold;
}
.header__icons .icon {
  height: 1.5rem;
  width: 1.5rem;
}
.header__logo {
  width: 70px !important;
}
.foot .footer__content, .footer__container {
  background-color: #041e42;
}
.foot .footer__content form#newsletterbanner, .footer__container form#newsletterbanner {
  display: flex;
}
.foot .footer__content input#contactFormEmail, .footer__container input#contactFormEmail, .foot .footer__content button.button.button--primary.is-within-form, .footer__container button.button.button--primary.is-within-form {
  border-radius: 1.5rem;
}
.foot .footer__content .trustpilot-widget, .footer__container .trustpilot-widget {
  margin-left: -17px;
}
.foot .footer__content .footer__heading, .footer__container .footer__heading {
  font-size: 16px;
}
.footer__credits a, .footer__credits p {
  color: #fff;
}
.get-started-button {
  background-color: #041e42;
  color: #fff;
  border: none;
}
.collections-grid-buttons {
  border: none;
  border-image: linear-gradient(0.25turn, rgba(195, 119, 77, 1), rgba(248, 210, 177, 1), rgba(176, 104, 68, 1));
  border-image-slice: 1;
  border-bottom: 1px solid;
  width: 120px;
  text-align: center;
  text-transform: capitalize;
}
.contact-form__form button {
  background-color: #c3774d;
  background: linear-gradient(135deg, rgba(195, 119, 77, 1) 0%, rgba(248, 210, 177, 1) 60%, rgba(176, 104, 68, 1) 100%);
  width: 100%;
  border: #f2f4f5 solid 1px;
  color: #041e42;
  text-transform: uppercase;
  font-weight: bold;
}
em, i {
  font-style: italic;
  font-family: serif;
}
h2, .heading-section__heading {
  color: #041e42;
  font-size: 46px;
  font-family: nimbus-roman, Times New Roman, Times, serif;
  text-align: center;
}
@media (max-width: 600px) {
  h2, .heading-section__heading {
    font-size: 36px;
 }
}
.button--primary {
  background-color: #041e42 !important;
}
.custom-box-builder-product .product__images {
  display: none;
}
.frequency-options-wrap {
  margin-right: auto;
 /* Ensures it stays in the middle */
}
#frequency-selection .button--add-to-cart {
  padding: 5px 10px;
  border: 1px solid #041e42;
  font-size: 16px;
  color: #041e42;
}
@media (max-width: 768px) {
  .sticky-bar {
    flex-direction: column;
 }
 .sticky-bar > div {
    flex-direction: column;
 }
  .frequency-options-wrap .button--add-to-cart {
    margin-top: 10px;
    width: 100%;
 }
}
button.button.action_button.button--add-to-cart {
  background: rgb(15, 134, 106);
  border-radius: 3px;
  width: auto;
  padding: 1rem;
  border: none;
  color: #fff;
  text-transform:capitalize;
  font-weight: 600;
}
button.button.action_button.button--add-to-cart:hover {
  background-color:#1d3455;
  
}
button[disabled].button.action_button.button--add-to-cart {
  border: none;
}
/* Slideshow Background */
@media only screen and (min-width: 799px) {
 /* default slide background */
 /* size/move caption and gallery image as if the slideshow were in 'Standard' mode */
  .jsSlideshowClassic .flickity-slider .gallery-cell {
    background-color: #f2f4f5;
 }
  .jsSlideshowClassic .flickity-slider .gallery-cell .caption {
    max-width: 1200px;
    left: 50%;
    transform: translate(-50%, -50%);
 }
  .jsSlideshowClassic .flickity-slider .gallery-cell img {
    max-width: 1200px;
 }
}
.modal-backdrop {
  display: flex;
  position: fixed;
 /* Stay in place */
  z-index: 999;
 /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
 /* Full width */
  height: 100%;
 /* Full height */
  overflow: auto;
 /* Enable scroll if needed */
  background-color: #000;
 /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
 /* Black w/ opacity */
  justify-content: center;
  align-items: center;
}
/* Modal Content/Box */
.modal-content {
  background-color: #f2f4f5;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
 /* Could be more or less, depending on screen size */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.top-content-ground-coffee .icons-grid, .top-content-whole-bean .icons-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}
.top-content-nespresso-pods, .top-content-ground-coffee, .top-content-whole-bean {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  padding-bottom: 50px;
}
.top-content-nespresso-pods h1, .top-content-ground-coffee h1, .top-content-whole-bean h1 {
  text-align: center;
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 46px;
  color: #041e42;
  padding-bottom: 20px;
  line-height: 1.25;
}
.top-content-nespresso-pods .icons-grid, .top-content-ground-coffee .icons-grid, .top-content-whole-bean .icons-grid {
  display: grid;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}
.top-content-nespresso-pods .icon-item, .top-content-ground-coffee .icon-item, .top-content-whole-bean .icon-item {
  display: flex;
  flex-direction: column;
 /* Stacks the icon and text vertically */
  align-items: center;
 /* Centers the items horizontally */
  max-width: 100px;
  margin: 0 auto;
  text-align: center;
}
.top-content-nespresso-pods .icon-item img, .top-content-ground-coffee .icon-item img, .top-content-whole-bean .icon-item img {
  width: 100%;
 /* Keeps the icon's aspect ratio */
  max-width: 100%;
 /* Ensures the icon is not bigger than its container */
  height: auto;
 /* Changes from 100% to auto to avoid stretching */
}
.top-content-nespresso-pods .icon-item p, .top-content-ground-coffee .icon-item p, .top-content-whole-bean .icon-item p {
  margin-top: 10px;
 /* Adds space between the icon and the text */
  width: 280px;
  text-transform: uppercase;
  font-weight: bold;
  color: #041e42;
}
.top-content-nespresso-pods sup, .top-content-ground-coffee sup, .top-content-whole-bean sup {
  font-size: 18px;
}
@media screen and (max-width: 761px) {
  .top-content-nespresso-pods h1, .top-content-ground-coffee h1, .top-content-whole-bean h1 {
    font-size: 36px;
   /* Adjusts font size for smaller screens */
 }
  .top-content-nespresso-pods .icons-grid, .top-content-ground-coffee .icons-grid, .top-content-whole-bean .icons-grid {
    display: block;
   /* Keep as block to maintain Flickity functionality */
    width: 100vw;
   /* Ensure the carousel is full viewport width */
    overflow: hidden;
   /* Hide anything outside this width */
    margin: 0;
   /* Remove margins that could disrupt alignment */
 }
  .top-content-nespresso-pods .icons-grid .icon-item, .top-content-ground-coffee .icons-grid .icon-item, .top-content-whole-bean .icons-grid .icon-item {
    width: 100vw;
   /* Each icon item occupies the full viewport width */
    min-width: 100vw;
   /* Ensure each item really takes up at least the viewport width */
    margin: 0;
   /* No margins to mess with the calculations */
    padding: 0;
   /* No padding to mess with the calculations */
    box-sizing: border-box;
   /* Include padding and borders in the width if any */
 }
  .top-content-nespresso-pods .icon-item img, .top-content-ground-coffee .icon-item img, .top-content-whole-bean .icon-item img {
    max-width: 6rem;
    height: auto;
   /* Adjust image max width for visibility */
   /* Maintain aspect ratio */
    margin: 10px auto;
   /* Center the image and add some vertical spacing */
 }
  .top-content-nespresso-pods .icon-item p, .top-content-ground-coffee .icon-item p, .top-content-whole-bean .icon-item p {
    width: auto;
   /* Lets text flow naturally within the item */
    max-width: 100%;
   /* Ensures text does not overflow the item's boundaries */
    margin: 0 auto;
   /* Center text */
    text-align: center;
   /* Center-align the text */
 }
  .top-content-nespresso-pods .flickity-page-dots, .top-content-ground-coffee .flickity-page-dots, .top-content-whole-bean .flickity-page-dots {
    position: unset;
    padding-top: 2rem;
 }
}
.bottom-content-nespresso-pods, .bottom-content-ground-coffee, .bottom-content-whole-bean {
  margin-top: 4rem;;
}

.bottom-content-whole-bean .section-container, .bottom-content-whole-bean .cta-grid-container {
  margin-top: 4rem;
}
.subscribe-one-section {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  padding: 20px;
  background-color: #f2f4f5;
 /* Show the icon when its corresponding radio button is checked */
}
.subscribe-one-section .purchase-options-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
 /* Allow options to wrap to next line on smaller screens */
}
.subscribe-one-section .purchase-option {
  position: relative;
 /* Allows absolute positioning inside this container */
  width: 600px;
  height: 460px;
  border: 1px solid #ccc;
 /* Add a border to each option */
  padding: 10px;
 /* Add some padding inside the options */
  margin: 15px;
 /* Add some space between the two options */
  box-sizing: border-box;
 /* Ensures padding doesn't affect the total width */
  cursor: pointer;
 /* Changes the cursor to a pointer when hovering over the options */
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.subscribe-one-section .purchase-option-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  pointer-events: none;
 /* Ensures clicks go through to the parent element */
}
.subscribe-one-section .purchase-option-label {
  display: block;
  position: relative;
 /* Allows the icon to be positioned relative to this label */
  cursor: pointer;
  text-align: center;
 /* Centers the text inside the label */
  margin-top: 5px;
 /* Reduced top margin */
  font-size: 14px;
 /* Reduced font size for the text inside the option */
}
.subscribe-one-section .purchase-option-label h2 {
  font-weight: bold;
  line-height: 1;
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica;
  text-transform: uppercase;
  font-size: 40px;
}
@media (max-width: 768px) {
  .subscribe-one-section .purchase-option-label h2 {
    font-size: 26px;
 }
  .subscribe-one-section .purchase-option-label .icon-placeholder {
    width: 3rem;
 }
}
.subscribe-one-section img.subscribe-icon {
  margin-left: -100px;
  margin-top: -50px;
}
@media (max-width: 768px) {
  .subscribe-one-section img.subscribe-icon {
    max-width: 150px;
    max-height: 100px;
    margin-left: -43px;
    margin-top: -20px;
 }
}
.subscribe-one-section .icon-placeholder {
  position: absolute;
  top: 10px;
 /* Adjust these values based on your design */
  right: 10px;
 /* Adjust these values based on your design */
  width: 7rem;
}

.subscribe-one-section .purchase-option-radio + .purchase-option-label .icon-placeholder > img.blue-tick-icon {
  display: none;
}
.subscribe-one-section .purchase-option-radio:checked + .purchase-option-label .icon-placeholder > img.blue-tick-icon {
  display: inline;
}
.subscribe-one-section .purchase-option-radio + .purchase-option-label .icon-placeholder > img.blue-circle-icon {
  display: inline;
}
.subscribe-one-section .purchase-option-radio:checked + .purchase-option-label .icon-placeholder > img.blue-circle-icon {
  display: none;
}

label.purchase-option-label.subscription-option {
  margin-top: -65px;
}
@media (max-width: 600px) {
  label.purchase-option-label.subscription-option {
    margin-top: 0;
 }
}

span.one-time-span {
  display: flex;
  margin-left: 2rem;
  font-size: 16px;
}

@media screen and (max-width: 749px) {
  span.one-time-span {
  display: flex;
  margin-left: 2rem;
  font-size: 12px;
  white-space: nowrap;
  }
}

.one-time-span img {
  margin-right: 10px;
}

/* Backdrop covering the entire viewport with a semi-transparent background */
.quick-view-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
 /* Dimmed background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
 /* High z-index to be on top */
}
/* General styles for the modal backdrop */
.quick-view-modal-backdrop {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
/* Container for modal content to center and style appropriately */
.quick-view-modal-content {
  background: white;
  padding: 20px;
  width: 90%;
  max-width: 600px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
/* Responsive grid container */
.quick-view-modal-grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
/* Styles for the product image */
.quick-view-product-image img {
  width: 100%;
 /* Responsive image */
  height: auto;
  display: block;
  border-radius: 4px;
}
/* Responsive text styles */
.quick-view-product-info {
  text-align: left;
}
/* Media queries for larger screens */
@media (min-width: 768px) {
  .quick-view-modal-grid-container {
    grid-template-columns: 1fr 2fr;
   /* 1/3 for image, 2/3 for content */
 }
  .quick-view-modal-content {
    width: 80%;
    max-width: 960px;
   /* Larger max width for larger screens */
 }
}
.variant-selected {
  background: #041e42 !important;
  color: #fff !important;
  text-transform: uppercase;
}
.variant-buttons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.variant-buttons button {
  color: #041e42;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  margin: 20px 1px;
  cursor: pointer;
  border: 1px solid #041e42;
  background-color: #fff;
  text-transform: uppercase;
  padding: 8px 10px;
}
.view-more-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
 /* Adjusts space between text and arrow */
  cursor: pointer;
 /* Changes the cursor to a pointer when hovering over the button */
  border: none;
  background: none;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #041e42;
}
.packs-selected {
  margin-right: 0.25rem;
}
.quantity-plus.button {
  background-color: #041e42 !important;
}
.button--secondary, a.button--secondary.button {
  border-radius: 1.5rem;
  border: none;
}
.top-page-headings {
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 46px;
  font-weight: bold;
  text-transform: uppercase;
 /* Media query for mobile devices */
}
@media (max-width: 600px) {
  .top-page-headings{
    font-size: 36px;
 }
}
.hero-slide-home {
  max-height: 550px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.hero-slide-home h2 {
  font-size: 46px !important;
}

@media (max-width: 600px) {
  .hero-slide-home h2 {
    font-size: 36px !important;
 }
}
.hero-slide-home .text-slideshow__heading {
  line-height: 1;
}
.hero-slide-home a.button.button--secondary, .hero-slide-home .button--secondary {
  color: #041e42;
}
/* Mobile screens */
@media (max-width: 768px) {
  .hero-slide-home {
    max-height: 1080px;
 }
}
/*.product__information.has-product-sticker.one-half.column.medium-down--one-whole {
  background: #f2f4f5;
  padding: 20px;
}*/
.product-title {
  font-size: 26px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #041e42;
}
span.price {
  font-weight: 600;
}
.button-group {
  display: flex;
  justify-content: space-around;
 /* Adjusts spacing between buttons */
  margin-bottom: 20px;
 /* Space above the checkout button */
  gap: 1rem;
}
.button-group span {
  font-weight: 600;
  padding-bottom: 1rem;
}
.button-option {
  display: flex;
  flex-direction: column;
 /* Stack the text and image vertically */
  align-items: center;
 /* Center align items horizontally */
  justify-content: center;
 /* Center them vertically too, within the button */
  padding: 10px 20px;
  background-color: #fff;
  color: #041e42;
  cursor: pointer;
  transition: opacity 0.3s ease, background-color 0.3s ease;
  opacity: 0.6;
  width: 200px;
 /* Specify a width, adjust as needed */
  text-align: center;
 /* Ensure text is centered */
}
.button-option.active {
  opacity: 1;
 /* Full opacity for active */
}
.button-option img {
  margin-left: 10px;
  width: 200px;
 /* Adjust as needed */
  height: auto;
}
.checkout-button {
  width: 100%;
  padding: 15px 20px;
  color: white;
  cursor: pointer;
  text-align: center;
}
.modal-content p {
  text-align: center;
}
.CustomBuildbox .modal-content {
  width: 90%;
 /* Adjust width as necessary */
  max-width: 600px;
 /* Set a max-width for larger screens */
  margin: auto;
 /* This auto margin centers the modal content horizontally */
  padding: 20px;
  background-color: #f2f4f5;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 /* Optional: Adds a subtle shadow for better focus */
  display: flex;
  flex-direction: column;
  align-items: center;
 /* Aligns children elements centrally */
}
.CustomBuildbox .modal-content .checkout-button {
  background-color: #c3774d;
  background: linear-gradient(135deg, rgba(195, 119, 77, 1) 0%, rgba(248, 210, 177, 1) 60%, rgba(176, 104, 68, 1) 100%);
  width: 100%;
  color: #041e42;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 1.5rem;
  width: auto;
  padding: 1rem;
  border: none;
}
.CustomBuildbox .modal-content h2, .CustomBuildbox .modal-content p {
  line-height: 1;
  padding-bottom: 2rem;
}
@media (max-width: 600px) {
  .button-group {
    flex-direction: column;
   /* Stack buttons vertically on small screens */
    gap: 5px;
 }
}
.mega-menu__content a.button.button--primary {
  color: #041e42 !important;
}
.CustomBuildbox .bundle-info-heading {
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 46px;
  font-weight: 600;
  margin-top: 5rem;
}
.CustomBuildbox .bundle-info-description {
  margin: 5rem;
}
.custom-button .button {
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica, sans-serif;
  letter-spacing: 0px;
  cursor: pointer;
  justify-content: center;
  text-align: center;
  transition: background 0.2s ease-in-out;
  background: linear-gradient(135deg, rgba(195, 119, 77, 1) 0%, rgba(248, 210, 177, 1) 60%, rgba(176, 104, 68, 1) 100%);
  border-radius: 1.5rem;
  width: auto;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #041e42;
}

.subscribe-perks ul {
  list-style: none;
  margin-left: 2rem;
  font-size: 16px;
}

@media screen and (max-width: 749px) {
  .subscribe-perks ul {
  list-style: none;
  margin-left: 2rem;
  font-size: 12px;
  white-space: nowrap;
  }
}

.subscribe-perks li {
  margin-bottom: 8px;
 /* Adjust as needed */
  display: flex;
  align-items: center;
}

.subscribe-perks li img {
  margin-right: 10px;
 /* Adjust as needed */
}

.perk-title {
  display: block;
  text-align: left;
  font-size: 16px;
  margin-left: 2rem;
  margin-bottom: 1rem;
}
.CustomBuildbox .li {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
/* Base styles remain unchanged, add or modify the following: */
.CustomBuildbox .product-image {
  max-width: 100%;
 /* Ensures image does not overflow its container */
  height: auto;
 /* Maintains aspect ratio while width changes */
}
@media screen and (max-width: 749px) {
  .CustomBuildbox .bundle-items-wrap {
      grid-template-columns: repeat(1, 1fr);
  }

  .CustomBuildbox .step-title, .CustomBuildbox .product-title {
      font-size: 20px; 
  }

  .CustomBuildbox .product-meta, .CustomBuildbox .product-price {
      font-size: 14px; 
  }
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
  .CustomBuildbox .bundle-items-wrap {
      grid-template-columns: repeat(2, 1fr); /* Two columns for tablets and similar devices */
  }
}
@media screen and (min-width: 1024px) {
  .CustomBuildbox .bundle-items-wrap {
      grid-template-columns: repeat(3, 1fr); /* Three columns for desktops */
  }

  .CustomBuildbox .product-title {
      font-size: 24px; /* Larger font size for larger screens */
  }
}

.navbar-link:not(.is-arrowless)::after {
  display: none;
}
a.navbar-link.header__link:hover {
  color: white;
 /* Keeps the original text color */
  border-bottom: 2px solid #fff;
 /* Adds an underline on hover */
}
.mega-menu-grid .mega-menu-grid .grid-container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  max-width: 1200px;
  margin: auto;
  gap: 5px;
}
.mega-menu-grid .sidebar {
  grid-column: 0.5;
  padding: 20px;
  text-align: center;
}
.mega-menu-grid .main-content {
  grid-column: 0.6666666667;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.mega-menu-grid .grid-item {
  padding: 20px;
  text-align: center;
}
.mega-menu-grid .grid-item img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
}
.link-button {
  position: relative;
  margin-top: 10px;
  text-decoration: none;
  color: #041e42;
 /* Initial color of the text */
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding-bottom: 5px;
 /* Space for the underline */
  display: inline-block;
 /* Necessary for width control */
  text-align: left;
  transition: color 0.3s;
 /* Smooth transition for text color */
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica;
  font-size: 16px;
  font-weight: bold;
 
}
/* Under line*/
.link-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: translateX(-50%);
  transition: background-color 0.3s, width 0.3s, height 0.3s;
}
.link-button:hover::after {
  background-color: #041e42;
 /* Underline color on hover */
}
.footer__content {
  border-top: none;
}
.sub-footer__row--second {
  position: relative;
}
.top-left-image {
  position: absolute;
  top: -77px;
  left: -20px;
  width: 165px;
  height: auto;
}
.footer-extra-custom.section {
  height: 4rem;
}
/** CUSTOMM BOX BUILDER **/
.CustomBuildbox {
  color: #041e42;
 /* Media queries for responsiveness */
}
.CustomBuildbox .option-text {
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
}
.CustomBuildbox .Total {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .CustomBuildbox .sticky-bar {
    padding: 0.5rem;
    padding-bottom: 2rem;
    flex-direction: column;
   /* Stack elements vertically on small screens */
 }
  .CustomBuildbox .sticky-bar > div {
    flex-direction: column;
   /* Ensures all elements are vertically aligned */
 }
  .CustomBuildbox .frequency-options-wrap {
    width: 100%;
   /* Full width for select box */
    margin-top: 0.5rem;
   /* Adds some space above on small screens */
 }
  .CustomBuildbox .Total {
    width: 100%;
   /* Full width for total display */
    margin-top: 0.5rem;
   /* Space after frequency options */
 }
  .CustomBuildbox .button--add-to-cart {
    width: 100%;
   /* Full button width on smaller screens */
    margin-top: 0.5rem;
   /* Space above button */
 }
}
/* Base styles for sticky bar */
.sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1d3455;
  z-index: 10;
 /* Ensures the bar is above other content */
  display: none;
 /* Hide by default */
  padding: 1rem;
  border-top: 1px solid #041e42;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  color: #ffffff;
 /* Style adjustments for internal elements */
}
.sticky-bar .button--add-to-cart {
  margin-left: 2rem;
}
.sticky-bar .option-text {
  font-size: 1rem;
 /* Adjust size as needed */
}
.sticky-bar .button--add-to-cart .text {
  color: #041e42;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
 /* Standardize font size */
}
.sticky-bar .price {
  font-size: 1rem;
 /* Adjust size as needed */
  margin-left: 0.25rem;
}
/* Flex layout for content */
.sticky-bar > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
 /* Adjust to space-between for better spacing */
  flex-wrap: wrap;
 /* Allows items to wrap on smaller screens */
}
/* Ensures the sticky bar is displayed when needed */
[x-show="window.pageYOffset > 200"] {
  display: flex;
}
#more-prod-info-mdl .intensity-wht {
  color: gray;
  padding: 2px;
}
#more-prod-info-mdl .intensity-blu {
  color: blue;
  padding: 2px;
}
#more-prod-info-mdl .is-hidden-mobile-only {
  display: none;
}
@media (min-width: 768px) {
  #more-prod-info-mdl {
   /* Adjust according to your breakpoints */
 }
  #more-prod-info-mdl .is-hidden-mobile-only {
    display: inline;
   /* Show on larger screens */
 }
}
#more-prod-info-mdl .modal-content {
  position: relative;
}
#more-prod-info-mdl .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 24px;
  color: #333;
}
#more-prod-info-mdl .close:hover {
  color: #000;
}
#more-prod-info-mdl h2 {
  text-align: left;
  font-family: Gotham SSm A, Gotham SSm B, Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 600;
}
#more-prod-info-mdl .modal-grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  align-items: start;
}
#more-prod-info-mdl .modal-product-image img {
  width: 100%;
  height: auto;
}
#more-prod-info-mdl .modal-product-info, #more-prod-info-mdl p {
  text-align: left;
}
@media (min-width: 768px) {
  #more-prod-info-mdl .modal-grid-container {
    grid-template-columns: 1fr 2fr;
 }
}

#insta-feed a {
  color: #041e42 !important;
}

.intensity {
	white-space: nowrap;
	overflow: hidden;
}

.intensity-wht {
    border-radius: 50%;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    padding: 4px;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #041e42;
    font-size: 0.8em;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    text-align: center;
}

.intensity-blu {
    border-radius: 50%;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    padding: 4px;
    background: #041e42;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 0.8em;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    text-align: center;
}

a.oke-poweredBy {
  display: none;
}

h1.text-slideshow__heading.banner__heading.title.is-hidden-mobile-only{
  font-size: 46px;
}

/* Styling the tab trigger on the left */
.offer-tab-trigger {
    position: fixed;
    top: 80%;
    left: 0;
    padding: 10px 20px;
    background: #4C6A97;
    color: #FFFFFF;
    cursor: pointer;
    transform: rotate(-90deg);
    transform-origin: left top;
    z-index: 9;
    font-size: 1rem;
    font-weight: bold;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}

.offer-tab-trigger:hover {
    background-color: #333;
}

/* The sliding content tab */
.free-offer-tab {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background-color: #FEFEF8;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    transition: left 0.3s ease-in-out;
    z-index: 999;
}

.free-offer-tab.open {
    left: 0;
}

/* Tab content */
.free-offer-tab h3 {
  color: #041E42;
  font-size: 20px;
}

.free-offer-tab p {
    font-size: 16px;
    margin: 10px 0;
    color: #333;
}

.shop-now-btn {
    display: inline-block;
    background: linear-gradient(135deg, rgba(195, 119, 77, 1) 0%, rgba(248, 210, 177, 1) 60%, rgba(176, 104, 68, 1) 100%);    
    color: #041E42;
    border-radius: 1.5rem;
    width: auto;
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    margin-top: 10px;
    border-radius: 5px;
}

.shop-now-btn:hover {
    background-color: #1D3455;
    color:#fff;
}
.close-tab-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.close-tab-btn:hover {
    color: #000;
}
.product-text { margin-bottom:5px;}

/* Mega Menu New Styles */
.mega-menu 
.header .navbar-link {padding: 1rem 1.5rem;}
.mega-menu__content {text-align:left;}
.mega-menu__content h2 {font-size:18px;text-align:left; margin-bottom:15px;}
.mega-menu__content ul li {list-style-type: none; padding: 0 15px 0 0; text-align: left;margin-bottom:5px; font-size:14px; font-weight:normal;}
.mega-menu__content ul li a {cursor:pointer;}
.mega-menu__content ul li a:hover {text-decoration:underline;}
.navbar-item img {max-height:100%!important;}
.mobile_nav {padding:10px;}
.mobile_nav h2{display:block; width:100%;margin:10px 0;}
.mobile_nav ul{display:block;clear:both;}
.mobile_nav ul li {margin-bottom:2px;}

@media (min-width: 768px) { .product-quantity-box.purchase-details__quantity {
    margin-right: 10px;
    width: calc(25% - 12px);
}}
.product-gallery .flickity-prev-next-button {
        opacity: 0;
        visibility: hidden;}
        @media only screen and (max-width: 798px) {
    .product-gallery__thumbnails {
        padding-top: 0;
        margin-top:10px;
    }
}
@media only screen and (max-width: 798px) {
    .product__images {
        margin-bottom: 10px;
    }
    h1.collection__title {text-align:center;font-size:28px; margin:0 auto;}
    h1.product-title {font-size:20px;}
    .product-gallery__thumbnails {display:none!important;}
    .offer-banner {width:100%; text-align:center;}
}
.rc-purchase-option__selector {font-size:1em!important;}
.product-form-container.has-padding-top {padding-top:0;}
button.button.action_button.button--add-to-cart, a.button.button--secondary, .button--secondary,.button--secondary-new, .sub-cta-button {
   background: rgb(15, 134, 106)!important;
  border-radius: 0!important;
  width: auto;
  padding: 1rem;
  border: none;
  color: #fff!important;
  text-transform: capitalize!important;
  font-weight: 600;
  font-size:16px;
}

/* Button styles */
button.button.action_button.button--add-to-cart:hover , a.button.button--secondary:hover, .button--secondary:hover,.button--secondary-new:hover, .sub-cta-button:hover {background-color:#1d3455!important;}
.product-thumbnail {text-transform:capitalize!important;}
.product-thumbnail__title {font-weight:bold;}
/* taste guarantee */
.taste_guarantee {padding: 5px; background-color: #f2f4f5;  border:1px solid #041e42;line-height:1.4em; max-height: 60px;max-width: 600px}
.taste_guarantee .inner_tg img {object-fit: cover;width: auto;float:left;margin-right:10px;}
.cart-warning {margin-top:10px;}
.rc-purchase-option__selector {font-size:1em!important;}
.price-ui {color:#303030}
.offer-banner {
  background-color: #041e42;  
 color: white;
  font-family: Arial, sans-serif;
  padding: 3px 5px;
  text-align: center;
  display: inline-block;
  font-weight: normal;
  font-size:13px;
}

.offer-banner strong {
  color: #fff;
  font-weight: bold;
}

.offer-banner span {
  color: #ffffff; /* Default color for text */
}

.offer-banner strong:nth-of-type(2) {
  color: #ffffff; /* Color for '10 free Smoky Joe coffee pods' */
}
/* PDP CONCERTINA */

 .ai-concertina-1 {
    border: 1px solid #fff;

  }

  .ai-concertina-item-1 {
    border-bottom: 1px solid #fff;
  }

  .ai-concertina-item-1:last-child {
    border-bottom: none;
  }

  .ai-concertina-header-1 {
    width: 100%;
    padding:5px;
    background-color: #fff;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  
    font-size: 16px;
    font-weight: normal;
  
    transition: background-color 0.3s ease;
  }

  .ai-concertina-header-1:hover {
    background-color: none;
  }

  .ai-concertina-header-1:focus {
     /* border-bottom:1px solid #f2f4f5;*/
    
  }

  .ai-concertina-title-1 {
    flex-grow: 1;
    margin: 0;
    font-size:15px;
    font-weight:bold;
  }

  .ai-concertina-icon-1 {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
    color: #041e42;
    flex-shrink: 0;
    margin-left: 12px;
  }

  .ai-concertina-header-1[aria-expanded="true"] .ai-concertina-icon-1 {
    transform: rotate(180deg);
  }

  .ai-concertina-content-1 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background-color: none;
    border-bottom: 1px solid #e7e7e7;
  }

  .ai-concertina-content-1.active {
    max-height: 1000px;
  }

  .ai-concertina-content-inner-1 {
    padding: 10px;
    color: #041e42;
  
    
    line-height: 1.6;
  }

  .ai-concertina-content-inner-1 p {
    margin: 0 0 16px;
  }

  .ai-concertina-content-inner-1 p:last-child {
    margin-bottom: 0;
  }

  .ai-concertina-content-inner-1 ul,
  .ai-concertina-content-inner-1 ol {
    margin: 0 0 16px;
    padding-left: 20px;
  }

  .ai-concertina-content-inner-1 li {
    margin-bottom: 8px;
  }

  .ai-concertina-content-inner-1 h1,
  .ai-concertina-content-inner-1 h2,
  .ai-concertina-content-inner-1 h3,
  .ai-concertina-content-inner-1 h4,
  .ai-concertina-content-inner-1 h5,
  .ai-concertina-content-inner-1 h6 {
    color: {{ block.settings.content_heading_color }};
    margin: 0 0 12px;
  }

  @media screen and (max-width: 749px) {
    .ai-concertina-header-1 {
      font-size: 18px;
      padding:10px;
    }

    .ai-concertina-content-inner-1 {
      padding: 10px;
      font-size: 15px;
    }

    .ai-concertina-icon-1 {
      width: 14px;
      height: 14px;
    }
  }