/** Shopify CDN: Minification failed

Line 578:0 Unexpected "4.pt-4"

**/
.price:not(.price--show-badge) .price-item--last:last-of-type,
.price--on-sale .price-item--regular {
    color: #fff !important;
    font-family: "veneer";
    font-size: 25px !important;
    font-weight: 600;
    text-transform: uppercase
}
.cafe-banner-row {
  position: relative;
  width: 100%;
}

.cafe-banner-img img {
  width: 100%;
  object-fit: cover;
}

.cafe-banner-col {
  padding: 10% 0;
  position: absolute;
  top: 0;
}

.cafe-banner-col div {
  color: #fff;
  font-family: Assistant, sans-serif;
}

.cafe-banner-btn {
  margin-top: 25px;
}

.cafe-banner-btn a {
  display: inline-block;
  padding: 8px 40px 5px 40px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  font-family: "veneer";
}

.cafe-card-information {
  text-align: center !important;
}

.cafe-card__heading a {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 25px;
  font-family: americana, sans-serif;
}

.cafe-prod--buy-btn a {
  text-decoration: none;
  color: #000;
  font-weight: 700;
  font-size: 23px;
  border: 2px solid #000;
  padding: 5px 30px 3px 30px;
  display: inline-block;
  margin-bottom: 7px;
  font-family: veneer, sans-serif;
  border-radius: 3px;
}

.cafe-card-wrapper:hover .cafe-prod--buy-btn a {
  background: #fdd30f;
  border: 2px solid #fdd30f;
}

.cafe-prod--learn-btn a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  border-bottom: 2px solid #fdd30f;
  display: inline-block;
}

.cafe-card__inner .color-background-2,
.cafe-card__inner .gradient {
  background: transparent;
}

.underline-links-hover:hover a {
  text-decoration: unset;
}

.cafe-card-wrapper {
  border: 3px solid #f5f5f5;
}
.cafe-media img {
  /* border-bottom: 3px solid #f5f5f5;
  padding: 30px 0px;
  background: #f9f9f9; */
  object-fit: contain !important;
}

.cafe-price__regular {
  font-size: 20px;
  font-weight: 600;
  color: #333f4f;
}

.cafe-product-grid {
  row-gap: 3rem;
}

.cafe-prod-rating img {
  max-width: 220px;
  margin-top: 13px;
}

.price {
  font-family: "Assistant";
}

/* product page */

.cafe-product-icons-wrap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.cafe-product-icons-item {
  text-align: center;
}

.cafe-product-icons-item :is(p, li, span)
{
  font-size: 1.2rem;
  line-height: 3rem;
  font-family: "mark-regular", sans-serif;
}
@media (max-width: 1500px) {
  .cafe-product-icons-item :is(p, li, span)
  {
    font-size: 1.2rem;
  }
}

@media (max-width: 1300px) {
  .cafe-product-icons-item :is(p, li, span)
  {
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 900px) {
  .cafe-product-icons-item :is(p, li, span)
  {
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 600px) {
  .cafe-product-icons-item :is(p, li, span)
  {
    font-size: 1.2rem;
    line-height: 2.2rem;
  }
}

.cafe-product-rating img {
  width: 190px;
}

.cafe-product__description {
  margin-top: 0 !important;
}
.cafe-product__description span {
  margin-bottom: 10px;
  display: block;
}
.cafe-product-form__buttons {
  max-width: 100% !important;
}
.cafe-subscription-btn {
  background: #ffc520 !important;
  font-weight: 900;
  font-size: 35px !important;
  font-family: "veneer";
  padding: 7px 0 !important;
}

.cafe-subscription-btn:after {
  box-shadow: unset;
}

.cafe-radio-group {
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  background-color: #f9f9f9;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 20px;
}

.cafe-radio-label .cafe-radio-text {
  display: block;
  font-size: 18px;
  font-weight: 600;
}

.cafe-radio-label .cafe-accordion {
  display: none;
}

.cafe-radio-group
  input[type="radio"]:checked
  + .cafe-radio-label
  .cafe-accordion {
  display: block;
}

.cafe-frequency-wrap select {
  width: 100%;
  border: none !important;
  font-size: 16px;
}

.cafe-frequency-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cafe-frequency-select-icon {
  width: 20px;
}

.cafe-frequency-select-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.cafe-accordion p {
  margin: 0;
}

.cafe-radio-label {
  width: 100%;
}

.cafe-frequency-wrap select:focus-visible {
  outline: unset !important;
  outline-offset: unset !important;
  box-shadow: unset !important;
}

/* popup */

.cafe-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}

.cafe-popup-content {
  background: #000;
  color: #fff;
  width: 500px;
  padding: 50px 30px;
  text-align: center;
  position: relative;
}

.cafe-popup-logo img {
  width: 200px;
  margin: 0 auto;
}

.cafe-popup-close {
  position: absolute;
  right: 20px;
  top: 0px;
  font-size: 30px;
  cursor: pointer;
}

.cafe-popup-text p {
  margin: 0;
  text-transform: uppercase;
  font-family: "americana";
}

.cafe-popup-text-1 {
  font-size: 31px;
  line-height: 40px;
  padding: 0px;
}

.cafe-popup-text-2 {
  font-size: 70px;
  line-height: 60px;
  padding: 12px;
}

.cafe-popup-text-3 {
  font-size: 22px;
}

.cafe-popup-text {
  padding: 2rem 0 3rem;
}

.cafe-popup-form {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
  gap: 10px;
}

.cafe-popup-form-input {
  outline: none;
  border: none;
  padding: 12px 20px !important;
  font-family: "Assistant" !important;
  font-size: 13.3333px !important;
}

.cafe-popup-form-btn {
  background: #ffc700;
  color: #000;
  padding: 4px 10px 4px 7px;
  font-weight: 800;
  font-size: 25px;
  letter-spacing: 0.4px;
  border: none;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  font-family: "veneer";
}

.cafe-popup-footer {
  margin: 10px 0;
  font-size: 13px;
  font-family: Assistant, sans-serif;
  color: #ccc;
}
.cafe-collection-banner-dropdown img {
  width: 50px !important;
}

.cafe-collection-banner-dropdown .product-page-arrow {
  bottom: -15px;
}

.header__submenu a {
  color: #000;
  text-align: left;
}

.hidden-content {
  display: none;
}

.read-more-button {
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-family: "Assistant";
  border-bottom: 4px solid #ffc520;
  font-weight: 600;
  width: fit-content;
  line-height: 27px;
}

.product__title h1 {
  font-family: "americana";
}
.cafe-product__info-wrapper {
  border: 1px solid #ddd;
  padding: 30px 50px 0px 50px !important;
}

.jdgm-rev-widg__summary {
  align-items: flex-start !important;
}

.jdgm-row-stars {
  justify-content: space-between !important;
}

.jdgm-widget-actions-wrapper {
  border: none !important;
}

a.jdgm-write-rev-link {
  background: transparent !important;
  color: #000 !important;
}

.jdgm-widget-actions-wrapper {
  width: unset !important;
}
.cafe-prod-btn {
  display: none;
}
.cafe-prod-rating {
  display: none;
}
.card__heading a {
  color: #fff;
}
.card-information .price-item--regular {
  text-transform: uppercase;
  color: #fff;
}
.cafe-banner-col div {
  display: none;
}
.cafe-banner-col {
  padding: 0 !important;
  top: 0;
  transform: translate(0%, 0);
  width: 100%;
  left: 0;
}
.cafe-banner-img.cafe-banner-img-ai {
  position: relative;
}
.cafe-banner-title {
  margin-bottom: 20px;
  color: #000;
  font-family: americana, sans-serif;
  text-transform: uppercase;
  font-size: 55px;
}
.cafe-card-wrapper {
  border: none !important;
}
.mex-banner-desc {
  color: #000;
  font-size: 30px;
}
.cart-drawer .cart-item > td + td {
  padding: 0 !important;
}
.cafe-banner-content {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding-top: 4%;
}
body.blog .cafe-banner-content,
body.blog .cafe-banner--blog-content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
}

.cafe-banner-content p {
  margin: 0 !important;
  letter-spacing: 4px;
  font-family: americana, sans-serif;
  font-size: 2rem;
}
.cafe-banner-content h1 {
  margin-bottom: 0 !important;
}

body.blog .cafe-banner--blog-content h2 {
  text-shadow: 2px 2px 9px #555;
}
body.blog .cafe-banner--blog-content p {
  text-shadow: 2px 2px 9px #555;
}

.cafe-find-row h3 {
  font-family: americana, sans-serif;
  font-size: 40px;
  text-align: center;
  margin-bottom: 50px;
}
.cafe-find-wrap {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  justify-content: space-between;
}
.cafe-find-wrap img {
  width: 170px;
  margin-bottom: 60px;
}
/* product */
.cafe-product__info-wrapper .product__title h1 {
  font-size: 32px !important;
  line-height: 32px !important ;
}
.cafe-product-rating {
  margin-top: 0 !important;
}
.left-1 {
  left: -10px !important;
}
.pl-3 {
  padding-left: 1.75rem !important;
}
.pl-8 {
  padding-left: 3rem !important ;
}
p.flex.flex-row.justify-center.text-md {
  display: none;
}
button.w-full.max-w-lg.text-xl.tracking-wider.btn-red.\32xl\:px-20.md\:order-last {
  font-size: 33px;
  font-weight: 900;
  font-family: "veneer";
  letter-spacing: 0;

  padding: 20px 0;
  background: #ffc520;
  text-transform: uppercase;
  color: #000;
  border-radius: 0;
}
h2.jdgm-rev-widg__title {
  font-size: 38px;
  font-family: "americana";
  text-transform: uppercase;
}
.cafe-product-icons-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cafe-product-icons-wrap {
  align-items: end !important;
}
.text-base {
  font-family: "Assistant";
  font-weight: 800 !important;
  font-size: 14px !important;
}
.text-lifeboost-red {
  padding-bottom: 20px !important;
}
4.pt-4.pb-3.mx-auto.grid-cols-3 {
  margin-bottom: 10px !important;
}

.cafe-collection-product-bg {
  background-image: url("/cdn/shop/files/shop-products-bg.jpg?v=1723472808");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -8px;
}

.cafe-collection-product-title {
  color: #fff;
  text-align: center;
  font-size: 50px;
  line-height: 62px;
  font-family: "americana";
  margin-bottom: 10px;
}
.cafe-collection-product-desc {
  color: #fff;
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px;
}
.cafe-collection-product-desc
{
  font-size: 2rem;
  line-height: 3rem;
  font-family: "mark-regular", sans-serif;
}

@media (max-width: 1500px) {
  .cafe-collection-product-desc
  {
    font-size: 1.7rem;
  }
}

@media (max-width: 1300px) {
  .cafe-collection-product-desc
  {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 900px) {
  .cafe-collection-product-desc
  {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 600px) {
  .cafe-collection-product-desc
  {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}

.cafe-collection-product-bg .p1 {
  font-size: 18px;
  color: #fff;
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
  font-family: "Assistant";
  line-height: 30px;
  margin-bottom: 9rem;
}

.cafe-collection-product-bg .color-background-2,
.cafe-collection-product-bg .gradient.ratio {
  background: transparent !important;
}
@media (max-width: 757px) {
  .grid__item.product__media-wrapper {
    order: 2;
  }
}
@media only screen and (max-width: 905px) {
  .cafe-banner-content P {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .cafe-product__info-wrapper {
    padding: 10px !important;
  }
  .text-base {
    font-size: 12px !important;
  }
  button.w-full.max-w-lg.text-xl.tracking-wider.btn-red.\32xl\:px-20.md\:order-last {
    font-size: 22px;
  }
  .cafe-find-wrap {
    grid-template-columns: repeat(2, 150px);
    justify-content: center;
    column-gap: 27px;
    width: 100%;
  }
  .cafe-find-wrap img {
    width: 100%;
    margin-bottom: 15px;
  }
  .cafe-banner-img-ai img {
    height: 500px;
  }
  .cafe-banner-content P {
    font-size: 10px;
  }
}

/* 16 august 2024 */

.installment,
label.quantity__label.form__label {
  display: none;
}

.cafe-product-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
  margin-bottom: 5px !important;
}

.cafe-product-select label {
  font-size: 24px;
  font-family: "veneer";
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
  letter-spacing: 1px;
}

.cafe-product-select select {
  border: none;
  font-size: 18px;
  /* width: 110px; */
  text-transform: capitalize;
  outline: none;
  font-family: "JudgemeStar";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;base64,...") no-repeat right center;
}

.read-more-button {
  padding-top: 0px;
}

.cafe-price-item--regular {
  color: #000;
  font-family: "veneer";
  font-size: 25px;
  font-weight: 600;
}

.quantity__input {
  color: #000;
  font-size: 20px !important;
  font-family: "veneer";
}

.quantity {
  width: calc(11rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
}

.quantity:after {
  border: 2px solid #000 !important;
  box-shadow: unset !important;
}
.quantity__button {
  width: calc(4rem / var(--font-body-scale));
}

quantity-input.quantity {
  margin-top: -2rem;
}
.quantity .icon.icon-plus path,
.quantity .icon.icon-minus path {
  fill: #000;
}

.cafe-product-cart-btn button {
  background: #ffb81c;
  width: 100%;
  display: block;
  text-align: center;
  font-family: "veneer";
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  padding: 5px 0;
}

/* product info section */

.cafe-product-info-col {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  gap: 50px;
  padding: 70px 0;
}

.cafe-product-info-conetent,
.cafe-product-info-img {
  width: 50%;
}

.cafe-product-content-title {
  font-size: 35px;
  font-family: "americana";
  margin-bottom: 20px;
}

.cafe-product-recipes,
.cafe-product-ingredient,
.cafe-product-direction {
  margin-bottom: 40px;
  font-family: "Assistant";
  font-size: 16px;
}
.cafe-product-recipes :is(p, li, span),
.cafe-product-ingredient :is(p, li, span),
.cafe-product-direction :is(p, li, span) 
{
  font-size: 2rem;
  line-height: 3rem;
  font-family: "mark-regular", sans-serif;
}

@media (max-width: 1500px) {
  .cafe-product-recipes :is(p, li, span),
  .cafe-product-ingredient :is(p, li, span),
  .cafe-product-direction :is(p, li, span) 
  {
    font-size: 1.7rem;
  }
}

@media (max-width: 1300px) {
  .cafe-product-recipes :is(p, li, span),
  .cafe-product-ingredient :is(p, li, span),
  .cafe-product-direction :is(p, li, span) 
  {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 900px) {
  .cafe-product-recipes :is(p, li, span),
  .cafe-product-ingredient :is(p, li, span),
  .cafe-product-direction :is(p, li, span) 
  {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 600px) {
  .cafe-product-recipes :is(p, li, span),
  .cafe-product-ingredient :is(p, li, span),
  .cafe-product-direction :is(p, li, span) 
  {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}

.cafe-product-recipes :is(ul, ol),
.cafe-product-ingredient :is(ul, ol),
.cafe-product-direction :is(ul, ol) {
  padding-left: 30px;
}

.cafe-product-recipes :is(ol) li,
.cafe-product-ingredient :is(ol) li,
.cafe-product-direction :is(ol) li {
  list-style: auto;
}

.cafe-product-recipes :is(ul) li,
.cafe-product-ingredient :is(ul) li,
.cafe-product-direction :is(ul) li {
  list-style: disc;
}
body.sip-and-savor-pack .cafe-product-ingredient,
body.sip-and-savor-pack .cafe-product-direction,
body.sip-and-savor-pack .cafe-product-content-title
{
  display: none;
  opacity: 0;
  visibility: hidden;
}
.cafe-product-title {
  font-family: "veneer";
  font-size: 25px;
  margin-bottom: 10px;
}

#CartDrawer-Checkout {
  background-color: #ffb81c;
  font-family: "veneer";
  font-size: 22px;
  padding-top: 16px;
  text-transform: uppercase;
}

.quantity-popover-container .quantity {
  margin-top: 0;
}

.quantity-popover-container .quantity .icon.icon-plus path,
.quantity-popover-container .quantity .icon.icon-minus path {
  fill: #fff;
}

.quantity-popover-container .quantity:after {
  border: unset !important;
}

.quantity-popover-container .quantity {
  min-height: calc((var(--inputs-border-width) * 2) + 4rem);
}

#CartDrawer-CartItems .cart-item__quantity {
  display: flex;
  align-items: center;
  position: relative;
  top: 0px;
}

.cart-item__quantity .mex-del {
  padding: 6.5px 5px;
}

.cafe-drawer__heading {
  margin-bottom: 0 !important;
  font-family: "americana";
}

#CartDrawer-Item-1 .mex-del {
  gap: 4px;
  padding: 7.5px 5px;
  border: 0.5px solid #fff;
}

.cart-drawer .quantity__button {
  height: 30px !important;
  width: 30px !important;
  margin-top: 1.5px;
}

.drawer {
  filter: blur(0px);
  backdrop-filter: blur(5px);
}

.grid--1-col .grid__item {
  width: 100% !important;
}

.product__media {
  height: 500px !important;
}
.product__media img {
  object-fit: contain;
}
.product-media-container .media {
  padding-top: unset !important;
}

/* product media gallery */

.cafe-thumbnails {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

.cafe-thumbnail-img {
  width: 100%;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
}

.cafe-thumbnail-img img {
  width: 100%;
  height: auto;
}

.cafe-thumbnail-img img {
  opacity: 0.3;
  height: 230px;
}
.cafe-thumbnail-img,
.cafe-thumbnail-img img {
  opacity: 0.3;
}

.cafe-thumbnail-img.is-active,
.cafe-thumbnail-img.is-active img {
  opacity: 1;
}

.cafe-main-product-gallery {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-direction: column-reverse;
}
@media (max-width: 768px) {
  .cafe-main-product-gallery {
    flex-direction: column-reverse;
    gap: 30px;
    align-items: center;
  }
}
.cafe-product-main-img-gallery {
  display: flex;
  /* flex-grow: 1; */
  width: 100%;
}
.cafe-product-main-img-gallery .splide__slide {
  display: flex;
  justify-content: center;
  /* padding: 0 30px; */
  /* height: 500px; */
  padding: 10px 0;
}
.cafe-product-main-img-gallery .splide__slide img {
  width: 70%;
  /* max-width: 270px; */
  /* max-width: 370px; */
  /* height: 530px; */
  /* height: auto; */
  margin-top: -10px;
}
body.single-origin-variety-pack
  .cafe-product-main-img-gallery
  .splide__slide
  img,
body.sip-and-savor-pack .cafe-product-main-img-gallery .splide__slide img {
  max-width: max-content;
}
@media (max-width: 768px) {
  .cafe-product-main-img-gallery .splide__slide img {
    max-width: 320px;
  }
  body.single-origin-variety-pack
    .cafe-product-main-img-gallery
    .splide__slide
    img,
  body.sip-and-savor-pack .cafe-product-main-img-gallery .splide__slide img {
    max-width: max-content;
  }
}

.cafe-thumbnail-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 15%; */
  flex-shrink: 1;
  /* max-height: 560px; */
  overflow: hidden;
}

@media (max-width: 768px) {
  .cafe-thumbnail-gallery {
    width: 100%;
  }
}
.cart-count-bubble {
  left: 14px !important;
  bottom: 9.3px;
}

.cart-count-bubble span {
  font-size: 11px !important;
}

.cart-drawer .mex-img-wrapper {
  background: transparent !important;
}

.cart-drawer .cart-item__image {
  max-width: 135px;
  height: 120px;
  object-fit: contain;
  margin-top: 20px;
  margin: 0 auto;
}

.divider-container {
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.divider-image-left {
  width: 67px;
  transform: rotate(-12deg);
  margin-bottom: 30px;
  margin-left: -10px;
}

.divider-line {
  border: none;
  border-top: 1px solid #000;
  flex-grow: 1;
}

.divider-icon {
  font-size: 20px;
  margin: 0 10px;
}

.cafe-prod-img-center {
  width: 60px;
  margin: 0px 20px;
}

.drawer__close .icon.icon-close path {
  fill: #ccc;
}

.cart-drawer .cart-item__image {
  max-width: 100%;
  background: #fff;
  border-radius: 10px;
  width: 50%;
  margin: 0;
  padding: 10px 0;
}

main#MainContent {
  min-height: 80vh;
}

.cafe-cart-item__prices {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.cart-drawer__footer .totals__total,
.cart-drawer__footer .totals__total-value {
  font-family: "veneer" !important;
}

.cart-item__details .product-option {
  font-size: 1.1rem;
}

.cafe-find-row {
  padding: 30px 0;
  width: 80%;
  margin: 0 auto;
}

.loader {
  border-top: 6px solid black;
  border-right: 6px solid white;
  border-bottom: 6px solid black;
  border-left: 6px solid white;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
  display: block !important;
}

.loader-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0000004d;
  z-index: 9;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.cart-drawer .drawer__close,
.cart__login-title.h3,
.cart__login-paragraph {
  display: none;
}

.cart__empty-text {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-family: americana, sans-serif;
    text-transform: uppercase;
}

#CartDrawer-CartItems .quantity__input {
  height: 29px;
  color: #fff;
  width: 10px;
}
.card .card__inner .card__media {
  filter: drop-shadow(30px 30px 50px #ffffff2e);
}
.card .card__inner .card__media {
  overflow: initial;
}
/* #thumbnails li:nth-child(1) {
  display: none;
} */
#thumbnails {
  transform: translateX(0px) !important;
}
.cafe-product-rating {
  display: none;
}
#section-hero {
  position: relative;
}

.copy-hover-box.copy-hover-box-product.white {
  position: absolute;
  bottom: 14%;
  left: 10%;
}
.menu-opening .icon.icon-close {
  fill: #fff;
}
.cafe-header-wrapper .header {
  flex-wrap: nowrap !important;
}

.cafe-header-wrapper .header__icon {
  margin: 0 0px;
}

.cafe-header-wrapper .header__icon--cart {
  width: 41px;
}
.cafe-article-template__hero {
  height: 300px;
}
.cafe-article-template__hero img {
  object-fit: cover;
}

.cafe-main-blog-heading {
  font-family: "americana";
  text-align: center;
  font-size: 40px;
}
.cafe-blog-title-wrapper {
  justify-content: center;
}

.button.cafe-cart-shopping-btn {
  font-size: 20px;
  color: #000;
  font-family: "veneer";
  background: #ffb81c;
  padding: 10px 50px;
}

.header__search .search-modal__form #Search-In-Modal {
  background-color: #000;
}

.cafe-subscribe-title {
  font-size: 40px;
}
.cafe-new-sidebar {
  height: 100%;
  overflow: auto;
}
.cafe-news-sidebar .fourth-width {
  width: 100%;
}
.cafe-blog-newsletter {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 70px;
  max-width: 100%;
}
.cafe-news-sidebar footer {
  position: sticky;
  top: 150px;

  padding: 50px 10px;
}
.article-template__content .article-template__content {
  max-width: 100%;
  width: 100%;
}
.cafe-new-sidebar .center {
  display: block !important;
}
.cafe-news-sidebar footer input {
  background: #fff !important;
  border-bottom: 2px solid #000 !important;
}
.cafe-news-sidebar button.submit-arrow {
  width: 25px;
  height: 30px;
  background: url(" /cdn/shop/files/icons8-greater-than-50.png?v=1725277480")
    no-repeat center center;
  background-size: contain;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 4px;
}
.justify-content {
  gap: 20px !important;
  justify-content: space-between;
}
.justify-content .card__heading a {
  color: #000;
}
.justify-content .card-information .price-item--regular {
  color: #000;
}
li.grid__item:empty {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 1 !important;
}

@media screen and (min-width: 990px) {
  .grid--2-col-desktop .grid__item {
    width: calc(33% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(33% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}
.price--on-sale .price-item--regular{
  display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 991px){
  .cafe-product-info-col{
    flex-direction: column;
    padding: 35px 0;
    gap: 0;
  }
  .cafe-product-info-conetent, .cafe-product-info-img{
    width: 100%;
  }
}

.cart-items thead th,
.cart-items .cart-item .cart-item__details .cart-item__name,
.cart-items .cart-item .cart-item__details .product-option,
.cart-items .cart-item .cart-item__details .product-option + dl{
  font-family: mark-regular,sans-serif !important;
}
/* 
.title-wrapper-with-link a{
  color: #000;
  border: 2px solid #ffc520;
  background-color: #ffc520;
  font-family: "veneer";
  font-size: 22px;
  padding-top: 16px;
  text-transform: uppercase;
  padding: 5px 20px !important;
  text-decoration: none;
}
.title-wrapper-with-link a:hover{
  color: #ffffff;
  border: 2px solid #ff0000;
  background-color: #ff0000;
} */

/**
 * Styles related to the subscription widget and variant options
 */

/* .cafe-main-prod-wrap .product__media-wrapper {
  width: 58%;
}

.cafe-main-prod-wrap .product__info-wrapper{
  width: 42% !important;
} */

.cafe-variant-options[data-is-subscription='true'] {
  & .cafe-variant-price--regular {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }

  & .variant-wrapper label {
    padding-bottom: 36px;
  }

  & .variant-wrapper:has(.cafe-variant-safe-percentage:empty) label {
    padding-bottom: 12px;
  }
}

.cafe-variant-options[data-is-subscription='false'] {
  & .cafe-variant-price,
  & .cafe-variant-safe-percentage {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
}

.cafe-main-prod-wrap:has([data-has-selling-plans='false']:checked) .subscription-widget {
  opacity: 0.5;
}

.cafe-main-prod-wrap {
  --cafe-color-accent: #ffc520;
  --cafe-color-primary: #4a937b;
  --cafe-color-secondary: #f9fff9;
}

.cafe-variant-options .variant-wrapper {
  width: 100%;
}

@media all and (min-width: 568px) {
  .cafe-variant-options .variant-wrapper {
    width: auto;
  }
}

/* @media all and (min-width: 769px) and (max-width: 1199px) {
  .cafe-variant-options .variant-wrapper {
    width: 100% !important;
  }
} */

.variant-wrapper label {
  position: relative;

  & .cafe-variant-safe-percentage {
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
  }
}

.variant-wrapper:has(input[type='radio']:checked) label {
  background-color: var(--cafe-color-secondary);
  border: 2px solid var(--cafe-color-primary);

  &::after {
    background-color: var(--cafe-color-primary);
    border-radius: 100%;
    color: #fff;
    content: '\2713';
    font-size: 9px;
    height: 16px;
    left: 50%;
    line-height: 16px;
    position: absolute;
    top: -8px;
    transform: translate3d(-50%, 0, 0);
    width: 16px;
  }
}

.cart-item__variant-option,
.cart-item__variant-selling-plan,
.cart-item__variant-selling-plan-savings {
  color: #fff;
  font-size: 12px;
}

.cart-drawer__footer a {
  color: #fff;
}

#checkout {
  /* background-color: #ffc520; */
  background-color: #ffb81c;
  color: #000;
  font-family: "veneer";
  font-size: 22px;
  padding-top: 16px;
  text-transform: uppercase;

  &:hover {
   background-color: red;
   color: #fff;
  }
}