/* Non-animated styles separated from styles.css. */

:root {
  --bg: #FCF8F3;
  --surface: #FFFFFF;
  --primary: #8B5A2B;
  --secondary: #C89B5E;
  --cream-white: #FDF6ED;
  --text: #4b4b4b;
  --radius: 20px;
  --shadow: 0 15px 35px rgba(0,0,0,.08);
  --transition: .3s ease;
  --coffee-brown: #5c3a21;
  --cream-bg: #f8f6f2;
  --cream-card: #fff9f0;
  --green-light: #d4edda;
  --green-text: #155724;
  --blue-light: #cce5ff;
  --blue-text: #004085;
  --red-light: #f8d7da;
  --red-text: #721c24;
  --qty-height: 44px;
  --qty-btn-size: 34px;
  --qty-radius: 14px;
  --qty-border: #e6ddd4;
  --qty-bg: #ffffff;
  --qty-hover: #f8f5f2;
  --qty-text: #2d2d2d;
  --coupon-height: 48px;
  --coupon-radius: 7px;
  --coupon-border: #E8DED5;
  --coupon-bg: #FFF;
  --coupon-hover: #F8F4EF;
  --coupon-btn-start: #6A3B17;
  --coupon-btn-end: #4B250B;
  --coupon-text: #4B2F20;
  --coupon-placeholder: #8D7D73;
  --product-blend-primary: #8b5e3c;
  --product-blend-primary-light: #b98a61;
  --product-blend-border: #ececec;
  --product-blend-bg: #faf8f5;
  --product-blend-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  --product-blend-primary: #6F4E37;
  --product-blend-primary-light: #A97850;
  --product-blend-secondary: #EADBC8;
  --product-blend-bg: #FCFAF7;
  --product-blend-border: #E7DED4;
  --product-blend-text: #26211D;
  --product-blend-muted: #6E6A66;
  --product-blend-star: #F6A623;
  --product-blend-shadow: 0 15px 40px rgba(0,0,0,.08);
  --product-blend-primary: #6F3B12;
  --product-blend-primary-hover: #844A1A;
  --product-blend-border: #c9c9c9;
  --product-blend-bg: #FCFAF6;
  --product-blend-light: #F7F4ED;
  --product-blend-success: #F4F8ED;
  --product-blend-success-border: #E5ECD9;
  --product-blend-text: #2B241F;
  --product-blend-muted: #6D665F;
  --navbar-user-brown: #3b2115;
  --navbar-user-brown-light: #6f4936;
  --navbar-user-cream: #f8f3ed;
  --navbar-user-border: #e7ded5;
  --navbar-user-muted: #77716c;
  --navbar-user-danger: #b83a2d;
  --my-account-bg: #f8f3eb;
  --my-account-sidebar-bg: #fbf8f2;
  --my-account-active-bg: #f7efe6;
  --my-account-text: #241914;
  --my-account-icon: #2e241e;
  --my-account-border: #eee5d9;
  --my-account-page-bg: #faf8f4;
  --my-account-card-bg: #ffffff;
  --my-account-text: #191512;
  --my-account-muted: #66615d;
  --my-account-border: #ebe7e1;
  --my-account-purple: #ede9fe;
  --my-account-purple-bg: #6d28d9;
  --my-account-green: #176b3a;
  --my-account-green-bg: #e6f4e9;
  --my-account-blue: #17458a;
  --my-account-blue-bg: #eaf1fc;
  --my-account-red: #b42318;
  --my-account-red-bg: #fde9e7;
  --my-account-brown: #4a2b1c;
  --purple-light: #ede9fe;
  --purple-text: #6d28d9;
  --unauthenticated-user-bg: #fbfaf7;
  --unauthenticated-user-card: #fffefa;
  --unauthenticated-user-border: #e8e2da;
  --unauthenticated-user-brown: #713b1f;
  --unauthenticated-user-text: #241914;
  --unauthenticated-user-muted: #625e5a;
  --unauthenticated-user-icon-bg: #f8eadb;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: "Inter",sans-serif;
  line-height: 1.6;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

button, input, textarea, select {
  font: inherit;
}

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

.nav-link {
  font-size: 16px !important;
}

.nav-item a {
  font-weight: 700;
  font-size: 15px;
  color: var(--cream-white);
}

span.navbar-brand-title-top {
  font-weight: 600;
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  letter-spacing: 1px;
  color: var(--cream-white);
}

span.navbar-brand-title-bottom {
  font-weight: 600;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  letter-spacing: 2px;
  color: var(--cream-white);
}

.navbar-logo {
  height: 50px;
}

.navbar-nav .nav-link {
  position: relative;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0;
  height: 2px;
  background: #ffffff;
  transform: scaleX(0);
}

.dark-header-text.nav-link::after {
  background: #000;
}

/* ---------- Mobile Menu ---------- */

.navbar-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient( rgba(15,10,8,.82), rgba(15,10,8,.90) ), url(../img/home/hero.webp);
  background-size: cover;
  background-position: center;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.navbar-mobile-menu.show {
  opacity: 1;
  visibility: visible;
}

/* ---------- Close Button ---------- */

.navbar-close-menu {
  position: absolute;
  right: 30px;
  top: 30px;
  color: #fff;
  background: none;
  border: none;
  font-size: 25px;
}

/* ---------- Menu Content ---------- */

.navbar-mobile-menu-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.navbar-mobile-menu-content a {
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  margin: 15px 0;
  letter-spacing: 1px;
}

.navbar-mobile-divider {
  width: 140px;
  height: 1px;
  background: rgba(255,255,255,.2);
  margin: 40px 0;
}

.navbar-mobile-rating {
  color: white;
  text-align: center;
  line-height: 1.8;
}

.navbar-mobile-shop-btn {
  margin-top: 30px;
  padding: 14px 34px;
  background: linear-gradient(90deg, rgb(255, 179, 31) 0%, rgb(255, 165, 6) 45%, rgb(245, 146, 4) 100%);
  color: #000 !important;
  border-radius: 50px;
  font-size: 16px !important;
  letter-spacing: 1px;
}

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

.navbar-toggler {
  padding: 0;
  border: none;
}

.site-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
  background: transparent;
}

.site-header-seperate {
  position: relative;
  width: 100%;
  background: radial-gradient(circle at center, #fffdf9 0%, #fcf6ec 45%, #f4e7d3 100%);
}

#hero-section {
  min-height: 90vh;
  background-image: url("/assets/img/home/hero-drawing_2.webp");
  background-size: cover;
  background-position: 50% 90%;
  background-repeat: no-repeat;
  padding-top: 95px;
}

@media (max-width:991px) {
  #hero-section {
    min-height: 80vh;
    background-image: linear-gradient( 90deg,rgba(217,217,217,0.65) 0%,rgba(184,181,181,0.45) 35%, rgba(227,227,227,0.15) 70%, rgba(254,254,254,0) 100%), url("../img/home/hero-drawing_9.webp");
    background-position: center;
  }
}

.hero-title {
  color: #2a2a2a;
  font-weight: bold;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-family: "DM Serif Display" !important;
}

.hero-highlight {
  margin-left: -10px;
  padding: 0px;
  color: #6a3807;
}

.hero-description {
  color: #000;
  line-height: 1.2;
  margin-top: 2%;
  font-size: 14px;
  font-weight: 500;
  width: 60%;
}

.hero-buttons-div {
  margin-top: 5%;
  width: 100%;
}

.hero-buttons-div .hero-button {
  width: 100%;
}

.hero-buy-button {
  background: #a24f16;
  color: #f9e6c5;
  font-weight: bold !important;
}

#hero-button {
  justify-content: center;
  gap: 10px;
  padding: 20px 20px;
  min-height: 62px;
  border: none;
  border-radius: 9999px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  width: 100%;
}

.hero-buy-button-icon, .hero-story-button-icon {
  font-size: 20px;
}

.hero-story-button {
  background: #3d3a35;
  border: 1px solid #a24f16 !important;
  color: var(--cream-white);
  margin-left: 5%;
}

.hero-story-button-icon {
  color: #f89d06;
}

@media (max-width: 360px) {
  #hero-button {
    gap: 10px;
    padding: 10px;
    font-size: 14px;
  }
}

.hero-ratings-div {
  width: 100%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.hero-ratings-person {
  width: 100px;
}

.hero-ratings-star-icon {
  color: #f89d06;
  padding-left: 2%;
}

.hero-ratings-info-div {
  margin-left: 5%;
}

.hero-ratings-count {
  color: #000000;
  margin-left: 5%;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,1));
  font-weight: bold;
  font-size: 14px;
}

.hero-ratings-desc {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
}

.whyus-coffee-leaf-decorations {
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7;
  width: 180px;
  pointer-events: none;
  position: absolute;
}

.whyus-coffee-leaf-left {
  left: -40px;
}

.whyus-coffee-leaf-right {
  right: -40px;
}

#whyus-section {
  padding: 30px 0;
  background: radial-gradient(circle at center, #fffdf9 0%, #fcf6ec 45%, #f4e7d3 100%);
  position: relative;
  min-height: 300px;
}

.whyus-headline-flower {
  width: 12%;
}

.whyus-title {
  text-align: center;
  color: #fb9341;
  line-height: 1.3;
  font-weight: 800;
  text-shadow: 0 2px 4px rgba(0,0,0,.2), 0 12px 28px rgba(0,0,0,.2);
  background: linear-gradient( #77511c, #815022);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 2px;
  font-size: 22px;
  font-family: 'Inter';
}

.whyus-subtitle {
  background: linear-gradient( #b98742, #7b4d22);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 35px;
  letter-spacing: 2px;
  font-family: 'DM Serif Display';
}

.coffee-line {
  width: 175px;
  margin-top: 2px;
}

.whyus-desc {
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 768px) {
  .whyus-coffee-leaf-left, .whyus-coffee-leaf-right {
    display: none;
  }
}

@media (max-width: 576px) {
  .whyus-headline-flower {
    display: none;
  }
}

@media (max-width: 576px) {
  .whyus-subtitle {
    font-size: 25px;
  }
}

@media (max-width: 576px) {
  .whyus-title {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .whyus-coffee-line {
    width: 125px;
  }
}

@media (max-width: 576px) {
  .whyus-desc {
    display: none;
  }
}

.whyus-cards-row {
  margin-top: 10px;
}

.whyus-feature-card {
  min-height: 300px;
  background: #fef8ee;
  border-radius: 30px;
  border: 1px solid #ece1d5;
  box-shadow: 0 8px 25px rgba(80, 50, 20, 0.08), inset 0 1px 0 rgba(255,255,255,0.8);
}

.whyus-icon-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fef7ed 0%, #fef8eb 60%, #fdf7ee 100%);
  border: 1px solid #ece2d5;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px rgba(60,40,20,.08), inset 0 2px 8px rgba(255,255,255,.8), inset 0 -4px 8px rgba(0,0,0,.03);
}

.whyus-icon-image {
  width: 75px;
}

.whyus-feature-card-title {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
}

.whyus-feature-card-coffee-line {
  width: 100px;
  margin: 5px 0px;
}

.whyus-feature-card-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  padding: 10px;
}

@media (max-width: 992px) {
  .whyus-second-row {
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  .whyus-icon-circle {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 576px) {
  .whyus-icon-image {
    width: 40px;
  }
}

@media (max-width: 576px) {
  .whyus-feature-card-title {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .whyus-feature-card {
    min-height: 235px;
  }
}

@media (max-width: 576px) {
  .whyus-feature-card-desc {
    padding: 2px;
    font-size: 12px;
  }
}

.whyus-view-process-div {
  margin-top: 25px;
}

.btn-slide {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 25px;
  color: #8B4E17;
  background: #faf2e5;
  border: 1px solid #8b4f17;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,.08);
  font-family: inherit;
  cursor: pointer;
}

.btn-slide span {
  position: relative;
  z-index: 2;
}

.btn-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #5C321F, #87502F);
  transform: translateX(-100%);
  z-index: 0;
}

.btn-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: -40%;
  width: 25%;
  height: 100%;
  background: rgba(255,255,255,.25);
  transform: skewX(-25deg);
  z-index: 1;
}

#product-section {
  background: #fdf9f2;
}

.product-title-line1 {
  color: #844009;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
}

.flower-line {
  width: 170px;
  margin-top: 10px;
}

.product-title-line2 {
  margin-top: 10px;
  font-weight: bold;
  font-size: 27px;
  color: var(--text);
}

.product-title-line3 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.product-row {
  gap: 10px;
}

.product-column {
  min-height: 200px;
  border: 1px solid #f8e4c2;
  padding: 0px;
  border-radius: 10px;
  padding-bottom: 10px;
}

.product-div-img {
  height: 250px;
  background: #fef5e5;
}

.home-product-img {
  width: 125px;
  padding-bottom: 5%;
  padding-top: 5%;
}

.product-blend-title {
  font-size: 16px;
  color: #555;
  margin: 0px;
  margin-top: 5%;
  letter-spacing: 0px;
  font-weight: bold;
}

.product-blend-ratio {
  font-size: 15px;
  color: #4d4035;
  font-weight: 500;
  margin: 0px;
  margin-bottom: 2%;
  margin-top: 2%;
}

.product-blend-price {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 0px;
}

.product-blend-gram {
  font-size: 13px;
  letter-spacing: -1px;
  font-weight: 500;
  color: #595959;
  margin: 0px;
}

.product-desc {
  font-size: 13px;
  text-align: center;
  color: var(--text);
  height: 50%;
  margin: 10px;
  font-weight: 500;
}

.product-weight {
  border: 1px solid #aeaeae;
  font-size: 12px;
  letter-spacing: -1px;
  font-weight: 500;
}

.product-weight-div {
  gap: 5px;
  margin-left: 10px;
  margin-right: 10px;
  width: 100%;
}

.product-blend-addToCart {
  height: 30px;
  border: 1px solid #c6c6c6;
  font-size: 12px;
  background: #898555;
  color: white;
  margin-bottom: 2%;
  width: 75%;
  color: #fdf6ed;
  font-weight: bold;
}

.product-price-div {
  margin: 12px 0px;
}

.product-shopping-cart {
  font-size: 13px;
  margin-left: 5px;
}

.product-blend-pure-title {
  color: #a68c21;
}

.product-blend-chicory-title {
  color: #c09431;
}

.product-blend-gentle-title {
  color: #4fa272;
}

.product-blend-classic-title {
  color: #8c4c13;
}

.product-blend-rich-title {
  color: #5e4987;
}

#product-rich-default-weight {
  background: #5e4987;
  color: white;
}

#product-rich-default-weight {
  background: #5e4987;
  color: white;
}

#product-rich-default-weight {
  background: #5e4987;
  color: white;
}

.product-weight.active {
  background: #545454;
  color: white !important;
}

#product-gentle-default-weight {
  background: #4fa272;
  color: #fff;
}

#product-chicory-default-weight {
  background: #c09431;
  color: #fff;
}

#product-classic-default-weight {
  background: #8c4c13;
  color: #fff;
}

.product-blend-pure-button {
  background: #a68c21;
}

.product-blend-chicory-button {
  background: #c09431;
}

.product-blend-gentle-button {
  background: #4fa272;
}

.product-blend-classic-button {
  background: #8c4c13;
}

.product-blend-rich-button {
  background: #5e4987;
}

.product-coffee-line {
  width: 125px;
}

/* ----992 - 1199-- */

@media (min-width: 992px) and (max-width: 1199px) {
  .product-blend-pure-title, .product-blend-rich-title, .product-blend-classic-title, .product-blend-gentle-title, .product-blend-chicory-title {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home-product-img {
    width: 100px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .product-blend-ratio {
    font-size: 13px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .product-blend-price, .product-blend-gram {
    font-size: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .product-blend-pure-button, .product-blend-rich-button, .product-blend-classic-button, .product-blend-gentle-button, .product-blend-chicory-button {
    font-size: 11px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .product-div-img {
    height: 200px;
  }
}

/* ----768 - 992-- */

@media (min-width: 768px) and (max-width: 991px) {
  .product-blend-pure-title, .product-blend-rich-title, .product-blend-classic-title, .product-blend-gentle-title, .product-blend-chicory-title {
    font-size: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home-product-img {
    width: 85px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-blend-ratio {
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-blend-price, .product-blend-gram {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-blend-pure-button, .product-blend-rich-button, .product-blend-classic-button, .product-blend-gentle-button, .product-blend-chicory-button {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-title {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-div-img {
    height: 180px;
  }
}

/* ----576 - 768-- */

@media (min-width: 576px) and (max-width: 767px) {
  .product-blend-pure-title, .product-blend-rich-title, .product-blend-classic-title, .product-blend-gentle-title, .product-blend-chicory-title {
    font-size: 15px;
    padding-top: 2%;
    padding-bottom: 2%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .home-product-img {
    width: 75px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .product-blend-ratio {
    font-size: 14px;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .product-blend-price, .product-blend-gram {
    font-size: 14px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .product-blend-pure-button, .product-blend-rich-button, .product-blend-classic-button, .product-blend-gentle-button, .product-blend-chicory-button {
    font-size: 12px;
    width: 90%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .product-title {
    font-size: 17px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .product-div-img {
    height: 150px;
  }
}

/* ----360 - 576-- */

@media (min-width: 360px) and (max-width: 575px) {
  .product-sub-title {
    padding-top: 5%;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .product-blend-pure-title, .product-blend-rich-title, .product-blend-classic-title, .product-blend-gentle-title, .product-blend-chicory-title {
    font-size: 15px;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .product-desc {
    font-size: 14px;
    padding-top: 2%;
    padding-bottom: 2%;
    min-height: 50px;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .home-product-img {
    width: 60px;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .product-blend-ratio {
    font-size: 14px;
    text-align: center;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .product-blend-price, .product-blend-gram {
    font-size: 14px;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .product-blend-pure-button, .product-blend-rich-button, .product-blend-classic-button, .product-blend-gentle-button, .product-blend-chicory-button {
    font-size: 10px;
    width: 90%;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .product-title {
    font-size: 16px;
  }
}

@media (min-width: 360px) and (max-width: 575px) {
  .product-div-img {
    height: 125px;
  }
}

@media (max-width: 768px) {
  #product-chicory-col {
    display: none;
  }
}

@media (max-width: 575px) {
  #product-col-second-row {
    margin-top: 5%;
  }
}

@media (max-width: 576px) {
  .product-all-blends-button {
    font-size: 10px;
  }
}

@media (max-width: 576px) {
  .product-title-line2 {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .product-title-line3 {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .product-title-line1 {
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  .flower-line {
    width: 130px;
  }
}

.coffee-bean-flower-line {
  height: 30px;
  margin-top: 2px;
  margin-bottom: 20px;
  width: 200px;
}

.promise-section {
  background: #fdf2e3;
}

@media (min-width: 992px) {
  .promise-section {
  }
}

.promise-section-text h6 {
  font-size: 16px;
  font-weight: 700;
  color: #7c3b09;
}

.promise-section-text p {
  line-height: 16px;
  font-size: 14px;
  color: var(--text);
  padding-top: 5px;
}

.hero-art {
  position: absolute;
  top: 0;
  object-fit: contain;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  right: 0px;
  width: 75%;
  height: 100%;
}

@media (min-width: 992px) and (max-width:1400px) {
  .hero-art {
    right: -480px;
  }
}

.promise-content {
  background: #fbf2e3;
  padding-top: 20px;
}

@media (max-width: 991px) {
  .promise-content {
    max-width: 100%;
    padding: 20px;
  }
}

.promise-title {
  font-size: 2.2rem;
  line-height: 12px;
  margin-bottom: 20px;
  color: var(--text);
  font-family: 'DM Serif Display';
  margin-top: 20px;
}

.promise-label {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.promise-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  background: #583300;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .hero-art {
    display: none;
  }
}

.promise-feature {
  gap: 20px;
  margin-bottom: 30px;
}

.promise-title.promise-title-highlight {
  color: #863a14;
  padding-top: 0px;
}

.promise-desc {
  color: var(--text);
  line-height: 18px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.testimonial-section {
  background-image: url('../img/home/testimonial-bg.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

.testimonial-title-1 {
  color: #7c3b09;
  padding-top: 3%;
  letter-spacing: 2px;
  font-size: 13px;
  padding-bottom: 1%;
  margin-left: 1%;
  margin-right: 1%;
  width: 100%;
  font-weight: 500;
}

.testimonial-title-2 {
  margin: 0px;
  padding: 0px;
  font-size: 27px;
  font-weight: bold;
}

.testimonial-title-3 {
  margin-top: 0%;
  color: #863a14;
  font-size: 28px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.testimonial-title-4 {
  margin-top: 1%;
}

.testimonial-title-1-line {
  color: saddlebrown;
  padding-bottom: 1%;
}

.testimonial-title-1-line-div {
  width: 100%;
  padding-top: 20px;
}

.testimonial-title-1::before, .testimonial-title-1::after {
  height: 1px;
  width: 5%;
  border-top: 1px solid saddlebrown;
  display: inline-block;
  content: "";
  margin-left: 0%;
  margin-right: 0%;
}

.testimonial-title-1-icon {
  font-size: 8px;
}

.testimonial-main-div {
  background: #faf2ea;
  height: 100%;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #d6d6d6;
}

.fas.fa-quote-right.testimonial-quote {
  margin-top: 20px;
  font-size: 40px;
  color: #f4eadf;
  margin-left: 5%;
}

.testimonial-star {
  font-size: 20px;
  color: #b0702a;
  padding-right: 5px;
}

.testimonial-star-div {
  width: 100%;
  padding-top: 3%;
}

.testimonial-text {
  width: 80%;
  margin-top: 3%;
  line-height: 20px;
  color: var(--text);
}

.testimonial-person {
  width: 80px;
  border-radius: 30px;
}

.testimonial-name {
  margin: 0px;
  font-size: 18px;
  color: #4b4b4b;
  font-weight: bold;
}

.testimonial-place {
  margin: 0px;
  font-size: 14px;
}

.testimonial-left-icon, .testimonial-right-icon {
  font-size: 25px;
}

@media (max-width: 576px) {
  .testimonial-title-2 {
    font-size: 22px;
    padding-top: 10px;
  }
}

@media (max-width: 576px) {
  .testimonial-title-1 {
    font-size: 12px;
    padding-top: 5%;
  }
}

@media (max-width: 576px) {
  .testimonial-title-3 {
    font-size: 22px;
    margin-top: 2%;
  }
}

@media (max-width: 576px) {
  .testimonial-text {
    font-size: 14px;
    width: 90%;
  }
}

@media (max-width: 576px) {
  .fas.fa-quote-right.testimonial-quote {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  .fas.fa-star.testimonial-star {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .testimonial-person {
    width: 60px;
  }
}

@media (max-width: 576px) {
  .testimonial-name {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .testimonial-place {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .testimonial-left-icon, .testimonial-right-icon {
    font-size: 20px;
  }
}

.testimonial-line {
  width: 90%;
  margin-left: 5%;
  /*height: 30px;*/
  margin-top: 5px;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  .promise-container {
  }
}

.testimonial-icon {
  width: 50px;
}

.testimonial-icon-text {
  font-size: 12px;
  font-weight: bold;
}

.testimonial-higlight-column {
  border-right: 1px solid #e3c8a9;
}

.testimonial-icon-div {
}

.no-border {
  border: none !important;
}

@media (max-width: 576px) {
  .promise-title {
    font-size: 30px;
    line-height: 0px;
  }
}

@media (max-width: 576px) {
  .promise-desc {
    font-size: 14px;
    text-align: center;
  }
}

@media (max-width: 576px) {
  .coffee-bean-flower-line {
    margin-bottom: 15px;
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  .promise-section-text h6 {
    font-size: 15px;
  }
}

.section-seperator {
  margin-bottom: 20px;
}

@media (max-width: 576px) {
  #testimonial-icon-second-row {
    display: none !important;
  }
}

.blog-section {
  background: url("../img/home/blog-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

@media (max-width: 576px) {
  .blog-title-2-div {
    margin: 15px 0px;
  }
}

.blog-title-3 {
  margin: 20px 0px;
  text-align: center;
}

.blog-title-2-part-2 {
  color: #855017;
  font-style: italic;
  font-size: 27px;
  font-weight: bold;
  letter-spacing: -1px;
}

.blog-title-2-part-1 {
  font-size: 27px;
  font-weight: bold;
}

.blog-card {
  background: linear-gradient( 180deg, #FFFDFB 0%, #FBF3EA 100% );
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #EFE3D5;
  box-shadow: 0 12px 35px rgba(68,42,18,.08);
}

.blog-image {
  position: relative;
  overflow: hidden;
  height: 260px;
}

.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient( to top, rgba(0,0,0,.35), transparent 55% );
}

.blog-category {
  position: absolute;
  top: 18px;
  left: 18px;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  color: #6E3F17;
  z-index: 2;
}

.blog-category i {
  margin-right: 6px;
}

.blog-content {
  padding: 28px;
}

.blog-meta {
  display: flex;
  gap: 18px;
  font-size: 14px;
  color: #9A7B58;
  margin-bottom: 18px;
}

.blog-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  color: #2D2015;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  min-height: 35px;
}

.blog-description {
  color: #6D6258;
  line-height: 1.2;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  min-height: 30px;
}

.blog-readmore {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #8C4F1F;
  font-weight: 700;
  text-decoration: none;
}

.blog-view-more-div {
  margin-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 576px) {
  .blog-title-2-part-1, .blog-title-2-part-2 {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .blog-title-3 {
    display: none;
  }
}

@media (max-width: 576px) {
  .blog-card-2, .blog-card-3 {
    display: none;
  }
}

@media (max-width: 576px) {
  .blog-title-2-div {
    margin: 15px 0px;
  }
}

.blog-view-more-div {
  margin-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .blog-card-3 {
    display: none;
  }
}

.footer-container {
  background: #241813;
  color: #fff;
  overflow: hidden;
}

.footer-text {
  color: #c6b598;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
}

.footer-social-icons {
  color: #c6b598;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #4f4f4f;
  text-align: center;
  border-radius: 30px;
  width: 40px;
  padding: 8px;
}

.footer-text-title {
  color: #f9eee2;
  font-size: 14px;
  font-weight: bold;
}

.footer-links {
  text-decoration: none;
  color: #c6b598;
  font-size: 14px;
  position: relative;
}

.footer-payment {
  width: 200px;
  /*margin-top: 5%;*/
}

@media (max-width: 768px) {
  span.footer-brand-title-top {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  span.footer-brand-title-bottom {
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  #footer-copyright-div {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .footer-social-icons {
    font-size: 14px;
    border-radius: 30px;
    width: 35px;
  }
}

@media (max-width: 768px) {
  .footer-links {
    font-size: 12px;
  }
}

#footer-communication-col {
  border-top: 1px solid #323232;
  border-bottom: 1px solid #323232;
  padding-top: 2%;
  padding-bottom: 2%;
}

@media (min-width: 992px) {
  #footer-communication-col {
    border: 0px;
    padding: 0px;
  }
}

#footer-email-signup {
  min-height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem;
  margin-left: -32px;
  background: #78421b;
  font-weight: bold;
  border: 1px solid #505050;
}

span.footer-brand-title-top {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  letter-spacing: 0px;
  color: #f9eee2;
}

span.footer-brand-title-bottom {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  letter-spacing: 1px;
  color: #f9eee2;
}

.footer-logo {
  height: 50px;
  border: 1px solid #6e624f;
  border-radius: 8px;
  margin-right: 10px;
  padding: 5px;
  background: #261d13;
}

.shop-hero-section {
  background-image: url("/assets/img/shop/shop-bg_new.webp") !important;
  background-position: 70% !important;
  min-height: 10vh !important;
  padding-top: 0px !important;
}

.contact-hero-section {
  background-image: url("/assets/img/misc/contact-dark-bg.webp") !important;
  background-position: top !important;
}

.contact-hero-title-1 {
  color: #e6e6e6;
  font-family: 'Allura';
  font-size: 30px;
  display: inline-block;
  transform: rotate(-4deg);
}

.contact-hero-title-2 {
  color: #e6e6e6;
  font-size: 35px;
  margin-top: 20px;
}

.contact-hero-title-3 {
  color: #e6e6e6;
  margin: 20px 0px;
}

.contact-hero-icons {
  color: #6e4c33;
  font-size: 30px;
}

.contact-hero-icon-div {
  height: 60px;
  background: #f0e6d6;
  width: 60px;
  border-radius: 15px;
}

.contact-hero-icon-text-1 {
  color: #e6e6e6;
  font-size: 14px;
  font-weight: bold;
}

.contact-hero-icon-text-2 {
  color: #e6e6e6;
  font-size: 12px;
  margin-top: 5px;
  line-height: 14px;
}

@media (max-width: 767px) {
  .contact-hero-icon--col-3 {
    display: none;
  }
}

@media (max-width: 300px) {
  .contact-hero-icon-div {
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 576px) {
  .contact-hero-title-2 {
    font-size: 24px;
  }
}

@media (max-width: 576px) {
  .contact-hero-title-3 {
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  .contact-hero-icon-div {
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 576px) {
  .contact-hero-icons {
    font-size: 20px;
  }
}

.contact-card {
  max-width: 900px;
  margin: 0px;
  padding: 10px 0px;
}

.contact-form-group {
  position: relative;
  margin-bottom: 10px;
}

.contact-form-group i {
  position: absolute;
  left: 14px;
  top: 30px;
  color: #9f968c;
  font-size: 14px;
  z-index: 2;
  transform: translateY(-50%);
}

.contact-form-control, .contact-form-select {
  width: 100%;
  height: 55px;
  background: #fffdfa;
  border: 2px solid #e7ddd1;
  border-radius: 12px;
  padding-left: 35px;
  font-size: 16px;
  color: #5d5349;
  outline: none;
}

.contact-form-control::placeholder {
  color: #8d847b;
  font-size: 12px;
}

.contact-form-select {
  color: #8d847b;
  font-size: 12px;
}

textarea.contact-form-control {
  height: 150px;
  resize: vertical;
  padding-top: 20px;
  width: 100%;
}

.contact-form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.contact-select-wrapper {
  position: relative;
}

@media (max-width:576px) {
  .contact-form-control, .contact-form-select {
    height: 45px;
  }
}

.contact-info-left-title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
}

.contact-info-left-line-seperator {
  width: 200px;
  margin: 5px 0px;
}

.fas.fa-pen.contact-textarea-icon {
  top: 20% !important;
}

@media (max-width: 576px) {
  .contact-info-left-title {
    margin-top: 20px;
    font-size: 18px;
  }
}

.contact-info-left-col {
  background-image: url("../img/home/blog-bg.webp");
}

.contact-info-right-col {
  background: radial-gradient(circle at center, #fffdf9 0%, #fcf6ec 45%, #f4e7d3 100%);
  border-left: 1px solid #d3d3d3;
}

.contact-info-right-div-icon {
  margin-left: 30px;
  width: 60px;
  height: 60px;
  background: #000;
  border-radius: 60px;
  margin-right: 25px;
  font-size: 25px;
}

.contact-info-right-div-icon i {
  color: #fff;
}

.contact-info-right-title-1 {
  font-weight: bold;
  font-size: 16px;
}

.contact-info-right-title-2 {
  font-weight: 600;
  font-size: 16px;
}

.contact-info-right-title-3 {
  font-weight: 500;
}

@media (max-width: 768px) {
  .contact-info-right-div-icon {
    margin-left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 15px;
  }
}

@media (max-width: 768px) {
  .contact-info-right-div-icon i {
    font-size: 20px;
  }
}

.contact-social-icons {
  font-size: 30px;
  color: #000;
}

.contact-social-icons-div {
  background: red;
  padding: 10px;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .contact-info-right-title-1, .contact-info-right-title-2, .contact-info-right-title-3 {
    font-size: 14px;
  }
}

.footer-email-input {
  background: #2a2015;
  border: 1px solid #4b3e31;
  color: white;
}

.footer-brand-tag-line {
  font-size: 12px;
  color: #f9eee2;
  font-weight: bold;
}

.dark-header-text {
  color: #000 !important;
}

#disclosure-section {
  background-image: url('/assets/img/home/blog-bg.webp');
  background-size: cover;
}

.disclosure-heading {
  font-size: 25px;
  font-weight: bold;
  margin: 20px 0px;
}

.disclosure-text {
  padding-top: 15px;
  font-size: 16px;
  padding-bottom: 40px;
}

@media (max-width: 576px) {
  .disclosure-heading {
    font-size: 20px;
    margin: 15px 0px;
  }
}

@media (max-width: 576px) {
  .disclosure-text {
    padding-top: 15px;
    font-size: 14px;
    padding-bottom: 20px;
  }
}

.disclosure-heading-seprator {
  width: 200px;
}

#track-section {
  background: url("/assets/img/track/track_bg.webp");
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding-bottom: 20px;
}

.track-main-icon {
  width: 65px;
  margin-top: 20px;
}

.track-main-headline {
  font-weight: bold;
  font-size: 25px;
}

.track-line-seperator {
  width: 200px;
  margin-top: 10px;
}

.track-main-headline-2 {
  margin-top: 10px;
  font-weight: 600;
  margin-bottom: 10px;
}

.track-left-div {
  min-height: 300px;
  border-radius: 30px;
  border: 1px solid #E8DFD1;
  box-shadow: 0 20px 45px rgba(73,48,22,.08),0 5px 12px rgba(73,48,22,.05);
  background: radial-gradient(circle at top, rgba(255,255,255,.55), transparent 60%), radial-gradient(circle at bottom, rgba(139,84,40,.05), transparent 70%);
  border-top: 3px solid #C89A63;
}

.track-right-div {
  min-height: 100%;
  background: radial-gradient(circle at top,rgba(255,255,255,.65),transparent 65%),linear-gradient(135deg,#FFFDF8,#F8F4EC);
  border-radius: 30px;
  border: 1px solid #eae3db;
  box-shadow: 0 20px 45px rgba(73,48,22,.08),0 5px 12px rgba(73,48,22,.05);
  border-top: 3px solid #C89A63;
}

.track-left-icon {
  background: #fdead4;
  padding: 30px;
  border-radius: 45px;
  font-size: 30px;
}

.track-left-main-icon {
  width: 100px;
  margin-top: 15px;
}

.track-left-main-title {
  font-weight: bold;
  font-size: 22px;
  margin-top: 10px;
}

.track-left-main-title-2 {
  font-weight: 500;
  margin-top: 12px;
  font-size: 14px;
}

.track-right-main-title-2 {
  font-weight: 500;
  margin-top: 12px;
  font-size: 14px;
}

.track-field {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.75);
  border: 1px solid #e4ddd5;
  border-radius: 18px;
  padding: 12px;
  margin: 20px 0;
  width: 80%;
}

.track-badge {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #faf1e6;
  color: #7b4d2f;
  margin-right: 16px;
  font-size: 22px;
}

.track-field label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-left: 12px;
}

.track-field input {
  border: none;
  outline: none;
  width: 100%;
  font-size: 16px;
  background: none;
  margin-top: 4px;
}

.track-field input::placeholder {
  font-size: 12px;
}

.track-div-field {
  flex: 1;
}

.track-left-button-div {
  width: 80%;
  margin-bottom: 20px;
}

#track-left-button {
  width: 100%;
}

@media (max-width: 576px) {
  .track-main-icon {
    width: 50px;
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  .track-main-headline {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .track-line-seperator {
    margin-top: 5px;
  }
}

@media (max-width: 768px) {
  .track-main-headline-2 {
    margin-top: 5px;
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .track-left-main-icon {
    width: 50px;
    margin-top: 5px;
  }
}

@media (max-width: 768px) {
  .track-left-main-title {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .track-left-main-title-2 {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .track-field {
    padding: 5px;
    margin: 10px 0px;
    width: 95%;
  }
}

.track-badge {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .track-field input {
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  .track-field label {
    margin: 2px;
    font-size: 12px;
    margin-left: 12px;
  }
}

@media (max-width: 576px) {
  .track-field input::placeholder {
    font-size: 9px;
  }
}

.track-left-info-div {
  height: 70px;
  background: #f6ecda;
  width: 80%;
  margin-bottom: 20px;
  border-radius: 10px;
}

.track-left-info-icon {
  font-size: 35px;
  color: #7c6b3c;
}

.track-left-info-title-div {
  margin-left: 20px;
}

.track-left-info-title-1 {
  font-size: 14px;
  font-weight: bold;
  color: #6e3715;
}

.track-left-info-title-2 {
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .track-left-button-div {
    width: 95%;
  }
}

@media (max-width: 768px) {
  .track-left-info-div {
    width: 95%;
  }
}

@media (max-width: 768px) {
  .track-left-info-icon {
    font-size: 22px;
  }
}

@media (max-width: 992px) {
  .track-left-info-title-1 {
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  .track-left-info-title-div {
    margin-left: 10px;
  }
}

@media (max-width: 992px) {
  .track-left-info-title-2 {
    font-size: 9px;
  }
}

.track-left-row {
  margin-top: 10px;
  margin-bottom: 20px;
}

.track-left-main-icon.track-right-main-icon {
  background: #ededdc;
}

.track-right-main-icon {
  font-size: 50px;
  background: #ebedda;
  padding: 25px;
  border-radius: 50%;
  margin-top: 15px;
}

.track-right-main-icon-div {
  width: 100px;
}

.track-right-main-title {
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
}

.track-right-main-image {
  width: 150px;
  margin-top: 15px;
}

.track-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px;
  border-radius: 16px;
  margin: 18px 0;
  font-weight: 600;
  text-decoration: none;
  min-width: 250px;
  font-size: 14px;
}

.track-google {
  background: #f8f8f8;
  border: 1px solid #DDD5C7;
  box-shadow: 0 4px 10px rgba(0,0,0,.05);
  width: 50%;
}

.track-facebook {
  background: #1877F2;
  color: #fff;
  width: 50%;
}

.track-social i {
  font-size: 22px;
  color: blue;
}

.track-right-google-image {
  width: 32px;
}

.track-right-info-text {
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
}

.fas.fa-lock.track-right-info-icon {
  font-size: 16px;
}

.track-right-info-div {
  margin: 10px 20px;
}

@media (max-width: 768px) {
  .track-right-main-icon-div {
    width: 50px;
  }
}

@media (max-width: 768px) {
  .far.fa-user.track-right-main-icon {
    font-size: 20px;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .track-right-main-title {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .track-right-main-title-2 {
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .track-right-main-image {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .track-social {
    gap: 10px;
    margin: 10px;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  .track-right-info-text {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .track-right-google-image {
    width: 20px;
  }
}

@media (max-width: 575px) {
  .track-left-right-seperator {
    margin: 10px 0px;
    width: 90%;
    margin-left: 5%;
  }
}

@media (min-width: 575px) {
  .track-left-right-seperator-col {
    display: none;
  }
}

.track-support-row {
  background: #fbf4eb;
  border-radius: 20px;
  border: 1px solid #a4a4a4;
}

.track-support-person {
  width: 120px;
  margin: 20px 0px;
}

.track-support-headline-title {
  font-size: 18px;
  font-weight: bold;
}

.track-support-headline-desc {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.track-support-email-icon {
  font-size: 20px;
  color: #925402;
  font-weight: bold;
}

.track-support-email-text {
  color: #5c5c5c;
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
}

@media (max-width: 576px) {
  .track-support-headline-title {
    font-size: 14px;
    margin-top: 5px;
  }
}

@media (max-width: 576px) {
  .track-support-headline-desc {
    font-size: 12px;
    margin: 5px 0px;
  }
}

@media (max-width: 576px) {
  .track-support-email-text {
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  .track-support-email-icon {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .track-support-border-top {
    border-top: 1px solid #a4a4a4;
  }
}

.track-support-border-right {
  border-right: 1px solid #a4a4a4;
}

@media (min-width: 992px) {
  .track-support-border-right-on-condition {
    border-right: 1px solid #a4a4a4;
  }
}

.testimonial-card-line-seperator {
  width: 200px;
  margin-top: 10px;
}

.shop-hero-title-1 {
  color: #c89a63;
  font-size: 50px;
  font-family: 'Allura';
}

.shop-hero-title-2 {
  font-size: 80px;
  color: white;
  font-family: 'Bebas Neue';
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0px;
  padding: 0px;
}

.shop-hero-title-3 {
  font-size: 35px;
  font-family: 'Oswald';
  color: #ffc37b;
  margin-top: 20px;
  font-weight: 500;
  margin: 0px;
}

.shop-hero-coffee-line-seperator {
  width: 40%;
  margin-top: 20px;
}

.shop-hero-icon-div {
  width: 50px;
  margin: 20px 0px;
  background: #ffc37b;
  padding: 50px;
  border-radius: 50%;
  height: 50px;
  position: relative;
}

.shop-hero-text-1 {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}

.shop-hero-desc-1 {
  color: #d5d5d5;
  font-size: 15px;
  margin-top: 10px;
  text-align: center;
  font-weight: 500;
}

.shop-hero-section-1::after {
  content: "";
  height: 60%;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  background-color: #bb833f;
  transform: translateY(-50%);
}

.shop-hero-section-3 {
  position: relative;
  padding-right: 15px;
}

.shop-hero-section-1 {
  position: relative;
  padding-right: 15px;
  min-height: 150px;
}

.shop-icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: linear-gradient(180deg,#FAF3E8,#E7D4BC);
  border: 1px solid rgba(201,154,99,.35);
  box-shadow: 0 12px 30px rgba(0,0,0,.18), inset 0 2px 2px rgba(255,255,255,.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 576px) {
  .shop-hero-first-row {
    margin-top: 10%;
  }
}

@media (max-width: 576px) {
  .shop-hero-title-1 {
    font-size: 35px;
  }
}

@media (max-width: 576px) {
  .shop-hero-title-2 {
    font-size: 50px;
  }
}

@media (max-width: 576px) {
  .shop-hero-title-3 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .shop-hero-coffee-line-seperator {
    width: 60%;
  }
}

@media (max-width: 576px) {
  .shop-icon-circle {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 576px) {
  .shop-hero-text-1 {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .shop-hero-desc-1 {
    line-height: 18px;
  }
}

@media (max-width: 992px) {
  .shop-hero-first-row {
    margin-top: 100px;
  }
}

.shop-hero-icon-img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.shop-highlights-last-col {
  background: #f8efe4;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.shop-highlights-col {
  background: #f8efe4;
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
}

#main-section {
  background: #fcf5ec;
}

.shop-highlight-img {
  width: 70px;
}

.shop-highlight-title {
  font-size: 16px;
  font-weight: bold;
}

.shop-highlight-desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 10px;
}

.shop-highlights-div {
  margin-left: 15px;
  margin-right: 15px;
}

.shop-highlights-col::after {
  content: "";
  height: 60%;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  background-color: #d5d5d5;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .shop-highlights-last-col {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .shop-highlights-col {
    padding: 10px 0px;
  }
}

@media (max-width: 576px) {
  .shop-highlight-img {
    width: 50px;
    margin-left: 15px;
  }
}

@media (max-width: 576px) {
  .shop-highlights-div {
    margin: 0px;
    margin-left: 20px;
  }
}

@media (max-width: 576px) {
  .shop-highlight-title {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .shop-highlight-desc {
    font-size: 12px;
  }
}

.shop-blend-title-1 {
  font-weight: bold;
  font-size: 14px;
}

.shop-blend-left-col {
  margin-top: 40px;
  margin-left: 2%;
}

.shop-blend-title-2 {
  font-weight: bold;
  font-size: 45px;
  font-family: 'Bebas Neue';
  letter-spacing: 3px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.shop-hero-title-2-highlight {
  position: relative;
  display: inline-block;
  margin-left: 12px;
  color: #C79243;
  background: #7a4500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.15));
}

.shop-hero-title-2-highlight::after {
  content: "";
  position: absolute;
  left: 42%;
  bottom: -3px;
  transform: translateX(-50%) rotate(-3deg);
  width: 101%;
  height: 12px;
  background: #8b4513;
  clip-path: polygon( 0% 72%, 8% 60%, 18% 68%, 32% 48%, 48% 58%, 65% 42%, 82% 50%, 100% 36%, 100% 72%, 92% 84%, 74% 90%, 56% 84%, 38% 92%, 20% 86%, 8% 82%, 0% 78%);
  offset-rotate: -4deg;
  border-radius: 0;
}

.shop-blend-left-button-active {
  background: #363636;
  color: white;
  width: 225px;
  margin-top: 5%;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  padding: 8px 15px;
  border-radius: 12px;
  text-transform: uppercase;
}

.shop-blend-left-button-inactive {
  background: #f6ece0;
  color: #363636;
  width: 225px;
  margin-top: 3%;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  padding: 8px 15px;
  border-radius: 12px;
  border: 1px solid #cbcbcb;
  text-transform: uppercase;
}

.shop-blend-arrow {
  width: 40px;
  margin-top: 20px;
}

.shop-blend-take-quiz {
  width: 200px;
  background: #1c2a0f;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  margin-top: 25px;
}

.far.fa-lightbulb.shop-blend-quiz-icon {
  font-size: 16px;
  margin-right: 10px;
}

.shop-blend-take-quiz-text {
  font-size: 25px;
  line-height: 30px;
  font-family: 'Allura';
  font-weight: bold;
  letter-spacing: 1px;
  word-spacing: 3px;
}

.shop-blend-quiz {
  margin-top: 25px;
}

.shop-blend-product-col {
  margin-top: 5%;
  background: #f7ede1;
  border: 1px solid #d7d7d7;
  margin-left: 2%;
}

#shop-blend-div-img {
  background: transparent;
}

.shop-blend-left-arrow-div {
  width: 50px;
  height: 50px;
  background: #000;
  border-radius: 50%;
}

.shop-blend-left-arrow {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.shop-blend-right-arrow-div {
  margin-left: 8px;
}

.shop-highlights-row {
  background: #f8efe4;
}

@media (max-width: 768px) {
  .shop-blend-left-col {
    margin-left: 0px;
  }
}

@media (max-width: 768px) {
  .shop-blend-title-2 {
    font-size: 25px;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .shop-blend-left-button-active {
    width: 150px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .shop-blend-left-button-inactive {
    width: 150px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .shop-blend-take-quiz-text {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .shop-blend-take-quiz {
    width: 150px;
    font-size: 12px;
  }
}

@media (max-width: 991px) {
  .shop-blend-hide-product-col {
    display: none;
  }
}

@media (max-width: 575px) {
  .shop-blend-quiz {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .shop-blend-hide-product-col-mob {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .shop-blend-title-2 {
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .shop-blend-title-1 {
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .shop-blend-left-button-active {
    width: 135px;
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .shop-blend-left-button-inactive {
    width: 135px;
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .shop-blend-left-arrow-div {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 360px) {
  .shop-blend-left-arrow {
    font-size: 14px;
  }
}

@media (max-width: 360px) {
  #shop-blend-product-col {
    margin: 1%;
  }
}

.shop-subscription-row {
  background: url("/assets/img/shop/shop-bg_new.webp");
  object-fit: cover;
  background-position: bottom left;
  background-size: cover;
}

.shop-subscription-title-1 {
  font-size: 18px;
  color: #e7b671;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: center;
}

.shop-subscription-title-3 {
  font-size: 25px;
  color: #e7b671;
  font-weight: bold;
  margin-top: 5px;
}

.shop-subscription-title-2 {
  color: white;
  font-weight: bold;
  font-family: 'Bebas Neue';
  font-size: 80px;
  letter-spacing: 4px;
}

.shop-subscription-right-col {
  background: radial-gradient(circle at top, rgba(255,255,255,.25), rgba(255,255,255,0) 60%),linear-gradient( 180deg, #F0D8B7, #E8CEA8 35%, #DFC299 70%, #D2AF80);
  margin-right: 10px;
  border-radius: 20px;
  box-shadow: inset 0 0 60px rgba(110,70,20,.08);
  border: 1px solid #626262;
  height: 300px;
}

.shop-subscription-right-img {
  margin-top: 20px;
  width: 50%;
}

.shop-subscription-right-title-1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.shop-subscription-right-title-2 {
  font-weight: bold;
  font-size: 100px;
  font-family: 'Bebas Neue';
  color: #292929;
}

.shop-subscription-right-text-3 {
  margin-left: 10px;
  margin-bottom: -20px;
  color: #292929;
}

.shop-subscription-right-text-4 {
  font-size: 18px;
  font-weight: bold;
  color: #292929;
  text-align: center;
}

.shop-subscription-left-col {
}

.shop-subs-left-div {
}

.shop-subs-left-icon-1 {
  width: 50px;
  height: 50px;
}

.shop-subs-left-text-1 {
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin-top: 15px;
  text-align: center;
}

.shop-subs-highlight-col {
  min-height: 150px;
  position: relative;
}

.shop-subs-left-text-2 {
  color: white;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}

.shop-subs-highlight-col::after {
  content: "";
  height: 60%;
  width: 2px;
  position: absolute;
  right: 0;
  top: 50%;
  background-color: #474630;
  transform: translateY(-50%);
}

.shop-subs-highlight-col-last {
  position: relative;
  min-height: 150px;
}

.shop-subs-price-line {
  height: 24px;
  margin-bottom: 20px;
}

#shop-subscribe-button {
  margin-bottom: 20px;
  background: linear-gradient( 180deg, #F8DEA5 0%, #F3CF89 18%, #ECB96A 45%, #E1A04F 72%, #C98234 100% );
  color: #23180F;
  border-radius: 20px;
  height: 60px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 5px rgba(130,70,15,.18), 0 12px 24px rgba(0,0,0,.18);
  font-size: 15px;
}

.shop-subscription-title-1::before, .shop-subscription-title-1::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #f4c982;
  max-width: 80px;
}

.shop-subs-left-icon-div {
  min-height: 50px;
}

.shop-subs-left-text-div {
  height: 80px;
}

@media (max-width: 991px) {
  .shop-subscription-title-2 {
    font-size: 50px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .shop-subscription-title-3 {
    font-size: 20px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .shop-subscription-right-col {
    display: none;
  }
}

@media (max-width: 991px) {
  .shop-subscription-title-1 {
    font-size: 16px;
  }
}

.shop-features-row {
  background: url("../img/shop/shop-bg-features.webp");
  background-size: cover;
  background-position: 29% 75%;
}

.shop-features-img {
  width: 80px;
  height: 80px;
}

.shop-features-text-1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  color: #000;
}

.shop-features-text-2 {
  font-size: 16px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
}

.shop-features-line {
  width: 50px;
}

.shop-features-img-div {
  margin-top: 20px;
}

.shop-features-line-div {
  margin-bottom: 20px;
}

.shop-features-col-hide {
  display: none;
}

@media (max-width: 576px) {
  .shop-features-img {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 576px) {
  .shop-features-text-1 {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .shop-features-text-2 {
    font-size: 12px;
  }
}

.faq-hero-section {
  background-image: url('/assets/img/faq/contact-hero-bg.webp') !important;
  background-size: cover !important;
  background-position: bottom !important;
}

.faq-hero-coffee-bean {
  width: 45px;
  display: block;
}

.faq-hero-img-divider::before, .faq-hero-img-divider::after {
  flex: 1;
  content: "";
  height: 2px;
  background: linear-gradient( 90deg, transparent, #8A5428, #C89A63, #8A5428, transparent );
  width: 80px;
}

.faq-hero-img-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.faq-hero-title-1 {
  font-size: 18px;
  letter-spacing: 5px;
  margin-top: 20px;
  color: #6c3e14;
  font-weight: bold;
  text-align: center;
}

.faq-hero-title-2 {
  font-size: 45px;
  font-weight: bold;
  margin-top: 10px;
}

.faq-hero-title-3 {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
}

.faq-hero-input-search {
  width: 100%;
  max-width: 450px;
  height: 60px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 28px;
  background: #f4ece0;
  border: 1px solid rgba(214,184,136,.55);
  border-radius: 22px;
  box-shadow: 0 8px 24px rgba(108,71,26,.08), inset 0 1px 0 rgba(255,255,255,.9);
  margin-top: 20px;
}

.faq-hero-input-search svg {
  width: 20px;
  height: 20px;
  color: #3b2616;
  flex-shrink: 0;
}

.faq-hero-input-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  font-family: inherit;
  color: #2f2217;
  font-weight: 400;
}

.faq-hero-input-search input::placeholder {
  color: #8d8279;
  font-size: 16px;
}

.faq-hero-title-4 {
  color: #7b4113;
  font-size: 13px;
  font-weight: bold;
  margin-top: 20px;
  letter-spacing: 1px;
  word-spacing: 6px;
}

.faq-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.faq-hero-chip {
  display: inline-flex;
  /*align-items: center;*/
  gap: 3px;
  padding: 10px 22px;
  background: #fdf6eb;
  border: 1px solid #F0DFC3;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(90,55,20,.08), inset 0 1px 0 rgba(255,255,255,.9);
  cursor: pointer;
  user-select: none;
}

.faq-chip-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fdf6eb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.faq-chip-icon i {
  color: #5A3416;
  font-size: 16px;
}

.faq-chip span:last-child {
  font-size: 18px;
  font-weight: 500;
  color: #3A2718;
  line-height: 1;
}

.faq-chip-text {
  font-size: 14px;
  font-weight: bold;
  color: #5A3416;
}

@media (max-width: 576px) {
  .faq-hero-title-1 {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .faq-hero-title-2 {
    font-size: 25px;
  }
}

@media (max-width: 576px) {
  .faq-hero-title-3 {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .faq-hero-input-search {
    max-width: 320px;
    height: 50px;
  }
}

@media (max-width: 576px) {
  .faq-hero-input-search input::placeholder {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .faq-hero-chip.faq-hero-chip-hide-mobile {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .faq-hero-tags {
    gap: 5px;
    margin-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .faq-hero-chip {
    gap: 1px;
    margin: 0px;
    padding: 7px 7px;
  }
}

@media (max-width: 576px) {
  .faq-chip-text {
    font-size: 12px;
  }
}

/* FAQ Category */

.faq-category-div {
  max-width: 1400px;
  margin: auto;
}

/* ************************** */

.faq-category-wrapper {
  position: relative;
}

/* ************************** */

.faq-categories {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

/* ************************** */

.faq-category {
  background: #fef8ee;
  border: 1px solid #e8d9c5;
  border-radius: 18px;
  text-decoration: none;
  color: #3a2618;
  min-height: 165px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 15px 35px rgba(0, 0, 0, 0.04);
}

.faq-category.active {
  border-color: #d6d6d6;
}

.faq-category.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #783601, #9f631e, #f19500);
}

.faq-category-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fcf6ee;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
}

.faq-category-icon i {
  color: #6a3e19;
  font-size: 26px;
}

@media (max-width: 768px) {
  .faq-category-wrapper {
    overflow: hidden;
  }
}

/* ****************** */

@media (max-width: 768px) {
  .faq-categories {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 8px 25px 12px 0;
    scrollbar-width: none;
  }
}

@media (max-width: 768px) {
  .faq-categories::-webkit-scrollbar {
    display: none;
  }
}

/* ****************** */

@media (max-width: 768px) {
  .faq-category {
    flex: 0 0 170px;
    min-height: 130px;
  }
}

/* ****************** */

@media (max-width: 768px) {
  .faq-category-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 100%;
    background: linear-gradient( to right, rgba(248, 242, 233, 0), #f8f2e9 );
    pointer-events: none;
  }
}

/* ****************** */

@media (max-width: 768px) {
  .faq-category-scroll-arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    z-index: 10;
  }
}

@media (max-width: 768px) {
  .faq-category-scroll-arrow i {
    color: #8a5428;
  }
}

/* *************** DESKTOP *************** */

@media (min-width: 769px) {
  .faq-category-scroll-arrow {
    display: none;
  }
}

.faq-category-title {
  font-weight: bold;
  font-size: 18px;
  color: #754017;
}

.faq-category-desc {
  font-weight: 500;
  font-size: 14px;
  color: #525252;
  margin-top: 5px;
  margin-bottom: 5px;
}

#faq-category-section {
  margin-bottom: 20px;
}

@media (max-width: 576px) {
  .faq-category-title {
    font-size: 16px;
  }
}

.faq-questions-left-col {
  max-height: 550px;
  background: url("../img/faq/contact-questions-bg.webp");
  background-size: cover;
  background-color: #222c20;
  border-radius: 0px 20px 20px 0px;
}

#faq-questions-section {
  margin-bottom: 20px;
}

.faq-questions-seal-img {
  width: 150px;
}

.faq-questions-seal-div {
  width: 100%;
  margin-bottom: 20px;
}

.faq-questions-left-title-1 {
  font-size: 35px;
  font-family: 'Allura';
  color: #ffc52b;
  width: 100%;
}

.faq-questions-left-title-2 {
  color: white;
  font-size: 35px;
  font-weight: bold;
  width: 100%;
  line-height: 35px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.faq-questions-left-title-3 {
  color: white;
  font-weight: 500;
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  margin-top: 20px;
}

.faq-questions-text-div {
  width: 80%;
  padding-left: 25%;
  margin-top: 30%;
}

.faq-questions-right {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.faq-questions-card {
  background: #fffdf9;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(192, 138, 87, 0.15);
}

.faq-questions-q {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 28px;
  cursor: pointer;
}

.faq-questions-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid #b56a3b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #b56a3b;
  flex: none;
}

.faq-questions-card.active .faq-questions-icon {
  background: #b56a3b;
  color: #fff;
}

.faq-questions-q h3 {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 700;
  flex: 1;
}

.faq-questions-chev {
  color: #b56a3b;
  font-size: 24px;
}

.faq-questions-card.active .faq-questions-chev {
  transform: rotate(180deg);
}

/* .faq-questions-a {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.45s ease;
}

.faq-questions-card.active .faq-questions-a {
  max-height: 500px;
} */

.faq-questions-a {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.faq-questions-card.active .faq-questions-a {
  opacity: 1;
}

.faq-questions-inner {
  padding: 0 28px 28px 90px;
  color: #555;
  line-height: 1.8;
}

.faq-questions-tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.faq-questions-tag {
  background: #f8eee4;
  color: #9a5d33;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .faq-questions-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  h1 {
    font-size: 46px;
  }
}

@media (max-width: 768px) {
  .faq-questions-q h3 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .faq-questions-left-col {
    display: none;
  }
}

@media (max-width: 768px) {
  .faq-questions-q {
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .faq-questions-inner {
    padding: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  .faq-questions-tags {
    display: none;
  }
}

#faq-blend-selection {
  margin-bottom: 20px;
}

.faq-blend-selection-title-1 {
  color: #30190b;
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
}

.faq-blend-selection-container {
  background: #f6e8d6;
}

.faq-blend-selection-title-2 {
  margin: 15px 0px;
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
}

.faq-blend-selection-button {
  background: #351b07;
  color: white;
  margin-bottom: 20px;
}

.shop-blend-selection-text-div::after, .faq-blend-selection-highlight-div::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  width: 1px;
  height: 80%;
  background: #b1b1b1;
}

.shop-blend-selection-text-div, .faq-blend-selection-highlight-div {
  position: relative;
}

.faq-blend-selection-img-div {
  min-height: 100px;
}

.faq-blend-selection-img {
  width: 60px;
}

.faq-blend-selection-highlight-title-1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.faq-blend-selection-highlight-title-2 {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
}

.faq-blend-selection-pouch {
  position: relative;
}

@media (max-width: 576px) {
  .faq-blend-selection-highlight-title-2 {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

.faq-blend-selection-pouch {
  width: 150px;
  height: 150px;
}

@media (min-width: 768px) {
  .faq-blend-selection-pouch {
    width: 250px;
    height: 250px;
    position: absolute;
  }
}

@media (max-width: 576px) {
  .faq-blend-selection-img {
    width: 50px;
    height: 60px;
  }
}

@media (max-width: 576px) {
  .faq-blend-selection-img-div {
    min-height: 75px;
  }
}

.faq-contact-us-row {
  background: #f6e5d0;
}

.faq-contact-us-flower {
  width: 100%;
  position: relative;
  transform: rotate(-16deg);
}

.faq-contact-us-title-1 {
  font-size: 20px;
  font-weight: bold;
}

.faq-contact-us-title-2 {
  font-weight: 500;
  line-height: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.faq-contact-us-title-3 {
  font-size: 25px;
  font-family: 'Allura';
  font-weight: bold;
}

.faq-contact-us-icon {
  font-size: 35px;
  color: #662800;
  margin-top: 10px;
}

.faq-contact-us-comms-title-1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
}

.faq-contact-us-comms-title-2 {
  font-weight: 500;
  font-size: 12px;
  width: 100%;
  margin-top: 13px;
  min-height: 40px;
  margin-bottom: 15px;
}

.faq-contact-us-comms-div-last {
  margin: 0px;
  position: relative;
  min-height: 140px;
}

.faq-contact-us-comms-div {
  margin: 0px 20px;
  position: relative;
}

.faq-contact-us-comms-div::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: #baafa0;
  right: -15px;
}

.faq-contact-us-comms-col {
  background: #fcf6ec;
  border-radius: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.faq-contact-us-bowl-beans {
  width: 200px;
}

@media (max-width: 991px) {
  .faq-contact-us-hide-mob {
    display: none;
  }
}

.faq-contact-us-comms-col {
  margin: 0px;
}

.faq-contact-us-comms-div {
  margin: 0px;
  position: relative;
}

@media (max-width: 576px) {
  .faq-contact-us-icon {
    font-size: 28px;
    margin-top: 18px;
  }
}

@media (max-width: 576px) {
  .faq-contact-us-comms-title-1 {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center;
  }
}

.faq-contact-us-questions-div {
  margin: 20px;
}

@media (max-width: 576px) {
  .faq-contact-us-comms-title-2 {
    margin-bottom: 10px;
    text-align: center;
    line-height: 12px;
    padding-top: 7px;
    overflow: hidden;
    min-height: 10px;
  }
}

@media (max-width: 576px) {
  .faq-contact-us-comms-div::after {
    right: -15px;
  }
}

@media (max-width: 576px) {
  .faq-contact-us-comms-div {
    padding: 0px;
    width: 100%;
  }
}

.faq-trust-section {
  background: #fdf9f4;
}

.faq-trust-heading {
  gap: 18px;
}

.faq-trust-heading span {
  display: block;
  width: 48px;
  height: 2px;
  background: #c8a26b;
}

.faq-trust-heading h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #3d2414;
  text-transform: uppercase;
}

.faq-trust-box {
  background: #fffdf9;
  border: 1px solid #ead7c1;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,.05);
}

.faq-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 18px;
  height: 100%;
  border-right: 1px solid #ead7c1;
  background: #fdf7ee;
}

.faq-trust-item i {
  font-size: 34px;
  color: #7a4b25;
  margin-bottom: 18px;
}

.faq-trust-item h6 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  color: #3f2d20;
  font-weight: bold;
  margin-top: 20px;
}

@media (max-width:991px) {
  .faq-trust-item {
    /*border-right: none;*/
    border-bottom: 1px solid #ead7c1;
  }
}

@media (max-width:991px) {
  .row > div:nth-last-child(-n + 2) .faq-trust-item {
    border-bottom: none;
  }
}

@media (max-width:767px) {
  .faq-trust-heading h2 {
    font-size: 13px;
    letter-spacing: 1px;
  }
}

@media (max-width:767px) {
  .faq-trust-heading span {
    width: 32px;
  }
}

@media (max-width:767px) {
  .faq-trust-item {
    padding: 10px 10px;
  }
}

@media (max-width:767px) {
  .faq-trust-item i {
    font-size: 28px;
  }
}

@media (max-width:767px) {
  .faq-trust-item h6 {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
}

@media (max-width:767px) {
  .row > div:nth-last-child(-n + 2) .faq-trust-item {
    border-bottom: none;
  }
}

.faq-trust-image {
  width: 70px;
  min-height: 80px;
}

@media (max-width: 576px) {
  .faq-trust-hide-mobile {
    display: none;
  }
}

@media (max-width: 576px) {
  .faq-trust-image {
    width: 60px;
    min-height: 60px;
  }
}

#track-order-hero-section {
  background: radial-gradient(circle at top,#fff1db 0%,#eee2d2 100%);
  padding: 15px;
  position: relative;
  overflow: hidden;
}

.track-order-hero-title {
  font-size: 25px;
  font-weight: 800;
  color: #3e210d;
  letter-spacing: 1px;
}

.track-order-hero-subtitle {
  color: #5d5248;
  font-size: 18px;
  margin-top: 18px;
  font-weight: 500;
}

.track-order-hero-line {
  width: 70px;
  height: 2px;
  background: #8c4f26;
  border-radius: 20px;
  margin-top: 10px;
}

.track-order-hero-coffee {
  max-width: 240px;
}

.track-order-hero-illustration {
  width: 100%;
  max-width: 720px;
  opacity: .9;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

/* *******************************
Summary Card
******************************* */

.track-order-summary-card {
  margin-top: 0px;
  background: #fbf5ec;
  border-radius: 24px;
  box-shadow: 0 12px 40px rgba(0,0,0,.08);
  overflow: hidden;
}

.track-order-summary-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  min-height: 120px;
  border-right: 1px solid #ede7df;
}

.track-order-summary-item:last-child {
  border-right: none;
}

.track-order-summary-item.center {
  justify-content: center;
}

.track-order-summary-icon {
  width: 60px;
  height: 60px;
  background: #f9e7cb;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  color: #8d5524;
  flex-shrink: 0;
}

.track-order-summary-label {
  color: #262626;
  font-size: 14px;
  margin-bottom: 6px;
  font-weight: 500;
}

.track-order-summary-value {
  font-size: 18px;
  font-weight: 600;
  color: #3a3a3a;
}

.track-order-summary-number {
  font-size: 46px;
  font-weight: 700;
  color: #542b0f;
}

.track-order-summary-item a {
  color: #8d5524;
  font-weight: 600;
  text-decoration: none;
}

@media (max-width: 576px) {
  .track-order-hero-title {
    font-size: 15px;
  }
}

.track-order-hero-subtitle {
  font-size: 12px;
  line-height: 14px;
}

@media (max-width: 768px) {
  .track-order-summary-label {
    text-align: center;
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  .track-order-summary-value {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .track-order-summary-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}

.track-order-summary-section {
  margin-top: 25px;
}

@media (max-width: 576px) {
  .track-order-summary-item {
    gap: 5px;
  }
}

.order-list .list-group-item {
  border: none;
  border-bottom: 1px solid #eee;
}

.order-list .list-group-item:last-child {
  border-bottom: none;
}

.order-list .list-group-item.active {
  background-color: var(--cream-card);
  border-left: 4px solid var(--coffee-brown) !important;
  color: #333;
}

.status-badge {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.35em 0.8em;
}

.status-confirmed {
  background: var(--purple-light);
  color: var(--purple-text);
}

.status-delivered {
  background: var(--green-light);
  color: var(--green-text);
}

.status-shipped {
  background: var(--blue-light);
  color: var(--blue-text);
}

.status-failed {
  background: var(--red-light);
  color: var(--red-text);
}

.status-failed-icon {
  color: var(--red-text) !important;
}

/* Timeline */

.timeline-line {
  position: absolute;
  top: 28px;
  left: 88px;
  right: 88px;
  height: 3px;
  background: #198754;
  z-index: 0;
}

.timeline-step {
  position: relative;
  z-index: 1;
  width: 80px;
  text-align: center;
}

.timeline-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
  border: 2px solid #198754;
  background: #e8f5e9;
  font-size: 1.3rem;
  color: #198754;
}

.timeline-icon.completed {
  background: #198754;
  color: #fff;
}

.timeline-check {
  position: absolute;
  top: 38px;
  right: 8px;
  font-size: 1rem;
  color: #198754;
}

/* Cards */

.track-order-card {
  border-radius: 12px;
}

.btn-coffee {
  background-color: var(--coffee-brown);
  color: white;
  border: none;
}

.btn-outline-coffee {
  border-color: var(--coffee-brown);
  color: var(--coffee-brown);
}

/* Mobile Timeline (vertical) */

@media (max-width: 576px) {
  .timeline-line {
    display: none;
  }
}

@media (max-width: 576px) {
  .timeline-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding-left: 10px !important;
  }
}

@media (max-width: 576px) {
  .timeline-step {
    display: flex;
    align-items: center;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 16px;
  }
}

@media (max-width: 576px) {
  .timeline-icon {
    margin: 0 16px 0 0 !important;
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
  }
}

@media (max-width: 576px) {
  .timeline-check {
    position: static;
    margin-left: auto;
    font-size: 1.2rem;
    padding-left: 5px;
  }
}

/* Product images placeholder */

.product-img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 8px;
  /*background: #e9e1d9;*/
}

.checkout-header {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 3rem;
  isolation: isolate;
  min-height: clamp(220px,28vw,320px);
  padding: clamp(1.5rem,3vw,3rem);
  border: 1px solid #d9d9d9;
  background: radial-gradient(circle at 20% 60%, #efdcc9, transparent 50%), radial-gradient(circle at 85% 25%, #f8efe3, transparent 45%), #f5f1ec;
}

.checkout-header::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 340px;
  height: 100%;
  background: url(../img/cart/cart-cup-1.webp) 0% bottom/contain no-repeat;
}

.checkout-header::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 220px;
  height: 100%;
  background: url(../img/cart/cart-flower.png) right center/contain no-repeat;
}

.checkout-header > * {
  position: relative;
  z-index: 1;
}

.cart-hero-title {
  font-weight: bold;
  font-size: 4rem;
  color: #2f1503;
  font-family: 'Oswald';
}

.cart-hero-title-1 {
  font-family: 'Allura';
  font-size: 5rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #b5682f;
  margin-left: 21px;
  transform: skewX(-10deg);
}

.cart-hero-heart-icon {
  width: 60px;
  margin-bottom: 50px;
}

.cart-hero-title-2 {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

#checkout-section {
  background: #fcfaf8;
}

.cart-delivery-details-div {
  margin-top: 20px;
  background: #fdfcfb;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
}

.cart-delivery-details-title-icon {
  font-size: 20px;
  background: #f7eee4;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #883e07;
  position: relative;
}

.cart-delivery-details-title {
  font-size: 15px;
  margin-left: 20px;
  font-weight: bold;
  color: black;
}

.cart-delivery-details-autofill-icon {
  font-size: 14px;
  margin-left: 7px;
  margin-right: 7px;
}

.cart-delivery-details-autofill-title {
  color: #135f00;
  font-size: 12px;
  font-weight: 500;
}

.cart-delivery-details-autofill-div {
  background: #f1f3e3;
  margin: 0px 5px;
  padding: 5px 10px;
  border-radius: 5px;
}

.cart-delivery-details-card {
  /*background: #f9f7f5;*/
  /*border-radius: 24px;*/
  padding: 10px;
  /*box-shadow: 0 10px 30px rgba(50,35,20,.05), 0 2px 6px rgba(50,35,20,.04);*/
}

/* h2 {
  margin: 0 0 8px;
  font-weight: 700;
}

p {
  margin: 0 0 28px;
  color: #7a7065;
} */

.cart-delivery-details-field {
  position: relative;
}

.cart-delivery-details-field input, .cart-delivery-details-field select {
  width: 100%;
  height: 50px;
  border: 1.5px solid #E6DED4;
  border-radius: 8px;
  background: #fffaf5;
  padding: 0px 50px;
  font-size: 14px;
  font-weight: 500;
  color: #2c2c2c;
}

.cart-delivery-details-field input::placeholder {
  color: transparent;
}

.cart-delivery-details-field label {
  position: absolute;
  left: 56px;
  top: 50%;
  transform: translateY(-50%);
  color: #938575;
  background: #fff;
  padding: 0 8px;
  pointer-events: none;
  font-size: 18px;
  letter-spacing: .2px;
}

.cart-delivery-details-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #883e06;
  font-size: 22px;
}

.cart-delivery-details-input-row {
  margin-top: 20px;
}

.cart-delivery-details-city {
  display: none;
}

.cart-signin-div {
  min-height: 200px;
  background: #fbf5ee;
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
}

#cart-signin-social {
  padding: 10px;
  width: 40px;
  margin: 0px;
  min-width: 200px;
  font-size: 12px;
  border-radius: 10px;
  height: 50px;
  background: #fdfaf9;
  color: #0d0d0d;
  border: 1px solid #d3d3d3;
}

#cart-sigin-google-icon {
  width: 22px;
}

.cart-sigin-title-1 {
  font-size: 16px;
  font-weight: bold;
}

.cart-sigin-title-2 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
}

.sigin-login-seperator {
  width: 100%;
  margin: 10px;
}

.sigin-feature-div {
  background: #f7ece2;
  padding: 10px;
  border-radius: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.sigin-feature-ttitle {
  font-size: 12px;
  margin-left: 12px;
  color: #65544a;
  font-weight: 600;
}

.sigin-feature-icon {
  font-size: 14px;
  margin-left: 10px;
}

.cart-sigin-login-div {
  margin: 0px 20px;
  width: 100%;
}

.cart-signin-col {
  height: 100%;
}

.cart-whyus-div {
  min-height: 200px;
  background: #fbf5ee;
}

.cart-right-your-order-title {
  font-weight: bold;
  margin-top: 20px;
  margin-block-start: 0px;
}

.cart-right-your-order-title-1 {
  margin-left: 10px;
  font-size: 14px;
  margin-top: 3px;
}

.cart-right-col {
  border-radius: 10px;
  background: #fdfaf8;
  border: 1px solid #d9d9d9;
  padding: 20px;
  margin-bottom: 23px;
}

.cart-right-edit {
  font-size: 13px;
  color: green;
  font-weight: 500;
}

.cart-item-pouch {
  width: 60px;
}

.cart-item-blend-name {
  font-size: 16px;
  font-weight: bold;
}

.cart-item-blend-desc {
  font-size: 12px;
  margin-top: 10px;
  font-weight: 500;
}

.qty-selector {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: var(--qty-height);
  padding: 4px;
  background: var(--qty-bg);
  border: 1px solid var(--qty-border);
  border-radius: var(--qty-radius);
  user-select: none;
}

.qty-btn {
  width: var(--qty-btn-size);
  height: var(--qty-btn-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #3d342d;
  cursor: pointer;
}

.qty-btn i {
  font-size: 12px;
}

.qty-value {
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: var(--qty-text);
}

.cart-item-price {
  font-size: 20px;
  font-weight: bold;
}

.cart-price-header {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.cart-price-header-info {
  background: #f1f2e4;
  border-radius: 3px;
  padding: 0px 10px;
  font-size: 11px;
  font-weight: bold;
  color: #1d6c21;
  margin-left: 20px;
  margin-top: 10px;
}

.cart-price-header-value {
  margin-top: 10px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.coupon-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--coupon-height);
  background: var(--coupon-bg);
  border: 1px solid var(--coupon-border);
  border-radius: var(--coupon-radius);
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.coupon-input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 18px;
}

.coupon-icon {
  margin-right: 14px;
  font-size: 28px;
  color: #5B3317;
}

.coupon-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  color: var(--coupon-text);
}

.coupon-input::placeholder {
  color: var(--coupon-placeholder);
}

.coupon-btn {
  width: 96px;
  height: 100%;
  border: none;
  background: linear-gradient( 180deg, var(--coupon-btn-start), var(--coupon-btn-end) );
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.coupon-applied-div {
  min-height: 40px;
  background: #f3f4e7;
  margin-top: 15px;
  width: 100%;
  border-radius: 10px;
}

.cart-item-coupon-tag {
  margin-left: 15px;
  color: #1a5725;
  margin-right: 7px;
}

.cart-item-coupon-name {
  font-size: 14px;
  font-weight: bold;
  color: #1d6d2e;
  margin-left: 5px;
}

.cart-item-coupon-status {
  font-size: 13px;
  margin-left: 20px;
  color: #1a5725;
}

.cart-coupon-price-div {
  width: 100%;
}

.cart-copuon-price {
  font-size: 14px;
  color: green;
  font-weight: 500;
}

.cart-coupon-close {
  margin-left: 10px;
  margin-right: 10px;
  color: green;
}

.cart-amount-header {
  font-size: 19px;
  font-weight: bold;
}

.cart-tax-header {
  font-size: 14px;
}

.cart-coupon-highlight-row {
  background: #f3f4e8;
  padding: 20px;
}

.cart-coupon-highlight-header {
  font-size: 16px;
  color: green;
  font-weight: bold;
}

.celebrate {
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
  margin-left: 10px;
}

.cart-coupon-highlight-desc {
  font-size: 13px;
  margin-top: 10px;
}

.cart-proceed-to-payment {
  width: 100%;
  border: 1px solid grey;
  background: #4c270b;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
}

.cart-secure-payment-text {
  font-size: 14px;
  font-weight: 500;
}

.cart-footer-icon {
  font-size: 30px;
  color: #85482c;
  margin-right: 15px;
}

.cart-footer-text {
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  color: #694c40;
}

.cart-footer-col {
  padding: 10px;
}

.cart-footer-div-last {
  position: relative;
  width: 100%;
  height: 60px;
}

.cart-footer-div {
  position: relative;
  width: 100%;
  height: 60px;
}

.cart-footer-div::before {
  position: absolute;
  content: "";
  height: 80%;
  width: 2px;
  background: #4c270b;
  right: 0px;
}

.cart-footer-row {
  background: #fbf5ee;
}

.cart-footer-img {
  height: 100px;
}

.cart-signin-seperator {
  width: 80%;
  margin: 20px 0px;
}

.cart-hero-text-div {
  margin-left: 10%;
}

.cart-singin-text-div {
  margin-left: 20px;
}

@media (max-width: 1200px) {
  .cart-sigin-title-2 {
    display: none;
  }
}

@media (max-width: 1200px) {
  .cart-sigin-title-1 {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}

@media (max-width: 1200px) {
  .checkout-header::before {
    background: none;
  }
}

@media (max-width: 992px) {
  .cart-hero-text-div {
    margin-left: 0%;
  }
}

@media (max-width: 991px) {
  .cart-footer-col-hide {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .cart-hero-title {
    font-size: 3rem;
  }
}

@media (max-width: 576px) {
  .cart-hero-title-1 {
    font-size: 4rem;
  }
}

@media (max-width: 576px) {
  .cart-hero-title-2 {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-sigin-title-1 {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-sigin-login-div {
    margin: 3px;
  }
}

@media (max-width: 576px) {
  #cart-signin-social {
    min-width: 45%;
  }
}

@media (max-width: 576px) {
  .cart-right-your-order-title {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-footer-row {
    display: none;
  }
}

@media (max-width: 576px) {
  .cart-item-blend-name {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-item-price {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .coupon-input {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-amount-header {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-tax-header {
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  .cart-total-price {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-coupon-highlight-header {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-coupon-highlight-row {
    padding: 10px;
  }
}

@media (max-width: 576px) {
  .cart-proceed-to-payment {
    font-size: 14px;
    height: 100%;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .cart-delivery-details-div {
    padding: 0px;
    margin: 0px;
  }
}

@media (max-width: 576px) {
  .cart-delivery-details-col {
    margin-left: 10px;
    margin-top: 15px;
  }
}

@media (max-width: 576px) {
  .cart-payment-mobile-row {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .cart-payment-mobile-row {
    display: none;
  }
}

.cart-delivery-details-row {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .cart-signin-div {
    margin-top: 20px;
  }
}

.cart-delivery-details-col {
  padding-left: 20px;
}

.payment-hero-section {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  background: url("../img/payment/payement-hero-bg.webp");
  border: 1px solid #e3e3e3;
}

.payment-hero-section-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.payment-hero-section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
}

@media (max-width:767px) {
  .payment-hero-section {
    min-height: 50vh;
    padding-bottom: 20px;
  }
}

.payment-hero-icon {
  font-size: 75px;
  color: green;
}

.payment-hero-title {
  font-size: 30px;
  font-weight: bold;
  margin-left: 20px;
}

.payment-hero-desc {
  margin-top: 20px;
  font-weight: 500;
}

.payment-order-journey {
  background: #fcf8f3;
  border-radius: 20px;
  padding: 28px 32px;
  border: 1px solid #ececec;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.payment-journey-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.payment-journey-header h4 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.payment-journey-header span {
  color: #454545;
  font-size: 15px;
  font-weight: 500;
}

.payment-journey-track {
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #8B5E3C #efe7dd;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

.payment-journey-track::-webkit-scrollbar {
  height: 10px;
}

.payment-journey-track::-webkit-scrollbar-track {
  background: #efe7dd;
  border-radius: 20px;
}

.payment-journey-track::-webkit-scrollbar-thumb {
  background: #8B5E3C;
  border-radius: 20px;
}

.payment-journey-track:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #e8e8e8;
  z-index: 0;
}

.payment-journey-step {
  width: 20%;
  text-align: center;
  position: relative;
  z-index: 2;
  scroll-snap-align: start;
}

.payment-step-icon {
  width: 44px;
  height: 44px;
  margin: auto;
  border-radius: 50%;
  border: 2px solid #d8d8d8;
  background: #fdf3e8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #525252;
  font-size: 16px;
}

.completed .step-icon {
  background: #2e7d32;
  border-color: #2e7d32;
  color: #fff;
}

.active .step-icon {
  border-color: #a66b2e;
  color: #a66b2e;
  box-shadow: 0 0 0 5px rgba(166,107,46,.12);
}

.payment-step-title {
  margin-top: 14px;
  font-weight: 600;
  font-size: 15px;
}

.payment-step-desc {
  margin-top: 5px;
  color: #777;
  font-size: 13px;
}

.completed .step-title {
  color: #2e7d32;
}

.active .step-title {
  color: #a66b2e;
}

@media (max-width:360px) {
  .payment-journey-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width:768px) {
  .payment-journey-track {
    overflow-x: auto;
    padding-bottom: 10px;
    gap: 28px;
  }
}

@media (max-width:768px) {
  .payment-journey-track:before {
    left: 50px;
    width: 700px;
    right: auto;
  }
}

@media (max-width:768px) {
  .payment-journey-step {
    min-width: 120px;
  }
}

.payment-journey-wrapper {
  position: relative;
}

.payment-journey-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  pointer-events: none;
  /*background: #fcf8f3;*/
}

.payment-scroll-hint {
  display: none;
}

@media (max-width:768px) {
  .payment-scroll-hint {
    display: flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 6px 12px;
    border-radius: 20px;
    background: rgba(139,94,60,.9);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
  }
}

.payment-card-premium {
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  height: 100%;
  background: #fcf8f3;
}

.payment-section-heading {
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
}

.payment-section-title i {
  color: #7a4c2b;
}

.payment-product {
  display: flex;
  gap: 14px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.payment-thumb {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: #754526;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}

.payment-price-row {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}

.payment-total {
  border-top: 1px solid #eee;
  padding-top: 10px;
  font-weight: 700;
  font-size: 1.1rem;
}

.payment-success {
  color: #2f7d32;
  font-weight: bold;
}

.payment-highlight, .payment-safe {
  background: #f5f7ef;
  border-radius: 18px;
  padding: 18px;
  margin-top: 24px;
  border: 1px solid #e1e1e1;
}

.payment-badge-soft {
  background: #f2e7db;
  color: #7a4c2b;
  padding: 6px 12px;
  border-radius: 99px;
}

.payment-section-icon {
  font-size: 30px;
}

.payment-section-title {
  margin-bottom: 20px;
  min-height: 50px;
}

.payment-product-title {
  font-size: 16px;
  font-weight: bold;
}

.payment-product-qty {
  font-size: 14px;
  font-weight: 500;
}

.payment-product-price {
  font-size: 18px;
  font-weight: bold;
}

.payment-delivery-address {
  margin-bottom: 15px;
}

.payment-delivery-date {
  font-size: 18px;
  font-weight: bold;
}

.payment-delivery-info {
  font-size: 16px;
  font-weight: 500;
}

.payment-info-title {
  font-size: 15px;
  font-weight: 500;
  color: grey;
}

.payment-info-desc {
  font-size: 16px;
  font-weight: bold;
}

#payment-order-buttons {
  margin-top: 4%;
  margin-bottom: 3%;
}

.payment-track-order-button {
  width: 200px;
  border: 1px solid #ffffff;
  background: #0f0f0f;
  color: white;
  font-weight: 500;
  font-size: 14px;
  padding: 10px;
  border-radius: 10px;
}

.payment-shopping-order-button {
  background: #7a4c2b;
  margin-left: 10px;
}

.payment-help-text {
  font-size: 16px;
  font-weight: 500;
  color: #693e20;
}

.fab.fa-whatsapp.payment-help-icon {
  font-size: 35px;
  color: green;
}

.payment-help-icon {
  font-size: 25px;
  color: #64391d;
}

.payment-help-col {
  position: relative;
}

.payment-help-col::after {
  content: "";
  background: #8e8e8e;
  height: 60%;
  width: 2px;
  position: absolute;
  right: 0;
}

#payment-order-help {
  background: radial-gradient(circle at center, #fbf3e4 0%, #fef3e1 45%, #fbf3e7 100%);
  border-radius: 20px;
  padding: 10px;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 2%;
  border: 1px solid #d3d3d3;
}

@media (max-width: 576px) {
  .payment-shopping-order-button {
    display: none;
  }
}

@media (max-width: 768px) {
  .payment-help-text {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .payment-help-icon {
    font-size: 18px;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .fab.fa-whatsapp.payment-help-icon {
    font-size: 25px;
  }
}

.payment-help-text-title {
  font-size: 14px;
}

@media (max-width: 360px) {
  .payment-help-text {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  .payment-help-text-div {
    margin-top: 10px;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .payment-help-text-div {
    margin-left: 20px;
  }
}

@media (min-width: 992px) {
  #payment-order-help {
    padding: 20px;
  }
}

.payment-failure-icon {
  font-size: 50px;
  color: #ff3838;
  font-weight: bold;
}

.payment-failure-hero-title {
  font-weight: bold;
  font-size: 35px;
  margin-top: 20px;
  text-align: center;
}

.payment-failure-title-1 {
  text-align: center;
  margin-top: 10px;
  font-weight: 500;
}

.payment-failure-retry-button {
  font-size: 18px;
  background: linear-gradient(180deg,#8E5A34,#7D4D29);
  color: white;
  font-weight: bold;
  padding: 10px 40px;
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid #cbcbcb;
}

@media (max-width: 576px) {
  .payment-failure-title {
    font-size: 25px;
  }
}

.payment-failure-wrapper {
  max-width: 1320px;
  margin: auto;
}

.payment-failure-card {
  background: #fffdf9;
  border: 1px solid #d7d7d6;
  border-radius: 24px;
  padding: 28px;
  height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 0 12px 30px rgba(0, 0, 0, 0.05);
}

.payment-failure-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.payment-failure-header-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fde8d4;
  color: #8b4b22;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  font-size: 24px;
  flex: 0 0 64px;
}

.payment-failure-title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #1f1f1f;
}

.payment-failure-description {
  font-size: 1rem;
  color: #555;
  line-height: 1.7;
  margin-bottom: 10px;
}

.payment-failure-list, .payment-failure-reasons, .payment-failure-security {
  list-style: none;
  padding: 0;
  margin: 0;
}

.payment-failure-reasons li, .payment-failure-security li {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  font-size: 1.08rem;
  color: #333;
  line-height: 1.5;
}

.payment-failure-reasons li::before {
  content: "•";
  font-size: 1.5rem;
  color: #222;
  margin-right: 14px;
  line-height: 1;
}

.payment-failure-security i {
  width: 36px;
  font-size: 22px;
  color: #222;
  margin-right: 16px;
  margin-top: 2px;
}

.payment-failure-item {
  display: flex;
  align-items: center;
  padding: 14px 0;
  text-decoration: none;
  color: inherit;
  border-radius: 16px;
}

.payment-failure-item-icon {
  width: 56px;
  flex: 0 0 56px;
  font-size: 25px;
  text-align: center;
}

.payment-failure-whatsapp {
  color: #25d366;
  font-size: 35px;
}

.payment-failure-phone, .payment-failure-mail {
  color: #222;
}

.payment-failure-item-content {
  flex: 1;
  padding-left: 8px;
}

.payment-failure-item-title {
  font-size: 1.1rem;
  font-weight: 500;
}

.payment-failure-item-subtitle {
  font-size: 1rem;
  color: #4e4e4e;
  font-weight: 100;
}

.payment-failure-arrow {
  font-size: 20px;
  color: #444;
}

@media (max-width: 991px) {
  .payment-failure-card {
    margin-bottom: 5px;
  }
}

@media (max-width: 576px) {
  .payment-failure-card {
    padding: 22px;
    border-radius: 20px;
  }
}

@media (max-width: 576px) {
  .payment-failure-title {
    font-size: 1.4rem;
  }
}

@media (max-width: 576px) {
  .payment-failure-header-icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .payment-failure-item-title {
    font-size: 0.9rem;
  }
}

@media (max-width: 576px) {
  .payment-failure-reasons li, .payment-failure-security li {
    font-size: 1rem;
  }
}

.payment-failure-security-desc {
  font-size: 1rem;
}

#payment-failure-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 576px) {
  .payment-failure-hero-title {
    font-size: 22px;
  }
}

.payment-failure-banner {
  background: #fdf5ed;
  border: 1px solid #c5c5c5;
  border-radius: 28px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}

.payment-failure-content {
  padding: 28px;
}

.payment-failure-icon {
  width: 150px;
  height: 108px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #a56636;
}

.payment-failure-title {
  font-size: 1.2rem;
  font-weight: 700;
}

.payment-failure-text {
  font-size: 1.15rem;
  color: #555;
  line-height: 1.3;
  margin-top: 20px;
}

.payment-failure-svg svg {
  max-width: 260px;
  width: 100%;
}

@media (max-width: 991px) {
  .payment-failure-content {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .payment-failure-title {
    font-size: 1.2rem;
    text-align: left;
    line-height: 24px;
  }
}

@media (max-width: 991px) {
  .payment-failure-text {
    font-size: 1rem;
    text-align: left;
    line-height: 20px;
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .payment-failure-svg {
    margin-top: 20px;
  }
}

#payment-failure-info-section {
  margin-bottom: 30px;
}

.payment-failure-trust-bar {
  background: #fefbf6;
  border: 1px solid #eee4d8;
  border-radius: 24px;
  padding: 18px 5px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.payment-failure-trust-item {
  display: flex;
  align-items: center;
  gap: 18px;
  justify-content: center;
  position: relative;
}

.payment-failure-trust-divider:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 54px;
  background: #efe5da;
}

.payment-failure-trust-icon {
  width: 58px;
  height: 58px;
  border: 2px solid #e7c7aa;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8b4b22;
  font-size: 24px;
  background: #fdefe3;
}

.payment-failure-trust-title {
  font-size: 1.2rem;
  font-weight: 700;
}

.payment-failure-trust-subtitle {
  font-size: 0.8rem;
  color: #555;
}

@media (max-width: 767px) {
  .payment-failure-trust-divider:after {
    display: none;
  }
}

@media (max-width: 767px) {
  .payment-failure-trust-col:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  .payment-failure-trust-item {
    justify-content: flex-start;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  .payment-failure-trust-title {
    font-size: 1rem;
  }
}

#payment-failure-trust-section {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .payment-failure-trust-icon {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  .payment-failure-item-subtitle {
    font-size: 0.8rem;
  }
}

.payment-success-hero-button-row {
  margin-top: 30px;
}

@media (max-width: 576px) {
  .payment-hero-title {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .payment-hero-desc {
    line-height: 18px;
  }
}

#payment-order-timeline {
  margin-top: 30px;
  width: 80%;
  margin-left: 10%;
}

.payment-success-hero {
  min-height: 65vh;
  display: flex;
  align-items: center;
  background: linear-gradient( rgba(251,221,176,0.28), rgba(227,207,171,0.28) ), url("/assets/img/payment/payement-hero-bg.webp") center bottom/cover no-repeat;
}

.payment-success-content {
  text-align: center;
  max-width: 700px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.payment-success-icon {
  width: 75px;
  height: 75px;
  border: 4px solid #1f8a20;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 46px;
  color: #1f8a20;
  background: #fff;
  margin: 0 auto 24px;
}

.payment-success-title {
  font-size: 2rem;
  font-weight: 700;
  color: #444;
}

.payment-success-text {
  font-size: 1rem;
  color: #555;
  line-height: 1.7;
  margin: 10px 0 15px;
}

.payment-success-track {
  background: linear-gradient(180deg,#8E5A34,#7D4D29);
  color: #fff;
  font-weight: bold;
  border: 1px solid #b5b5b5;
}

.payment-success-shop {
  background: linear-gradient(135deg,#dcc2a8 0%,#bfa68a 100%);
  color: #5b2700;
  border: 1px solid #808080;
  font-weight: bold;
}

.payment-success-track, .payment-success-shop {
  border-radius: 12px;
  padding: 14px 28px;
  min-width: 220px;
}

@media (max-width: 991px) {
  .payment-success-title {
    font-size: 2.3rem;
  }
}

@media (max-width: 576px) {
  .payment-success-hero {
    min-height: 60vh;
    background-position: 75% bottom;
  }
}

@media (max-width: 576px) {
  .payment-success-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 576px) {
  .payment-success-track, .payment-success-shop {
    width: 60%;
  }
}

@media (max-width: 576px) {
  .payment-success-icon {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 576px) {
  .payment-success-shop {
    display: none;
  }
}

.product-blend-breadcrumb-section {
  background: #fcf9f6;
  border-bottom: 1px solid #ececec;
  padding: 16px 0;
}

.product-blend-breadcrumb-nav {
  --bs-breadcrumb-divider: "";
}

.product-blend-breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.product-blend-breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.product-blend-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: #9b9b9b;
  font-size: 18px;
  font-weight: 400;
  padding: 0 12px;
  line-height: 1;
}

.product-blend-breadcrumb-link {
  color: #555;
  text-decoration: none;
  font-weight: 500;
}

.product-blend-breadcrumb-active {
  color: #1d1d1d;
  font-weight: 600;
}

@media (max-width:768px) {
  .product-blend-breadcrumb-section {
    padding: 14px 0;
  }
}

@media (max-width:768px) {
  .product-blend-breadcrumb .breadcrumb-item {
    font-size: 14px;
  }
}

@media (max-width:768px) {
  .product-blend-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    padding: 0 9px;
    font-size: 16px;
  }
}

@media (max-width:576px) {
  .product-blend-breadcrumb {
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    scrollbar-width: thin;
  }
}

@media (max-width:576px) {
  .product-blend-breadcrumb::-webkit-scrollbar {
    height: 4px;
  }
}

@media (max-width:576px) {
  .product-blend-breadcrumb::-webkit-scrollbar-thumb {
    background: #b8875c;
    border-radius: 10px;
  }
}

@media (max-width:576px) {
  .product-blend-breadcrumb .breadcrumb-item {
    flex-shrink: 0;
    font-size: 13px;
  }
}

.product-blend-gallery-section {
  padding: 10px 0;
}

.product-blend-gallery-card {
  background: #fcf8f3;
  border-radius: 22px;
  padding: 24px;
  /*box-shadow: var(--product-blend-shadow);*/
}

.product-blend-main-image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--product-blend-border);
}

.product-blend-main-image {
  display: block;
  width: 100%;
  /*aspect-ratio: 1/1;*/
  object-fit: cover;
}

.product-blend-gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #444;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.product-blend-gallery-prev {
  left: 18px;
}

.product-blend-gallery-next {
  right: 18px;
}

.product-blend-thumbnail-wrapper {
  margin-top: 22px;
}

.product-blend-thumbnail {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 14px;
  border: 2px solid transparent;
  cursor: pointer;
  background: #fff;
}

.product-blend-thumbnail.active {
  border-color: var(--product-blend-primary);
  box-shadow: 0 0 0 3px rgba(139, 94, 60, 0.18);
}

@media (max-width: 1199px) {
  .product-blend-gallery-card {
    padding: 10px;
  }
}

@media (max-width: 991px) {
  .product-blend-gallery-section {
    padding: 10px 0;
  }
}

@media (max-width: 991px) {
  .product-blend-gallery-arrow {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 767px) {
  .product-blend-gallery-card {
    padding: 16px;
    border-radius: 18px;
  }
}

@media (max-width: 767px) {
  .product-blend-gallery-arrow {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767px) {
  .product-blend-gallery-prev {
    left: 10px;
  }
}

@media (max-width: 767px) {
  .product-blend-gallery-next {
    right: 10px;
  }
}

@media (max-width: 767px) {
  .product-blend-thumbnail-wrapper {
    margin-top: 16px;
  }
}

@media (max-width: 575px) {
  .product-blend-gallery-section {
    padding: 30px 0;
  }
}

@media (max-width: 575px) {
  .product-blend-gallery-card {
    padding: 12px;
    border-radius: 14px;
  }
}

@media (max-width: 575px) {
  .product-blend-main-image {
    border-radius: 12px;
  }
}

@media (max-width: 575px) {
  .product-blend-gallery-arrow {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .product-blend-thumbnail {
    border-radius: 10px;
  }
}

@media (max-width: 420px) {
  .product-blend-gallery-arrow {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
}

.product-blend-thumbnail-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-blend-thumbnail-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  flex: 1;
}

.product-blend-thumbnail-scroll::-webkit-scrollbar {
  height: 6px;
}

.product-blend-thumbnail-scroll::-webkit-scrollbar-thumb {
  background: #b98a61;
  border-radius: 30px;
}

.product-blend-thumb-scroll {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: #fcf8f3;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.product-blend-main-image {
  cursor: zoom-in;
}

/* Image loading */

.product-blend-image-loading {
  opacity: 0.25;
  transform: scale(0.98);
}

/* Keyboard focus */

/* Desktop Zoom */

/* Mobile */

@media (max-width: 768px) {
  .product-blend-thumb-scroll {
    display: none;
  }
}

@media (max-width: 768px) {
  .product-blend-thumbnail-wrapper {
    gap: 0;
  }
}

@media (max-width: 768px) {
  .product-blend-thumbnail-scroll {
    padding-bottom: 8px;
  }
}

.product-blend-details-section {
  padding: 0px;
}

.product-blend-details-card {
  background: #fcf8f3;
  border-radius: 24px;
  /*box-shadow: var(--product-blend-shadow);*/
  padding: 25px;
}

/* ====================================================
    BADGE
==================================================== */

.product-blend-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #d9c4ad;
  border-radius: 999px;
  background: #fff8ef;
  color: var(--product-blend-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  font-weight: 700;
}

.product-blend-badge i {
  color: #d94141;
}

/* ====================================================
    TITLE
==================================================== */

.product-blend-title {
  margin: 20px 0 12px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.05;
  color: #432109;
}

.product-blend-ratio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  font-weight: 500;
}

.product-blend-divider {
  color: #693105;
}

/* ====================================================
    DESCRIPTION
==================================================== */

.product-blend-description {
  max-width: 680px;
}

.product-blend-description p {
  margin-bottom: 10px;
  color: var(--product-blend-muted);
  font-size: 18px;
  line-height: 1.85;
}

/* ====================================================
    HIGHLIGHTS
==================================================== */

.product-blend-highlights-row {
  margin: 0px;
  margin-bottom: 20px;
}

.product-blend-highlight {
  display: flex;
  align-items: center;
  gap: 14px;
}

.product-blend-highlight-icon {
  width: 60px;
  height: 60px;
  /*border-radius: 50%;*/
  /*border: 1px solid var(--product-blend-border);*/
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--product-blend-primary);
  /*background: #fcf8f2;*/
  font-size: 16px;
}

.product-blend-highlight span {
  font-weight: 600;
  color: #43362d;
  font-size: 14px;
}

/* ====================================================
    RATING
==================================================== */

.product-blend-rating {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
}

.product-blend-stars {
  display: flex;
  gap: 4px;
  color: var(--product-blend-star);
  font-size: 22px;
}

.product-blend-rating-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
}

.product-blend-rating-text strong {
  font-size: 24px;
}

.product-blend-rating-text span {
  color: #656565;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}

/* ====================================================
    SIZE
==================================================== */

.product-blend-size-title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #5b5046;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.product-blend-size-card {
  position: relative;
  height: 100%;
  padding: 20px 0px;
  text-align: center;
  border: 1px solid var(--product-blend-border);
  border-radius: 18px;
  cursor: pointer;
  background: #fcf8f3;
}

.product-blend-size-active {
  border-color: var(--product-blend-primary);
  background: #fcf8f3;
}

.product-blend-best-value {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 10px;
  border-radius: 999px;
  background: #3b2a20;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.product-blend-size-weight {
  font-size: 34px;
  font-weight: 700;
  color: #2f241d;
}

.product-blend-size-price {
  margin-top: 6px;
  font-size: 22px;
  font-weight: 600;
  color: var(--product-blend-primary);
}

/* ====================================================
    RESPONSIVE
==================================================== */

@media (max-width: 1200px) {
  .product-blend-title {
    font-size: 30px;
  }
}

@media (max-width: 1200px) {
  .product-blend-ratio {
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .product-blend-details-card {
    padding: 35px;
  }
}

@media (max-width: 991px) {
  .product-blend-title {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .product-blend-ratio {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .product-blend-description p {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .product-blend-details-section {
    padding: 0px;
  }
}

@media (max-width: 990px) {
  .product-blend-details-card {
    padding: 10px;
    border-radius: 18px;
  }
}

@media (max-width: 767px) {
  .product-blend-title {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .product-blend-ratio {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .product-blend-highlight {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .product-blend-rating {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

@media (max-width: 575px) {
  .product-blend-title {
    font-size: 28px;
    line-height: 1.15;
    margin: 10px 0 10px;
  }
}

@media (max-width: 575px) {
  .product-blend-ratio {
    font-size: 15px;
    gap: 8px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .product-blend-description p {
    font-size: 16px;
    line-height: 1.75;
  }
}

@media (max-width: 575px) {
  .product-blend-highlight {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  .product-blend-highlight-icon {
    width: 40px;
    height: 30px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .product-blend-size-card {
    padding: 10px 5px;
  }
}

@media (max-width: 575px) {
  .product-blend-size-weight {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .product-blend-size-price {
    font-size: 20px;
  }
}

.product-blend-description p {
  font-size: 14px;
  line-height: 20px;
}

.product-blend-price-selected {
  font-size: 22px;
  font-weight: bold;
  color: #401e00;
}

.product-blend-purchase-section {
  padding: 60px 0;
}

.product-blend-purchase-card {
  width: 140px;
  border-radius: 22px;
  margin-left: 20px;
}

/* ==================================================
    QUANTITY
================================================== */

.product-blend-quantity-wrapper {
  display: flex;
  align-items: center;
  width: 140px;
  height: 54px;
  border: 1px solid var(--product-blend-border);
  border-radius: 12px;
  overflow: hidden;
  background: #f9f5f0;
}

.product-blend-quantity-btn {
  width: 48px;
  height: 54px;
  border: none;
  background: #fcf8f3;
  color: var(--product-blend-primary);
  cursor: pointer;
  font-size: 16px;
}

.product-blend-quantity-input {
  flex: 1;
  border: none;
  outline: none;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #401e03;
  background: #fcf8f3;
  width: 20px;
}

/* ==================================================
    BUTTONS
================================================== */

.product-blend-btn {
  width: 40%;
  height: 50px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
  margin-top: 20px;
}

.product-blend-btn-cart {
  border: 1px solid #4b2508;
  background: linear-gradient(180deg, #7a461a, #5b2f0e);
  color: #fff;
}

.product-blend-btn-buy {
  background: #fcf8f3;
  color: var(--product-blend-primary);
  border: 2px solid var(--product-blend-border);
  margin-left: 5%;
}

/* ==================================================
    SHIPPING
================================================== */

.product-blend-shipping-card {
  margin-top: 12px;
  padding: 18px;
  background: var(--product-blend-success);
  border: 1px solid var(--product-blend-success-border);
  border-radius: 14px;
}

.product-blend-shipping-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f4f8ed;
  color: var(--product-blend-primary);
  font-size: 30px;
}

.product-blend-shipping-title {
  font-size: 15px;
  font-weight: 700;
  color: #433a33;
  margin-bottom: 5px;
}

.product-blend-shipping-text {
  font-size: 14px;
  color: #515151;
}

/* ==================================================
    FOCUS
================================================== */

/* ==================================================
    RESPONSIVE
================================================== */

@media (max-width: 991px) {
  .product-blend-purchase-card {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .product-blend-purchase-section {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .product-blend-purchase-card {
    padding: 20px;
    border-radius: 18px;
  }
}

@media (max-width: 767px) {
  .product-blend-btn {
    height: 45px;
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .product-blend-purchase-card {
    padding: 10px;
  }
}

@media (max-width: 575px) {
  .product-blend-quantity-wrapper {
    width: 100px;
    height: 40px;
  }
}

@media (max-width: 575px) {
  .product-blend-quantity-btn {
    width: 44px;
    height: 50px;
  }
}

@media (max-width: 575px) {
  .product-blend-btn {
    height: 45px;
    font-size: 14px;
    margin-bottom: 16px;
    width: 45%;
  }
}

@media (max-width: 575px) {
  .product-blend-shipping-card {
    padding: 16px;
  }
}

@media (max-width: 575px) {
  .product-blend-shipping-icon {
    width: 46px;
    height: 46px;
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .product-blend-shipping-title {
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .product-blend-shipping-text {
    font-size: 13px;
  }
}

.product-blend-rating-text h5 {
  font-size: 16px;
  font-weight: bold;
}

.product-blend-price-qty-div {
  margin-top: 20px;
  margin-left: 15px;
}

.product-blend-price-div p {
  font-size: 12px;
}

@media (max-width: 576px) {
  .product-blend-best-value {
    display: none;
  }
}

@media (max-width: 576px) {
  .product-blend-size-title {
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  .product-blend-price-selected {
    font-size: 20px;
  }
}

.product-blend-size-weight h6 {
  font-size: 14px;
}

@media (max-width: 575px) {
  .product-blend-size-price h6 {
    font-size: 14px;
    margin-top: 8px;
  }
}

@media (max-width: 576px) {
  .product-blend-price-qty-div {
    margin-top: 5px;
    margin-left: 10px;
  }
}

@media (max-width: 576px) {
  .product-blend-quantity-btn {
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  #product-blend-quantity {
    font-size: 13px;
    font-weight: bold;
  }
}

.product-blend-highlight-wrapper {
  background: #fcf8f2;
  border: 1px solid #e8d9c7;
  border-radius: 22px;
  box-shadow: 0 8px 30px rgba(98, 63, 28, 0.08);
  overflow: hidden;
}

.product-blend-highlight-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 24px 18px;
  min-height: 110px;
}

.product-blend-highlight-icon {
  font-size: 2rem;
  color: #724017;
  flex-shrink: 0;
}

.product-blend-highlight-title {
  font-size: 0.85rem;
  line-height: 1.4;
  font-weight: 600;
  color: #3d2d22;
  margin: 0;
}

@media (min-width: 768px) {
  .product-blend-highlight-border {
    border-right: 1px solid #eadccf;
  }
}

@media (max-width: 767.98px) {
  .product-blend-highlight-item {
    justify-content: flex-start;
    padding: 10px;
    min-height: 88px;
    border-bottom: 1px solid #eadccf;
  }
}

@media (max-width: 767.98px) {
  .product-blend-highlight-mobile-last {
    border-bottom: none;
  }
}

@media (max-width: 767.98px) {
  .product-blend-highlight-title {
    font-size: 0.8rem;
  }
}

@media (max-width: 767.98px) {
  .product-blend-highlight-icon {
    font-size: 1.7rem;
  }
}

.probduct-blend-highlights-section {
  padding: 10px 0px;
  margin-bottom: 20px;
}

.product-blend-info-card {
  background: #fffdf9;
  border: 1px solid #e7d8c7;
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.product-blend-info-content {
  padding: 15px 20px 0px 20px;
}

.product-blend-info-title {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.product-blend-info-desc {
  line-height: 1.6;
  color: #5b5148;
  margin-bottom: 24px;
  font-size: 15px;
}

.product-blend-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-blend-info-list li {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  color: #3d3229;
  font-size: 14px;
}

.product-blend-info-icon {
  color: #00bb1e;
  font-weight: 500;
}

.product-blend-info-gopuram {
  text-align: center;
  font-size: 70px;
  color: #c5a57d;
  opacity: 0.8;
}

@media (max-width: 768px) {
  .product-blend-info-content {
    padding: 20px 20px 0px 20px;
  }
}

@media (max-width: 768px) {
  .product-blend-info-title {
    font-size: 1.1rem;
  }
}

@media (max-width: 768px) {
  .product-blend-info-gopuram {
    font-size: 52px;
  }
}

.product-blend-info-first-col-img {
  height: auto;
}

@media (max-width: 768px) {
  .product-blend-info-desc {
    line-height: 1.4;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .product-blend-info-icon {
    font-size: 14px;
  }
}

.product-blend-info-section {
  margin-bottom: 20px;
}

.product-blend-info-card {
  background: #fffdf9;
  border: 1px solid #eadbc9;
  border-radius: 20px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
  padding: 15px;
  min-height: 400px;
}

.product-blend-info-heading h3 {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 15px;
  color: #3b2b20;
  margin-top: 15px;
}

.product-blend-info-side {
  text-align: center;
}

.product-blend-info-percent {
  font-size: 2.5rem;
  font-weight: 800;
  color: #2d2018;
}

.product-blend-info-label {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.product-blend-info-text {
  margin-top: 16px;
  color: #5c5047;
  font-size: 0.9rem;
  line-height: 1.3;
}

.product-blend-info-circle {
  width: 360px;
  height: 360px;
  border-radius: 50%;
  margin: auto;
  position: relative;
  background: conic-gradient( #4e2d1b 0 288deg, #64703c 288deg 300deg, #6b79c8 300deg 360deg );
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-blend-info-circle:before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  background: radial-gradient( circle at center, #d8a261 0, #b6742d 34%, #5d3519 35%, #d9c9b5 37%, #f7f1ea 47%, #faf8f4 60%, transparent 61% );
}

.product-blend-info-cup {
  position: relative;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient( circle, #d59a57, #a45d1f 70%, #5d3519 71%, #f7f3ee 82%, #e6ddd3 92%, #fff 100% );
  z-index: 2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.product-blend-info-footer {
  text-align: center;
  margin-top: 0px;
  font-size: 1rem;
  font-weight: 500;
  color: #40362e;
  line-height: 1.5;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .product-blend-info-circle {
    width: 280px;
    height: 280px;
    margin: 30px auto;
  }
}

@media (max-width: 991px) {
  .product-blend-info-cup {
    width: 145px;
    height: 145px;
  }
}

@media (max-width: 991px) {
  .product-blend-info-side {
    margin-bottom: 5px;
  }
}

@media (max-width: 991px) {
  .product-blend-info-percent {
    font-size: 2rem;
  }
}

@media (max-width: 991px) {
  .product-blend-info-label {
    font-size: 1rem;
  }
}

@media (max-width: 991px) {
  .product-blend-info-footer {
    font-size: 1rem;
    margin-top: 20px;
    text-align: center;
  }
}

.product-blend-info-cup-ratio {
  height: 150px;
}

@media (max-width: 768px) {
  .product-blend-info-column {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .product-blend-info-text {
    margin-top: 5px;
  }
}

@media (min-width: 992px) {
  .product-blend-info-cup-ratio {
    height: 200px;
  }
}

@media (min-width: 992px) {
  .product-blend-info-footer {
    margin-top: 20px;
  }
}

.product-blend-review-section {
  padding: 20px 0;
}

.product-blend-review-wrapper {
  background: #fffaf4;
  border: 1px solid #eadcc9;
  border-radius: 18px;
  padding: 40px;
  position: relative;
}

.product-blend-review-title {
  font-size: 32px;
  font-weight: 700;
}

.product-blend-review-score {
  font-size: 40px;
  line-height: 1;
  color: #5b3717;
}

.product-blend-review-stars i {
  color: #c78b2d;
}

.product-blend-review-btn {
  border: 1px solid #8b6b4a;
  background: #fdf7f1;
  padding: 12px 26px;
  border-radius: 8px;
  font-weight: bold;
  color: #5b3716;
}

.product-blend-review-track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.product-blend-review-track::-webkit-scrollbar {
  height: 8px;
}

.product-blend-review-track::-webkit-scrollbar-thumb {
  background: #b48a5a;
  border-radius: 10px;
}

.product-blend-review-card {
  min-width: 340px;
  background: #fef9f2;
  border: 1px solid #eadcc9;
  border-radius: 14px;
  padding: 22px;
  flex: 0 0 calc(33.333% - 16px);
}

.product-blend-review-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #3d3d3d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
}

.product-blend-review-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #d9c5a9;
  background: #fef9f2;
}

#product-blend-review-prev {
  left: -26px;
}

#product-blend-review-next {
  right: -26px;
}

@media (max-width: 991px) {
  .product-blend-review-card {
    flex: 0 0 85%;
    min-width: 85%;
  }
}

@media (max-width: 767px) {
  .product-blend-review-wrapper {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .product-blend-review-title {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .product-blend-review-score {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .product-blend-review-btn {
    width: 100%;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  #product-blend-review-prev, #product-blend-review-next {
    display: none;
  }
}

.product-blend-review-text {
  min-height: 90px;
  font-size: 16px;
}

@media (max-width: 360px) {
  .product-blend-review-card {
    flex: 0 0 115%;
  }
}

@media (max-width: 576px) {
  .product-blend-review-card {
    flex: 0 0 100%;
  }
}

.product-blend-list-section {
  padding: 50px 0;
}

.product-blend-list-title {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 30px;
  color: #3b2b20;
  font-weight: bold;
}

.product-blend-list-wrapper {
  position: relative;
}

.product-blend-list-track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding: 10px 50px;
  scrollbar-width: thin;
}

.product-blend-list-track::-webkit-scrollbar {
  height: 8px;
}

.product-blend-list-track::-webkit-scrollbar-thumb {
  background: #b98d5a;
  border-radius: 10px;
}

.product-blend-list-card {
  min-width: 190px;
  background: #fef9f2;
  border: 1px solid #eadfce;
  border-radius: 14px;
  padding: 20px;
  text-align: center;
}

.product-blend-list-img {
  width: 100%;
  height: 220px;
  object-fit: contain;
}

.product-blend-list-name {
  font-weight: bold;
  font-size: 1.15rem;
}

.product-blend-list-desc {
  font-size: 0.92rem;
  color: #555;
}

.product-blend-list-rating {
  color: #d18b00;
  margin: 6px 0;
}

.product-blend-list-price {
  font-weight: 700;
  font-size: 1.1rem;
  color: #4b2c1d;
}

.product-blend-list-arrow {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fef9f2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

#product-blend-list-prev {
  left: 0;
}

#product-blend-list-next {
  right: -40px;
}

@media (max-width: 768px) {
  .product-blend-list-track {
    /*padding: 10px;*/
  }
}

@media (max-width: 768px) {
  .product-blend-list-arrow {
    /*display: none;*/
  }
}

@media (max-width: 768px) {
  .product-blend-list-card {
    min-width: 170px;
  }
}

@media (max-width: 768px) {
  .product-blend-list-img {
    height: 180px;
  }
}

.product-blend-list-img {
  width: 100%;
  height: 220px;
  object-fit: contain;
  display: block;
  margin-bottom: 20px;
}

.product-blend-steps-left-img {
  width: 200px;
  margin-top: 15px;
}

.product-blend-steps-left-title {
  margin-top: 12px;
  font-weight: bold;
  font-size: 22px;
}

.product-blend-steps-left-desc {
  margin: 12px 0px;
  font-size: 18px;
  font-weight: 600;
  color: #863207;
}

.product-blend-steps-row {
  background: #fefaf4;
  border-radius: 20px;
  border: 1px solid #cccccc;
  margin: 0px;
}

.product-blend-steps-card {
  text-align: center;
  position: relative;
  padding: 10px;
}

.product-blend-steps-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: auto;
  border: 2px solid #ecdcc8;
  background: #fffdf9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 58px;
  color: #8b5a2b;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

.product-blend-steps-no {
  position: absolute;
  left: 20px;
  top: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #5b3318;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-blend-steps-arrow {
  font-size: 48px;
  color: #8b5a2b;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.product-blend-steps-img {
  width: 75px;
}

@media (max-width: 576px) {
  .product-blend-steps-left-title {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .product-blend-steps-left-desc {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

@media (max-width: 360px) {
  .product-blend-steps-arrow {
    font-size: 0px;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 15px;
  }
}

@media (max-width: 576px) {
  .product-blend-steps-circle {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 576px) {
  .product-blend-steps-img {
    width: 50px;
  }
}

@media (min-width: 576px) {
  .product-blend-steps-arrow.product-blend-hide-arrow {
    display: none;
  }
}

.home-product-blend-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}

.hero-title-seperator {
  height: 100%;
  width: 50%;
}

@media (max-width: 576px) {
  .hero-story-button {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .hero-ratings-div {
    display: none !important;
  }
}

.hero-content {
}

@media (max-width: 576px) {
  .hero-title-seperator {
    display: none;
  }
}

@media (max-width: 576px) {
  .hero-description {
    display: none;
  }
}

@media (max-width: 576px) {
  .hero-buttons-div {
    margin-top: 20%;
  }
}

main {
  flex-grow: 1;
}

.footer-links::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: currentColor;
  transform: translateX(-50%);
}

.home-promise-item {
  position: relative;
  text-align: center;
}

.home-promise-icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #eeddba;
}

.home-promise-title {
  margin: 0 auto 12px;
  color: #3f1d13;
  font-size: 14px;
  line-height: 1.35;
  font-weight: bold;
  letter-spacing: 0.35px;
  text-transform: uppercase;
  max-width: 230px;
}

.home-promise-text {
  margin: 0 auto;
  color: #302722;
  font-size: 14px;
  line-height: 1.65;
  max-width: 280px;
}

.home-promise-divider {
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 150px;
  background: repeating-linear-gradient( to bottom, #552d00 0, #9d5200 2px, transparent 2px, transparent 5px );
  opacity: 0.8;
}

.home-promise-item:last-child .home-promise-divider {
  display: none;
}

@media (max-width: 767.98px) {
  .home-promise-section {
    padding: 40px 18px;
  }
}

@media (max-width: 767.98px) {
  .home-promise-item {
    /*padding: 24px 12px 32px;*/
  }
}

@media (max-width: 767.98px) {
  .home-promise-divider {
    top: auto;
    right: 12%;
    bottom: 0;
    width: 76%;
    height: 1px;
    background: repeating-linear-gradient( to right, #cdb9a3 0, #cdb9a3 2px, transparent 2px, transparent 5px );
    display: none;
  }
}

@media (max-width: 767.98px) {
  .home-promise-item:last-child .home-promise-divider {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .home-promise-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767.98px) {
  .home-promise-title {
    font-size: 14px;
    max-width: 260px;
  }
}

@media (max-width: 767.98px) {
  .home-promise-text {
    font-size: 14px;
    max-width: 320px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .home-promise-item {
    padding: 0 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .home-promise-title {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .home-promise-text {
    font-size: 13px;
  }
}

.home-promise-right-img {
  min-height: 100%;
  object-fit: contain;
}

.promise-section-row {
}

.promise-section-col {
  padding: 0px !important;
}

#promise-section {
  background: #fbf2e3;
}

.promise-section-img {
  height: 100%;
  object-fit: cover;
  max-height: 600px;
  width: 100%;
  object-position: left;
}

#home-promise-subtitle-wrap {
  /*display: flex;*/
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.home-promise-line {
  width: 40px;
  height: 1px;
  background: #8B4513;
}

.home-promise-dot {
  width: 6px;
  height: 6px;
  background: #8B4513;
  border-radius: 50%;
}

#home-promise-subtitle {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #863a14;
  font-weight: bold;
}

@media (max-width: 991px) {
  .promise-section-col-right {
    display: none;
  }
}

.promise-section-col-right {
  width: 50%;
  height: 600px;
  overflow: hidden;
}

#discover-our-story-button {
  margin-top: 20px;
}

@media (max-width: 576px) {
  #home-promise-subtitle {
    font-size: 12px;
  }
}

/* =========================================
   HERO LOAD ANIMATION
========================================= */

.faq-questions-a {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
}

.faq-questions-card.active .faq-questions-a {
  grid-template-rows: 1fr;
  opacity: 1;
}

.faq-questions-inner {
  overflow: hidden;
}

.faq-questions-card.active .faq-questions-icon {
  transform: rotate(180deg);
}

.payment-journey-track::before {
  transform: scaleX(0);
  transform-origin: left;
}

@media (max-width: 767px) {
  .payment-journey-track::before {
    transform: scaleY(0);
    transform-origin: top;
  }
}

.timeline-line {
  transform: scaleX(0);
  transform-origin: left;
}

#carrers_hero-section {
  background-image: url("/assets/img/misc/carrers.webp");
  background-size: cover;
  background-position: 50% 90%;
  background-repeat: no-repeat;
  min-height: 70vh;
}

.carrers-hero-title {
  font-size: 50px;
  font-weight: bold;
  color: #593221;
  font-family: 'DM Serif Display';
}

.carrers-line-seperator {
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.carrers-hero-title-1 {
  font-size: 16px;
  font-weight: 500;
}

.carrers-hero-div {
  margin-left: 25%;
  width: 100%;
}

#carrers_job_section {
  background: #f9f4ea;
}

.carrers-no-opening-div {
  width: 400px;
  margin-top: 50px;
}

.carrers-no-opening-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
  color: #5e341f;
}

@media (max-width: 768px) {
  .carrers-hero-div {
    margin-left: 5%;
  }
}

@media (max-width: 576px) {
  .carrers-no-opening-div {
    width: 90%;
  }
}

/* =========================================================
   PARTNER HERO
   ========================================================= */

#partner-hero-section {
  position: relative;
  min-height: 70svh;
  height: 70svh;
  display: flex;
  align-items: center;
  background-color: #f2e5d4;
  background-image: url("/assets/img/misc/partner-hero-bg.webp");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  overflow: hidden;
  padding-bottom: 20px;
}

/* =========================================================
   HERO CONTENT
   ========================================================= */

.partner-hero-content {
  position: relative;
  z-index: 2;
  max-width: 620px;
  padding-top: 40px;
  padding-bottom: 10px;
}

/* Small heading above main title */

.partner-hero-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #8f4b26;
}

/* Main heading */

.partner-hero-title {
  margin: 0;
  font-size: clamp(35px, 5vw, 58px);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -2px;
  color: #7f3800;
}

.partner-hero-title span {
  color: #a65d32;
}

/* Small decorative line */

.partner-hero-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  margin-top: 15px;
  background-color: #a65d32;
}

/* Description */

.partner-hero-description {
  max-width: 500px;
  margin-top: 15px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  color: #444444;
}

/* =========================================================
   HERO BUTTON
   ========================================================= */

.partner-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 28px;
  border: 0;
  border-radius: 10px;
  background-color: #432718;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1200px) {
  .partner-hero {
    min-height: 75svh;
    background-size: auto 100%;
    background-position: right center;
  }
}

@media (min-width: 1200px) {
  .partner-hero-content {
    padding-left: 10px;
  }
}

/* =========================================================
   LARGE TABLETS / SMALL DESKTOP
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {
  .partner-hero {
    min-height: 680px;
    background-size: auto 90%;
    background-position: right center;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .partner-hero-content {
    max-width: 540px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .partner-hero-description {
    font-size: 16px;
    max-width: 440px;
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-hero {
    min-height: 720px;
    background-position: right bottom;
    background-size: auto 65%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-hero-content {
    padding-top: 10px;
    padding-bottom: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-hero-description {
    max-width: 500px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {
  .partner-hero {
    min-height: 760px;
    background-position: center bottom;
    background-size: auto 48%;
  }
}

@media (max-width: 767.98px) {
  .partner-hero-content {
    max-width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (max-width: 767.98px) {
  .partner-hero-eyebrow {
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 1.6px;
    margin-top: 20px;
  }
}

@media (max-width: 767.98px) {
  .partner-hero-title::after {
    margin-top: 5px;
  }
}

@media (max-width: 767.98px) {
  .partner-hero-description {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 26px;
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 767.98px) {
  .partner-hero .btn {
    min-height: 48px;
    padding: 0 23px;
    font-size: 12px;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575.98px) {
  .partner-hero {
    min-height: 700px;
    background-position: center bottom;
    background-size: auto 43%;
  }
}

@media (max-width: 575.98px) {
  .partner-hero-description {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

/* =========================================================
   VERY SMALL DEVICES
   ========================================================= */

@media (max-width: 380px) {
  .partner-hero {
    min-height: 670px;
    background-size: auto 40%;
  }
}

@media (max-width: 380px) {
  .partner-hero-description {
    font-size: 13px;
  }
}

/* =========================================================
   HERO HIGHLIGHTS
   ========================================================= */

.partner-hero-highlights {
  display: flex;
  align-items: stretch;
  margin-top: 15px;
  margin-bottom: 20px;
}

/* Individual item */

.partner-hero-highlight {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 10px;
  position: relative;
}

/* Vertical separator */

.partner-hero-highlight:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(143, 75, 38, 0.25);
}

/* Icon */

.partner-hero-highlight-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  margin-bottom: 12px;
  font-size: 36px;
  color: #a65d32;
}

/* Text */

.partner-hero-highlight-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  color: #382316;
  margin-top: 15px;
}

.partner-hero-title-1 {
  margin: 0;
  font-size: clamp(35px, 5vw, 58px);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -2px;
  color: #382316;
  margin-bottom: 15px;
}

@media clamp(35px, 4vw, 58px) {
  .promise-hero-highlight-icon {
    width: 60px;
  }
}

.partner-why-us-title {
  font-size: 25px;
  margin: 20px 0px;
  font-weight: bold;
}

#partner-why-section {
  background: #f7eee2;
}

.partner-why-icon {
  width: 80px;
  margin-top: 20px;
}

.partner-why-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}

.partner-why-title-1 {
  text-align: center;
  margin-top: 20px;
  line-height: 17px;
  margin-bottom: 15px;
  font-size: 15px;
}

.partner-whyus-text-div {
  padding: 10px;
}

.partner-whyus-line-seperator {
  width: 200px;
  padding-bottom: 15px;
}

.partner-whyus-line-seperators {
  margin-top: 15px;
  width: 80%;
}

@media (max-width: 576px) {
  .partner-why-icon {
    width: 50px;
  }
}

@media (max-width: 768px) {
  #partner-hero-section {
    background-position: top;
    height: 75vh;
    background-size: cover;
    padding-top: 15px;
    background: #f2e5d4;
  }
}

@media (max-width: 576px) {
  .partner-hero-title-1 {
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .partner-why-us-title {
    font-size: 20px;
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .partner-whyus-text-div {
    padding: 0px;
  }
}

@media (max-width: 576px) {
  .partner-why-title {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .partner-why-title-1 {
    min-height: 120px;
    font-size: 12px;
    font-weight: 500;
  }
}

@media (max-width: 576px) {
  .partner-hero-highlight-title {
    padding-top: 10px;
  }
}

@media (max-width: 576px) {
  .promise-hero-highlight-icon {
    width: 60px;
  }
}

@media (min-width: 576px) {
  .promise-hero-highlight-icon {
    width: 70px;
  }
}

@media (max-width: 991px) {
  .partner-whyus-col-desktop {
    display: none !important;
  }
}

.partner-whyus-col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 90%;
  background-color: rgba(143, 75, 38, 0.25);
  margin-top: 5%;
}

.partner-whyus-col {
  position: relative;
}

/* =========================================================
   CAFÉS & HOTELS SECTION
   ========================================================= */

.partner-cafes-section {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  background-color: #241a13;
  background-image: linear-gradient( 90deg, rgba(20, 14, 10, 0.98) 0%, rgba(20, 14, 10, 0.94) 27%, rgba(20, 14, 10, 0.78) 40%, rgba(20, 14, 10, 0.30) 57%, rgba(20, 14, 10, 0.05) 72% ), url("/assets/img/misc/partner-cafe.webp");
  background-repeat: no-repeat;
  background-position: center, center center;
  background-size: cover, cover;
  overflow: hidden;
}

/* =========================================================
   CONTENT
   ========================================================= */

.partner-cafes-content {
  position: relative;
  z-index: 2;
  max-width: 430px;
  padding: 70px 0;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.partner-cafes-eyebrow {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  color: #c47a43;
}

/* =========================================================
   TITLE
   ========================================================= */

.partner-cafes-title {
  margin: 0;
  font-family: 'Inter';
  font-size: clamp(48px, 5vw, 40px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -1.5px;
  color: #ffffff;
}

/* =========================================================
   DECORATIVE DIVIDER
   ========================================================= */

.partner-cafes-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 300px;
  margin-top: 25px;
  margin-bottom: 28px;
}

.partner-cafes-divider span {
  flex: 1;
  height: 1px;
  background-color: rgba(196, 122, 67, 0.75);
}

.partner-cafes-divider i {
  flex: 0 0 auto;
  font-size: 17px;
  color: #c47a43;
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.partner-cafes-description {
  max-width: 400px;
  margin: 0 0 27px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.88);
}

/* =========================================================
   BENEFIT POINTS
   ========================================================= */

.partner-cafes-points {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.partner-cafes-point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.partner-cafes-point-icon {
  flex: 0 0 20px;
  padding-top: 2px;
  font-size: 18px;
  color: #c47a43;
}

.partner-cafes-point-text {
  max-width: 340px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1200px) {
  .partner-cafes-section {
    min-height: 620px;
    background-position: center, center center;
  }
}

@media (min-width: 1200px) {
  .partner-cafes-content {
    padding-left: 10px;
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-cafes-section {
    min-height: 620px;
    background-image: linear-gradient( 90deg, rgba(20, 14, 10, 0.98) 0%, rgba(20, 14, 10, 0.92) 42%, rgba(20, 14, 10, 0.55) 65%, rgba(20, 14, 10, 0.10) 100% ), url("../img/misc/partner-cafe.webp");
    background-position: center center;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-cafes-content {
    max-width: 390px;
    padding: 60px 0;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-cafes-title {
    font-size: 54px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {
  .partner-cafes-section {
    min-height: 550px;
    align-items: flex-start;
    background-image: linear-gradient( 180deg, rgba(20, 14, 10, 0.96) 0%, rgba(20, 14, 10, 0.90) 40%, rgba(20, 14, 10, 0.45) 68%, rgba(20, 14, 10, 0.20) 100% ), url("../img/misc/partner-cafe.webp");
    background-position: center, center center;
    background-size: cover, cover;
  }
}

@media (max-width: 767.98px) {
  .partner-cafes-content {
    max-width: 100%;
    padding: 55px 0 60px;
  }
}

@media (max-width: 767.98px) {
  .partner-cafes-eyebrow {
    font-size: 12px;
    letter-spacing: 1.6px;
  }
}

@media (max-width: 767.98px) {
  .partner-cafes-title {
    font-size: clamp(35px, 4vw, 58px);
    letter-spacing: -1px;
  }
}

@media (max-width: 767.98px) {
  .partner-cafes-divider {
    width: 250px;
    margin-top: 20px;
    margin-bottom: 23px;
  }
}

@media (max-width: 767.98px) {
  .partner-cafes-description {
    max-width: 390px;
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  .partner-cafes-point-text {
    font-size: 13px;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575.98px) {
  .partner-cafes-section {
    min-height: 500px;
  }
}

@media (max-width: 575.98px) {
  .partner-cafes-content {
    padding-top: 25px;
  }
}

@media (max-width: 575.98px) {
  .partner-cafes-title {
    font-size: 30px;
  }
}

@media (max-width: 575.98px) {
  .partner-cafes-description {
    font-size: 14px;
  }
}

@media (max-width: 575.98px) {
  .partner-cafes-point {
    gap: 10px;
  }
}

/* =========================================================
   PARTNER ENQUIRY SECTION
   ========================================================= */

.partner-enquiry-section {
  position: relative;
  padding: 30px 0;
  background-color: #f8f3eb;
}

/* =========================================================
   MAIN WRAPPER
   ========================================================= */

.partner-enquiry-wrapper {
  display: flex;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(110, 73, 45, 0.12);
  border-radius: 18px;
  background-color: #fcf8f2;
  box-shadow: 0 8px 35px rgba(66, 39, 22, 0.06);
}

/* =========================================================
   LEFT CONTENT
   ========================================================= */

.partner-enquiry-intro {
  position: relative;
  width: 36%;
  display: flex;
  flex-direction: column;
  padding: 55px 45px 0;
  overflow: hidden;
  background-color: #fcf8f2;
  background-image: url("../images/partner/partner-leaves.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 90%;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.partner-enquiry-eyebrow {
  position: relative;
  z-index: 2;
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.7px;
  color: #9a512b;
}

/* =========================================================
   TITLE
   ========================================================= */

.partner-enquiry-title {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -1.5px;
  color: #515151;
}

/* =========================================================
   TITLE LINE
   ========================================================= */

.partner-enquiry-line {
  position: relative;
  z-index: 2;
  width: 68px;
  height: 2px;
  margin-top: 15px;
  background-color: #a85b31;
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.partner-enquiry-description {
  position: relative;
  z-index: 2;
  max-width: 390px;
  margin: 25px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  color: #51463f;
}

/* =========================================================
   COFFEE IMAGE
   ========================================================= */

.partner-enquiry-image {
  position: relative;
  width: 100%;
}

.partner-enquiry-image img {
  display: inline-block;
  width: 90%;
  max-width: 370px;
  height: auto;
  object-fit: contain;
  /*filter: drop-shadow( 0 15px 15px rgba(55, 32, 19, 0.12) );*/
}

/* =========================================================
   RIGHT FORM
   ========================================================= */

.partner-enquiry-form-wrap {
  width: 64%;
  margin: 22px;
  padding: 28px 32px 22px;
  border: 1px solid rgba(110, 73, 45, 0.10);
  border-radius: 12px;
  background-color: #fcf8f2;
  box-shadow: 0 4px 18px rgba(50, 30, 18, 0.05);
}

/* =========================================================
   FORM TITLE
   ========================================================= */

.partner-enquiry-form-title {
  text-align: center;
  margin-bottom: 18px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #34251b;
}

/* =========================================================
   FORM DIVIDER
   ========================================================= */

.partner-enquiry-form-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 130px;
  margin: 7px auto 0;
}

.partner-enquiry-form-divider span {
  flex: 1;
  height: 1px;
  background-color: rgba(157, 88, 46, 0.35);
}

.partner-enquiry-form-divider i {
  font-size: 10px;
  color: #a85b31;
}

/* =========================================================
   FORM FIELDS
   ========================================================= */

.partner-form-field {
  position: relative;
}

.partner-form-field .form-control, .partner-form-field .form-select {
  width: 100%;
  min-height: 46px;
  padding: 11px 14px;
  border: 1px solid #e7e1da;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: none;
  font-family: inherit;
  font-size: 13px;
  color: #3c3028;
}

.partner-form-field .form-control::placeholder {
  color: #514a44;
  opacity: 1;
}

/* Select */

.partner-form-select .form-select {
  color: #514a44;
  cursor: pointer;
}

.partner-form-select .form-select:invalid {
  color: #514a44;
}

/* =========================================================
   TEXTAREA
   ========================================================= */

.partner-form-textarea .form-control {
  min-height: 84px;
  resize: vertical;
  line-height: 1.5;
}

/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.partner-form-submit {
  width: 100%;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 55px 0 20px;
  border: 0;
  border-radius: 4px;
  background-color: #9e4e1f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
}

.partner-form-submit i {
  position: absolute;
  right: 18px;
  font-size: 15px;
}

/* =========================================================
   FORM NOTE
   ========================================================= */

.partner-enquiry-note {
  margin-top: 14px;
  text-align: center;
  font-size: 12px;
  color: #b06b48;
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1200px) {
  .partner-enquiry-intro {
    width: 37%;
    padding-left: 45px;
    padding-right: 35px;
  }
}

@media (min-width: 1200px) {
  .partner-enquiry-form-wrap {
    width: 63%;
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-enquiry-intro {
    width: 38%;
    padding: 45px 30px 0;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-enquiry-form-wrap {
    width: 62%;
    margin: 15px;
    padding: 25px 22px 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-enquiry-title {
    font-size: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .partner-enquiry-description {
    font-size: 14px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {
  .partner-enquiry-section {
    padding: 20px 0;
  }
}

@media (max-width: 767.98px) {
  .partner-enquiry-wrapper {
    display: flex;
    flex-direction: column;
    min-height: auto;
    border-radius: 14px;
  }
}

/* Left */

@media (max-width: 767.98px) {
  .partner-enquiry-intro {
    width: 100%;
    min-height: 450px;
    padding: 40px 28px 0;
  }
}

@media (max-width: 767.98px) {
  .partner-enquiry-title {
    font-size: 30px;
  }
}

@media (max-width: 767.98px) {
  .partner-enquiry-description {
    max-width: 500px;
  }
}

@media (max-width: 767.98px) {
  .partner-enquiry-image {
    left: 0px;
  }
}

@media (max-width: 767.98px) {
  .partner-enquiry-image img {
    width: 75%;
    max-width: 320px;
  }
}

/* Form */

@media (max-width: 767.98px) {
  .partner-enquiry-form-wrap {
    width: auto;
    margin: 15px;
    padding: 25px 20px 20px;
  }
}

@media (max-width: 767.98px) {
  .partner-enquiry-form-title {
    font-size: 16px;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575.98px) {
  .partner-enquiry-intro {
    min-height: 400px;
    padding: 20px;
  }
}

@media (max-width: 575.98px) {
  .partner-enquiry-eyebrow {
    font-size: 12px;
  }
}

@media (max-width: 575.98px) {
  .partner-enquiry-title {
    font-size: 25px;
  }
}

@media (max-width: 575.98px) {
  .partner-enquiry-description {
    font-size: 14px;
  }
}

@media (max-width: 575.98px) {
  .partner-enquiry-form-wrap {
    margin: 10px;
    padding: 22px 15px 18px;
  }
}

@media (max-width: 575.98px) {
  .partner-form-field .form-control, .partner-form-field .form-select {
    min-height: 44px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .partner-enquiry-eyebrow {
    font-size: 11px;
  }
}

.carrers-line-seperator {
  transform-origin: left center;
}

.carrers-no-opening-div .carrers-line-seperator {
  transform-origin: center;
}

.partner-cafes-point {
  opacity: 0;
  transform: translateY(15px);
}

.our-story-hero {
  position: relative;
  /*min-height: 300px;*/
  overflow: hidden;
  background: radial-gradient( circle at 63% 48%, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 40% ), linear-gradient( 90deg, #fcf9f4 0%, #fbf7f0 42%, #f8efe4 100% );
}

.our-story-hero-container {
  position: relative;
  z-index: 2;
  min-height: 500px;
  padding-bottom: 20px;
}

.our-story-hero-content {
  position: relative;
  z-index: 5;
  max-width: 40%;
  padding-top: 20px;
  padding-bottom: 0px;
}

.our-story-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 15px;
  color: #b45b25;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.our-story-title {
  margin: 0;
  font-size: clamp(42px, 4.3vw, 42px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0px;
  max-width: 60%;
  font-family: 'DM Serif Display';
}

.our-story-title span {
  display: block;
  color: #b45b25;
  font-family: 'Allura';
  margin-top: 15px;
  font-size: 55px;
}

.our-story-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 350px;
  max-width: 40%;
  margin: 15px 0 15px;
}

.our-story-divider::before, .our-story-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: #e8cdb9;
}

.our-story-divider-icon {
  color: #b45b25;
  font-size: 20px;
  line-height: 1;
}

.our-story-description {
  max-width: 40%;
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #30251f;
}

/* Hero photography */

.our-story-hero-visual {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-image: url("/assets/img/story/story-hero-bg.webp");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  -webkit-mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 7%, #000 22%, #000 100% );
  mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 7%, #000 22%, #000 100% );
}

.our-story-hero-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient( 90deg, #fbf7f0 0%, rgba(251,247,240,.55) 8%, transparent 25% );
}

/* Badge */

.our-story-badge {
  position: absolute;
  z-index: 6;
  top: 55px;
  right: 7%;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(140,67,27,.65);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #8c431b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transform: rotate(-10deg);
}

.our-story-badge::before {
  content: "✦";
  position: absolute;
  top: 25px;
  font-size: 15px;
}

.our-story-badge-inner {
  width: 105px;
  height: 105px;
  border: 1px solid rgba(140,67,27,.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1.5;
  padding: 25px;
}

/* Highlights */

.our-story-highlights {
  position: relative;
  z-index: 8;
  display: flex;
  gap: 0;
  max-width: 40%;
  margin-top: 25px;
}

.our-story-highlight {
  flex: 1;
  padding: 5px;
  text-align: center;
  border-right: 1px solid rgba(181, 124, 83, .35);
}

.our-story-highlight:first-child {
  padding-left: 0;
}

.our-story-highlight:last-child {
  border-right: 0;
  padding-right: 0;
}

.our-story-highlight-icon {
  height: 42px;
  margin-bottom: 5px;
  color: #b45b25;
  font-size: 25px;
  line-height: 1;
}

.our-story-highlight-title {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

/* Mobile */

@media (max-width: 991.98px) {
  .our-story-hero {
    min-height: auto;
  }
}

@media (max-width: 991.98px) {
  .our-story-hero-container {
    min-height: auto;
  }
}

@media (max-width: 991.98px) {
  .our-story-hero-content {
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
  }
}

@media (max-width: 991.98px) {
  .our-story-title {
    font-size: clamp(48px, 8vw, 68px);
  }
}

@media (max-width: 991.98px) {
  .our-story-hero-visual {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 470px;
    background-position: center;
    -webkit-mask-image: none;
    mask-image: none;
    display: none;
  }
}

@media (max-width: 991.98px) {
  .our-story-hero-visual::after {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .our-story-badge {
    top: 45px;
    right: 30px;
  }
}

@media (max-width: 991.98px) {
  .our-story-highlights {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 575.98px) {
  .our-story-hero-content {
    padding-top: 15px;
  }
}

@media (max-width: 991px) {
  .our-story-eyebrow {
    font-size: 12px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 991px) {
  .our-story-title {
    font-size: 35px;
    letter-spacing: -1px;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .our-story-description {
    font-size: 15px;
    line-height: 1.6;
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  .our-story-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 15px;
  }
}

@media (max-width: 575.98px) {
  .our-story-highlight {
    padding: 0 10px;
  }
}

@media (max-width: 575.98px) {
  .our-story-highlight:nth-child(2) {
    border-right: 0;
  }
}

@media (max-width: 575.98px) {
  .our-story-highlight-title {
    font-size: 13px;
  }
}

@media (max-width: 575.98px) {
  .our-story-hero-visual {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .our-story-badge {
    width: 110px;
    height: 110px;
    top: 25px;
    right: 20px;
    font-size: 8px;
  }
}

@media (max-width: 575.98px) {
  .our-story-badge-inner {
    width: 78px;
    height: 78px;
    font-size: 8px;
    padding: 18px;
  }
}

@media (max-width: 991px) {
  .our-story-divider {
    max-width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.our-story-mission-col {
  background: url('/assets/img/story/story_mission-bg.webp');
  min-height: 400px;
  background-position: bottom;
  background-size: cover;
  border-radius: 20px;
  border: 1px solid #aaaaaa;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

.our-story-vision-col {
  background: url('/assets/img/story/story_vision-bg.webp');
  min-height: 400px;
  background-position: bottom;
  background-size: cover;
  border-radius: 20px;
  border: 1px solid #aaaaaa;
  width: 49%;
  margin-right: 1%;
}

.our-story-vision-text-div {
  width: 50%;
  margin-left: 5%;
}

.our-story-mission-text-div {
  width: 50%;
  margin-left: 25%;
}

.our-story-mission-title-1 {
  font-size: 16px;
  font-weight: bold;
  color: #b3610d;
  padding-bottom: 20px;
}

.our-story-mission-title-2 {
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 20px;
}

.our-story-mission-title-3 {
  font-size: 14px;
  font-weight: 500;
}

.our-story-mission-vision-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 360px) {
  .our-story-mission-text-div {
    width: 100%;
    margin: 0px;
  }
}

@media (max-width: 576px) {
  .our-story-vision-col {
    margin-top: 2%;
    margin-right: 1%;
    width: 98%;
    margin-left: 1%;
  }
}

@media (max-width: 360px) {
  .our-story-vision-text-div {
    width: 100%;
    margin: 0px;
  }
}

@media (max-width: 576px) {
  .our-story-mission-col {
    width: 98%;
    margin: 0 1%;
  }
}

.our-story-why-us-title {
  color: #9a3704;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

#our-story-why-us {
  padding-top: 20px;
  background: #fcf5ef;
  padding-bottom: 20px;
}

.our-story-why-us-title-1 {
  color: #333;
  font-size: 35px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

.our-story-why-us-headline-div {
  min-height: 250px;
  position: relative;
}

.our-story-why-us-headline-img-div {
  width: 100px;
  background: #f9eada;
  border-radius: 50%;
  height: 100px;
  margin-top: 20px;
}

.our-story-why-us-headline-text-div {
  min-height: 160px;
  padding: 20px;
}

.our-story-why-us-headline-title-1 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  min-height: 40px;
}

.our-story-why-us-headline-title-2 {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}

.our-story-why-us-headline-img {
  width: 75px;
  text-align: center;
}

.our-story-why-us-headline-div:after {
  position: absolute;
  height: 200px;
  width: 1px;
  background: #c9c9c9;
  right: 0px;
  content: "";
}

@media (max-width: 576px) {
  .our-story-why-us-headline-img-div {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 576px) {
  .our-story-why-us-headline-img {
    width: 50px;
  }
}

@media (max-width: 576px) {
  .our-story-why-us-headline-text-div {
    padding: 0px;
  }
}

@media (max-width: 576px) {
  .our-story-why-us-headline-title-1 {
    font-size: 14px;
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .our-story-why-us-headline-title-2 {
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  .our-story-why-us-headline-div:after {
    display: none;
  }
}

@media (max-width: 576px) {
  .our-story-why-us-title {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .our-story-why-us-title-1 {
    font-size: 22px;
  }
}

.our-story-why-us-container {
  margin-top: 20px;
}

.our-story-roots-title-1 {
  font-size: 15px;
  font-weight: bold;
  color: #a95000;
}

.our-story-roots-rights-col-div {
  padding-top: 20px;
}

.our-story-roots-title-2 {
  font-size: 25px;
  margin-top: 15px;
  font-weight: bold;
}

.our-story-roots-title-3 {
  margin-top: 20px;
  font-size: 15px;
  width: 90%;
  margin-bottom: 20px;
}

.our-story-roots-title-4 {
  font-size: 16px;
  color: #a95000;
  font-weight: bold;
  font-family: 'Inter';
  font-style: italic;
}

.our-story-roots-title-5 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}

#story-roots-section {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .our-story-title span {
    font-size: 45px;
  }
}

@media (max-width: 576px) {
  .our-story-roots-title-2 {
    font-size: 20px;
  }
}

#main-404-secion {
  background: url("/assets/img/misc/404-bg.webp");
  min-height: 90vh;
  background-size: cover;
  background-position: center;
}

.main-404-img {
  width: 200px;
}

.main-404-title {
  font-size: 25px;
  font-weight: bold;
  margin-top: 30px;
  text-align: center;
}

.main-404-line-seperator {
  width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.main-404-desc {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

.main-404-title-1 {
  margin-top: 20px;
  font-size: 22px;
  color: #995424;
  text-align: center;
}

.main-404-button {
  background: #562604;
  border: 1px solid white;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

@media (max-width: 576px) {
  .main-404-title {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .main-404-title-1 {
    font-size: 18px;
  }
}

.contact-message-icon-div {
  width: 100px;
  height: 100px;
  background: #fcf0e2;
  border-radius: 50%;
  border: 1px solid #a76842;
  margin-top: 20px;
}

.contact-message-icon {
  font-size: 50px;
  color: #6a2800;
}

.contact-message-title-1 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #6a2800;
}

.contact-message-title-2 {
  margin-top: 20px;
  font-weight: bold;
  font-family: 'DM Serif Display';
  font-size: 40px;
}

.contact-message-line-seperator {
  width: 200px;
  margin-top: 20px;
}

.contact-message-info-div {
  background: #fcf5ee;
  border-radius: 20px;
  margin-top: 20px;
}

.contact-message-info-clock {
  font-size: 30px;
  color: #764521;
  margin-left: 20px;
  margin-right: 20px;
}

.contact-message-info-title-div {
  margin-left: 15px;
  margin-right: 20px;
}

.contact-message-info-title-1 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
}

.contact-message-info-title-2 {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.contact-message-div-seperator {
  width: 100%;
  height: 1px;
  margin-top: 20px;
  background: #a4a4a4;
  margin-bottom: 20px;
}

.contact-message-info-icon {
  color: #764521;
  margin-right: 15px;
}

.contact-message-info-title-3 {
  font-weight: 500;
  color: #764521;
}

.contact-message-button-1 {
  background: #192d1e;
  color: white;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 15px;
  width: 300px;
}

.contact-message-button-2 {
  margin-top: 20px;
  background: #fcefdf;
  border: 1px solid #192d1e;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 15px;
  width: 300px;
}

@media (max-width: 576px) {
  .contact-message-icon-div {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 576px) {
  .contact-message-icon {
    font-size: 35px;
  }
}

@media (max-width: 576px) {
  .contact-message-title-2 {
    font-size: 30px;
  }
}

.track-order-single-form {
  width: 100%;
}

.track-message-title-1 {
  font-size: 22px;
  margin-top: 20px;
}

.product-blend-addToCart {
  min-height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Quantity mode */

.product-blend-addToCart.qty-active {
  padding: 0;
  overflow: hidden;
}

/* Minus / Plus buttons */

.product-blend-addToCart .qty-btn {
  width: 38px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  cursor: pointer;
}

/* Quantity number */

.product-blend-addToCart .qty-value {
  min-width: 35px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}

/* Check/cart icon */

.product-blend-addToCart .qty-cart-icon {
  margin-left: 5px;
  margin-right: 10px;
  color: #fff;
  font-size: 12px;
}

.testimonial-main-div {
  position: relative;
  opacity: 1;
  transform: translateX(0);
  will-change: transform, opacity;
}

#faq-search-results-info {
  padding-bottom: 20px;
}

.faq-search-results-info {
  margin-bottom: 18px;
  padding-left: 4px;
  font-size: 15px;
  line-height: 1.5;
  color: #625b55;
}

.faq-search-results-info strong {
  color: #70401f;
  font-weight: 600;
}

.faq-no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 45px 30px;
  text-align: center;
  background: #fffdf9;
  border: 1px solid rgba(192, 138, 87, 0.15);
  border-radius: 18px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.faq-no-results-icon {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background: transparent;
  color: #b56a3b;
  font-size: 22px;
}

.faq-no-results h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  color: #4a4a4a;
}

.faq-no-results p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #807871;
}

.faq-no-results p strong {
  color: #70401f;
  font-weight: 600;
}

.faq-no-results-title {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}

.shop-blend-product-col.shop-blend-hidden {
  display: none !important;
}

@media (min-width: 992px) {
  #shop-products-row {
    justify-content: flex-start !important;
  }
}

.product-blend-balanced-title {
  color: #49a2bc;
}

/* =========================================
   Newsletter Success Modal
========================================= */

.newsletter-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.newsletter-modal.show {
  display: flex;
}

/* Dark overlay */

.newsletter-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(35, 24, 18, 0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
}

.newsletter-modal.show .newsletter-modal-overlay {
  opacity: 1;
}

/* Modal */

.newsletter-modal-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 620px;
  padding: 55px 60px 50px;
  background: #fffaf1;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.25);
  transform: translateY(25px) scale(0.96);
  opacity: 0;
}

.newsletter-modal.show .newsletter-modal-content {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* Close */

.newsletter-modal-close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: #3b2920;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

/* Coffee icon */

.newsletter-modal-icon {
  width: 110px;
  height: 110px;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f3e4cf;
  color: #8b4f20;
  font-size: 45px;
}

/* Heading */

.newsletter-modal-content h2 {
  margin: 0;
  color: #34231b;
  font-size: 40px;
  font-weight: 700;
}

/* Divider */

.newsletter-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 20px auto 25px;
  width: 280px;
}

.newsletter-divider span {
  height: 1px;
  flex: 1;
  background: #dfc7aa;
}

.newsletter-divider i {
  color: #c58b51;
  font-size: 14px;
}

/* Message */

.newsletter-modal-content p {
  margin: 7px 0;
  color: #59473b;
  font-size: 17px;
  line-height: 1.65;
}

/* Button */

.newsletter-modal-btn {
  width: 270px;
  max-width: 100%;
  margin-top: 28px;
  padding: 15px 25px;
  border: 0;
  border-radius: 8px;
  background: #a96429;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
}

/* Mobile */

@media (max-width: 575px) {
  .newsletter-modal {
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .newsletter-modal-content {
    padding: 45px 25px 30px;
    border-radius: 15px;
  }
}

@media (max-width: 575px) {
  .newsletter-modal-icon {
    width: 85px;
    height: 85px;
    margin-bottom: 20px;
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .newsletter-modal-content h2 {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .newsletter-divider {
    width: 210px;
  }
}

@media (max-width: 575px) {
  .newsletter-modal-content p {
    font-size: 15px;
    line-height: 1.55;
  }
}

@media (max-width: 575px) {
  .newsletter-modal-btn {
    width: 100%;
  }
}

.hero-highlight {
  background: linear-gradient( 90deg, #5c3a24 0%, #5c3a24 40%, #c89b6d 50%, #5c3a24 60%, #5c3a24 100% );
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cart-no-item-title {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-top: 50px;
  color: #503928;
}

.cart-no-item-img {
  margin-top: 20px;
  width: 300px;
}

.cart-no-item-desc {
  margin-top: 20px;
  font-size: 15px;
}

.btn-no-cart-items {
  margin-top: 20px;
  background: #532a0a;
  color: white;
  font-weight: 500;
  font-size: 15px;
  padding: 13px;
  border-radius: 10px;
}

.cart-no-item-icon {
  font-size: 25px;
}

.cart-no-item-icon-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}

.cart-no-item-icon-img {
  height: 40px;
}

.cart-no-item-row {
  margin-top: 50px;
}

@media (max-width: 576px) {
  .cart-no-item-img {
    width: 200px;
  }
}

@media (max-width: 576px) {
  .cart-no-item-title {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .cart-no-item-desc {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .cart-no-item-icon-img {
    height: 30px;
  }
}

.coupon-wrapper {
  width: 100%;
}

.coupon-error {
  margin: 6px 0 0;
  padding-left: 8px;
  font-size: 13px;
  color: #e92407;
  font-weight: bold;
}

.coupon-input-error {
  border-color: #b84a3a !important;
}

.cart-signin-div.cart-signin-hidden {
  display: none !important;
}

/* ============================================================
   NAVBAR USER ACCOUNT
   ============================================================ */

.navbar-user-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

/* ------------------------------------------------------------
   USER ICON
   ------------------------------------------------------------ */

.navbar-user-trigger {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.navbar-user-trigger i {
  font-size: 22px;
}

/* ------------------------------------------------------------
   DESKTOP DIALOG
   ------------------------------------------------------------ */

.navbar-user-dialog {
  position: absolute;
  top: 55px;
  right: -15px;
  width: 390px;
  background: #fffcf8;
  border: 1px solid #c4c4c4;
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(44, 27, 17, 0.20);
  overflow: hidden;
  display: none;
  z-index: 9999;
}

/* Small arrow pointing to user icon */

.navbar-user-dialog::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 21px;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border-left: 1px solid rgba(70, 42, 26, 0.10);
  border-top: 1px solid rgba(70, 42, 26, 0.10);
  transform: rotate(45deg);
}

/* Show dialog */

.navbar-user-dialog.navbar-user-dialog-visible {
  display: block;
}

/* ------------------------------------------------------------
   LOGGED OUT
   ------------------------------------------------------------ */

.navbar-user-login {
  padding: 28px 28px 24px;
}

.navbar-user-login-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: #f8f3ed;
  color: #3b2115;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar-user-login-icon i {
  font-size: 25px;
}

.navbar-user-login-title {
  margin: 0;
  text-align: center;
  color: #696969;
  font-size: 20px;
  font-weight: 700;
}

.navbar-user-login-subtitle {
  margin: 20px;
  text-align: center;
  color: #77716c;
  font-size: 14px;
  line-height: 1.55;
}

/* ------------------------------------------------------------
   SOCIAL BUTTONS
   ------------------------------------------------------------ */

.navbar-user-social-button {
  width: 100%;
  min-height: 48px;
  margin-bottom: 10px;
  border: 1px solid #d9d4cf;
  border-radius: 9px;
  background: #fffcf8;
  color: #29231f;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}

.navbar-user-facebook-button {
  background: #1877f2;
  border-color: #1877f2;
  color: #ffffff;
}

.navbar-user-google-icon {
  font-size: 20px;
  font-weight: 700;
}

.navbar-user-facebook-icon {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #ffffff;
  color: #1877f2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

/* ------------------------------------------------------------
   DIVIDER
   ------------------------------------------------------------ */

.navbar-user-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  color: #8a817a;
  font-size: 12px;
}

.navbar-user-divider::before, .navbar-user-divider::after {
  content: "";
  height: 1px;
  background: #e8e2dd;
  flex: 1;
}

/* ------------------------------------------------------------
   BENEFITS
   ------------------------------------------------------------ */

.navbar-user-benefits {
  border-top: 1px solid #eee8e3;
  padding-top: 18px;
}

.navbar-user-benefit {
  text-align: center;
  padding: 0 8px;
  border-right: 1px solid #eee8e3;
}

.navbar-user-benefit:last-child {
  border-right: 0;
}

.navbar-user-benefit-icon {
  color: #3b2115;
  font-size: 17px;
  margin-bottom: 7px;
}

.navbar-user-benefit-text {
  margin: 0;
  color: #3d3733;
  font-size: 12px;
  line-height: 1.25;
}

.navbar-user-secure {
  margin: 17px 0 0;
  text-align: center;
  color: #7c756f;
  font-size: 12px;
}

/* ------------------------------------------------------------
   LOGGED IN
   ------------------------------------------------------------ */

.navbar-user-logged-in {
  display: none;
}

.navbar-user-account {
  padding: 25px 26px 0;
}

.navbar-user-profile {
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e3de;
}

.navbar-user-profile-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #eee6df;
}

.navbar-user-profile-name {
  margin: 0 0 4px;
  color: #211913;
  font-size: 22px;
  font-weight: 700;
}

.navbar-user-profile-email {
  margin: 0;
  color: #77716c;
  font-size: 14px;
  word-break: break-word;
}

/* ------------------------------------------------------------
   ACCOUNT MENU
   ------------------------------------------------------------ */

.navbar-user-menu {
  padding: 6px 0;
}

.navbar-user-menu-item {
  min-height: 54px;
  border: 0;
  border-bottom: 1px solid #eee8e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 3px;
  color: #29231f;
  text-decoration: none;
  font-size: 15px;
}

.navbar-user-menu-icon {
  width: 23px;
  text-align: center;
  color: #302820;
  font-size: 17px;
}

.navbar-user-menu-arrow {
  margin-left: auto;
  color: #928982;
  font-size: 12px;
}

/* ------------------------------------------------------------
   LOGOUT
   ------------------------------------------------------------ */

.navbar-user-logout {
  width: calc(100% + 52px);
  margin-left: -26px;
  min-height: 58px;
  border: 0;
  background: #ffffff;
  color: #b83a2d;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0 26px;
  font-size: 15px;
  cursor: pointer;
}

/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */

.navbar-user-footer {
  min-height: 66px;
  background: #faf7f3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #706860;
  font-style: italic;
  font-size: 14px;
}

/* ============================================================
   MOBILE
   ============================================================ */

/* * On mobile the same dialog becomes a bottom sheet. */

@media (max-width: 767.98px) {
  .navbar-user-wrapper {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .navbar-user-dialog {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -15px 45px rgba(25, 15, 8, 0.20);
  }
}

@media (max-width: 767.98px) {
  .navbar-user-dialog::before {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-user-dialog::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 50%;
    width: 45px;
    height: 4px;
    border-radius: 10px;
    background: #bdb5ae;
    transform: translateX(-50%);
  }
}

@media (max-width: 767.98px) {
  .navbar-user-login {
    padding-top: 35px;
  }
}

@media (max-width: 767.98px) {
  .navbar-user-account {
    padding-top: 35px;
  }
}

@media (max-width: 575.98px) {
  .navbar-user-login {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575.98px) {
  .navbar-user-account {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575.98px) {
  .navbar-user-logout {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.navbar-user-social-button span {
  font-size: 12px;
}

@media (max-width: 767px) {
  .navbar-brand {
    order: 1;
  }
}

@media (max-width: 767px) {
  .navbar-user-wrapper {
    order: 2;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .navbar-cart-link {
    order: 3;
  }
}

@media (max-width: 767px) {
  .navbar-toggler {
    order: 4;
    margin-left: 12px;
  }
}

.icon-white {
  color: white !important;
}

.payment-order-no {
  font-size: 15px;
  padding-left: 20px;
  margin-top: 5px;
}

.payment-successful-line-seperator {
  margin-bottom: 20px;
}

.contact-error {
  color: #dc3545;
  font-size: 13px;
  margin-top: 6px;
  padding-left: 0;
}

.contact-input-error {
  border-color: #dc3545 !important;
}

@media (max-width: 576px) {
  .contact-form-group i {
    top: 25px;
  }
}

.track-error {
  color: #dc3545;
  font-size: 13px;
  margin-top: 5px;
}

.track-input-error {
  border-color: #dc3545 !important;
}

.track-single-order-id-with-status {
  padding-left: 10px;
}

.timeline-check.status-failed {
  color: var(--red-text);
}

@media (max-width: 768px) {
  .track-order-card {
    display: none;
  }
}

.track-order-product:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}

.track-order-product {
  margin: 15px 0px;
  padding-bottom: 30px !important;
}

@media (max-width: 576px) {
  #track-single-order-title-order {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  #track-single-order-my-order {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .track-single-order-id {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .track-single-order-timeline-recieved-date, .track-single-order-timeline-confirmed-date, .track-single-order-timeline-shipped-date, .track-single-order-timeline-delivered-date {
    padding-left: 10px;
  }
}

@media (max-width: 768px) {
  #track-single-order-download-invoice {
    display: none !important;
  }
}

.my-account-user {
  width: 64px;
}

.myaccount-user-name {
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
}

.myaccount-user-email {
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
}

.myaccount-col-1 {
  background: #fbf8f2;
  border-right: 1px solid #d0d0d0;
}

.my-account-sidebar-wrapper {
  min-height: 100vh;
  background: var(--my-account-sidebar-bg);
  padding: 22px 18px;
}

.my-account-navigation {
  width: 100%;
}

.my-account-navigation-item {
  margin-bottom: 4px;
}

.my-account-navigation-link {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 9px;
  color: var(--my-account-text);
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.my-account-navigation-link.my-account-active {
  background: var(--my-account-active-bg);
  font-weight: 500;
}

.my-account-navigation-icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: var(--my-account-icon);
}

.my-account-navigation-label {
  white-space: nowrap;
}

.my-account-main {
  padding: 40px;
}

.my-account-demo-card {
  min-height: 400px;
  border: 1px dashed #d8cbbb;
  border-radius: 14px;
  background: rgba(255,255,255,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #74665b;
}

/* Tablet */

@media (max-width: 991.98px) {
  .my-account-sidebar-wrapper {
    padding: 24px 14px;
  }
}

@media (max-width: 991.98px) {
  .my-account-navigation-link {
    gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 991.98px) {
  .my-account-main {
    padding: 30px;
  }
}

/* Mobile */

@media (max-width: 767.98px) {
  .my-account-sidebar-wrapper {
    min-height: auto;
    padding: 18px 16px;
    border-right: 0;
    border-bottom: 1px solid var(--my-account-border);
  }
}

@media (max-width: 767.98px) {
  .my-account-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 8px;
  }
}

@media (max-width: 767.98px) {
  .my-account-navigation-item {
    margin-bottom: 0;
  }
}

@media (max-width: 767.98px) {
  .my-account-navigation-link {
    min-height: 46px;
    gap: 11px;
    padding: 9px 12px;
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  .my-account-navigation-icon {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .my-account-navigation-item:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767.98px) {
  .my-account-main {
    padding: 24px 16px;
  }
}

@media (max-width: 767.98px) {
  .my-account-demo-card {
    min-height: 250px;
  }
}

/* Small mobile */

@media (max-width: 399.98px) {
  .my-account-navigation {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 399.98px) {
  .my-account-navigation-item:last-child {
    grid-column: auto;
  }
}

.my-account-user-info-div {
  margin-top: 20px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 15px;
}

.my-account-orders-section {
  padding: 34px 24px 48px;
}

.my-account-orders-container {
  max-width: 1120px;
  margin: 0 auto;
}

.my-account-orders-heading {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-top: 20px;
}

.my-account-orders-subtitle {
  margin: 0 0 20px;
  color: var(--my-account-muted);
  font-size: 15px;
  line-height: 1.5;
}

.my-account-order-card {
  position: relative;
  min-height: 82px;
  margin: 0px;
  padding: 10px;
  background: var(--bg);
  border: 1px solid var(--my-account-border);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(47, 35, 25, 0.025);
  margin-top: 20px;
}

.my-account-order-card.my-account-order-card-selected {
  border-color: #d5d5d5;
  box-shadow: 0 2px 10px rgba(39, 104, 61, 0.08);
}

.my-account-order-info {
  min-width: 0;
}

.my-account-order-number {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.my-account-order-date {
  color: var(--my-account-muted);
  font-size: 12px;
  white-space: nowrap;
}

.my-account-products {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 58px;
  padding: 4px;
  border: 1px solid #eee8e0;
  border-radius: 7px;
  background: #fffdf9;
  overflow: hidden;
}

.my-account-product-pack {
  position: relative;
  width: 25px;
  height: 42px;
  margin: 0 2px;
  border-radius: 2px 2px 3px 3px;
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
}

.my-account-product-pack:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 3px;
  right: 3px;
  height: 15px;
  border-radius: 1px;
  background: #e9d6ad;
}

.my-account-product-pack:after {
  content: "N";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  color: #392218;
  font-family: Georgia, serif;
  font-size: 9px;
  font-weight: 700;
}

.my-account-product-pack.my-account-pack-dark {
  background: linear-gradient(90deg, #211c18, #4a2c1e, #171311);
}

.my-account-product-pack.my-account-pack-brown {
  background: linear-gradient(90deg, #59331f, #8a4c2b, #452619);
}

.my-account-product-pack.my-account-pack-green {
  background: linear-gradient(90deg, #27472d, #527142, #263d28);
}

.my-account-product-pack.my-account-pack-cream {
  background: linear-gradient(90deg, #d9c7a2, #f3e6c8, #cbb88f);
}

.my-account-product-pack.my-account-pack-small {
  width: 22px;
}

.my-account-item-summary {
  color: var(--my-account-muted);
  font-size: 12px;
  line-height: 1.45;
  white-space: nowrap;
}

.my-account-item-total {
  color: var(--my-account-text);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

.my-account-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.my-account-status i {
  font-size: 14px;
}

.my-account-status-confirmed {
  color: var(--my-account-purple);
  background: var(--my-account-purple-bg);
}

.my-account-status-delivered {
  color: var(--my-account-green);
  background: var(--my-account-green-bg);
}

.my-account-status-shipped {
  color: var(--my-account-blue);
  background: var(--my-account-blue-bg);
}

.my-account-status-cancelled {
  color: var(--my-account-red);
  background: var(--my-account-red-bg);
}

.my-account-reorder-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 83px;
  height: 34px;
  padding: 5px 11px;
  border: 1px solid #2c2926;
  border-radius: 6px;
  background: #fff;
  color: #201d1a;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

.my-account-reorder-button:disabled {
  border-color: #e1e1e1;
  background: #f3f3f3;
  color: #aaa;
  cursor: not-allowed;
}

.my-account-order-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #4a4642;
  font-size: 19px;
  cursor: pointer;
}

/* Tablet */

@media (max-width: 991.98px) {
  .my-account-orders-section {
    padding: 30px 18px 42px;
  }
}

@media (max-width: 991.98px) {
  .my-account-orders-heading {
    font-size: 25px;
  }
}

@media (max-width: 991.98px) {
  .my-account-order-card {
    padding: 10px;
  }
}

@media (max-width: 991.98px) {
  .my-account-products {
    width: 74px;
  }
}

@media (max-width: 991.98px) {
  .my-account-reorder-button {
    min-width: 76px;
  }
}

/* Mobile */

@media (max-width: 767.98px) {
  .my-account-orders-section {
    padding: 25px 14px 35px;
  }
}

@media (max-width: 767.98px) {
  .my-account-orders-heading {
    font-size: 20px;
  }
}

@media (max-width: 767.98px) {
  .my-account-orders-subtitle {
    font-size: 14px;
    margin-bottom: 18px;
  }
}

@media (max-width: 767.98px) {
  .my-account-order-card {
    padding: 13px;
  }
}

@media (max-width: 767.98px) {
  .my-account-order-top {
    margin-bottom: 10px;
  }
}

@media (max-width: 767.98px) {
  .my-account-products {
    width: 78px;
    height: 54px;
  }
}

.my-account-order-actions {
  justify-content: flex-start !important;
  margin-top: 20px !important;
}

@media (max-width: 767.98px) {
  .my-account-status {
    min-height: 30px;
  }
}

/* Small mobile */

@media (max-width: 479.98px) {
  .my-account-orders-section {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 479.98px) {
  .my-account-order-card {
    padding: 12px 10px;
  }
}

@media (max-width: 479.98px) {
  .my-account-order-number {
    font-size: 13px;
  }
}

@media (max-width: 479.98px) {
  .my-account-order-date, .my-account-item-summary, .my-account-item-total {
    font-size: 11px;
  }
}

@media (max-width: 479.98px) {
  .my-account-products {
    width: 70px;
  }
}

@media (max-width: 479.98px) {
  .my-account-status {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
  }
}

@media (max-width: 479.98px) {
  .my-account-reorder-button {
    min-width: 70px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 11px;
  }
}

@media (max-width: 479.98px) {
  .my-account-order-arrow {
    width: 24px;
  }
}

.myaccount-col-2 {
  border-right: 1px solid #d0d0d0;
}

.my-account-order-item-count {
  font-size: 14px;
}

.my-account-order-details-title {
  margin-top: 20px;
}

.my-account-orders-deails-heading {
  font-size: 20px;
  font-weight: bold;
}

.my-account-orders-deails-time {
  margin-top: 5px;
  font-size: 13px;
}

.my-account-line-seperator {
  width: 100%;
}

.my-account-reorder-button-details {
  width: 100%;
  background: #6d3a1d;
  color: white;
  font-weight: 600;
  font-size: 16px;
}

.my-account-downloadinvoice-button-details {
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  border: 1px solid grey;
}

@media (max-width: 576px) {
  .my-account-orders-deails-heading {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .my-account-downloadinvoice-button-details {
    font-size: 11px;
  }
}

.my-account-order-details-bg {
  background: #fffcf7;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
}

.my-account-order-list-active {
  background: var(--my-account-active-bg);
}

@media (min-width: 992px) {
  .my-account-order-details-seperator {
    display: none;
  }
}

.my-orders-load-more {
  background: #6d3a1d;
  color: #fff;
  font-weight: 500;
  border-radius: 8px;
  font-size: 15px;
}

.unauthenticated-user-section {
  width: 100%;
  padding: 16px;
  min-height: 600px;
}

.unauthenticated-user-container {
  max-width: 980px;
  margin: 0 auto;
}

.unauthenticated-user-card {
  min-height: 420px;
  padding: 30px 40px 26px;
  border: 1px solid var(--unauthenticated-user-border);
  border-radius: 14px;
  background: var(--unauthenticated-user-card);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.unauthenticated-user-content {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
}

.unauthenticated-user-icon-wrapper {
  width: 126px;
  height: 126px;
  margin: 0 auto 20px;
  border-radius: 50%;
  /*background: var(--unauthenticated-user-icon-bg);*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.unauthenticated-user-lock {
  position: relative;
  width: 68px;
  height: 58px;
  margin-top: 22px;
  border: 4px solid var(--unauthenticated-user-brown);
  border-radius: 11px;
  background: #e8cba9;
}

.unauthenticated-user-lock::before {
  content: "";
  position: absolute;
  left: 12px;
  top: -48px;
  width: 36px;
  height: 45px;
  border: 4px solid var(--unauthenticated-user-brown);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
}

.unauthenticated-user-lock-keyhole {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--unauthenticated-user-brown);
  transform: translate(-50%, -60%);
}

.unauthenticated-user-lock-keyhole::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 5px;
  height: 15px;
  border-radius: 0 0 3px 3px;
  background: var(--unauthenticated-user-brown);
  transform: translateX(-50%);
}

.unauthenticated-user-heading {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.unauthenticated-user-description {
  max-width: 540px;
  margin: 0 auto 24px;
  color: var(--unauthenticated-user-muted);
  font-size: 17px;
  line-height: 1.5;
}

.unauthenticated-user-login-button {
  width: min(100%, 275px);
  min-height: 54px;
  padding: 12px 24px;
  border: 0;
  border-radius: 8px;
  background: var(--unauthenticated-user-brown);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.unauthenticated-user-signup-text {
  margin: 20px 0 0;
  color: var(--unauthenticated-user-muted);
  font-size: 16px;
}

.unauthenticated-user-signup-link {
  color: var(--unauthenticated-user-brown);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 767.98px) {
  .unauthenticated-user-section {
    padding: 12px;
  }
}

@media (max-width: 767.98px) {
  .unauthenticated-user-card {
    min-height: 400px;
    padding: 28px 24px;
  }
}

@media (max-width: 767.98px) {
  .unauthenticated-user-heading {
    font-size: 25px;
  }
}

@media (max-width: 767.98px) {
  .unauthenticated-user-description {
    font-size: 16px;
  }
}

@media (max-width: 575.98px) {
  .unauthenticated-user-section {
    padding: 8px;
  }
}

@media (max-width: 575.98px) {
  .unauthenticated-user-card {
    min-height: 430px;
    padding: 24px 16px;
    margin: 30px 0px;
  }
}

@media (max-width: 575.98px) {
  .unauthenticated-user-icon-wrapper {
    width: 110px;
    height: 110px;
  }
}

@media (max-width: 575.98px) {
  .unauthenticated-user-heading {
    font-size: 20px;
  }
}

@media (max-width: 575.98px) {
  .unauthenticated-user-description {
    font-size: 15px;
  }
}

@media (max-width: 575.98px) {
  .unauthenticated-user-login-button {
    min-height: 50px;
    font-size: 17px;
  }
}

@media (max-width: 575.98px) {
  .unauthenticated-user-signup-text {
    font-size: 14px;
  }
}

.unauthenticated-user-row {
  margin: 50px 0px;
}

.partner-success-dialog-content {
  border: 0;
  border-radius: 14px;
  background: #fffdf9;
  box-shadow: 0 15px 45px rgba(50, 30, 15, 0.15);
}

.partner-success-dialog-icon {
  width: 64px;
  height: 64px;
  margin: 10px auto 20px;
  border-radius: 50%;
  background: #e7f4e9;
  color: #24723f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.partner-success-dialog-title {
  margin-bottom: 10px;
  color: #241914;
  font-size: 24px;
  font-weight: 700;
}

.partner-success-dialog-message {
  max-width: 380px;
  margin: 0 auto 24px;
  color: #625e5a;
  font-size: 15px;
  line-height: 1.6;
}

.partner-success-dialog-button {
  min-width: 120px;
  padding: 10px 24px;
  border: 0;
  border-radius: 7px;
  background: #713b1f;
  color: #fff;
  font-weight: 600;
}

.product-cart-actions {
  width: 100%;
  margin: 8px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-added-message {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 8px;
  color: #287a45;
  border-radius: 18px;
  font-size: 13px;
  font-weight: 600;
}

.product-added-message i {
  color: #287a45;
  font-size: 13px;
}

.product-view-cart {
  width: 90%;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  background: #4b3621;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.product-view-cart i {
  margin-left: 5px;
}

.hero-button {
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px;
  min-height: 62px;
  border-radius: 9999px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer !important;
  transition: color 0.3s ease, box-shadow 0.3s ease;
}

.hero-buy-button {
  background: #a24f16;
  color: #f9e6c5;
  font-weight: bold !important;
}

.hero-story-button {
  background: #3d3a35;
  border: 1px solid #a24f16 !important;
  color: var(--cream-white);
  margin-left: 5%;
}

.product-blend-list-seperator {
  margin: 8px;
}

.my-account-active span {
  color: #683722;
  font-weight: bold;
}

.myorders-noorder-section {
  width: 100%;
  padding: 8px;
}

.myorders-noorder-container {
  width: 100%;
  min-height: 365px;
  padding: 42px 48px;
  border: 1px solid #eadfd1;
  border-radius: 14px;
  background: #fcf7ef;
  overflow: hidden;
}

.myorders-noorder-row {
  min-height: 280px;
  align-items: center;
}

.myorders-noorder-image-col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.myorders-noorder-image {
  display: block;
  width: 100%;
  max-width: 480px;
  height: auto;
  object-fit: contain;
}

.myorders-noorder-content-col {
  display: flex;
  align-items: center;
}

.myorders-noorder-content {
  width: 100%;
  max-width: 560px;
  padding-left: 12px;
}

.myorders-noorder-title {
  margin: 0 0 18px;
  color: #21160f;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.8px;
}

.myorders-noorder-description {
  margin: 0 0 28px;
  color: #55483e;
  font-size: 16px;
  line-height: 1.5;
}

.myorders-noorder-button {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 14px 23px;
  border: 0;
  border-radius: 30px;
  background: #70402d;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  transition: 0.2s;
}

.myorders-noorder-button:hover {
  background: #5d3324;
  color: #fff;
  transform: translateY(-1px);
}

.myorders-noorder-cart-icon {
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
}

.myorders-noorder-arrow {
  font-size: 24px;
  line-height: 16px;
  margin-left: 2px;
}

@media (max-width: 991.98px) {
  .myorders-noorder-container {
    padding: 32px 30px;
  }
}

@media (max-width: 991.98px) {
  .myorders-noorder-content {
    padding-left: 0;
  }
}

@media (max-width: 991.98px) {
  .myorders-noorder-image {
    max-width: 390px;
  }
}

@media (max-width: 991.98px) {
  .myorders-noorder-title {
    font-size: 20px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-section {
    padding: 6px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-container {
    padding: 30px 20px 34px;
    border-radius: 12px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-row {
    min-height: 0;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-image-col {
    margin-bottom: 22px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-image {
    max-width: 390px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-content {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-title {
    margin-bottom: 14px;
    font-size: 22px;
    letter-spacing: -0.5px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-description {
    margin-bottom: 24px;
    font-size: 17px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-button {
    padding: 14px 21px;
    font-size: 17px;
  }
}

@media (max-width: 767.98px) {
  .myorders-noorder-content-col {
    justify-content: center;
  }
}

@media (max-width: 420px) {
  .myorders-noorder-container {
    padding: 24px 15px 28px;
  }
}

@media (max-width: 420px) {
  .myorders-noorder-title {
    font-size: 20px;
  }
}

@media (max-width: 420px) {
  .myorders-noorder-description {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .myorders-noorder-image {
    max-width: 330px;
  }
}

.myorders-noorder-img {
  width: 500px;
}