/** Shopify CDN: Minification failed

Line 738:14 Unexpected ","
Line 941:0 Expected "}" to go with "{"

**/
:root {
  --clr-primary-shade: #f0e6d8;
  --clr-secondary-shade: #20341a;
  --clr-gray-dusty: #989898;
  --clr-ash: #f2f2f2;
  --clr-green: #01b67a;
  /* Font Weight Start */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  /* Font Weight End */

  /* Font Size Start */
  --fs-xxs: 8px;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  /* Font Size End */

  /* Gap Start */
  --gap-2xs: 4px;
  --gap-xxs: 8px;
  --gap-xs: 10px;
  --gap-sm: 12px;
  /* --gap-sm: 11.5; */
  --gap-base: 16px;
  --gap-md: 24px;
  --gap-lg: 28px;
  --gap-xl: 30px;
  --gap-2xl: 40px;
  /* Gap end */
}

/* Presets start */
/* https://piccalil.li/blog/a-modern-css-reset */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
* {
  margin: 0;
  padding: 0;
  font: inherit;
  transition: all ease-in-out 200ms !important;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
html,
body {
  min-height: 100%;
  /* overflow-x: hidden; */
}

body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a,
a:not([class]) {
  text-decoration-skip-ink: auto;
  text-decoration: none;
  color: var(--clr-text);
}

/* Make images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
}

select,
select:focus {
  border: none;
  outline: none;
}

summary::-webkit-details-marker {
  display: none;
}

/* For the main page */
html {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

/* For Chrome, Safari, and Opera (WebKit browsers) */
::-webkit-scrollbar {
  display: none;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

input {
  outline: none;
  box-shadow: none;
  border: none;
}

input:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}

em {
  font-style: italic;
}

/* Presets end */

/* button */
.main-btn {
  width: 100%;
  min-width: 312px;
  height: auto;
  margin: 4px 0;
  padding: 4px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
  line-height: var(--gap-md);
  color: var(--clr-white);
  background-color: var(--clr-secondary);
  text-align: center;
  border-radius: 6px;
  border: none;
  overflow: hidden;
  cursor: pointer;
}

.main-btn[button-type="pdp-primary"] {
  padding: 10px 28px;
  gap: var(--fs-xxs);
  font-size: var(--fs-2xl);
  line-height: 32px;
}

.savings-badge:hover,
.cart-drawer__btn-checkout:hover,
.btn-primary:hover,
.main-btn:hover,
.group-button:hover button,
.section-button:hover,
.section-btns:hover a {
  background-color: var(--clr-secondary-shade);
}

.group-button button,
.section-button,
.section-btns a {
  padding: 14px 24px;
  line-height: 1;
  border: none;
}

/* Utility Classes */
.text-white {
  color: var(--clr-white);
}

.text-primary {
  color: var(--clr-primary);
}

.text-black {
  color: var(--clr-black);
}

.text-secondary {
  color: var(--clr-secondary);
}

.text-gray {
  color: var(--clr-text);
}

.text-gray-light {
  color: var(--clr-alto);
}

.ff-primary {
  font-family: var(--ff-primary);
}

.bg-white {
  background-color: var(--clr-white);
}

.bg-primary {
  background-color: var(--clr-primary);
}

.bg-primary-shade {
  background-color: var(--clr-primary-shade);
}

.bg-black {
  background-color: var(--clr-black);
}

.bg-secondary {
  background-color: var(--clr-secondary);
}

.bg-gray-light {
  background-color: var(--clr-alto);
}

.bg-gray {
  background-color: var(--clr-text);
}

.bg-white-linen {
  background-color: var(--clr-white-linen);
}

.fs-xxs {
  font-size: var(--fs-xxs);
}

.fs-xs {
  font-size: var(--fs-xs);
}

.fs-sm {
  font-size: var(--fs-sm);
}

.fs-base {
  font-size: var(--fs-base);
}

.fs-lg {
  font-size: var(--fs-lg);
}

.fs-xl {
  font-size: var(--fs-xl);
}

.fs-2xl {
  font-size: var(--fs-2xl);
}

.fw-regular {
  font-weight: var(--fw-regular);
}

.fw-medium {
  font-weight: var(--fw-medium);
}

.fw-semibold {
  font-weight: var(--fw-semibold);
}

.fw-bold {
  font-weight: var(--fw-bold);
}

.mx-auto {
  margin-inline: auto;
}

.text-center {
  text-align: center;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.shrink-0 {
  flex-shrink: 0;
}

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

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: end;
}

.item-center {
  align-items: center;
}

.item-end {
  align-items: end;
}

.w-half {
  width: 50%;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.h-fit {
  height: fit-content;
}

.w-fit {
  width: fit-content;
}

.rounded-sm {
  border-radius: 4px;
  overflow: hidden;
}

.rounded-md {
  border-radius: 6px;
  overflow: hidden;
}

.rounded-lg {
  border-radius: 8px;
  overflow: hidden;
}

.rounded-xl {
  border-radius: 12px;
  overflow: hidden;
}

.rounded-2xl {
  border-radius: 24px;
  overflow: hidden;
}

.rounded-full {
  border-radius: 100vmax;
  overflow: hidden;
}

.hidden-sm-block {
  display: none;
}

.block-sm-hidden {
  display: block;
}

.flex-row-sm-col {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.gap-2xs {
  gap: var(--gap-2xs);
}

.gap-xxs {
  gap: var(--gap-xxs);
}

.gap-xs {
  gap: var(--gap-xs);
}

.gap-sm {
  gap: var(--gap-sm);
}

.gap-base {
  gap: var(--gap-base);
}

.gap-md {
  gap: var(--gap-md);
}

.gap-lg {
  gap: var(--gap-lg);
}

.gap-xl {
  gap: var(--gap-xl);
}

.gap-2xl {
  gap: var(--gap-2xl);
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.pointer {
  cursor: pointer;
}

.object-cover {
  object-fit: cover;
}

.object-contain {
  object-fit: contain;
}

.title-spacing {
  gap: 32px;
}

/* general styling */
* {
  font-family: var(--ff-secondary);
}

.heading-2,
.heading-1 {
  font-size: 42px;
  font-weight: 500;
  line-height: 54px;
}


.heading-3 {
  font-size: var(--fs-desktop-h3);
  font-weight: var(--fw-h3);
  line-height: 32px;
  color: var(--clr-h3);
}

.heading-4 {
  font-size: var(--fs-desktop-h4);
  font-weight: var(--fw-h4);
  line-height: 18px;
  color: var(--clr-h4);
}

.heading-5 {
  font-size: var(--fs-desktop-h5);
  font-weight: var(--fw-h5);
  line-height: var(--gap-md);
  color: var(--clr-h5);
}

.paragraph {
  font-size: var(--fs-desktop-p);
  font-weight: var(--fw-p);
  line-height: 20px;
  color: var(--clr-p);
}

.heading-4-title {
  font-size: var(--fs-h4-title-desktop);
  font-weight: var(--fw-h4);
  line-height: 32px;
  color: var(--clr-h4);
}

.shopify-policy__container,
.container {
  max-width: 1364px !important;
  margin-inline: auto;
  padding-inline: 14px;
}

.container-narrow {
  max-width: 1168px;
  margin-inline: auto;
  padding-inline: 14px;
}

.section-py {
  padding-block: 60px;
}

.card-title.line-clamp {
  -webkit-line-clamp: 2;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* richtext */
.vh-richtext h2 span,
.vh-richtext h2 {
  font-size: var(--fs-desktop-h2);
  font-weight: var(--fw-h2);
  line-height: 40px;
  color: var(--clr-h2);
  font-family: var(--ff-secondary) !important;
  margin: 16px 0;
}

.vh-richtext h3 span,
.vh-richtext h3 {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  line-height: 32px;
  color: var(--clr-text);
  margin-bottom: 24px;
}

.vh-richtext span {
  margin-bottom: 0;
}

.vh-richtext .splide__track {
  padding-bottom: 24px;
}

.vh-richtext .splide__pagination {
  flex-direction: row;
}

.vh-richtext .splide__pagination .splide__pagination__page {
  background: var(--clr-alto) !important;
}

.vh-richtext .splide__pagination .splide__pagination__page.is-active {
  background: var(--clr-secondary) !important;
}

.vh-richtext div ul li a:has(.product-card-main) {
  text-decoration: none;
  color: var(--clr-text);
}

.vh-richtext span,
.vh-richtext li,
.vh-richtext li span,
.vh-richtext h4,
.vh-richtext h4 span,
.vh-richtext p span,
.vh-richtext p {
  font-size: calc(var(--fs-2xl) - var(--gap-xxs));
  font-weight: var(--fw-medium);
  line-height: 32px;
  color: var(--clr-text) !important;
  margin-bottom: 24px;
}

.vh-richtext strong {
  font-weight: var(--fw-bold);
}

.vh-richtext a span,
.vh-richtext a {
  color: var(--clr-secondary) !important;
  text-decoration: underline;
}

.vh-richtext ul {
  padding-left: 56px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: var(--fs-xxs);
}

.vh-richtext ul li {
  list-style: disc;
  margin-bottom: 0;
}

/* Reset richtext overrides inside Splide / product cards */
.vh-richtext .splide__list {
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  gap: 0;
}
.vh-richtext .splide__list li {
  list-style: none;
  margin-bottom: 0;
}
.vh-richtext .splide__list li,
.vh-richtext .splide__list li span,
.vh-richtext .splide__list li a,
.vh-richtext .splide__list li a span,
.vh-richtext .splide__list li p,
.vh-richtext .splide__list li p span {
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  color: unset !important;
  margin-bottom: 0;
  text-decoration: none;
}
.vh-richtext .card-swatch-row {
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  gap: 7px;
}
.vh-richtext .card-swatch-row li {
  list-style: none;
  margin-bottom: 0;
}
.vh-richtext .bloggy--article {
  width: 100%;
}





@media (max-width: 1030px) {
  .heading-2 {
    font-size: 36px;
  }

  .section-py {
    padding-block: 40px;
  }

  .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media (max-width: 824px) {
  .section-py {
    padding-block: 30px;
  }
}

@media (max-width: 765px) {
  .hidden-sm-block {
    display: block;
  }

  .block-sm-hidden {
    display: none;
  }

  .w-half {
    width: 100%;
  }

  .flex-row-sm-col {
    flex-direction: column;
  }

  .title-spacing {
    gap: var(--gap-md);
  }

  .heading-2 {,
  .heading-1 {
    font-size: 28px;
    line-height: 40px;
  }


  .heading-3 {
    font-size: var(--fs-mobile-h3);
    line-height: 27px;
  }

  .heading-4 {
    font-size: var(--fs-mobile-h4);
    line-height: 18px;
  }

  .heading-5 {
    font-size: var(--fs-mobile-h5);
    line-height: 20px;
  }

  .paragraph {
    font-size: var(--fs-mobile-p);
  }

  .heading-4-title {
    font-size: var(--fs-h4-title-mobile);
    line-height: 32px;
  }

  .section-py {
    padding-block: 24px;
  }

  /* richtext */
  .vh-richtext h2 span,
  .vh-richtext h2 {
    font-size: var(--fs-2xl);
    line-height: 28px;
    margin: 0 0 16px 0;
  }

  .vh-richtext h3 span,
  .vh-richtext h3 {
    font-size: calc(var(--fs-2xl) - var(--gap-xxs));
    line-height: 28px;
    margin-bottom: 12px;
  }

  .vh-richtext ul li span,
  .vh-richtext ul li,
  .vh-richtext h4 span,
  .vh-richtext h4,
  .vh-richtext p span,
  .vh-richtext p {
    font-size: var(--fs-lg);
    font-weight: var(--fw-regular);
    line-height: 28px;
  }

  .vh-richtext ul {
    padding-left: var(--fs-2xl);
    margin-bottom: 36px;
    gap: var(--gap-xxs);
  }

  .vh-richtext ul li {
    list-style: disc;
  }

  .vh-richtext div:has(table) {
    overflow-x: scroll;
  }

  .vh-richtext div table {
    width: 600px !important;
  }


.shopify-policy__container {
  margin: 2.5rem auto !important;
  max-width: 80rem !important;
}

@media (min-width: 765px) {
  .shopify-policy__container {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  }
}

.shopify-policy__container .shopify-policy__title h1 span,
.shopify-policy__container .shopify-policy__title h1 {
  font-size: 2.25rem;
  font-weight: var(--fw-bold);
  line-height: 2.5rem;
  margin-bottom: 2.5rem;
  text-align: start;
  color: var(--clr-text);
}

.shopify-policy__container .shopify-policy__body h2 span,
.shopify-policy__container .shopify-policy__body h2 {
  font-family: var(--ff-secondary) !important;
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  line-height: 2rem;
  margin-top: 1.5rem;
  color: var(--clr-text);
}

.shopify-policy__container .shopify-policy__body :is(h2, h3) {
  margin-bottom: 16px;
}

.shopify-policy__container .shopify-policy__body h3 span,
.shopify-policy__container .shopify-policy__body h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 1.5rem;
}

.shopify-policy__container .shopify-policy__body h4 span,
.shopify-policy__container .shopify-policy__body h4 {
  font-size: var(--fs-lg);
  line-height: 1.75rem;
  margin-top: 1.5rem;
}

.shopify-policy__container .shopify-policy__body :is(h4, h5) {
  margin-bottom: 1px;
}

.shopify-policy__container .shopify-policy__body h5 span,
.shopify-policy__container .shopify-policy__body h5 {
  font-size: var(--fs-base);
  line-height: 1.5rem;
  margin-top: 1.5rem;
}

.shopify-policy__container .shopify-policy__body ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.shopify-policy__container .shopify-policy__body ul li span,
.shopify-policy__container .shopify-policy__body ul li {
  font-size: var(--fs-sm);
  font-weight: var(--fw-regular);
  line-height: 1.25rem;
  line-height: 1.5rem;
  color: var(--clr-text);
}

.shopify-policy__container .shopify-policy__body p span,
.shopify-policy__container .shopify-policy__body p {
  font-size: var(--fs-sm);
  font-weight: var(--fw-regular);
  line-height: 1.25rem;
  line-height: 1.5rem;
  color: var(--clr-text);
}

.shopify-policy__container .shopify-policy__body a {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  line-height: 1.5rem;
  color: var(--clr-secondary);
}

.shopify-policy__container .shopify-policy__body a:hover {
  text-decoration-line: underline;
}

.shopify-policy__container .shopify-policy__body a span {
  font-size: var(--fs-sm);
  font-weight: var(--fw-regular);
  line-height: 1.25rem;
  line-height: 1.5rem;
  color: var(--clr-secondary);
}

.shopify-policy__container .shopify-policy__body a span:hover {
  text-decoration-line: underline;
}

.vh-richtext table td,
.vh-richtext table th,
.shopify-policy__container .shopify-policy__body table td,
.shopify-policy__container .shopify-policy__body table th {
  padding: 0.625rem;
}

.vh-richtext table,
.vh-richtext table td,
.vh-richtext table th,
.shopify-policy__container .shopify-policy__body table,
.shopify-policy__container .shopify-policy__body table td,
.shopify-policy__container .shopify-policy__body table th {
  border: 1px solid var(--clr-text);
}