@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --font-body-family: Poppins, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 700;
}
:root {
  --font-heading-family: Poppins, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 700;
}
:root {
  --font-body-scale: 1.2;
  --font-heading-scale: 0.8333333333333334;
  --font-heading-line-height: 0.3;
  --font-heading-letter-spacing: 0.06rem;

  --color-base-text: 18, 18, 18;
  --color-shadow: 18, 18, 18;
  --color-base-background-1: 255, 255, 255;
  --color-base-background-2: 243, 243, 243;
  --color-base-solid-button-labels: 255, 255, 255;
  --color-base-outline-button-labels: 18, 18, 18;
  --color-base-accent-1: 255, 185, 88;
  --color-base-accent-2: 18, 18, 18;
  --payment-terms-background-color: #ffffff;

  --gradient-base-background-1: #ffffff;
  --gradient-base-background-2: #f3f3f3;
  --gradient-base-accent-1: #ffb958;
  --gradient-base-accent-2: linear-gradient(
    54deg,
    rgba(0, 0, 0, 1) 14%,
    rgba(105, 14, 14, 1) 85%
  );

  --media-padding: px;
  --media-border-opacity: 0.1;
  --media-border-width: 0px;
  --media-radius: 12px;
  --media-shadow-opacity: 0;
  --media-shadow-horizontal-offset: 0px;
  --media-shadow-vertical-offset: 0px;
  --media-shadow-blur-radius: 20px;
  --media-shadow-visible: 0;

  --page-width: 140rem;
  --page-width-margin: 0rem;

  --product-card-image-padding: 0rem;
  --product-card-corner-radius: 1.2rem;
  --product-card-text-alignment: center;
  --product-card-border-width: 0rem;
  --product-card-border-opacity: 0.1;
  --product-card-shadow-opacity: 0.1;
  --product-card-shadow-visible: 1;
  --product-card-shadow-horizontal-offset: 0.2rem;
  --product-card-shadow-vertical-offset: 0.6rem;
  --product-card-shadow-blur-radius: 1.5rem;

  --collection-card-image-padding: 0rem;
  --collection-card-corner-radius: 1.2rem;
  --collection-card-text-alignment: center;
  --collection-card-border-width: 0rem;
  --collection-card-border-opacity: 0.1;
  --collection-card-shadow-opacity: 0.05;
  --collection-card-shadow-visible: 1;
  --collection-card-shadow-horizontal-offset: 0.2rem;
  --collection-card-shadow-vertical-offset: 0.6rem;
  --collection-card-shadow-blur-radius: 1.5rem;

  --blog-card-image-padding: 0rem;
  --blog-card-corner-radius: 1.2rem;
  --blog-card-text-alignment: center;
  --blog-card-border-width: 0rem;
  --blog-card-border-opacity: 0.1;
  --blog-card-shadow-opacity: 0.05;
  --blog-card-shadow-visible: 1;
  --blog-card-shadow-horizontal-offset: 1rem;
  --blog-card-shadow-vertical-offset: 1rem;
  --blog-card-shadow-blur-radius: 3.5rem;

  --badge-corner-radius: 0.6rem;

  --slider-arrow-size: 3rem;
  --slider-arrow-border-radius: 50%;
  --slider-arrow-icon-size: 0.6em;
  --pagination-dot-width: 6px;
  --pagination-dot-height: 6px;
  --pagination-dot-active-scale: 1.5;
  --pagination-dot-spacing: 12px;
  --pagination-dot-radius: 5px;

  --popup-border-width: 1px;
  --popup-border-opacity: 0.1;
  --popup-corner-radius: 14px;
  --popup-shadow-opacity: 0.1;
  --popup-shadow-horizontal-offset: 10px;
  --popup-shadow-vertical-offset: 12px;
  --popup-shadow-blur-radius: 20px;

  --drawer-border-width: 1px;
  --drawer-border-opacity: 0.1;
  --drawer-shadow-opacity: 0;
  --drawer-shadow-horizontal-offset: 0px;
  --drawer-shadow-vertical-offset: 4px;
  --drawer-shadow-blur-radius: 5px;

  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0px;

  --grid-desktop-vertical-spacing: 40px;
  --grid-desktop-horizontal-spacing: 40px;
  --grid-mobile-vertical-spacing: 20px;
  --grid-mobile-horizontal-spacing: 20px;

  --text-boxes-border-opacity: 0.1;
  --text-boxes-border-width: 0px;
  --text-boxes-radius: 24px;
  --text-boxes-shadow-opacity: 0;
  --text-boxes-shadow-visible: 0;
  --text-boxes-shadow-horizontal-offset: 10px;
  --text-boxes-shadow-vertical-offset: 12px;
  --text-boxes-shadow-blur-radius: 20px;

  --buttons-radius: 6px;
  --buttons-radius-outset: 8px;
  --buttons-border-width: 2px;
  --buttons-border-opacity: 1;
  --buttons-shadow-opacity: 0;
  --buttons-shadow-visible: 0;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 4px;
  --buttons-shadow-blur-radius: 5px;
  --buttons-border-offset: 0.3px;

  --swatches-radius: 50%;
  --swatches-border-opacity: 0;
  --swatches-selected-border-opacity: 0.5;

  --pickers-overlay-opacity: 0.08;
  --pickers-radius: 8px;
  --pickers-small-radius: 3.2px;
  --pickers-border-width: 1px;
  --pickers-border-color: var(--color-base-accent-1);
  --pickers-border-opacity: 0.2;
  --pickers-shadow-opacity: 0;
  --pickers-shadow-horizontal-offset: 0px;
  --pickers-margin-offset: 0px;
  --pickers-shadow-vertical-offset: 0px;
  --pickers-shadow-blur-radius: 0px;
  --pickers-radius-outset: 9px;
  --pickers-hover-overlay-opacity: 0.1;
  --pickers-hover-border-opacity: 0.55;

  --quantity-overlay-opacity: 0.06;
  --quantity-radius: 8px;
  --quantity-small-radius: 3.2px;
  --quantity-border-width: 1px;
  --quantity-border-color: var(--color-base-accent-1);
  --quantity-border-opacity: 0.2;
  --quantity-shadow-opacity: 0;
  --quantity-shadow-horizontal-offset: 0px;
  --quantity-margin-offset: 0px;
  --quantity-shadow-vertical-offset: 0px;
  --quantity-shadow-blur-radius: 0px;
  --quantity-radius-outset: 9px;
  --quantity-hover-overlay-opacity: 0.06;
  --quantity-hover-border-opacity: 0.15;

  --inputs-radius: 6px;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.6;
  --inputs-shadow-opacity: 0;
  --inputs-shadow-horizontal-offset: 0px;
  --inputs-margin-offset: 0px;
  --inputs-shadow-vertical-offset: 4px;
  --inputs-shadow-blur-radius: 5px;
  --inputs-radius-outset: 7px;
  --inputs-hover-border-opacity: 1;

  --variant-pills-inactive-overlay-opacity: 0;
  --variant-pills-text-size: 1.4rem;
  --variant-pills-padding-y: 1rem;
  --variant-pills-padding-x: 2rem;
  --variant-pills-radius: 40px;
  --variant-pills-border-width: 1px;
  --variant-pills-border-opacity: 0.55;
  --variant-pills-shadow-opacity: 0;
  --variant-pills-shadow-horizontal-offset: 0px;
  --variant-pills-shadow-vertical-offset: 4px;
  --variant-pills-shadow-blur-radius: 5px;
}

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

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
  height: 100%;
}

body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-rows: auto auto auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}
.animate-section {
  --animation-duration: 650ms;
  --init-delay: 150ms;
  --child-delay: 150ms;
}

.animate-section.animate--hidden .animate-item {
  transform: translate(0%, 0%) scale(100%);
}

.animate-section.animate--shown .animate-item {
  opacity: 1;
  filter: blur(0);
  transform: none;
  transition:
    opacity var(--animation-duration) var(--init-delay),
    filter var(--animation-duration) var(--init-delay),
    transform var(--animation-duration) var(--init-delay);
}

.animate-section.animate--shown .animate-item.animate-item--child {
  transition-delay: calc(
    var(--init-delay) + (var(--child-delay) * var(--index))
  );
}

@media screen and (min-width: 750px) {
  body {
    font-size: 1.6rem;
  }
}

/* fallback */
@font-face {
  font-family: "Material Symbols Outlined";
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v141/kJF4BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzBwG-RpA6RzaxHMPdY40KH8nGzv3fzfVJU22ZZLsYEpzC_1qmr5Y0.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: block;
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  max-width: 1em;
  overflow: hidden;
  flex-shrink: 0;
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 48;
  vertical-align: bottom;
}

.material-symbols-outlined.filled {
  font-variation-settings: "FILL" 1;
}

.section-sections--19112193785995__announcement_bar_pGanm9-padding {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 750px) {
  .section-sections--19112193785995__announcement_bar_pGanm9-padding {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.announcement-bar-sections--19112193785995__announcement_bar_pGanm9.color-custom {
  --color-background: 255, 185, 88;
  --gradient-background: #ffb958;
  --color-foreground: 255, 255, 255;
}

header-drawer {
  justify-self: start;
  margin-left: -1.2rem;
}

.header__heading-link.media {
  --media-radius: 0;
  width: 50px;
  max-width: 50px;
}

.header__heading-link.media img {
  object-fit: contain;
}

.header__heading-link.media .header__heading-logo--secondary {
  display: none;
}

@media screen and (max-width: 749px) {
  .header__heading-link.media {
    width: 50px;
    max-width: 50px;
  }
}

@media screen and (min-width: 990px) {
  header-drawer {
    display: none;
  }
}

.menu-drawer-container {
  display: flex;
}

.list-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-menu--inline {
  display: inline-flex;
  flex-wrap: wrap;
}

summary.list-menu__item {
  padding-right: 2.7rem;
}

.list-menu__item {
  display: flex;
  align-items: center;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.list-menu__item--link {
  text-decoration: none;
  padding-bottom: 1rem;
  padding-top: 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .list-menu__item--link {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

.header {
  padding-top: 10px;
  padding-bottom: 10px;
}

.section-header {
  position: sticky;
  /* This is for fixing a Safari z-index issue. PR #2147 */
  margin-bottom: 0px;
}

@media screen and (min-width: 750px) {
  .section-header {
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 990px) {
  .header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.drawer {
  visibility: hidden;
}

.section-template--19112193949835__main-padding {
  padding-top: 0px;
  padding-bottom: 16px;
}

@media screen and (min-width: 750px) {
  .section-template--19112193949835__main-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

#MediaGallery-template--19112193949835__main {
  --desktop-thumbnails: 5;
  --desktop-vertical-thumbnails-width: 16%;
  --mobile-thumbnails: 5;
  --mobile-vertical-thumbnails-width: 22%;
}

@media screen and (max-width: 749px) {
  #MediaGallery-template--19112193949835__main {
    --media-radius: 0px;
    --grid-mobile-horizontal-spacing: 0px;
    --mobile-scroll-padding: calc(0% + 14px);
    --slide-container-percentage-width: 100%;
    --slide-inner-percentage-width: 100%;
  }
}

#ProductSubmitButton-template--19112193949835__main,
#SectionAtcBtn-template--19112193949835__main {
  --icon-scale: 1.2em;
  --icon-spacing: 10px;
}

.section-template--19112193949835__55bd100e-3bbd-426c-a5cf-eed7b2a3706f-padding {
  padding-top: 27px;
  padding-bottom: 27px;
}

@media screen and (min-width: 750px) {
  .section-template--19112193949835__55bd100e-3bbd-426c-a5cf-eed7b2a3706f-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

.color-scheme-template--19112193949835__55bd100e-3bbd-426c-a5cf-eed7b2a3706f.color-custom {
  --color-background: 255, 255, 255;
  --gradient-background: #ffffff;

  --color-foreground: 46, 42, 57;
}

.cards-color-scheme-template--19112193949835__55bd100e-3bbd-426c-a5cf-eed7b2a3706f.color-custom {
  --color-background: 243, 243, 243;
  --gradient-background: #f3f3f3;
  --color-foreground: 46, 42, 57;
}

.section-divider-template--19112193949835__b321ab88-2b59-4dba-bade-54885c874ca5 {
  transform: scaleX(1) scaleY(1);
}

.section-template--19112193949835__b321ab88-2b59-4dba-bade-54885c874ca5-top-padding {
  height: 0px;
}

.section-template--19112193949835__b321ab88-2b59-4dba-bade-54885c874ca5-bottom-padding {
  height: 0px;
}

@media screen and (min-width: 750px) {
  .section-template--19112193949835__b321ab88-2b59-4dba-bade-54885c874ca5-top-padding {
    height: 0px;
  }

  .section-template--19112193949835__b321ab88-2b59-4dba-bade-54885c874ca5-bottom-padding {
    height: 0px;
  }
}

.shape-color-template--19112193949835__b321ab88-2b59-4dba-bade-54885c874ca5.color-custom {
  --color-background: 221, 29, 29;
}

.bg-color-template--19112193949835__b321ab88-2b59-4dba-bade-54885c874ca5.color-custom {
  --color-background: 255, 255, 255;
}

.section-template--19112193949835__collapsible_content_XCF9NQ-padding {
  padding-top: 27px;
  padding-bottom: 27px;
}

@media screen and (min-width: 750px) {
  .section-template--19112193949835__collapsible_content_XCF9NQ-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

.color-scheme-template--19112193949835__collapsible_content_XCF9NQ.color-custom {
  --color-background: 255, 255, 255;
  --gradient-background: #ffffff;

  --color-foreground: 46, 42, 57;
}

.container-color-scheme-template--19112193949835__collapsible_content_XCF9NQ.color-custom {
  --color-background: 255, 255, 255;
  --gradient-background: #ffffff;
  --color-foreground: 46, 42, 57;
}

.scroll-to-top-btn-scroll-to-top-btn {
  --offset-x: 2rem;
  --offset-y: 2rem;
}

@media screen and (max-width: 749px) {
  .scroll-to-top-btn-scroll-to-top-btn {
    --offset-x: 1.5rem;
    --offset-y: 1.5rem;
  }
}

.footer {
  margin-top: 0px;
}

.section-sections--19112193753227__footer-padding {
  padding-top: 24px;
  padding-bottom: 15px;
}

@media screen and (min-width: 750px) {
  .footer {
    margin-top: 0px;
  }

  .section-sections--19112193753227__footer-padding {
    padding-top: 32px;
    padding-bottom: 20px;
  }
}

.color-scheme-sections--19112193753227__footer.color-custom {
  --color-background: 18, 18, 18;
  --gradient-background: #121212;

  --color-foreground: 255, 255, 255;
  --color-button: 255, 255, 255;
  --color-button-text: 18, 18, 18;
  --color-base-outline-button-labels: 255, 255, 255;
}