/* DEUX - consolidated stylesheet (hand-cleaned Webflow export).
   1  reset (normalize)
   2  base framework -- the load-bearing rules, renamed .wf-
   2b widget geometry the dropped runtime rules used to provide
   3  Deux design, including the renamed commerce layout
   4  components -- vanilla replacements for the Webflow runtime,
      its IX3 interactions and the designer's custom code

   Fonts: assets/fonts/fonts.css -- Mouse Memoirs, Geist and
   Erica One, all self-hosted woff2, all SIL OFL 1.1. */

/* ======================================================================
   1. Reset (normalize)
   ====================================================================== */
html {
  font-family: sans-serif;
  
  -ms-text-size-adjust: 100%;
  
  -webkit-text-size-adjust: 100%;
  
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  
  vertical-align: baseline;
  
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  
  font: inherit;
  
  margin: 0;
  
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  
  cursor: pointer;
  
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  
  padding: 0;
  
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: none;
  
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  
  padding: 0;
  
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}

/* ======================================================================
   2. Base framework (runtime-only rules dropped; the rest kept as .wf-)
   ====================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.inline-block {
  max-width: 100%;
  display: inline-block;
}
.wf-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.wf-button {
  -webkit-appearance: button;
}
h1:where(:not([class*="heading-scale-"])), h2:where(:not([class*="heading-scale-"])), h3:where(:not([class*="heading-scale-"])), h4:where(:not([class*="heading-scale-"])), h5:where(:not([class*="heading-scale-"])), h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-1), :where(.heading-scale-2), :where(.heading-scale-3), :where(.heading-scale-4), :where(.heading-scale-5), :where(.heading-scale-6) {
  font-weight: bold;
  margin-bottom: 10px;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.embed:before, .embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.embed:after {
  clear: both;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button, [type='button'], [type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.wf-form {
  margin: 0 0 15px;
}
.wf-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.wf-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}.wf-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.wf-input::placeholder {
  color: #999;
}
.wf-input:focus {
  border-color: #3898EC;
  outline: 0;
}
.wf-input[disabled], .wf-input[readonly], fieldset[disabled] .wf-input {
  cursor: not-allowed;
}
.wf-input[readonly] {
  background-color: #eeeeee;
}
textarea.wf-input {
  height: auto;
}

.wf-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}
.wf-container:before, .wf-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.wf-container:after {
  clear: both;
}@media screen and (max-width: 991px) {

  .wf-container {
    max-width: 728px;
  }}
@media screen and (max-width: 479px) {

  .wf-container {
    max-width: none;
  }}

.wf-background-video {
  position: relative;
  overflow: hidden;
  height: 500px;
  color: white;
}
.wf-background-video > video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100;
}
.wf-background-video > video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.wf-background-video--control {
  position: absolute;
  bottom: 1em;
  right: 1em;
  background-color: transparent;
  padding: 0;
}
.wf-background-video--control > [hidden] {
  display: none !important;
}
.richtext:before, .richtext:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.richtext:after {
  clear: both;
}
.richtext[contenteditable="true"]:before, .richtext[contenteditable="true"]:after {
  white-space: initial;
}
.richtext ol, .richtext ul {
  overflow: hidden;
}.richtext figure[data-rt-type="video"] > div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.richtext figure {
  position: relative;
  max-width: 60%;
}
.richtext figure > div:before {
  cursor: default!important;
}
.richtext figure img {
  width: 100%;
}
.richtext figure div {
  
  font-size: 0px;
  color: transparent;
}.richtext figure[data-rt-type="image"] {
  display: table;
}
.richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.tabset {
  position: relative;
}
.tabset:before, .tabset:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.tabset:after {
  clear: both;
}
.tabset-menu {
  position: relative;
}
.tabset-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}
.tabset-link[aria-current="page"], .tabset-link.is-active {
  background-color: #C8C8C8;
}
.tabset-link:focus {
  outline: 0;
}
.tabset-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.tabset-pane {
  position: relative;
  display: none;
}
.tabset-pane.is-active {
  display: block;
}@media screen and (max-width: 479px) {

  .tabset-link {
    display: block;
  }}
@keyframes spin {

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


/* ======================================================================
   2b. Widget geometry, re-keyed on this design's own classes
   ======================================================================

   build_css drops every framework rule that existed only so the Webflow
   runtime could drive it. Some of those rules were also carrying real
   LAYOUT -- the navbar's floats and stacking, its mobile menu overlay, the
   slider's strip of inline slides, the dot strips, the pagination row --
   and dropping them without restating that layout is how a converted
   template ships a navbar whose menu never opens or a slider whose slides
   stack.

   Everything below is transcribed from `css/webflow.css`, against the class
   or hook the element still carries after the rename. It is emitted BETWEEN
   the framework and the design sheet, so the design keeps overriding it in
   exactly the order it did before -- `.nav`'s transparent background beats
   the widget's `#dddddd` here just as it beat `.w-nav`. Every selector
   scores what the widget class it replaces scored.
   ====================================================================== */

/* ---- navbar ---------------------------------------------------------- */
/* `.w-nav`, `.w-nav-brand`, `.w-nav-menu` and `.w-nav-button`, on the
   header's own classes. The navbar collapses below 992px
   (`data-collapse="medium"`). */
.nav {
  position: relative;
  background: #dddddd;
  z-index: 1000;
}

.nav::before,
.nav::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.nav::after {
  clear: both;
}

.nav-logo-link {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}

.nav-offcanvas {
  position: relative;
  float: right;
}

.hamburger-trigger {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

/* `.w-nav-button.w--open`: the widget's grey, which scored (0,2,0) and so
   beat the design's white `.hamburger-trigger` while the menu was open -- the
   published button IS grey while open. */
.hamburger-trigger.is-open {
  background-color: #c8c8c8;
  color: white;
}

/* The mobile menu's overlay. Webflow built it at runtime: below 992px it
   MOVED the <nav> into a `.w-nav-overlay` under the bar and slid it down
   from behind the bar. Here the overlay is in the markup, round the
   <nav>, and above 991px it is `display: contents` -- no box at all -- so
   the desktop header lays out exactly as the export's did. */
.nav-overlay {
  display: contents;
}@media screen and (max-width: 991px) {

  /* `.w-nav[data-collapse="medium"] .w-nav-menu { display: none }` has no
     rule here: the closed menu is inside the overlay, and the overlay is
     `display: none` until the menu opens. */
  /* `.w-nav-overlay`, hung on the navbar's outer box: it starts at the
     bar's bottom edge and main.js sets its height, as the runtime did, to
     the rest of the document. */
  .nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
  }

  .nav.is-open .nav-overlay,
  .nav.is-closing .nav-overlay {
    display: block;
  }

  /* `[data-nav-menu-open]` in the framework: the menu while it is open,
     which main.js marks `data-menu-open`. An ATTRIBUTE is the point -- it
     scores (0,1,0) and sits before the design sheet, so the design's
     transparent `.nav-offcanvas` still wins over the widget's grey,
     exactly as it did live, while `display: block !important` beats the
     design's `display: none`, as it did live too. */
  [data-menu-open] {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #c8c8c8;
    text-align: center;
    overflow: visible;
    min-width: 200px;
  }

  .nav-overlay [data-menu-open] {
    top: 0;
  }}
@media screen and (max-width: 767px) {

  .nav-logo-link {
    padding-left: 10px;
  }}


/* ---- sliders -------------------------------------------------------- */
/* `.w-slider`, `.w-slider-mask`, `.w-slide` and the two arrows. Slides are
   a strip of inline-blocks in a `nowrap` mask; main.js places each slide
   by its own `transform`, as Webflow's runtime does. */
[data-slider] {
  position: relative;
  height: 300px;
  text-align: center;
  background: #dddddd;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[data-slider-track] {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
  white-space: nowrap;
}

[data-slide] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
}

[data-slider-left],
[data-slider-right] {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  overflow: hidden;
  color: white;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

[data-slider-left] {
  z-index: 3;
  right: auto;
}

[data-slider-right] {
  z-index: 4;
  left: auto;
}

/* ---- forms ---------------------------------------------------------- */
/* `.w-form-done` and `.w-form-fail` are `display: none` in the framework,
   and the runtime showed them with an inline `display: block`. `hidden`
   is what main.js toggles now, so a state that is not hidden is shown. */
.form-success:not([hidden]),
.form-error:not([hidden]) {
  display: block;
}

/* ---- controls that used to be <div>s and <a>s ------------------------ */
/* The menu button, the slider arrows, the menu-category tab links, the
   FAQ question rows, the cart open/close links and the remove link, and
   the checkout's Place Order were a <div> or an <a> in the export and are
   real <button>s here. That crosses the UA's form-control reset, which (a) gives the
   control a border, a grey fill and `padding: 1px 6px`, (b) centres its
   text, and (c) drops the inherited `letter-spacing`, `word-spacing` and
   `text-transform` -- `font: inherit` carries none of the three.

   Each of those is undone here and nothing else, inside `:where()` so the
   rule scores 0 and every design class still wins exactly as it did
   against the <div> or <a> it replaces. `display: block` is what a <div>
   was; the design sets its own display wherever it wants another. */
:where(.hamburger-trigger, .tabset-link, .faqs-question-row,
       [data-cart-open], [data-cart-close], [data-cart-remove],
       [data-place-order], [data-slider-left], [data-slider-right]) {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
}

/* The tab links were <a>s: they took the bare `a` rule's colour and had
   no underline to lose. */
:where(.tabset-link) {
  color: inherit;
  text-decoration: none;
}

/* A <button> never stretches to its container, whatever its `display`: its
   `width: auto` is its own content size. The FAQ question row is a flex
   row that spread the question and the plus across the whole card as a
   <div>; as a <button> it would shrink to the text. */
.faqs-question-row {
  width: 100%;
}

/* Place Order was an `<a>` with the framework's `display: block`, so it
   filled the checkout's column; as a <button> it would shrink to its label. */
[data-place-order] {
  width: 100%;
}

/* ---- focus ---------------------------------------------------------- */
/* Every control above is now reachable from a keyboard, so each gets a
   ring -- on `:focus-visible` only, the state a pointer press does not
   enter. */
.hamburger-trigger:focus-visible,
.tabset-link:focus-visible,
.faqs-question-row:focus-visible,
.why-deux-item:focus-visible,
[data-location]:focus-visible,
[data-cart-open]:focus-visible,
[data-cart-close]:focus-visible,
[data-video-toggle]:focus-visible,
[data-slider-left]:focus-visible,
[data-slider-right]:focus-visible,
.skip-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* ---- the skip link --------------------------------------------------- */
/* Off-screen until focused. The one piece of chrome this build adds. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  padding: 0.75rem 1.25rem;
  background: #ffffff;
  color: #000000;
  font-size: 1rem;
  text-decoration: none;
}

.skip-link:focus {
  left: 0.5rem;
  top: 0.5rem;
}

/* ======================================================================
   3. Deux design
   ====================================================================== */
:root {
  --_color---accent-color--accent-one: var(--_color---normal-color--light-cream);
  --_base---font-family--second-family: Geist, sans-serif;
  --_color---text-color--paragraph-color: var(--_color---normal-color--dark-brown);
  --_base---font-size--font-size-16: 16px;
  --_base---line-height--line-height-120: 120%;
  --_base---font-weight--regular: 400;
  --_common-spacing---spacing-32: 32px;
  --_common-spacing---spacing-16: 16px;
  --_base---font-family--font-family: "Mouse Memoirs", sans-serif;
  --_color---text-color--heading-color: var(--_color---normal-color--dark-brown);
  --h1--font-size: 148px;
  --h1--line-height: var(--_base---line-height--line-height-100);
  --h1--font-weight: var(--_base---font-weight--regular);
  --h1--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  --h2--font-family: var(--_base---font-family--font-family);
  --h2--font-size: 80px;
  --h2--line-height: var(--_base---line-height--line-height-100);
  --h2--font-weight: var(--_base---font-weight--regular);
  --h2--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  --h3--font-family: var(--_base---font-family--font-family);
  --h3--font-size: 56px;
  --h3--line-height: var(--_base---line-height--line-height-100);
  --h3--font-weight: var(--_base---font-weight--regular);
  --h3--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  --_common-spacing---spacing-24: 24px;
  --_common-spacing---spacing-10: 10px;
  --h4--font-family: var(--_base---font-family--second-family);
  --h4--font-size: 32px;
  --h4--line-height: var(--_base---line-height--line-height-100);
  --h4--font-weight: var(--_base---font-weight--semi-bold);
  --h4--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  --h5--font-family: var(--_base---font-family--second-family);
  --h5--font-size: 24px;
  --h5--line-height: var(--_base---line-height--line-height-100);
  --h5--font-weight: var(--_base---font-weight--semi-bold);
  --h5--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  --h6--font-family: var(--_base---font-family--second-family);
  --h6--font-size: 20px;
  --h6--line-height: var(--_base---line-height--line-height-100);
  --h6--font-weight: var(--_base---font-weight--medium);
  --h6--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  --_base---line-height--line-height-150: 150%;
  --_base---spacing-letter--spacing-letter-2x: -.02em;
  --_common-spacing---spacing-8: 8px;
  --_base---font-weight--semi-bold: 600;
  --_base---line-height--line-height-160: 160%;
  --_common-spacing---spacing-155: 155px;
  --_common-spacing---spacing-50: 50px;
  --_base---global-size--none: 0px;
  --h1--font-family: var(--_base---font-family--font-family);
  --_base---global-size--global-full: 100%;
  --text-regular--font-family: var(--_base---font-family--second-family);
  --text-regular--font-size: 18px;
  --text-regular--line-height: var(--_base---line-height--line-height-130);
  --text-regular--font-weight: var(--_base---font-weight--semi-bold);
  --text-regular--letter-spacing: var(--_base---global-size--none);
  --text-small--font-family: var(--_base---font-family--second-family);
  --text-small--font-size: 16px;
  --text-small--line-height: var(--_base---line-height--line-height-125);
  --text-small--font-weight: var(--_base---font-weight--medium);
  --text-small--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  --_ui---container--max-width: 1392px;
  --_ui---container--padding: 40px;
  --_common-spacing---spacing-80: 80px;
  --_common-spacing---spacing-44: 44px;
  --_common-spacing---spacing-60: 60px;
  --_common-spacing---spacing-20: 20px;
  --_common-spacing---spacing-4: 4px;
  --_base---bordar-radius--bordar-radius-16: 16px;
  --_color---normal-color--dark-brown: #4a2e17;
  --_color---normal-color--light-cream: #fff0e0;
  --_color---normal-color--light-beige: #f7e3cd;
  --_color---normal-color--brick-red: #c74234;
  --_color---normal-color--pale-cream-yellow: #fcedb4;
  --_color---normal-color--light-golden-yellow: #ffe480;
  --_color---normal-color--transparent: transparent;
  --_base---font-size--font-size-32: 32px;
  --_base---line-height--line-height-100: 100%;
  --_common-spacing---spacing-12: 12px;
  --_base---bordar-radius--bordar-radius-100: 100px;
  --_ui---primary-button--font-family: var(--_base---font-family--second-family);
  --_ui---primary-button--font-size: var(--_base---font-size--font-size-18);
  --_ui---primary-button--line-height: var(--_base---line-height--line-height-130);
  --_ui---primary-button--font-weight: var(--_base---font-weight--semi-bold);
  --_ui---primary-button--letter-spacing: var(--_base---global-size--none);
  --_common-spacing---spacing-98: 98px;
  --_common-spacing---spacing-120: 120px;
  --_common-spacing---spacing-36: 36px;
  --_common-spacing---spacing-64: 64px;
  --_base---bordar-radius--bordar-radius-64: 64px;
  --_base---bordar-radius--bordar-radius-40: 40px;
  --_base---bordar-radius--bordar-radius-24: 24px;
  --_common-spacing---spacing-68: 68px;
  --_common-spacing---spacing-40: 40px;
  --_base---font-size--font-size-18: 18px;
  --_base---line-height--line-height-130: 130%;
  --_common-spacing---spacing-28: 28px;
  --_base---bordar-radius--bordar-radius-round: 100%;
  --_base---font-family--third-font: "Erica One", sans-serif;
  --_common-spacing---spacing-30: 30px;
  --_common-spacing---spacing-48: 48px;
  --_base---font-size--font-size-20: 20px;
  --_base---font-weight--medium: 500;
  --_common-spacing---spacing-34: 34px;
  --_common-spacing---spacing-14: 14px;
  --_base---line-height--line-height-125: 125%;
  --_base---bordar-radius--bordar-radius-10: 10px;
  --_color---normal-color--white: white;
  --_color---normal-color--black: black;
  --_common-spacing---spacing-110: 110px;
  --_common-spacing---spacing-26: 26px;
  --_common-spacing---spacing-54: 54px;
  --_color---normal-color--dark-coffee-brown: #53381f;
  --_common-spacing---spacing-100: 100px;
  --_common-spacing---spacing-72: 72px;
  --_base---bordar-radius--bordar-radius-44: 44px;
  --_base---font-size--font-size-47: 47px;
  --_base---line-height--line-height-70: 70%;
  --_base---font-size--font-size-24: 24px;
  --_common-spacing---spacing-18: 18px;
  --_base---bordar-radius--bordar-radius-32: 32px;
  --text-extra-small--font-family: var(--_base---font-family--second-family);
  --text-extra-small--font-size: 14px;
  --text-extra-small--line-height: var(--_base---line-height--line-height-140);
  --text-extra-small--font-weight: var(--_base---font-weight--medium);
  --text-extra-small--letter-spacing: var(--_base---global-size--none);
  --_common-spacing---spacing-300: 300px;
  --_common-spacing---spacing-90: 90px;
  --_color---normal-color--terracotta-red: #ce5241;
  --_common-spacing---spacing-112: 112px;
  --_common-spacing---spacing-52: 52px;
  --_common-spacing---spacing-55: 55px;
  --_base---font-size--font-size-320: 320px;
  --_base---line-height--line-height-90: 90%;
  --_base---font-size--font-size-240: 240px;
  --_base---font-size--font-size-148: 148px;
  --_base---font-size--font-size-72: 72px;
  --_base---font-size--font-size-68: 68px;
  --_common-spacing---spacing-130: 130px;
  --_common-spacing---spacing-62: 62px;
  --_common-spacing---spacing-94: 94px;
  --_base---font-size--font-size-64: 64px;
  --_base---font-size--font-size-52: 52px;
  --_base---font-size--font-size-36: 36px;
  --_base---font-size--font-size-28: 28px;
  --_common-spacing---spacing-140: 140px;
  --_common-spacing---spacing-85: 85px;
  --_common-spacing---spacing-56: 56px;
  --_base---bordar-radius--bordar-radius-48: 48px;
  --_common-spacing---spacing-78: 78px;
  --_common-spacing---spacing-92: 92px;
  --_common-spacing---spacing-156: 156px;
  --_common-spacing---spacing-74: 74px;
  --_base---bordar-radius--bordar-radius-12: 12px;
  --_common-spacing---spacing-200: 200px;
  --_common-spacing---spacing-250: 250px;
  --_common-spacing---spacing-84: 84px;
  --_base---font-size--font-size-48: 48px;
  --_base---bordar-radius--bordar-radius-80: 80px;
  --_common-spacing---spacing-2: 2px;
  --_base---bordar-radius--bordar-radius-pill: 200px;
  --_base---bordar-radius--bordar-radius-8: 8px;
  --_base---font-size--font-size-12: 12px;
  --_base---global-size--global-half: 50%;
  --_color---accent-color--accent-two: var(--_color---normal-color--dark-brown);
  --text-extra-large--font-family: var(--_base---font-family--second-family);
  --text-extra-large--font-weight: var(--_base---font-weight--regular);
  --text-extra-large--font-size: 22px;
  --_color---accent-color--accent-three: var(--_color---normal-color--brick-red);
  --text-extra-large--line-height: var(--_base---line-height--line-height-140);
  --_base---font-weight--thin: 100;
  --text-extra-large--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
  --_base---font-weight--extra-light: 200;
  --_base---font-weight--light: 300;
  --_ui---secondary-button--font-family: var(--_base---font-family--second-family);
  --_ui---secondary-button--font-weight: var(--_base---font-weight--semi-bold);
  --_ui---secondary-button--font-size: var(--_base---font-size--font-size-18);
  --_base---font-weight--bold: 700;
  --_ui---secondary-button--line-height: var(--_base---line-height--line-height-130);
  --_base---font-weight--extra-bold: 800;
  --_ui---secondary-button--letter-spacing: var(--_base---global-size--none);
  --_base---font-weight--black: 900;
  --text-learge--font-family: var(--_base---font-family--second-family);
  --_base---font-size--font-size-14: 14px;
  --text-learge--font-weight: var(--_base---font-weight--regular);
  --text-learge--font-size: 20px;
  --text-learge--line-height: var(--_base---line-height--line-height-140);
  --_base---font-size--font-size-22: 22px;
  --text-learge--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
  --_base---font-size--font-size-26: 26px;
  --_base---font-size--font-size-40: 40px;
  --_base---font-size--font-size-80: 80px;
  --_base---line-height--line-height-105: 105%;
  --_base---line-height--line-height-110: 110%;
  --_base---line-height--line-height-115: 115%;
  --_base---line-height--line-height-135: 135%;
  --_base---line-height--line-height-140: 140%;
  --_base---line-height--line-height-170: 170%;
  --_base---bordar-radius--bordar-radius-4: 4px;
  --_common-spacing---spacing-6: 6px;
  --_common-spacing---spacing-15: 15px;
  --_base---spacing-letter--spacing-letter-1x: -.01em;
  --_base---spacing-letter--spacing-letter-3x: -.03em;
  --_common-spacing---spacing-65: 65px;
  --_base---spacing-letter--spacing-letter-4x: -.04em;
  --_common-spacing---spacing-146: 146px;
  --_common-spacing---spacing-160: 160px;
  --_common-spacing---spacing-252: 252px;
  --_common-spacing---spacing-360: 360px;
}
.wf-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}
.wf-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}
.wf-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}
.wf-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}
.wf-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.wf-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}
.wf-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}
.wf-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.wf-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}
.wf-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}
.wf-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}
.wf-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}
.wf-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}
.wf-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}
.wf-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}
.wf-commerce-commercecartproductname {
  font-weight: 700;
}
.wf-commerce-commercecartquantity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecartquantity::placeholder {
  color: #999;
}
.wf-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}
.wf-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}
.wf-commerce-commercecartordervalue {
  font-weight: 700;
}
.wf-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}
.wf-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}
.wf-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}
.wf-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.wf-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}
.wf-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}
.wf-commerce-commerceaddtocartquantityinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}
.wf-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}
.wf-commerce-commerceaddtocartbutton.is-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}
.wf-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}
.wf-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}
.wf-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.wf-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}
.wf-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}
.wf-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}
.wf-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}
.wf-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}
.wf-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}
.wf-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.wf-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}
.wf-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}
.wf-commerce-commerceboldtextblock {
  font-weight: 700;
}
.wf-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutcardnumber:focus, .wf-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutcardexpirationdate:focus, .wf-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutcardsecuritycode:focus, .wf-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}
.wf-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}
.wf-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}
.wf-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}
.wf-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}
.wf-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}
.wf-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}
.wf-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}
.wf-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}
.wf-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}.wf-commerce-commercecheckoutsummarylineitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.wf-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}
.wf-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}
.wf-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}
.wf-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummaryitem, .wf-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}
.wf-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}
.wf-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}
.wf-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}
.wf-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}@media screen and (max-width: 991px) {

  .wf-layout-blockcontainer {
    max-width: 728px;
  }}
@media screen and (max-width: 767px) {

  .wf-layout-blockcontainer {
    max-width: none;
  }
  .wf-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
  .wf-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }
  .wf-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }}
@media screen and (max-width: 479px) {

  .wf-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
  .wf-commerce-commercecartquantity, .wf-commerce-commerceaddtocartquantityinput, .wf-commerce-commercecheckoutemailinput, .wf-commerce-commercecheckoutshippingfullname, .wf-commerce-commercecheckoutshippingstreetaddress, .wf-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }
  .wf-commerce-commercecheckoutrow {
    flex-direction: column;
  }
  .wf-commerce-commercecheckoutshippingcity, .wf-commerce-commercecheckoutshippingstateprovince, .wf-commerce-commercecheckoutshippingzippostalcode, .wf-commerce-commercecheckoutshippingcountryselector, .wf-commerce-commercecheckoutcardnumber, .wf-commerce-commercecheckoutcardexpirationdate, .wf-commerce-commercecheckoutcardsecuritycode, .wf-commerce-commercecheckoutbillingfullname, .wf-commerce-commercecheckoutbillingstreetaddress, .wf-commerce-commercecheckoutbillingstreetaddressoptional, .wf-commerce-commercecheckoutbillingcity, .wf-commerce-commercecheckoutbillingstateprovince, .wf-commerce-commercecheckoutbillingzippostalcode, .wf-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }}

body {
  background-color: var(--_color---accent-color--accent-one);
  font-family: var(--_base---font-family--second-family);
  color: var(--_color---text-color--paragraph-color);
  font-size: var(--_base---font-size--font-size-16);
  line-height: var(--_base---line-height--line-height-120);
  font-weight: var(--_base---font-weight--regular);
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  margin-top: var(--_common-spacing---spacing-32);
  margin-bottom: var(--_common-spacing---spacing-16);
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h1--font-size);
  line-height: var(--h1--line-height);
  font-weight: var(--h1--font-weight);
  letter-spacing: var(--h1--letter-spacing);
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  margin-top: var(--_common-spacing---spacing-32);
  margin-bottom: var(--_common-spacing---spacing-16);
  font-family: var(--h2--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h2--font-size);
  line-height: var(--h2--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  margin-top: var(--_common-spacing---spacing-32);
  margin-bottom: var(--_common-spacing---spacing-16);
  font-family: var(--h3--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h3--font-size);
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  letter-spacing: var(--h3--letter-spacing);
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  margin-top: var(--_common-spacing---spacing-24);
  margin-bottom: var(--_common-spacing---spacing-10);
  font-family: var(--h4--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h4--font-size);
  line-height: var(--h4--line-height);
  font-weight: var(--h4--font-weight);
  letter-spacing: var(--h4--letter-spacing);
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  margin-top: var(--_common-spacing---spacing-24);
  margin-bottom: var(--_common-spacing---spacing-10);
  font-family: var(--h5--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  font-weight: var(--h5--font-weight);
  letter-spacing: var(--h5--letter-spacing);
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  margin-top: var(--_common-spacing---spacing-24);
  margin-bottom: var(--_common-spacing---spacing-10);
  font-family: var(--h6--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  font-weight: var(--h6--font-weight);
  letter-spacing: var(--h6--letter-spacing);
}
p {
  margin-top: var(--_common-spacing---spacing-10);
  margin-bottom: var(--_common-spacing---spacing-10);
  line-height: var(--_base---line-height--line-height-150);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
}
a {
  color: var(--_color---text-color--paragraph-color);
  line-height: var(--_base---line-height--line-height-120);
  text-underline-offset: 4px;
  text-decoration: none;
}
ul, ol {
  margin-top: var(--_common-spacing---spacing-24);
  margin-bottom: var(--_common-spacing---spacing-24);
  padding-left: var(--_common-spacing---spacing-24);
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  flex-flow: column;
  display: flex;
}
li {
  line-height: var(--_base---line-height--line-height-150);
}
strong {
  font-weight: var(--_base---font-weight--semi-bold);
}
em {
  font-style: italic;
}
blockquote {
  margin-top: var(--_common-spacing---spacing-24);
  margin-bottom: var(--_common-spacing---spacing-24);
  padding: var(--_common-spacing---spacing-24);
  background-color: var(--_color---accent-color--accent-one);
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--_base---font-size--font-size-16);
  line-height: var(--_base---line-height--line-height-160);
  border-left: 5px solid #e2e2e2;
}
.utility-page-wrap {
  z-index: 20;
  width: 100vw;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin-top: var(--_common-spacing---spacing-155);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.utility-page-wrap.is-password-page {
  z-index: auto;
}
.utility-page-content {
  z-index: 50;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}
.h1 {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--h1--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h1--font-size);
  line-height: var(--h1--line-height);
  font-weight: var(--h1--font-weight);
  letter-spacing: var(--h1--letter-spacing);
  text-transform: uppercase;
}
.h1.light-cream.menu-title-center {
  text-align: center;
}
.h2 {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--h2--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h2--font-size);
  line-height: var(--h2--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
}
.h3 {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--h3--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h3--font-size);
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  letter-spacing: var(--h3--letter-spacing);
}
.h3.center.capitalize {
  text-transform: uppercase;
}
.h4 {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--h4--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h4--font-size);
  line-height: var(--h4--line-height);
  font-weight: var(--h4--font-weight);
  letter-spacing: var(--h4--letter-spacing);
}
.h5 {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--h5--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  font-weight: var(--h5--font-weight);
  letter-spacing: var(--h5--letter-spacing);
}
.h6 {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--h6--font-family);
  color: var(--_color---text-color--heading-color);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  font-weight: var(--h6--font-weight);
  letter-spacing: var(--h6--letter-spacing);
}
.h6.light-cream.home-review-des {
  width: var(--_base---global-size--global-full);
  max-width: 312px;
}
.text-regular {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--text-regular--font-family);
  color: var(--_color---text-color--paragraph-color);
  font-size: var(--text-regular--font-size);
  line-height: var(--text-regular--line-height);
  font-weight: var(--text-regular--font-weight);
  letter-spacing: var(--text-regular--letter-spacing);
}
.text-regular.cart-pd-bt, .text-regular.cart-pd-bt:where(.header-main) {
  margin-bottom: var(--_common-spacing---spacing-8);
}
.text-small {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--text-small--font-family);
  color: var(--_color---text-color--paragraph-color);
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  font-weight: var(--text-small--font-weight);
  letter-spacing: var(--text-small--letter-spacing);
  text-decoration: none;
}
.text-small.about-slider-des {
  color: #4a2e17b3;
}
.text-small.about-slider-des.slider-color {
  color: #665140;
}
.text-small.why-deux-color {
  color: #4a2e17b3;
}
.container {
  max-width: var(--_ui---container--max-width);
  padding-right: var(--_ui---container--padding);
  padding-left: var(--_ui---container--padding);
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.style-guide-wrap {
  grid-column-gap: var(--_common-spacing---spacing-80);
  grid-row-gap: var(--_common-spacing---spacing-80);
  flex-flow: column;
  display: flex;
}
.style-guide-color-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.style-guide-typography {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.style-guide-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.typography-box {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.colors-box {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.colors-item {
  width: var(--_base---global-size--global-full);
  height: 192px;
  padding: var(--_common-spacing---spacing-24);
  grid-column-gap: var(--_common-spacing---spacing-4);
  grid-row-gap: var(--_common-spacing---spacing-4);
  border-radius: var(--_base---bordar-radius--bordar-radius-16);
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
}
.colors-item.color-one {
  background-color: var(--_color---normal-color--dark-brown);
}
.colors-item.color-two {
  border: 1px solid var(--_color---normal-color--dark-brown);
  background-color: var(--_color---normal-color--light-cream);
}
.colors-item.color-three {
  background-color: var(--_color---normal-color--light-beige);
}
.colors-item.color-four {
  background-color: var(--_color---normal-color--brick-red);
}
.colors-item.color-five {
  background-color: var(--_color---normal-color--pale-cream-yellow);
}
.colors-item.color-six {
  background-color: var(--_color---normal-color--light-golden-yellow);
}
.light-cream {
  color: var(--_color---normal-color--light-cream);
}
.section-tag-box {
  position: relative;
}
.section-tag-stock {
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--transparent);
  font-size: var(--_base---font-size--font-size-32);
  line-height: var(--_base---line-height--line-height-100);
  font-weight: var(--_base---font-weight--regular);
  -webkit-text-stroke-width: 10px;
  -webkit-text-stroke-color: var(--_color---normal-color--brick-red);
  display: inline-flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.section-tag-text {
  z-index: 10;
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_base---font-size--font-size-32);
  line-height: var(--_base---line-height--line-height-100);
  font-weight: var(--_base---font-weight--regular);
  display: inline-flex;
  position: relative;
}
.button-text-box {
  position: relative;
  overflow: hidden;
}
.button-text-two {
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, 100%);
}
.button-arrow-box {
  position: relative;
  overflow: hidden;
}
.button-arrow-box.button-arrow-box-two {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}
.button-arrow-two {
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-100%);
}
.button {
  padding: var(--_common-spacing---spacing-16) var(--_common-spacing---spacing-20);
  grid-column-gap: var(--_common-spacing---spacing-12);
  grid-row-gap: var(--_common-spacing---spacing-12);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--dark-brown);
  font-family: var(--_ui---primary-button--font-family);
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_ui---primary-button--font-size);
  line-height: var(--_ui---primary-button--line-height);
  font-weight: var(--_ui---primary-button--font-weight);
  letter-spacing: var(--_ui---primary-button--letter-spacing);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}
.button.secondary {
  background-color: var(--_color---normal-color--light-cream);
  color: var(--_color---normal-color--dark-brown);
}
.bread-cream {
  margin-top: var(--_common-spacing---spacing-98);
  margin-bottom: var(--_common-spacing---spacing-120);
}
.bread-cream-wrap {
  padding: var(--_common-spacing---spacing-64) var(--_common-spacing---spacing-24);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  background-color: var(--_color---normal-color--dark-brown);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.all-image-cover {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  object-fit: cover;
}
.all-image-contain {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  object-fit: contain;
}
.footer {
  margin-top: var(--_common-spacing---spacing-120);
  padding-bottom: var(--_common-spacing---spacing-24);
  border-top-left-radius: var(--_base---bordar-radius--bordar-radius-64);
  border-top-right-radius: var(--_base---bordar-radius--bordar-radius-64);
  background-color: var(--_color---normal-color--dark-brown);
  position: relative;
  overflow: hidden;
}
.footer:where(.footer-error) {
  margin-top: var(--_base---global-size--none);
}
.footer-wrap {
  padding-top: var(--_common-spacing---spacing-120);
  padding-bottom: var(--_common-spacing---spacing-120);
  grid-column-gap: var(--_common-spacing---spacing-10);
  grid-row-gap: var(--_common-spacing---spacing-10);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid;
  position: relative;
  overflow: hidden;
}
.footer-link-box {
  z-index: 10;
  padding-top: var(--_common-spacing---spacing-68);
  position: relative;
}
.footer-form-box {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.footer-adress-box {
  z-index: 10;
  padding-top: var(--_common-spacing---spacing-68);
  flex-flow: column;
  align-items: flex-end;
  display: flex;
  position: relative;
}
.light-golden-yellow {
  color: var(--_color---normal-color--light-golden-yellow);
}
.footer-link-parent-box {
  margin-top: var(--_common-spacing---spacing-40);
  grid-column-gap: var(--_common-spacing---spacing-40);
  grid-row-gap: var(--_common-spacing---spacing-40);
  align-items: flex-start;
  display: flex;
}
.footer-link-child-box {
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  flex-flow: column;
  display: flex;
}
.footer-link {
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_base---font-size--font-size-18);
  line-height: var(--_base---line-height--line-height-130);
  transition: all .3s;
}
.footer-link:hover {
  color: var(--_color---normal-color--brick-red);
  transform: translate(4px);
}
.footer-bg {
  width: var(--_base---global-size--global-full);
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -75%);
}
.footer-bg:where(.footer-error) {
  display: none;
}
.footer-newsletter-text {
  margin-top: var(--_common-spacing---spacing-28);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.footer-success-message {
  background-color: var(--_color---normal-color--light-cream);
  color: var(--_color---normal-color--dark-brown);
}
.footer-error-message {
  padding: var(--_common-spacing---spacing-20) var(--_common-spacing---spacing-10);
  background-color: var(--_color---normal-color--light-cream);
  color: var(--_color---normal-color--brick-red);
}
.footer-newsletter-form-wrap {
  margin-top: var(--_common-spacing---spacing-32);
}
.footer-form {
  align-items: center;
  display: flex;
  position: relative;
}
.footer-email-input {
  width: 320px;
  height: 60px;
  margin-bottom: var(--_base---global-size--none);
  padding: var(--_common-spacing---spacing-4) 60px var(--_common-spacing---spacing-4) var(--_common-spacing---spacing-24);
  border: 1px solid var(--_color---normal-color--transparent);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--light-beige);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-18);
  line-height: var(--_base---line-height--line-height-130);
  transition: all .2s;
}
.footer-email-input:hover, .footer-email-input:focus {
  border: 1px solid var(--_color---normal-color--brick-red);
}
.footer-email-input::placeholder {
  color: #4a2e178f;
}
.footer-submit-button {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--dark-brown);
  cursor: pointer;
  background-image: url('../images/button-footer.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 52px;
  height: 52px;
  transition: all .3s;
  position: absolute;
  inset: 50% 4px auto auto;
  transform: translate(0, -50%);
}
.footer-submit-button:hover {
  background-color: var(--_color---normal-color--brick-red);
}
.socail-icon {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--light-cream);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 14px;
  transition: all .3s;
  display: flex;
}
.socail-icon:hover {
  background-color: var(--_color---normal-color--light-golden-yellow);
}
.socail-icon-box {
  grid-column-gap: var(--_common-spacing---spacing-12);
  grid-row-gap: var(--_common-spacing---spacing-12);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.socail-icon-box.desktop-none {
  display: none;
}
.footer-contact-link {
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_base---font-size--font-size-18);
  line-height: var(--_base---line-height--line-height-130);
  transition: all .3s;
}
.footer-contact-link:hover {
  color: var(--_color---normal-color--brick-red);
}
.footer-contact-links {
  grid-column-gap: var(--_common-spacing---spacing-4);
  grid-row-gap: var(--_common-spacing---spacing-4);
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}
.footer-contact-wrap {
  margin-top: var(--_common-spacing---spacing-40);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.footer-big-font {
  font-family: var(--_base---font-family--third-font);
  color: var(--_color---normal-color--light-golden-yellow);
  line-height: var(--_base---line-height--line-height-100);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  font-size: clamp(72px, 14.6cqw, 288px);
  position: relative;
}
.footer-brand-wrap {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}
.footer-image-wrap {
  z-index: 10;
  width: 136px;
  height: 136px;
  padding: var(--_common-spacing---spacing-40);
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--brick-red);
  justify-content: center;
  align-items: center;
  margin-bottom: -90px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.our-mission-rotated-image {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.images-info-box {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}
.images-grid-box {
  margin-top: var(--_common-spacing---spacing-40);
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.images-grid-item {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  height: 520px;
  overflow: hidden;
}
.images-grid-box-two {
  margin-top: var(--_common-spacing---spacing-40);
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  background-color: var(--_color---normal-color--light-beige);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 90px 200px;
  display: flex;
}
.changelog-info-wrap {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  flex-flow: column;
  display: flex;
}
.center {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.changelog-info-two {
  padding-top: var(--_common-spacing---spacing-60);
  padding-bottom: var(--_common-spacing---spacing-60);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  background-color: var(--_color---normal-color--light-beige);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.utility-info-right-content {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.utility-info-item {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 56px;
  padding-bottom: 56px;
  display: grid;
}
.utility-info-item.utility-info-item-pd {
  grid-template-columns: 1fr 3.2fr;
  padding-top: 40px;
}
.error-or-pass-body {
  background-color: var(--_color---normal-color--dark-brown);
}
.div {
  width: 500px;
}
.error-info {
  width: var(--_base---global-size--global-full);
  max-width: 266px;
  margin-top: var(--_common-spacing---spacing-64);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.error-or-pass-bg {
  z-index: 10;
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error-section {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}
.contact-section {
  padding-top: var(--_common-spacing---spacing-98);
}
.contact-wrap {
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.3fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.contact-title-box {
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  flex-flow: column;
  display: flex;
}
.contact-title-link {
  color: var(--_color---normal-color--brick-red);
}
.contact-icon-box {
  width: 48px;
  height: 48px;
  padding: var(--_common-spacing---spacing-12);
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--dark-brown);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.contact-detail-item {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  align-items: center;
  display: flex;
}
.contact-details {
  margin-top: var(--_common-spacing---spacing-32);
  grid-column-gap: var(--_common-spacing---spacing-12);
  grid-row-gap: var(--_common-spacing---spacing-12);
  flex-flow: column;
  display: flex;
}
.contact-detail-link {
  font-size: var(--_base---font-size--font-size-20);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  transition: all .2s;
}
.contact-detail-link:hover {
  color: var(--_color---normal-color--brick-red);
}
.contact-image-box {
  margin-top: var(--_common-spacing---spacing-34);
}
.contact-info-wrap {
  width: var(--_base---global-size--global-full);
  max-width: 440px;
}
.contact-form-box {
  width: var(--_base---global-size--global-full);
  max-width: 646px;
  margin-top: var(--_common-spacing---spacing-60);
}
.contact-field-group {
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  flex-flow: column;
  display: flex;
}
.contact-input {
  height: 48px;
  margin-bottom: var(--_base---global-size--none);
  padding: var(--_common-spacing---spacing-14) var(--_common-spacing---spacing-24);
  border: 1px solid var(--_color---normal-color--transparent);
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  background-color: var(--_color---normal-color--light-beige);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-16);
  line-height: var(--_base---line-height--line-height-125);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  transition: all .2s;
}
.contact-input:hover, .contact-input:focus, .contact-input.-wfp-focus {
  border-color: var(--_color---normal-color--brick-red);
}
.contact-input::placeholder {
  color: #4a2e178f;
  font-size: var(--_base---font-size--font-size-16);
}
.contact-input.text-field-two {
  resize: none;
  height: 240px;
}
.contact-input.pd-bt {
  margin-bottom: var(--_common-spacing---spacing-16);
}
.contact-fields {
  margin-bottom: var(--_common-spacing---spacing-24);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.contact-field-label {
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--_base---font-family--second-family);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-20);
  line-height: var(--_base---line-height--line-height-120);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
}
.contact-submit-wrap {
  width: 154px;
  height: var(--_base---global-size--global-full);
  display: inline-flex;
  position: relative;
}
.contact-button-wrap {
  z-index: -2;
  position: absolute;
  inset: 0% auto auto 0%;
}
.contact-submit-button {
  width: var(--_base---global-size--global-full);
  background-color: var(--_color---normal-color--transparent);
  height: 56px;
}
.setion-title-box {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.setion-title-box.faq-setion-title {
  width: var(--_base---global-size--global-full);
  align-items: flex-start;
  max-width: 364px;
}
.find-content {
  margin-top: var(--_common-spacing---spacing-60);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.find-locations {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  flex-flow: column;
  max-width: 535px;
  display: flex;
}
.find-map-box {
  width: var(--_base---global-size--global-full);
  border: 12px solid var(--_color---normal-color--light-beige);
  border-radius: 48px;
  max-width: 658px;
  height: 420px;
}
.find-location-item {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  cursor: pointer;
  display: flex;
}
.find-location-info {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: column;
  display: flex;
}
.find-location-icon {
  border-radius: var(--_base---bordar-radius--bordar-radius-10);
  background-color: var(--_color---normal-color--brick-red);
  width: 6px;
}
.find-location-icon-two {
  border-radius: var(--_base---bordar-radius--bordar-radius-10);
  background-color: #dbc9b8;
  width: 6px;
}
.success-message {
  padding: var(--_common-spacing---spacing-20);
  background-color: var(--_color---normal-color--white);
  color: var(--_color---normal-color--black);
}
.product-error-message {
  padding: var(--_common-spacing---spacing-20);
  background-color: var(--_color---normal-color--brick-red);
  color: var(--_color---normal-color--white);
  text-align: center;
}
.map-grid {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  object-fit: cover;
  border-radius: 36px;
}
.home-hero {
  z-index: 10;
  border-bottom-left-radius: var(--_base---bordar-radius--bordar-radius-64);
  border-bottom-right-radius: var(--_base---bordar-radius--bordar-radius-64);
  background-color: var(--_color---normal-color--dark-brown);
  position: relative;
  overflow: hidden;
}
.home-wrap {
  z-index: 10;
  width: var(--_base---global-size--global-full);
  min-height: 100vh;
  padding-top: var(--_common-spacing---spacing-110);
  padding-right: var(--_common-spacing---spacing-26);
  padding-left: var(--_common-spacing---spacing-26);
  position: relative;
}
.home-hero-edge {
  z-index: -2;
  grid-column-gap: var(--_common-spacing---spacing-54);
  grid-row-gap: var(--_common-spacing---spacing-54);
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%);
}
.home-hero-edge-item {
  width: var(--_base---global-size--global-full);
  background-color: var(--_color---normal-color--dark-coffee-brown);
  min-width: 60px;
  max-width: 60px;
  height: 100vh;
}
.display-none {
  display: none;
}
.home-hero-image-box {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.home-hero-top {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  padding: var(--_common-spacing---spacing-50) var(--_common-spacing---spacing-48) var(--_common-spacing---spacing-100);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center;
  display: flex;
  position: relative;
}
.home-hero-title-highlight {
  color: var(--_color---normal-color--brick-red);
}
.home-hero-title-box {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 898px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.home-hero-tag-wrap {
  position: absolute;
  inset: auto 16% 35% auto;
}
.hero-tag-text {
  z-index: 10;
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-47);
  line-height: var(--_base---line-height--line-height-70);
  font-weight: var(--_base---font-weight--regular);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  display: inline-flex;
  position: relative;
}
.hero-tag-stock {
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--transparent);
  font-size: var(--_base---font-size--font-size-47);
  line-height: var(--_base---line-height--line-height-70);
  font-weight: var(--_base---font-weight--regular);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  -webkit-text-stroke-width: 16px;
  -webkit-text-stroke-color: var(--_color---normal-color--light-golden-yellow);
  display: inline-flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.hero-tag-box {
  position: relative;
  transform: rotate(-17deg);
}
.home-hero-intro {
  width: var(--_base---global-size--global-full);
  max-width: 240px;
  margin-top: var(--_common-spacing---spacing-80);
}
.home-hero-divider {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--brick-red);
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.home-hero-bottom {
  width: var(--_base---global-size--global-full);
  max-width: 242px;
  margin-top: var(--_common-spacing---spacing-80);
  grid-column-gap: var(--_common-spacing---spacing-18);
  grid-row-gap: var(--_common-spacing---spacing-18);
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}
.home-hero-words {
  grid-column-gap: var(--_common-spacing---spacing-10);
  grid-row-gap: var(--_common-spacing---spacing-10);
  flex-flow: wrap;
  align-items: center;
  display: flex;
}
.home-hero-side-image {
  width: var(--_base---global-size--global-full);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  margin-top: -110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.home-hero-main {
  width: var(--_base---global-size--global-full);
  max-width: var(--_base---global-size--global-full);
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
}
.hero-bottom-box {
  z-index: -10;
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  pointer-events: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}
.hero-bottom-image {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  object-fit: fill;
}
.featured-section {
  margin-top: var(--_common-spacing---spacing-120);
}
.featured-title-box {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 438px;
  margin-left: auto;
  margin-right: auto;
}
.featured-tabs-wrap {
  width: var(--_base---global-size--global-full);
  margin-top: var(--_common-spacing---spacing-48);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.featured-tabs {
  width: var(--_base---global-size--global-full);
}
.featured-tabs-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}
.feature-tab-button {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  background-color: var(--_color---normal-color--transparent);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-24);
  line-height: var(--_base---line-height--line-height-100);
  font-weight: var(--_base---font-weight--semi-bold);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  background-image: url('../images/featured-bg-ye.svg');
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}
.feature-tab-button[aria-current="page"], .feature-tab-button.is-active {
  background-color: var(--_color---normal-color--transparent);
  color: var(--_color---normal-color--brick-red);
  background-image: url('../images/featured-bg-red.svg');
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: auto;
}
.feature-tab-content {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.featured-item-image-box {
  width: var(--_base---global-size--global-full);
  height: 400px;
  overflow: hidden;
}
.featured-item-link {
  height: var(--_base---global-size--global-full);
  padding: var(--_common-spacing---spacing-12);
  border-radius: var(--_base---bordar-radius--bordar-radius-32);
  background-color: var(--_color---normal-color--light-beige);
  display: block;
}
.featured-item-text {
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  flex-flow: column;
  display: flex;
}
.featured-item-info {
  padding: var(--_common-spacing---spacing-16);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.featured-item-buy-row {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.featured-tabs-content {
  margin-top: var(--_common-spacing---spacing-48);
}
.text-extra-small {
  font-family: var(--text-extra-small--font-family);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--text-extra-small--font-size);
  line-height: var(--text-extra-small--line-height);
  font-weight: var(--text-extra-small--font-weight);
  letter-spacing: var(--text-extra-small--letter-spacing);
}
.medium {
  font-weight: var(--_base---font-weight--medium);
}
.featured-item-arrow {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  object-fit: cover;
}
.home-review {
  margin-top: var(--_common-spacing---spacing-120);
}
.home-review-wrap {
  z-index: 50;
  padding: var(--_common-spacing---spacing-110) var(--_common-spacing---spacing-80) var(--_common-spacing---spacing-300);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  background-color: var(--_color---normal-color--brick-red);
  position: relative;
  overflow: hidden;
}
.home-review-edge {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  padding-right: var(--_common-spacing---spacing-90);
  padding-left: var(--_common-spacing---spacing-90);
  grid-column-gap: var(--_common-spacing---spacing-50);
  grid-row-gap: var(--_common-spacing---spacing-50);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}
.home-review-edge-item {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  background-color: var(--_color---normal-color--terracotta-red);
  opacity: .6;
  min-width: 68px;
}
.home-review-bottom-box {
  position: absolute;
  inset: auto 8% -17% auto;
}
.home-review-content {
  z-index: 10;
  position: relative;
}
.home-review-row {
  margin-top: var(--_common-spacing---spacing-112);
  margin-left: var(--_common-spacing---spacing-90);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  align-items: flex-end;
  display: flex;
  position: relative;
}
.home-review-avatar-box {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-32);
  min-width: 424px;
  max-width: 424px;
  height: 520px;
  position: relative;
}
.home-review-icon-box {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-32);
  max-width: 228px;
  height: 228px;
  overflow: hidden;
}
.home-review-text-box {
  grid-column-gap: var(--_common-spacing---spacing-110);
  grid-row-gap: var(--_common-spacing---spacing-110);
  flex-flow: column;
  display: flex;
}
.home-review-image-box {
  position: absolute;
  top: 360px;
  left: -168px;
}
.offer-section {
  margin-top: var(--_common-spacing---spacing-20);
}
.offer-wrap {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.offer-card {
  padding: var(--_common-spacing---spacing-52);
  grid-column-gap: var(--_common-spacing---spacing-32);
  grid-row-gap: var(--_common-spacing---spacing-32);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.offer-text-box {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 312px;
  display: flex;
}
.offer-card-body {
  z-index: 10;
  padding: var(--_common-spacing---spacing-55) var(--_common-spacing---spacing-10);
  grid-column-gap: var(--_common-spacing---spacing-32);
  grid-row-gap: var(--_common-spacing---spacing-32);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.offer-image-box {
  width: var(--_base---global-size--global-full);
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}
.offer-cover-box {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  position: absolute;
  inset: 0% auto auto 0%;
}
.offer-deco-box {
  z-index: -2;
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  position: absolute;
}
.offer-section-bg {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
}
.offer-text-box-two {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 348px;
  display: flex;
}
.capitalize {
  text-transform: uppercase;
}
.why-deux {
  padding-top: var(--_common-spacing---spacing-120);
  overflow: hidden;
}
.why-deux-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.marquee-section {
  position: relative;
}
.marquee-wrap {
  grid-column-gap: var(--_common-spacing---spacing-32);
  grid-row-gap: var(--_common-spacing---spacing-32);
  justify-content: center;
  align-items: center;
  padding-top: 168px;
  padding-bottom: 280px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.marquee-track {
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-320);
  line-height: var(--_base---line-height--line-height-90);
  font-weight: var(--_base---font-weight--regular);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  text-transform: uppercase;
  white-space: nowrap;
}
.marquee-image-box {
  width: 1000px;
  padding-bottom: var(--_common-spacing---spacing-120);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(0%, -42%);
}
.visit-wrap {
  width: var(--_base---global-size--global-full);
  padding-top: var(--_common-spacing---spacing-130);
  padding-bottom: var(--_common-spacing---spacing-130);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.visit-cover-box {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  position: absolute;
  inset: 0% auto auto 0%;
}
.visit-card-body {
  z-index: 10;
  padding: var(--_common-spacing---spacing-90) var(--_common-spacing---spacing-30) var(--_common-spacing---spacing-62);
  position: relative;
}
.visit-title-box {
  grid-column-gap: var(--_common-spacing---spacing-10);
  grid-row-gap: var(--_common-spacing---spacing-10);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.visit-hours-text {
  color: var(--_color---normal-color--brick-red);
  font-size: var(--_base---font-size--font-size-18);
  line-height: var(--_base---line-height--line-height-130);
  text-align: center;
}
.visit-hours-box {
  margin-top: var(--_common-spacing---spacing-44);
}
.visit-store-item {
  padding-bottom: var(--_common-spacing---spacing-16);
  grid-column-gap: var(--_common-spacing---spacing-10);
  grid-row-gap: var(--_common-spacing---spacing-10);
  border-bottom: 1px solid #c2b7ab;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}
.visit-stores-box {
  margin-top: var(--_common-spacing---spacing-94);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: column;
  display: flex;
}
.visit-card {
  z-index: 10;
  position: relative;
}
.visit-side-image-box {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  position: absolute;
  inset: 0% auto auto 0%;
}
.visit-side-image {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
}
.visit-brand-box {
  margin-top: var(--_common-spacing---spacing-20);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.visit-brand-text {
  font-family: var(--_base---font-family--third-font);
  color: var(--_color---normal-color--brick-red);
  font-size: var(--_base---font-size--font-size-64);
  line-height: var(--_base---line-height--line-height-100);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  transform: rotate(-12deg);
}
.visit-image-box {
  pointer-events: none;
  position: absolute;
  inset: -124px auto auto 105px;
}
.visit-tag-wrap {
  position: absolute;
  inset: auto -16% 52% auto;
}
.visit-tag-box {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: rotate(-11deg);
}
.testimonials-section {
  margin-top: var(--_common-spacing---spacing-20);
}
.testimonials-wrap {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.testimonials-image-box {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  height: 760px;
  overflow: hidden;
}
.testimonials-slider {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  margin-top: var(--_common-spacing---spacing-62);
  background-color: var(--_color---normal-color--pale-cream-yellow);
  overflow: hidden;
}
.testimonials-content {
  padding: var(--_common-spacing---spacing-64) var(--_common-spacing---spacing-48);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  background-color: var(--_color---normal-color--pale-cream-yellow);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.testimonials-card {
  position: relative;
}
.testimonials-card-body {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.testimonials-stars {
  margin-bottom: var(--_common-spacing---spacing-32);
  display: flex;
}
.testimonials-author-row {
  margin-top: var(--_common-spacing---spacing-48);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  align-items: center;
  display: flex;
}
.testimonials-avatar-box {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  width: 64px;
  height: 64px;
  overflow: hidden;
}
.testimonials-author-info {
  flex-flow: column;
  display: flex;
}
.regular {
  font-weight: var(--_base---font-weight--regular);
}
.testimonials-quote-left {
  z-index: 10;
  position: absolute;
  inset: 150px auto auto 48px;
}
.testimonials-quote-right {
  z-index: 10;
  position: absolute;
  inset: auto 20px 140px auto;
}
.testimonials-left-arrow {
  border-top-left-radius: var(--_base---bordar-radius--bordar-radius-round);
  border-top-right-radius: var(--_base---bordar-radius--bordar-radius-round);
  border-bottom-left-radius: var(--_base---bordar-radius--bordar-radius-round);
  border-bottom-right-radius: var(--_base---bordar-radius--bordar-radius-round);
  border: 1px solid #4a2e174d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  margin: auto;
  display: flex;
  inset: auto auto 0 calc(50% - 68px);
}
.testimonials-right-arrow {
  border-top-left-radius: var(--_base---bordar-radius--bordar-radius-round);
  border-top-right-radius: var(--_base---bordar-radius--bordar-radius-round);
  border-bottom-left-radius: var(--_base---bordar-radius--bordar-radius-round);
  border-bottom-right-radius: var(--_base---bordar-radius--bordar-radius-round);
  border: 1px solid #4a2e174d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 52px;
  height: 52px;
  display: flex;
  inset: auto calc(50% - 68px) 0 auto;
}
.testimonials-arrow-box {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.testimonials-arrow-box-two {
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  overflow: hidden;
}
.testimonials-quote-text {
  font-size: var(--_base---font-size--font-size-28);
  line-height: var(--_base---line-height--line-height-100);
  font-weight: var(--_base---font-weight--semi-bold);
  text-align: center;
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
}
.testimonials-slider-mask {
  overflow: visible;
}
.testimonials-slide-inner {
  overflow: hidden;
}
.home-blog {
  margin-top: var(--_common-spacing---spacing-120);
  position: relative;
  overflow: hidden;
}
.home-blog-title-box {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}
.home-blog-image-box {
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  flex: none;
  width: 160px;
  height: 160px;
  overflow: hidden;
}
.home-blog-card-body {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  align-items: center;
  display: flex;
}
.home-blog-meta-divider {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--brick-red);
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.home-blog-meta-row {
  padding: var(--_common-spacing---spacing-8) var(--_common-spacing---spacing-16);
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--pale-cream-yellow);
  flex-flow: wrap;
  align-items: center;
  display: inline-flex;
}
.home-blog-card-info {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.home-blog-card-link {
  padding-bottom: var(--_common-spacing---spacing-24);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #4a2e174d;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-blog-arrow-wrap {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  border: 1px solid #4a2e174d;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  display: flex;
  overflow: hidden;
}
.home-blog-arrow-box-two {
  position: absolute;
  inset: 0% auto auto 0%;
}
.home-blog-arrow-box {
  position: relative;
  overflow: hidden;
}
.home-blog-side-image {
  z-index: -2;
  position: absolute;
  inset: 10px -200px auto auto;
}
.home-blog-bottom-image {
  z-index: -2;
  position: absolute;
  inset: auto auto 30px -249px;
}
.home-blog-button-wrap {
  margin-top: var(--_common-spacing---spacing-60);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.faqs-section {
  margin-top: var(--_common-spacing---spacing-120);
}
.faqs-wrap {
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.59fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.faqs-intro-box {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  flex-flow: column;
  align-items: flex-start;
  max-width: 364px;
  display: flex;
}
.faqs-content {
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.cta-section {
  margin-top: var(--_common-spacing---spacing-140);
  padding-top: 60px;
}
.cta-wrap {
  padding: var(--_common-spacing---spacing-85) var(--_common-spacing---spacing-110) var(--_common-spacing---spacing-100);
  position: relative;
}
.cta-content {
  z-index: 10;
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.faqs-tabs-menu {
  grid-column-gap: var(--_common-spacing---spacing-12);
  grid-row-gap: var(--_common-spacing---spacing-12);
  flex-flow: column;
  display: flex;
}
.faqs-arrow-box {
  width: 38px;
  height: 38px;
  padding: var(--_common-spacing---spacing-10);
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--dark-brown);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}
.faqs-item {
  padding: var(--_common-spacing---spacing-32);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_base---bordar-radius--bordar-radius-48);
  background-color: var(--_color---normal-color--light-beige);
  flex-flow: column;
  display: flex;
}
.faqs-item[aria-current="page"], .faqs-item.is-active {
  background-color: var(--_color---normal-color--light-beige);
}
.faqs-answer-inner {
  padding-top: var(--_common-spacing---spacing-24);
}
.faqs-question-row {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.faqs-answer-box {
  height: auto;
  overflow: hidden;
}
.accordion-arrow {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  object-fit: contain;
}
.cta-left-image-box {
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  width: 170px;
  height: 170px;
  overflow: hidden;
}
.cta-left-images {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  transform: translate(0, 60px)rotate(-11deg);
}
.cta-left-image {
  object-fit: contain;
  position: absolute;
  inset: auto auto -62px -70px;
}
.cta-title-box {
  width: var(--_base---global-size--global-full);
  max-width: 405px;
  margin-top: var(--_common-spacing---spacing-78);
  grid-column-gap: var(--_common-spacing---spacing-32);
  grid-row-gap: var(--_common-spacing---spacing-32);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cta-tag-wrap {
  z-index: 12;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.cta-tag-box {
  position: relative;
  transform: rotate(-15deg);
}
.cta-tag-box.cta-big-text-box {
  transform: rotate(0);
}
.cta-right-image-box {
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  width: 170px;
  height: 170px;
  overflow: hidden;
  transform: rotate(19deg);
}
.cta-right-images {
  transform: translate(0, 130px);
}
.cta-right-image {
  position: absolute;
  inset: -36px -50% auto auto;
  transform: rotate(-2deg);
}
.cta-center-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cta-big-text {
  z-index: 10;
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--light-golden-yellow);
  line-height: var(--_base---line-height--line-height-90);
  font-weight: var(--_base---font-weight--regular);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  white-space: nowrap;
  font-size: clamp(32px, 16.5cqw, 240px);
  display: inline-flex;
  position: relative;
}
.cta-tag-stock {
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--transparent);
  line-height: var(--_base---line-height--line-height-90);
  font-weight: var(--_base---font-weight--regular);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  -webkit-text-stroke-width: 32px;
  -webkit-text-stroke-color: var(--_color---normal-color--brick-red);
  white-space: nowrap;
  font-size: clamp(72px, 16.5cqw, 240px);
  display: inline-flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.cta-big-text-wrap {
  z-index: 8;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -62px);
}
.about-wrap {
  z-index: 10;
  width: var(--_base---global-size--global-full);
  padding-top: var(--_common-spacing---spacing-8);
  padding-right: var(--_common-spacing---spacing-26);
  padding-left: var(--_common-spacing---spacing-26);
  position: relative;
}
.about-hero-content {
  width: var(--_base---global-size--global-full);
  max-width: 1010px;
}
.about-hero-text-box {
  margin-top: var(--_common-spacing---spacing-40);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-title-highlight {
  color: var(--_color---normal-color--brick-red);
}
.about-hero-intro {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 452px;
}
.about-hero-top {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  padding: var(--_common-spacing---spacing-120) var(--_common-spacing---spacing-48) var(--_common-spacing---spacing-92);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 10fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: flex;
  position: relative;
}
.about-tag-box {
  text-align: center;
  position: relative;
  transform: rotate(-17deg);
}
.about-hero-tag-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-title {
  font-family: var(--_base---font-family--font-family);
  line-height: var(--_base---line-height--line-height-90);
  font-weight: var(--_base---font-weight--regular);
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(72px, 21cqw, 128px);
}
.home-title {
  line-height: var(--_base---line-height--line-height-90);
  text-transform: uppercase;
  font-size: clamp(72px, 21cqw, 148px);
}
.about-hero-side-image {
  width: 250px;
  height: auto;
  position: absolute;
  inset: 40px 65px auto auto;
  transform: rotate(28deg);
}
.about-hero-image-box {
  z-index: -2;
  width: 200px;
  height: auto;
  position: absolute;
  inset: auto auto 6px 10px;
}
.cta-wrap-main {
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  background-color: var(--_color---normal-color--brick-red);
  position: relative;
}
.our-mission {
  margin-top: var(--_common-spacing---spacing-120);
}
.our-mission-title-box {
  text-align: center;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.our-mission-content {
  margin-top: var(--_common-spacing---spacing-156);
  grid-column-gap: var(--_common-spacing---spacing-64);
  grid-row-gap: var(--_common-spacing---spacing-64);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.our-mission-image-box {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-40);
  max-width: 512px;
  height: 576px;
  margin-top: -28px;
  margin-left: 40px;
  overflow: hidden;
  transform: rotate(-1deg);
}
.our-mission-left-deco {
  z-index: -2;
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-44);
  background-color: var(--_color---normal-color--light-golden-yellow);
  max-width: 528px;
  height: 572px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
  transform: rotate(2deg);
}
.our-mission-left {
  width: var(--_base---global-size--global-full);
  max-width: 560px;
  margin-top: 28px;
  position: relative;
}
.our-mission-card-body {
  width: var(--_base---global-size--global-full);
  padding: var(--_common-spacing---spacing-80) var(--_common-spacing---spacing-74);
  border-radius: var(--_base---bordar-radius--bordar-radius-12);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotate(-2deg);
}
.our-mission-card-row {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  flex-flow: column;
  display: flex;
}
.our-mission-quote-box {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.our-mission-author-box {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  max-width: 500px;
  display: flex;
}
.our-mission-card-image {
  z-index: -2;
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  position: absolute;
  inset: 0% auto auto 0%;
}
.our-mission-deco-box {
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -50%);
}
.our-mission-card {
  position: relative;
}
.our-mission-rotated-text {
  padding: var(--_common-spacing---spacing-40);
  justify-content: center;
  align-items: center;
  margin-bottom: -90px;
  display: flex;
  position: absolute;
  inset: auto -6% 5% auto;
}
.our-mission-meta-wrap {
  margin-top: var(--_common-spacing---spacing-36);
}
.our-mission-right {
  width: var(--_base---global-size--global-full);
  max-width: 700px;
}
.our-mission-meta-divider {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--light-golden-yellow);
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.our-mission-meta-row {
  padding: var(--_common-spacing---spacing-12) var(--_common-spacing---spacing-24);
  grid-column-gap: var(--_common-spacing---spacing-12);
  grid-row-gap: var(--_common-spacing---spacing-12);
  background-color: var(--_color---normal-color--dark-brown);
  border-radius: 28px;
  flex-flow: wrap;
  align-items: center;
  display: inline-flex;
}
.about-slider {
  margin-top: var(--_common-spacing---spacing-120);
  overflow: hidden;
}
.video-banner-box {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  height: 800px;
  overflow: hidden;
}
.video-banner-bg {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
}
.video-banner {
  margin-top: var(--_common-spacing---spacing-120);
}
.video-banner-button {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--pale-cream-yellow);
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: 25px;
  display: flex;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.counter-section {
  margin-top: var(--_common-spacing---spacing-200);
}
.counter-wrap {
  width: var(--_base---global-size--global-full);
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.counter-content {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-120);
  grid-row-gap: var(--_common-spacing---spacing-120);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  display: flex;
}
.counter-right {
  width: var(--_base---global-size--global-full);
  max-width: 508px;
  position: relative;
}
.counter-title-box {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 526px;
}
.counter-items {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.home-services-right-counte {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.counter-item-text {
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.counter-left-image-box {
  position: absolute;
  inset: -35px -38px auto auto;
}
.counter-left {
  position: relative;
}
.counter-deco-box {
  position: absolute;
  inset: auto auto -38px -60px;
}
.counter-right-image-box {
  width: var(--_base---global-size--global-full);
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}
.team-section {
  margin-top: var(--_common-spacing---spacing-250);
}
.team-title-box {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 535px;
  margin-left: auto;
  margin-right: auto;
}
.team-grid {
  margin-top: var(--_common-spacing---spacing-84);
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  flex-flow: column;
  display: flex;
}
.team-card {
  width: var(--_base---global-size--global-full);
  max-width: 314px;
  height: 400px;
  padding: var(--_common-spacing---spacing-12);
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  background-color: var(--_color---normal-color--dark-brown);
}
.team-card-image-box {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-16);
  position: relative;
  overflow: hidden;
}
.team-card-overlay {
  width: var(--_base---global-size--global-full);
  padding-right: var(--_common-spacing---spacing-24);
  padding-left: var(--_common-spacing---spacing-24);
  position: absolute;
  inset: auto auto 0% 0%;
}
.team-card-info {
  width: var(--_base---global-size--global-full);
  padding: var(--_common-spacing---spacing-8);
  grid-column-gap: var(--_common-spacing---spacing-4);
  grid-row-gap: var(--_common-spacing---spacing-4);
  border-top-left-radius: var(--_base---bordar-radius--bordar-radius-16);
  border-top-right-radius: var(--_base---bordar-radius--bordar-radius-16);
  background-color: var(--_color---normal-color--dark-brown);
  flex-flow: column;
  display: flex;
}
.team-card-text {
  padding: var(--_common-spacing---spacing-4) var(--_common-spacing---spacing-12);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  border: 1px solid #fff0e04d;
  justify-content: center;
  align-items: center;
  display: flex;
}
.team-row {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}
.team-row-two {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  display: flex;
}
.about-slider-title-box {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 535px;
  margin-left: auto;
  margin-right: auto;
}
.about-slider-wrapper {
  width: var(--_base---global-size--global-full);
  height: auto;
  margin-top: var(--_common-spacing---spacing-80);
  background-color: var(--_color---normal-color--transparent);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-slider-mask {
  width: var(--_base---global-size--global-full);
  max-width: 435px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.about-slide-images {
  position: relative;
}
.about-slide-image-box {
  z-index: -2;
  position: absolute;
  inset: -20px auto auto -50px;
}
.about-slide-card {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-slide-content {
  width: var(--_base---global-size--global-full);
  max-width: 338px;
  padding: var(--_common-spacing---spacing-36) var(--_common-spacing---spacing-24) var(--_common-spacing---spacing-24);
  border-radius: var(--_base---bordar-radius--bordar-radius-32);
  background-color: var(--_color---normal-color--light-beige);
  margin-top: -90px;
  position: relative;
}
.about-slide-text-box {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-slide-tag-text {
  z-index: 10;
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--brick-red);
  font-size: var(--_base---font-size--font-size-48);
  line-height: var(--_base---line-height--line-height-100);
  font-weight: var(--_base---font-weight--regular);
  display: inline-flex;
  position: relative;
}
.about-slide-tag-stock {
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--transparent);
  font-size: var(--_base---font-size--font-size-48);
  line-height: var(--_base---line-height--line-height-100);
  font-weight: var(--_base---font-weight--regular);
  -webkit-text-stroke-width: 14px;
  -webkit-text-stroke-color: var(--_color---normal-color--light-beige);
  display: inline-flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.about-slide-tag-box {
  position: relative;
}
.about-slide-tag-wrap {
  text-align: center;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -50%);
}
.about-slider-left-arrow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 18px;
  display: flex;
  inset: auto auto auto calc(40% - 100px);
}
.about-slider-right-arrow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 18px;
  display: flex;
  inset: auto calc(40% - 100px) auto auto;
}
.blog-hero {
  margin-top: var(--_common-spacing---spacing-100);
}
.blog-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.blog-hero-title-box {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.blog-title-highlight {
  color: var(--_color---normal-color--brick-red);
}
.blog-content {
  margin-top: var(--_common-spacing---spacing-60);
}
.blog-card-link {
  grid-column-gap: var(--_base---global-size--none);
  grid-row-gap: var(--_base---global-size--none);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  background-color: var(--_color---normal-color--light-golden-yellow);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.03fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}
.blog-card-image-box {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  height: 680px;
  overflow: hidden;
}
.blog-card-body {
  padding-right: var(--_common-spacing---spacing-64);
  padding-left: var(--_common-spacing---spacing-64);
  grid-column-gap: 172px;
  grid-row-gap: 172px;
  flex-flow: column;
  display: flex;
}
.blog-card-title-box {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.blog-meta-row {
  padding: var(--_common-spacing---spacing-8) var(--_common-spacing---spacing-16);
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--brick-red);
  align-items: center;
  display: inline-flex;
}
.blog-meta-divider {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--light-golden-yellow);
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.blog-card-text {
  grid-column-gap: var(--_common-spacing---spacing-40);
  grid-row-gap: var(--_common-spacing---spacing-40);
  flex-flow: column;
  display: flex;
}
.blog-item-section {
  margin-top: var(--_common-spacing---spacing-40);
}
.blog-item-wrap {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-40);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}
.blog-item-image-box {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-24);
  height: 424px;
  overflow: hidden;
}
.blog-item-link {
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  flex-flow: column;
  display: flex;
}
.blog-item-info {
  padding-bottom: var(--_common-spacing---spacing-20);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.blog-detail-hero {
  margin-top: var(--_common-spacing---spacing-100);
}
.blog-detail-title-box {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 868px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.blog-detail-image-box {
  width: var(--_base---global-size--global-full);
  height: 600px;
  margin-top: var(--_common-spacing---spacing-60);
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
  overflow: hidden;
}
.blog-cms {
  margin-top: var(--_common-spacing---spacing-12);
}
.blog-cms-wrap {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.blog-cms-content {
  width: var(--_base---global-size--global-full);
  max-width: 890px;
}
.blog-cms-sidebar {
  width: var(--_base---global-size--global-full);
  max-width: 320px;
  margin-top: var(--_common-spacing---spacing-48);
  padding: var(--_common-spacing---spacing-32);
  grid-column-gap: var(--_common-spacing---spacing-32);
  grid-row-gap: var(--_common-spacing---spacing-32);
  border-radius: var(--_base---bordar-radius--bordar-radius-48);
  background-color: var(--_color---normal-color--light-beige);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 20px;
}
.blog-rice-text h4:where(:not([class*="heading-scale-"])), .blog-rice-text :where(.heading-scale-4) {
  margin-top: var(--_common-spacing---spacing-48);
  margin-bottom: var(--_base---global-size--none);
}
.blog-rice-text h5:where(:not([class*="heading-scale-"])), .blog-rice-text :where(.heading-scale-5) {
  margin-top: var(--_common-spacing---spacing-16);
  margin-bottom: var(--_common-spacing---spacing-8);
}
.blog-rice-text p {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--_base---font-family--second-family);
  line-height: var(--_base---line-height--line-height-125);
  font-weight: var(--_base---font-weight--medium);
}
.blog-rice-text h6:where(:not([class*="heading-scale-"])), .blog-rice-text :where(.heading-scale-6) {
  margin-top: var(--_common-spacing---spacing-16);
  margin-bottom: var(--_base---global-size--none);
  font-family: var(--_base---font-family--second-family);
  font-size: var(--_base---font-size--font-size-16);
  line-height: var(--_base---line-height--line-height-125);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
}
.blog-cms-images-list {
  margin-top: var(--_common-spacing---spacing-48);
  grid-column-gap: var(--_common-spacing---spacing-20);
  grid-row-gap: var(--_common-spacing---spacing-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-cms-image-item {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-48);
  height: 434px;
  overflow: hidden;
}
.blog-cms-author-row {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-cms-author-image {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  overflow: hidden;
}
.blog-cms-share-link {
  width: var(--_base---global-size--global-full);
  padding: var(--_common-spacing---spacing-16) var(--_common-spacing---spacing-24);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  border-radius: var(--_base---bordar-radius--bordar-radius-80);
  background-color: var(--_color---normal-color--dark-brown);
  align-items: center;
  position: relative;
}
.blog-cms-share-top {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  align-items: center;
  display: flex;
}
.blog-cms-share-inner {
  position: relative;
  overflow: hidden;
}
.blog-cms-share-bottom {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.blog-cms-share-box {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  display: flex;
}
.blog-cms-share-buttons {
  grid-column-gap: var(--_common-spacing---spacing-12);
  grid-row-gap: var(--_common-spacing---spacing-12);
  flex-flow: column;
  display: flex;
}
.product-hero-child {
  width: var(--_base---global-size--global-full);
  background-image: url('../images/menu-bg.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 185px;
  padding-bottom: 100px;
  position: relative;
}
.product-wrap {
  z-index: 10;
  position: relative;
}
.product-hero-title-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
}
.menu-title-highlight {
  color: var(--_color---normal-color--brick-red);
}
.product-hero-image-box {
  width: var(--_base---global-size--global-full);
  max-width: 800px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.product-hero-left-image {
  width: var(--_base---global-size--global-full);
  max-width: 400px;
  height: auto;
  position: absolute;
  inset: 200px auto auto -200px;
}
.product-hero-right-image {
  width: var(--_base---global-size--global-full);
  max-width: 400px;
  height: auto;
  position: absolute;
  inset: 100px -182px auto auto;
}
.product-image-wrap {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--light-beige);
  justify-content: center;
  align-items: center;
  width: 158px;
  height: 158px;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 68px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.product-hero {
  overflow: hidden;
}
.collection-list {
  width: var(--_base---global-size--global-full);
  max-width: 870px;
  margin-top: var(--_common-spacing---spacing-60);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.product-details {
  margin-top: var(--_common-spacing---spacing-100);
}
.product-details-wrap {
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.product-image-column {
  width: var(--_base---global-size--global-full);
  max-width: 646px;
  height: 646px;
  padding: var(--_common-spacing---spacing-60);
  border-radius: var(--_base---bordar-radius--bordar-radius-32);
  background-color: var(--_color---normal-color--dark-brown);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.product-info-column {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  flex-flow: column;
  justify-content: space-between;
  max-width: 535px;
  display: flex;
}
.product-image-box {
  width: var(--_base---global-size--global-full);
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}
.product-tag-wrap {
  padding: var(--_common-spacing---spacing-8) var(--_common-spacing---spacing-24);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--pale-cream-yellow);
  font-size: var(--_base---font-size--font-size-24);
  line-height: var(--_base---line-height--line-height-100);
  font-weight: var(--_base---font-weight--semi-bold);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  display: inline-flex;
}
.product-title-box {
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.product-price-box {
  grid-column-gap: var(--_common-spacing---spacing-8);
  grid-row-gap: var(--_common-spacing---spacing-8);
  align-items: flex-end;
  display: flex;
}
.product-buy-row {
  margin-top: var(--_common-spacing---spacing-24);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.product-cart-form {
  margin-bottom: var(--_base---global-size--none);
}
.product-cart-box {
  z-index: 10;
  position: relative;
  overflow: visible;
}
.product-button-wrap {
  z-index: -2;
  position: absolute;
  inset: 0% auto auto 0%;
}
.product-cart-wrap {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
}
.product-cart-button {
  width: 170px;
  height: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--transparent);
  min-height: 56px;
}
.product-specs {
  padding: var(--_common-spacing---spacing-40);
  grid-column-gap: var(--_common-spacing---spacing-16);
  grid-row-gap: var(--_common-spacing---spacing-16);
  border-radius: var(--_base---bordar-radius--bordar-radius-32);
  background-color: var(--_color---normal-color--light-beige);
  flex-flow: column;
  display: flex;
}
.product-spec-value {
  grid-column-gap: var(--_common-spacing---spacing-2);
  grid-row-gap: var(--_common-spacing---spacing-2);
  line-height: var(--_base---line-height--line-height-125);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.product-weight-box {
  display: flex;
}
.product-spec-row {
  padding-bottom: var(--_common-spacing---spacing-16);
  grid-column-gap: var(--_common-spacing---spacing-48);
  grid-row-gap: var(--_common-spacing---spacing-48);
  border-bottom: 1px solid #4a2e174d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.4fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid;
}
.product-spec-row.product-spec-row-two {
  padding-bottom: var(--_base---global-size--none);
  border-bottom-color: var(--_color---normal-color--transparent);
  grid-template-columns: 1fr 2.7fr;
}
.product-rice-text ul {
  flex-flow: row;
  padding-left: 24px;
}
.product-rice-text li {
  line-height: var(--_base---line-height--line-height-125);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
  background-image: url('../images/dot.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 12px;
  list-style-type: none;
}
.product-rice-text ol {
  margin-top: var(--_base---global-size--none);
  margin-bottom: var(--_base---global-size--none);
  flex-flow: wrap;
  padding-left: 0;
  display: flex;
}
.product-unit-box {
  align-items: flex-end;
  display: flex;
}
.featured-category-title {
  text-align: center;
}
.featured-all-categories {
  grid-column-gap: var(--_common-spacing---spacing-80);
  grid-row-gap: var(--_common-spacing---spacing-80);
  flex-flow: column;
  display: flex;
}
.featured-category-box {
  grid-column-gap: var(--_common-spacing---spacing-40);
  grid-row-gap: var(--_common-spacing---spacing-40);
  flex-flow: column;
  display: flex;
}
.marquee-bg {
  z-index: -2;
  width: 1000px;
  height: 1000px;
  position: absolute;
  inset: auto auto -35% -10%;
  overflow: hidden;
}
.why-deux-title-box {
  width: var(--_base---global-size--global-full);
  max-width: 535px;
}
.why-deux-left {
  padding-top: var(--_common-spacing---spacing-60);
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  display: flex;
}
.why-deux-image-box {
  width: var(--_base---global-size--global-full);
  aspect-ratio: 1;
  background-color: var(--_color---normal-color--white);
  clip-path: polygon(39.766% 3.981%, 39.766% 3.981%, 41.57% 2.548%, 43.525% 1.433%, 45.592% .637%, 47.734% .159%, 49.914% 0%, 52.093% .159%, 54.235% .637%, 56.302% 1.433%, 58.257% 2.548%, 60.062% 3.981%, 62.419% 6.167%, 62.419% 6.167%, 63.227% 6.864%, 64.078% 7.499%, 64.969% 8.07%, 65.896% 8.575%, 66.856% 9.012%, 67.843% 9.381%, 68.856% 9.68%, 69.889% 9.906%, 70.94% 10.059%, 72.005% 10.138%, 75.217% 10.259%, 75.217% 10.259%, 77.507% 10.521%, 79.677% 11.115%, 81.702% 12.014%, 83.554% 13.191%, 85.208% 14.619%, 86.636% 16.273%, 87.813% 18.126%, 88.712% 20.15%, 89.306% 22.321%, 89.568% 24.61%, 89.69% 27.822%, 89.69% 27.822%, 89.768% 28.887%, 89.921% 29.938%, 90.148% 30.972%, 90.446% 31.984%, 90.815% 32.972%, 91.253% 33.931%, 91.757% 34.858%, 92.328% 35.749%, 92.963% 36.6%, 93.66% 37.409%, 95.846% 39.766%, 95.846% 39.766%, 97.279% 41.57%, 98.394% 43.525%, 99.19% 45.592%, 99.668% 47.734%, 99.827% 49.914%, 99.668% 52.093%, 99.19% 54.235%, 98.394% 56.302%, 97.279% 58.257%, 95.846% 60.062%, 93.66% 62.419%, 93.66% 62.419%, 92.963% 63.227%, 92.328% 64.078%, 91.757% 64.969%, 91.253% 65.896%, 90.815% 66.856%, 90.446% 67.843%, 90.148% 68.856%, 89.921% 69.889%, 89.768% 70.94%, 89.69% 72.005%, 89.568% 75.217%, 89.568% 75.217%, 89.306% 77.507%, 88.712% 79.677%, 87.813% 81.702%, 86.636% 83.554%, 85.208% 85.208%, 83.554% 86.636%, 81.702% 87.813%, 79.677% 88.712%, 77.507% 89.306%, 75.217% 89.568%, 72.005% 89.69%, 72.005% 89.69%, 70.94% 89.768%, 69.889% 89.921%, 68.856% 90.148%, 67.843% 90.446%, 66.856% 90.815%, 65.896% 91.253%, 64.969% 91.757%, 64.078% 92.328%, 63.227% 92.963%, 62.419% 93.66%, 60.062% 95.846%, 60.062% 95.846%, 58.257% 97.279%, 56.302% 98.394%, 54.235% 99.19%, 52.093% 99.668%, 49.914% 99.827%, 47.734% 99.668%, 45.592% 99.19%, 43.525% 98.394%, 41.57% 97.279%, 39.766% 95.846%, 37.409% 93.66%, 37.409% 93.66%, 36.6% 92.963%, 35.749% 92.328%, 34.858% 91.757%, 33.931% 91.253%, 32.972% 90.815%, 31.984% 90.446%, 30.972% 90.148%, 29.938% 89.921%, 28.887% 89.768%, 27.822% 89.69%, 24.61% 89.568%, 24.61% 89.568%, 22.321% 89.306%, 20.15% 88.712%, 18.126% 87.813%, 16.273% 86.636%, 14.619% 85.208%, 13.191% 83.554%, 12.014% 81.702%, 11.115% 79.677%, 10.521% 77.507%, 10.259% 75.217%, 10.138% 72.005%, 10.138% 72.005%, 10.059% 70.94%, 9.906% 69.889%, 9.68% 68.856%, 9.381% 67.843%, 9.012% 66.856%, 8.575% 65.896%, 8.07% 64.969%, 7.499% 64.078%, 6.864% 63.227%, 6.167% 62.419%, 3.981% 60.062%, 3.981% 60.062%, 2.548% 58.257%, 1.433% 56.302%, .637% 54.235%, .159% 52.093%, -0% 49.914%, .159% 47.734%, .637% 45.592%, 1.433% 43.525%, 2.548% 41.57%, 3.981% 39.766%, 6.167% 37.409%, 6.167% 37.409%, 6.864% 36.6%, 7.499% 35.749%, 8.07% 34.858%, 8.575% 33.931%, 9.012% 32.972%, 9.381% 31.984%, 9.68% 30.972%, 9.906% 29.938%, 10.059% 28.887%, 10.138% 27.822%, 10.259% 24.61%, 10.259% 24.61%, 10.521% 22.321%, 11.115% 20.15%, 12.014% 18.126%, 13.191% 16.273%, 14.619% 14.619%, 16.273% 13.191%, 18.126% 12.014%, 20.15% 11.115%, 22.321% 10.521%, 24.61% 10.259%, 27.822% 10.138%, 27.822% 10.138%, 28.887% 10.059%, 29.938% 9.906%, 30.972% 9.68%, 31.984% 9.381%, 32.972% 9.012%, 33.931% 8.575%, 34.858% 8.07%, 35.749% 7.499%, 36.6% 6.864%, 37.409% 6.167%, 39.766% 3.981%);
  justify-content: center;
  align-items: center;
  display: flex;
}
.why-deux-deco-box {
  border-radius: var(--_base---bordar-radius--bordar-radius-pill);
  background-color: #dbc9b8;
  flex: none;
  width: 6px;
  height: 270px;
  overflow: hidden;
}
.why-deux-deco-inner {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
  background-color: var(--_color---normal-color--brick-red);
}
.why-deux-item {
  padding: var(--_base---global-size--none);
  background-color: var(--_color---normal-color--transparent);
  flex-flow: column;
  display: flex;
}
.why-deux-item[aria-current="page"], .why-deux-item.is-active {
  background-color: var(--_color---normal-color--transparent);
}
.why-deux-items {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-40);
  grid-row-gap: var(--_common-spacing---spacing-40);
  flex-flow: column;
  max-width: 45%;
  margin-right: auto;
  display: flex;
}
.why-deux-item-text {
  padding-top: var(--_common-spacing---spacing-16);
  overflow: hidden;
}
.why-deux-deco-image {
  z-index: -2;
  width: var(--_base---global-size--global-full);
  max-width: 885px;
  height: 885px;
  position: absolute;
  inset: 0% -20% auto auto;
}
.why-deux-content {
  padding-bottom: var(--_common-spacing---spacing-200);
  position: relative;
  overflow: hidden;
}
.feature-collection-item {
  width: var(--_base---global-size--global-full);
  height: var(--_base---global-size--global-full);
}
.featured-item-parent-link {
  height: var(--_base---global-size--global-full);
}
.home-review-avatar-child {
  width: var(--_base---global-size--global-full);
  border-radius: var(--_base---bordar-radius--bordar-radius-32);
  max-width: 424px;
  overflow: hidden;
}
.about-slide-main-image {
  width: auto;
  height: auto;
}
.counter-number {
  font-family: var(--_base---font-family--font-family);
  color: var(--_color---normal-color--brick-red);
  font-size: var(--_base---font-size--font-size-148);
  line-height: var(--_base---line-height--line-height-90);
  font-weight: var(--_base---font-weight--regular);
  letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
}
.bread-cream-des-box {
  width: var(--_base---global-size--global-full);
  text-align: center;
  max-width: 488px;
}
.checkout-form {
  background-color: var(--_color---normal-color--light-cream);
}
.block-header {
  padding: var(--_common-spacing---spacing-16) var(--_common-spacing---spacing-20);
  border-bottom-color: var(--_color---normal-color--transparent);
  background-color: var(--_color---normal-color--dark-coffee-brown);
  color: var(--_color---normal-color--light-cream);
}
.customer-info {
  background-color: var(--_color---normal-color--dark-brown);
}
.checkout-image {
  border-radius: var(--_base---bordar-radius--bordar-radius-8);
  background-color: var(--_color---normal-color--light-beige);
}
.billing-address-toggle {
  align-items: center;
}
.checkbox {
  margin-top: -5px;
}
.submit-button {
  margin-bottom: var(--_common-spacing---spacing-20);
  padding: var(--_common-spacing---spacing-16) var(--_common-spacing---spacing-24);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--brick-red);
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_base---font-size--font-size-18);
}
.submit-button.is-password {
  width: var(--_base---global-size--global-full);
}
.error-message {
  background-color: var(--_color---normal-color--brick-red);
  color: var(--_color---normal-color--light-cream);
  text-align: center;
}
.shipping-method-list {
  border-right-color: var(--_color---normal-color--transparent);
  border-left-color: var(--_color---normal-color--transparent);
}
.nav-btn-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  display: flex;
}
.nav-offcanvas {
  position: static;
}
.cart-header {
  background-color: var(--_color---normal-color--dark-brown);
  border-bottom-color: #e7dfd3;
}
.cart-quantity {
  aspect-ratio: 1;
  background-color: var(--_color---normal-color--brick-red);
  width: 16px;
  min-width: auto;
  height: 16px;
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_base---font-size--font-size-12);
  line-height: 100%;
  font-weight: var(--_base---font-weight--medium);
  flex: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 2px 4px;
  display: flex;
  position: absolute;
  top: -5px;
  right: -5px;
}
.hamburger-trigger-wrap {
  display: none;
}
.nav-logo {
  width: var(--_base---global-size--global-full);
  height: auto;
  max-height: 44px;
}
.text-button {
  z-index: 20;
  font-family: var(--_base---font-family--second-family);
  color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-18);
  line-height: var(--_base---line-height--line-height-130);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: var(--_base---global-size--none);
  text-transform: uppercase;
  width: fit-content;
  padding: 0;
  text-decoration: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: linear;
  position: relative;
  overflow: hidden;
}
.text-button:where(.header-main) {
  color: var(--_color---normal-color--light-cream);
}
.text-button:hover, .text-button[aria-current="page"], .text-button.is-active {
  color: var(--_color---normal-color--brick-red);
}
.text-button.error-header-text {
  color: var(--_color---normal-color--light-cream);
}
.header-section {
  z-index: 9999;
  width: 100%;
  display: block;
  position: relative;
}
.header-section:where(.header-main), .header-section.main-header {
  position: absolute;
  inset: 0% auto auto 0%;
}
.menu-bar-item:where(.header-main), .cart-container {
  background-color: var(--_color---normal-color--light-cream);
}
.nav {
  background-color: #0000;
}
.nav-wrap {
  z-index: 1;
  padding-top: var(--_common-spacing---spacing-30);
  padding-bottom: var(--_common-spacing---spacing-26);
  position: relative;
}
.nav-inner {
  grid-column-gap: var(--_common-spacing---spacing-40);
  grid-row-gap: var(--_common-spacing---spacing-40);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
  position: static;
}
.close-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 4px;
  display: flex;
}
.nav-logo-link {
  justify-content: center;
  align-items: center;
  width: 168px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.nav-logo-link.display-desktop-hidden {
  display: none;
}
.cart-button {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 2px;
}
.nav-menu {
  grid-column-gap: var(--_common-spacing---spacing-40);
  grid-row-gap: var(--_common-spacing---spacing-40);
  justify-content: center;
  align-items: center;
  display: flex;
}
.empty-box {
  width: auto;
  height: auto;
}
.home-review-title-box {
  width: var(--_base---global-size--global-full);
  max-width: 960px;
}
.cart-image, .cart-image:where(.header-main) {
  border-radius: var(--_base---bordar-radius--bordar-radius-8);
  background-color: var(--_color---normal-color--light-beige);
}
.remove-btn, .remove-btn:where(.header-main) {
  color: var(--_color---normal-color--brick-red);
  font-weight: var(--_base---font-weight--semi-bold);
}
.checkout-button {
  padding: var(--_common-spacing---spacing-16) var(--_common-spacing---spacing-24);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--dark-brown);
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_base---font-size--font-size-18);
}
.checkout-button:where(.header-main) {
  padding: var(--_common-spacing---spacing-16) var(--_common-spacing---spacing-24);
  border-radius: var(--_base---bordar-radius--bordar-radius-100);
  background-color: var(--_color---normal-color--dark-brown);
  font-size: var(--_base---font-size--font-size-18);
}
.cart-quantity-two {
  border-color: var(--_color---normal-color--dark-brown);
}
.cart-quantity-two:where(.header-main) {
  border: 1px solid var(--_color---normal-color--dark-brown);
}
.cart-quantity-two:focus, .cart-quantity-two:focus:where(.header-main) {
  border-color: var(--_color---normal-color--dark-brown);
}
.empty-state, .empty-state:where(.header-main) {
  color: var(--_color---normal-color--brick-red);
  font-size: var(--_base---font-size--font-size-18);
}
.error-state {
  padding: var(--_common-spacing---spacing-16) var(--_common-spacing---spacing-24);
  background-color: var(--_color---normal-color--brick-red);
  color: var(--_color---normal-color--light-cream);
  text-align: center;
}
.error-state:where(.header-main) {
  background-color: var(--_color---normal-color--brick-red);
  color: var(--_color---normal-color--light-cream);
  text-align: center;
}
.home-hero-child-bottom {
  grid-column-gap: var(--_common-spacing---spacing-18);
  grid-row-gap: var(--_common-spacing---spacing-18);
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}
.featured-btn-box {
  margin-top: var(--_common-spacing---spacing-40);
}
.sticky-bar {
  position: sticky;
  top: 20px;
}
.home-hero-content-box {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-10);
  grid-row-gap: var(--_common-spacing---spacing-10);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.our-mission-rotated-child {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--brick-red);
  justify-content: center;
  align-items: center;
  width: 136px;
  height: 136px;
  display: flex;
  position: relative;
}
.product-image-rotated {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}
.counter-dot {
  border-radius: var(--_base---bordar-radius--bordar-radius-round);
  background-color: var(--_color---normal-color--light-golden-yellow);
  flex: none;
  width: 16px;
  height: 16px;
}
.why-deux-content-toggle {
  overflow: hidden;
}
.tabs {
  align-items: flex-start;
  max-width: 850px;
  display: flex;
}
.tabs-content {
  width: var(--_base---global-size--global-full);
  max-width: 45%;
  margin-left: var(--_common-spacing---spacing-40);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}
.desktop-btn-none {
  display: none;
}
.footer-copy-design {
  font-family: var(--_base---font-family--second-family);
  color: var(--_color---normal-color--light-cream);
  font-size: var(--_base---font-size--font-size-18);
  line-height: var(--_base---line-height--line-height-160);
  font-weight: var(--_base---font-weight--medium);
  letter-spacing: -.04em;
}
.footer-copy-link {
  color: var(--_color---normal-color--light-cream);
  transition: all .3s;
}
.footer-copy-link:hover {
  color: var(--_color---normal-color--brick-red);
}
.cart-list:where(.header-main) {
  border-bottom: 1px solid var(--_color---normal-color--transparent);
}
.cart-footer:where(.header-main) {
  border-top: 1px solid var(--_color---normal-color--transparent);
}
.cta-wrap-child {
  border-radius: var(--_base---bordar-radius--bordar-radius-64);
}
.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
.utility-page-form.is-password-page {
  grid-column-gap: var(--_common-spacing---spacing-64);
  grid-row-gap: var(--_common-spacing---spacing-64);
}
.pass-field-with-btn {
  grid-column-gap: var(--_common-spacing---spacing-24);
  grid-row-gap: var(--_common-spacing---spacing-24);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.pass-field-with-label {
  width: var(--_base---global-size--global-full);
  grid-column-gap: var(--_common-spacing---spacing-12);
  grid-row-gap: var(--_common-spacing---spacing-12);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.featured-btn-wrap {
  margin-top: var(--_common-spacing---spacing-48);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}@media screen and (min-width: 1280px) {

  .footer-email-input {
    width: 424px;
  }
  .home-hero-edge {
    overflow: hidden;
  }
  .home-hero-top {
    padding-right: var(--_common-spacing---spacing-72);
    padding-bottom: var(--_common-spacing---spacing-60);
    padding-left: var(--_common-spacing---spacing-72);
    grid-template-columns: 1fr 3fr 1fr;
    align-items: center;
  }
  .home-hero-intro {
    max-width: 310px;
  }
  .home-hero-side-image {
    max-width: 550px;
  }
  .home-review-row {
    margin-left: var(--_common-spacing---spacing-300);
  }
  .offer-card {
    padding-right: var(--_common-spacing---spacing-100);
    padding-left: var(--_common-spacing---spacing-100);
  }
  .testimonials-slider {
    overflow: hidden;
  }
  .testimonials-quote-right {
    right: 48px;
  }
  .testimonials-left-arrow {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    top: 80%;
  }
  .testimonials-right-arrow {
    top: 80%;
  }
  .testimonials-quote-text {
    font-size: var(--_base---font-size--font-size-32);
  }
  .home-blog {
    overflow: hidden;
  }
  .home-blog-card-body {
    grid-column-gap: var(--_common-spacing---spacing-64);
    grid-row-gap: var(--_common-spacing---spacing-64);
  }
  .home-blog-card-link {
    grid-template-columns: 3fr 1fr;
  }
  .cta-content {
    grid-column-gap: var(--_common-spacing---spacing-48);
    grid-row-gap: var(--_common-spacing---spacing-48);
    grid-template-columns: 1fr 2fr 1fr;
  }
  .cta-left-image-box, .cta-right-image-box {
    width: 226px;
    height: 226px;
  }
  .about-hero-top {
    padding-right: var(--_common-spacing---spacing-72);
    padding-left: var(--_common-spacing---spacing-72);
    grid-template-columns: 1fr 10fr 1fr;
    align-items: center;
  }
  .about-title, .home-title {
    font-size: clamp(72px, 21cqw, 148px);
  }
  .about-hero-side-image {
    width: 315px;
    height: 124px;
  }
  .about-hero-image-box {
    width: 248px;
    left: 78px;
  }
  .text-smal.medium.dark-brown {
    color: var(--_color---normal-color--dark-brown);
  }
  .counter-items {
    grid-column-gap: var(--_common-spacing---spacing-48);
    grid-row-gap: var(--_common-spacing---spacing-48);
  }
  .counter-deco-box {
    left: -80px;
  }
  .product-hero-left-image {
    max-width: 650px;
    height: auto;
    left: -286px;
  }
  .product-hero-right-image {
    max-width: 554px;
    height: auto;
    right: -220px;
  }
  .why-deux-image-box {
    width: 435px;
    height: 435px;
  }
  .home-hero-content-box {
    justify-content: space-between;
    display: flex;
  }}
@media screen and (max-width: 991px) {

  body {
    --h1--font-size: 100px;
    --h1--line-height: var(--_base---line-height--line-height-100);
    --h1--font-weight: var(--_base---font-weight--regular);
    --h1--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h2--font-family: var(--_base---font-family--font-family);
    --h2--font-size: 62px;
    --h2--line-height: var(--_base---line-height--line-height-100);
    --h2--font-weight: var(--_base---font-weight--regular);
    --h2--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h3--font-family: var(--_base---font-family--font-family);
    --h3--font-size: 46px;
    --h3--line-height: var(--_base---line-height--line-height-100);
    --h3--font-weight: var(--_base---font-weight--regular);
    --h3--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h4--font-family: var(--_base---font-family--second-family);
    --h4--font-size: 28px;
    --h4--line-height: var(--_base---line-height--line-height-100);
    --h4--font-weight: var(--_base---font-weight--semi-bold);
    --h4--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h5--font-family: var(--_base---font-family--second-family);
    --h5--font-size: 24px;
    --h5--line-height: var(--_base---line-height--line-height-100);
    --h5--font-weight: var(--_base---font-weight--semi-bold);
    --h5--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h6--font-family: var(--_base---font-family--second-family);
    --h6--font-size: 22px;
    --h6--line-height: var(--_base---line-height--line-height-100);
    --h6--font-weight: var(--_base---font-weight--medium);
    --h6--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h1--font-family: var(--_base---font-family--font-family);
    --text-regular--font-family: var(--_base---font-family--second-family);
    --text-regular--font-size: 16px;
    --text-regular--line-height: var(--_base---line-height--line-height-130);
    --text-regular--font-weight: var(--_base---font-weight--semi-bold);
    --text-regular--letter-spacing: var(--_base---global-size--none);
    --text-small--font-family: var(--_base---font-family--second-family);
    --text-small--font-size: 16px;
    --text-small--line-height: var(--_base---line-height--line-height-125);
    --text-small--font-weight: var(--_base---font-weight--medium);
    --text-small--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --text-extra-small--font-family: var(--_base---font-family--second-family);
    --text-extra-small--font-size: 14px;
    --text-extra-small--line-height: var(--_base---line-height--line-height-140);
    --text-extra-small--font-weight: var(--_base---font-weight--medium);
    --text-extra-small--letter-spacing: var(--_base---global-size--none);
    --text-extra-large--font-family: var(--_base---font-family--second-family);
    --text-extra-large--font-weight: var(--_base---font-weight--regular);
    --text-extra-large--font-size: 22px;
    --text-extra-large--line-height: var(--_base---line-height--line-height-140);
    --text-extra-large--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
    --text-learge--font-family: var(--_base---font-family--second-family);
    --text-learge--font-weight: var(--_base---font-weight--regular);
    --text-learge--font-size: 20px;
    --text-learge--line-height: var(--_base---line-height--line-height-140);
    --text-learge--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
    --_common-spacing---spacing-32: 30px;
    --_common-spacing---spacing-16: 16px;
    --_common-spacing---spacing-24: 24px;
    --_common-spacing---spacing-10: 10px;
    --_common-spacing---spacing-8: 8px;
    --_common-spacing---spacing-155: 155px;
    --_common-spacing---spacing-50: 50px;
    --_common-spacing---spacing-80: 80px;
    --_common-spacing---spacing-44: 44px;
    --_common-spacing---spacing-60: 60px;
    --_common-spacing---spacing-20: 20px;
    --_common-spacing---spacing-4: 4px;
    --_common-spacing---spacing-12: 12px;
    --_common-spacing---spacing-98: 98px;
    --_common-spacing---spacing-120: 100px;
    --_common-spacing---spacing-36: 36px;
    --_common-spacing---spacing-64: 60px;
    --_common-spacing---spacing-68: 68px;
    --_common-spacing---spacing-40: 38px;
    --_common-spacing---spacing-28: 28px;
    --_common-spacing---spacing-30: 30px;
    --_common-spacing---spacing-48: 44px;
    --_common-spacing---spacing-34: 34px;
    --_common-spacing---spacing-14: 14px;
    --_common-spacing---spacing-110: 110px;
    --_common-spacing---spacing-26: 26px;
    --_common-spacing---spacing-54: 54px;
    --_common-spacing---spacing-100: 80px;
    --_common-spacing---spacing-72: 72px;
    --_common-spacing---spacing-18: 18px;
    --_common-spacing---spacing-300: 300px;
    --_common-spacing---spacing-90: 90px;
    --_common-spacing---spacing-112: 112px;
    --_common-spacing---spacing-52: 52px;
    --_common-spacing---spacing-55: 55px;
    --_common-spacing---spacing-130: 130px;
    --_common-spacing---spacing-62: 62px;
    --_common-spacing---spacing-94: 94px;
    --_common-spacing---spacing-140: 120px;
    --_common-spacing---spacing-85: 85px;
    --_common-spacing---spacing-56: 56px;
    --_common-spacing---spacing-78: 78px;
    --_common-spacing---spacing-92: 92px;
    --_common-spacing---spacing-156: 156px;
    --_common-spacing---spacing-74: 74px;
    --_common-spacing---spacing-200: 180px;
    --_common-spacing---spacing-250: 100px;
    --_common-spacing---spacing-84: 84px;
    --_common-spacing---spacing-2: 2px;
    --_common-spacing---spacing-6: 6px;
    --_common-spacing---spacing-15: 15px;
    --_common-spacing---spacing-65: 65px;
    --_common-spacing---spacing-146: 146px;
    --_common-spacing---spacing-160: 140px;
    --_common-spacing---spacing-252: 252px;
    --_common-spacing---spacing-360: 360px;
    --_ui---container--max-width: var(--_base---global-size--global-full);
    --_ui---container--padding: 32px;
    --_ui---primary-button--font-family: var(--_base---font-family--second-family);
    --_ui---primary-button--font-size: var(--_base---font-size--font-size-18);
    --_ui---primary-button--line-height: var(--_base---line-height--line-height-130);
    --_ui---primary-button--font-weight: var(--_base---font-weight--semi-bold);
    --_ui---primary-button--letter-spacing: var(--_base---global-size--none);
    --_ui---secondary-button--font-family: var(--_base---font-family--second-family);
    --_ui---secondary-button--font-weight: var(--_base---font-weight--semi-bold);
    --_ui---secondary-button--font-size: var(--_base---font-size--font-size-18);
    --_ui---secondary-button--line-height: var(--_base---line-height--line-height-130);
    --_ui---secondary-button--letter-spacing: var(--_base---global-size--none);
  }
  .style-guide-color-box {
    grid-template-columns: 1fr;
  }
  .button.secondary.header-btn {
    width: var(--_base---global-size--global-full);
  }
  .bread-cream {
    margin-top: var(--_common-spacing---spacing-50);
  }
  .footer-wrap {
    grid-column-gap: var(--_common-spacing---spacing-50);
    grid-row-gap: var(--_common-spacing---spacing-50);
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .footer-link-box {
    padding-top: var(--_base---global-size--none);
  }
  .footer-form-box {
    align-items: flex-start;
  }
  .footer-adress-box {
    padding-top: var(--_base---global-size--none);
    order: 2;
    align-items: flex-start;
  }
  .socail-icon-box {
    justify-content: flex-start;
  }
  .socail-icon-box.desktop-none {
    display: flex;
  }
  .footer-contact-links {
    align-items: flex-start;
  }
  .utility-info-item {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }
  .utility-info-item.utility-info-item-pd {
    grid-template-columns: 1fr;
  }
  .contact-wrap {
    grid-column-gap: var(--_common-spacing---spacing-30);
    grid-row-gap: var(--_common-spacing---spacing-30);
    flex-flow: column;
  }
  .contact-image-box {
    width: 30%;
  }
  .setion-title-box.faq-setion-title {
    max-width: var(--_base---global-size--global-full);
  }
  .home-hero {
    padding-right: var(--_common-spacing---spacing-30);
    padding-left: var(--_common-spacing---spacing-30);
  }
  .home-wrap {
    padding-bottom: 30px;
  }
  .home-hero-top {
    padding-bottom: var(--_common-spacing---spacing-50);
    border-radius: var(--_base---bordar-radius--bordar-radius-64);
    background-color: var(--_color---normal-color--light-cream);
    justify-content: space-between;
  }
  .home-hero-title-box {
    max-width: 600px;
  }
  .hero-tag-text {
    font-size: var(--_base---font-size--font-size-32);
  }
  .hero-tag-stock {
    font-size: var(--_base---font-size--font-size-32);
    -webkit-text-stroke-width: 10px;
  }
  .home-hero-intro {
    margin-top: var(--_base---global-size--none);
    text-align: center;
    position: static;
  }
  .home-hero-bottom {
    margin-top: var(--_base---global-size--none);
    justify-content: center;
    align-items: center;
    position: static;
  }
  .home-hero-side-image {
    order: -9999;
    max-width: 350px;
    margin-top: 0;
  }
  .home-hero-main {
    order: -9999;
  }
  .hero-bottom-box {
    display: none;
  }
  .feature-tab-button, .feature-tab-button[aria-current="page"], .feature-tab-button.is-active {
    background-position: 50% -20%;
    background-size: 80%;
  }
  .feature-tab-content {
    grid-template-columns: 1fr 1fr;
  }
  .home-review-wrap {
    padding-top: var(--_common-spacing---spacing-50);
    padding-bottom: var(--_common-spacing---spacing-50);
  }
  .home-review-bottom-box {
    width: 50%;
    inset: auto auto 0% -15%;
  }
  .home-review-row {
    margin-top: var(--_common-spacing---spacing-32);
    margin-left: var(--_base---global-size--none);
    flex-flow: column;
  }
  .home-review-avatar-box {
    height: auto;
    max-width: var(--_base---global-size--global-full);
    min-width: var(--_base---global-size--global-full);
  }
  .home-review-text-box {
    grid-column-gap: var(--_common-spacing---spacing-64);
    grid-row-gap: var(--_common-spacing---spacing-64);
  }
  .home-review-image-box {
    width: 60%;
    inset: auto auto -10% -10%;
  }
  .offer-wrap, .why-deux-wrap {
    grid-template-columns: 1fr;
  }
  .marquee-wrap {
    padding-bottom: 180px;
  }
  .marquee-track {
    font-size: var(--_base---font-size--font-size-240);
  }
  .marquee-image-box {
    width: auto;
    height: auto;
  }
  .testimonials-wrap {
    grid-template-columns: 1fr;
  }
  .testimonials-image-box {
    height: auto;
  }
  .testimonials-slider {
    padding-bottom: 100px;
  }
  .home-blog-card-link {
    grid-template-columns: 4fr 1fr;
  }
  .home-blog-side-image {
    width: 50%;
    right: -160px;
  }
  .home-blog-bottom-image {
    width: 50%;
    left: -150px;
  }
  .faqs-wrap {
    grid-column-gap: var(--_common-spacing---spacing-44);
    grid-row-gap: var(--_common-spacing---spacing-44);
    grid-template-columns: 1.2fr;
  }
  .faqs-content {
    grid-column-gap: var(--_common-spacing---spacing-30);
    grid-row-gap: var(--_common-spacing---spacing-30);
  }
  .cta-content {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
    flex-flow: column;
  }
  .cta-left-images {
    left: 8%;
    transform: translate(0)rotate(-11deg);
  }
  .cta-left-image {
    width: 80%;
    bottom: -35px;
  }
  .cta-title-box {
    margin-top: var(--_common-spacing---spacing-56);
  }
  .cta-right-images {
    right: 8%;
    transform: translate(0, 30px);
  }
  .cta-right-image {
    width: 80%;
    top: -20px;
    right: -30%;
  }
  .about-hero {
    padding-right: var(--_common-spacing---spacing-30);
    padding-left: var(--_common-spacing---spacing-30);
  }
  .about-wrap {
    border-radius: var(--_base---bordar-radius--bordar-radius-64);
    background-color: var(--_color---normal-color--light-beige);
  }
  .about-title {
    font-size: clamp(72px, 21cqw, 80px);
  }
  .home-title {
    font-size: clamp(72px, 21cqw, 100px);
  }
  .about-hero-side-image {
    width: 150px;
  }
  .about-hero-image-box {
    z-index: 10;
    width: 100px;
    bottom: 20px;
    left: 20px;
  }
  .our-mission-content {
    margin-top: var(--_common-spacing---spacing-90);
    grid-column-gap: var(--_common-spacing---spacing-110);
    grid-row-gap: var(--_common-spacing---spacing-110);
    flex-flow: wrap;
  }
  .our-mission-left {
    margin-left: auto;
    margin-right: auto;
  }
  .our-mission-meta-wrap {
    text-align: center;
  }
  .our-mission-right {
    max-width: var(--_base---global-size--global-full);
  }
  .video-banner-box {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
    height: 500px;
  }
  .counter-wrap {
    flex-flow: column;
  }
  .team-row, .team-row-two {
    flex-flow: wrap;
  }
  .about-slide-image-box {
    width: 300px;
  }
  .blog-hero {
    margin-top: var(--_common-spacing---spacing-50);
  }
  .blog-card-link {
    grid-column-gap: var(--_common-spacing---spacing-48);
    grid-row-gap: var(--_common-spacing---spacing-48);
    grid-template-columns: 1fr;
  }
  .blog-card-image-box {
    height: auto;
  }
  .blog-card-body {
    padding-bottom: var(--_common-spacing---spacing-48);
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }
  .blog-item-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .blog-item-image-box, .blog-detail-image-box {
    height: auto;
  }
  .blog-cms-wrap {
    flex-flow: column;
  }
  .product-hero-left-image {
    max-width: 300px;
    left: -130px;
  }
  .product-hero-right-image {
    max-width: 300px;
    right: -138px;
  }
  .product-details {
    margin-top: var(--_common-spacing---spacing-64);
  }
  .product-details-wrap {
    flex-flow: column;
  }
  .product-image-column, .product-info-column {
    max-width: var(--_base---global-size--global-full);
  }
  .marquee-bg {
    width: 700px;
    height: auto;
    bottom: -10%;
  }
  .why-deux-deco-box {
    height: 432px;
  }
  .why-deux-items {
    max-width: 49%;
  }
  .why-deux-deco-image {
    right: -40%;
  }
  .home-review-avatar-child {
    max-width: var(--_base---global-size--global-full);
  }
  .about-slide-main-image {
    width: 300px;
  }
  .counter-number {
    line-height: var(--_base---line-height--line-height-90);
  }
  .payment-container {
    flex-flow: column;
  }
  .payment-box {
    width: var(--_base---global-size--global-full);
    margin-right: var(--_base---global-size--none);
  }
  .nav-menu-inner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000;
    flex-flow: column;
    width: 100%;
    max-height: 68vh;
    display: block;
    overflow: auto;
  }
  .hamburger-trigger {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 28px;
    padding: 4px 2px;
    display: flex;
  }
  .hamburger-trigger.is-open {
    background-color: #0000;
  }
  .nav-btn-inner {
    align-self: auto;
    margin-left: auto;
    margin-right: 0;
    display: none;
  }
  .nav-offcanvas {
    background-color: #0000;
    width: 100%;
    max-width: 1408px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    padding-left: 32px;
    padding-right: 32px;
    position: absolute;
  }
  .nav-menu-with-btn {
    background-color: var(--_color---normal-color--dark-brown);
    border-radius: 8px;
    padding: 24px;
  }
  .hamburger-trigger-wrap {
    grid-column-gap: var(--_common-spacing---spacing-16);
    grid-row-gap: var(--_common-spacing---spacing-16);
    flex: none;
    align-items: center;
    display: flex;
  }
  .text-button {
    font-family: var(--_base---font-family--font-family);
    color: var(--_color---normal-color--light-cream);
    font-size: var(--h3--font-size);
    font-weight: var(--_base---font-weight--medium);
    margin-left: 0;
    margin-right: 0;
  }
  .menu-bar {
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
  }
  .menu-bar-item {
    background-color: var(--_color---normal-color--dark-brown);
    width: 100%;
    height: 2px;
  }
  .menu-bar-item:where(.header-main), .menu-bar-item.menu-bar-item-two {
    background-color: var(--_color---normal-color--light-cream);
  }
  .nav-inner {
    display: flex;
  }
  .nav-logo-link {
    width: 120px;
  }
  .nav-logo-link.display-desktop-hidden {
    display: block;
  }
  .nav-logo-link.display-tab-hidden {
    display: none;
  }
  .nav-menu {
    grid-column-gap: var(--_common-spacing---spacing-8);
    grid-row-gap: var(--_common-spacing---spacing-8);
    border-radius: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .empty-box.display-tab-hidden {
    display: none;
  }
  .home-hero-child-bottom {
    justify-content: center;
    align-items: center;
  }
  .home-hero-content-box {
    grid-column-gap: var(--_common-spacing---spacing-24);
    grid-row-gap: var(--_common-spacing---spacing-24);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .tabs-content {
    max-width: 47%;
  }
  .desktop-btn-none {
    width: var(--_base---global-size--global-full);
    display: block;
  }
  .nav-btn-box {
    width: var(--_base---global-size--global-full);
    margin-top: var(--_common-spacing---spacing-30);
    grid-column-gap: var(--_common-spacing---spacing-16);
    grid-row-gap: var(--_common-spacing---spacing-16);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .nav-btn-box:where(.header-main) {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .contact-child-content {
    justify-content: center;
    display: flex;
  }}
@media screen and (max-width: 767px) {

  body {
    --h1--font-size: 80px;
    --h1--line-height: var(--_base---line-height--line-height-100);
    --h1--font-weight: var(--_base---font-weight--regular);
    --h1--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h2--font-family: var(--_base---font-family--font-family);
    --h2--font-size: 48px;
    --h2--line-height: var(--_base---line-height--line-height-100);
    --h2--font-weight: var(--_base---font-weight--regular);
    --h2--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h3--font-family: var(--_base---font-family--font-family);
    --h3--font-size: 42px;
    --h3--line-height: var(--_base---line-height--line-height-100);
    --h3--font-weight: var(--_base---font-weight--regular);
    --h3--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h4--font-family: var(--_base---font-family--second-family);
    --h4--font-size: 26px;
    --h4--line-height: var(--_base---line-height--line-height-100);
    --h4--font-weight: var(--_base---font-weight--semi-bold);
    --h4--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h5--font-family: var(--_base---font-family--second-family);
    --h5--font-size: 22px;
    --h5--line-height: var(--_base---line-height--line-height-100);
    --h5--font-weight: var(--_base---font-weight--semi-bold);
    --h5--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h6--font-family: var(--_base---font-family--second-family);
    --h6--font-size: 20px;
    --h6--line-height: var(--_base---line-height--line-height-100);
    --h6--font-weight: var(--_base---font-weight--medium);
    --h6--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h1--font-family: var(--_base---font-family--font-family);
    --text-regular--font-family: var(--_base---font-family--second-family);
    --text-regular--font-size: 16px;
    --text-regular--line-height: var(--_base---line-height--line-height-130);
    --text-regular--font-weight: var(--_base---font-weight--semi-bold);
    --text-regular--letter-spacing: var(--_base---global-size--none);
    --text-small--font-family: var(--_base---font-family--second-family);
    --text-small--font-size: 14px;
    --text-small--line-height: var(--_base---line-height--line-height-125);
    --text-small--font-weight: var(--_base---font-weight--medium);
    --text-small--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --text-extra-small--font-family: var(--_base---font-family--second-family);
    --text-extra-small--font-size: 12px;
    --text-extra-small--line-height: var(--_base---line-height--line-height-140);
    --text-extra-small--font-weight: var(--_base---font-weight--medium);
    --text-extra-small--letter-spacing: var(--_base---global-size--none);
    --text-extra-large--font-family: var(--_base---font-family--second-family);
    --text-extra-large--font-weight: var(--_base---font-weight--regular);
    --text-extra-large--font-size: 20px;
    --text-extra-large--line-height: var(--_base---line-height--line-height-140);
    --text-extra-large--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
    --text-learge--font-family: var(--_base---font-family--second-family);
    --text-learge--font-weight: var(--_base---font-weight--regular);
    --text-learge--font-size: 18px;
    --text-learge--line-height: var(--_base---line-height--line-height-140);
    --text-learge--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
    --_common-spacing---spacing-32: 28px;
    --_common-spacing---spacing-16: 16px;
    --_common-spacing---spacing-24: 24px;
    --_common-spacing---spacing-10: 10px;
    --_common-spacing---spacing-8: 8px;
    --_common-spacing---spacing-155: 155px;
    --_common-spacing---spacing-50: 50px;
    --_common-spacing---spacing-80: 80px;
    --_common-spacing---spacing-44: 44px;
    --_common-spacing---spacing-60: 60px;
    --_common-spacing---spacing-20: 20px;
    --_common-spacing---spacing-4: 4px;
    --_common-spacing---spacing-12: 12px;
    --_common-spacing---spacing-98: 98px;
    --_common-spacing---spacing-120: 80px;
    --_common-spacing---spacing-36: 36px;
    --_common-spacing---spacing-64: 50px;
    --_common-spacing---spacing-68: 68px;
    --_common-spacing---spacing-40: 36px;
    --_common-spacing---spacing-28: 28px;
    --_common-spacing---spacing-30: 30px;
    --_common-spacing---spacing-48: 42px;
    --_common-spacing---spacing-34: 34px;
    --_common-spacing---spacing-14: 14px;
    --_common-spacing---spacing-110: 110px;
    --_common-spacing---spacing-26: 26px;
    --_common-spacing---spacing-54: 54px;
    --_common-spacing---spacing-100: 64px;
    --_common-spacing---spacing-72: 72px;
    --_common-spacing---spacing-18: 18px;
    --_common-spacing---spacing-300: 300px;
    --_common-spacing---spacing-90: 90px;
    --_common-spacing---spacing-112: 112px;
    --_common-spacing---spacing-52: 52px;
    --_common-spacing---spacing-55: 55px;
    --_common-spacing---spacing-130: 130px;
    --_common-spacing---spacing-62: 62px;
    --_common-spacing---spacing-94: 94px;
    --_common-spacing---spacing-140: 80px;
    --_common-spacing---spacing-85: 85px;
    --_common-spacing---spacing-56: 56px;
    --_common-spacing---spacing-78: 78px;
    --_common-spacing---spacing-92: 92px;
    --_common-spacing---spacing-156: 156px;
    --_common-spacing---spacing-74: 74px;
    --_common-spacing---spacing-200: 140px;
    --_common-spacing---spacing-250: 80px;
    --_common-spacing---spacing-84: 84px;
    --_common-spacing---spacing-2: 2px;
    --_common-spacing---spacing-6: 6px;
    --_common-spacing---spacing-15: 15px;
    --_common-spacing---spacing-65: 65px;
    --_common-spacing---spacing-146: 146px;
    --_common-spacing---spacing-160: 100px;
    --_common-spacing---spacing-252: 252px;
    --_common-spacing---spacing-360: 360px;
    --_ui---container--max-width: var(--_base---global-size--global-full);
    --_ui---container--padding: 24px;
    --_ui---primary-button--font-family: var(--_base---font-family--second-family);
    --_ui---primary-button--font-size: var(--_base---font-size--font-size-18);
    --_ui---primary-button--line-height: var(--_base---line-height--line-height-130);
    --_ui---primary-button--font-weight: var(--_base---font-weight--semi-bold);
    --_ui---primary-button--letter-spacing: var(--_base---global-size--none);
    --_ui---secondary-button--font-family: var(--_base---font-family--second-family);
    --_ui---secondary-button--font-weight: var(--_base---font-weight--semi-bold);
    --_ui---secondary-button--font-size: var(--_base---font-size--font-size-18);
    --_ui---secondary-button--line-height: var(--_base---line-height--line-height-130);
    --_ui---secondary-button--letter-spacing: var(--_base---global-size--none);
  }
  .utility-page-wrap {
    margin-top: var(--_common-spacing---spacing-50);
  }
  .style-guide-wrap {
    grid-column-gap: var(--_common-spacing---spacing-44);
    grid-row-gap: var(--_common-spacing---spacing-44);
  }
  .style-guide-color-box, .style-guide-typography {
    grid-template-columns: 1fr;
  }
  .colors-box {
    grid-template-columns: 1fr 1fr;
  }
  .bread-cream {
    margin-top: var(--_common-spacing---spacing-36);
  }
  .bread-cream-wrap {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .footer {
    border-top-left-radius: var(--_base---bordar-radius--bordar-radius-40);
    border-top-right-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .our-mission-rotated-image {
    object-fit: cover;
  }
  .images-grid-box {
    grid-template-columns: 1fr;
  }
  .images-grid-item {
    height: auto;
  }
  .images-grid-box-two {
    padding-left: 100px;
    padding-right: 100px;
  }
  .utility-info-item.utility-info-item-pd {
    padding-top: var(--_common-spacing---spacing-24);
    padding-bottom: var(--_common-spacing---spacing-24);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  .div {
    width: var(--_base---global-size--global-full);
    padding-right: var(--_common-spacing---spacing-24);
    padding-left: var(--_common-spacing---spacing-24);
  }
  .contact-section {
    padding-top: var(--_common-spacing---spacing-30);
  }
  .contact-image-box {
    width: 386px;
  }
  .find-content {
    flex-flow: column;
  }
  .find-map-box {
    height: auto;
  }
  .home-hero {
    padding-right: var(--_common-spacing---spacing-20);
    padding-left: var(--_common-spacing---spacing-20);
  }
  .home-wrap {
    min-height: auto;
    padding-right: var(--_base---global-size--none);
    padding-left: var(--_base---global-size--none);
  }
  .home-hero-top {
    padding-right: var(--_common-spacing---spacing-20);
    padding-left: var(--_common-spacing---spacing-20);
    grid-column-gap: var(--_common-spacing---spacing-28);
    grid-row-gap: var(--_common-spacing---spacing-28);
    border-radius: var(--_base---bordar-radius--bordar-radius-44);
    justify-content: center;
  }
  .hero-tag-text {
    font-size: var(--_base---font-size--font-size-24);
  }
  .hero-tag-stock {
    font-size: var(--_base---font-size--font-size-24);
    -webkit-text-stroke-width: 10px;
  }
  .home-hero-intro {
    text-align: center;
    max-width: 300px;
  }
  .home-hero-bottom {
    grid-column-gap: var(--_common-spacing---spacing-10);
    grid-row-gap: var(--_common-spacing---spacing-10);
    align-items: center;
    max-width: 300px;
  }
  .featured-tabs-menu {
    flex-flow: wrap;
    justify-content: flex-start;
  }
  .feature-tab-button {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
    background-position: 50% -20%;
    width: 50%;
  }
  .feature-tab-button[aria-current="page"], .feature-tab-button.is-active {
    background-position: 50% -20%;
  }
  .feature-tab-content {
    grid-template-columns: 1fr;
    place-items: center;
  }
  .featured-item-image-box {
    height: auto;
  }
  .featured-item-text {
    text-align: left;
  }
  .home-review-wrap {
    padding-right: var(--_common-spacing---spacing-30);
    padding-left: var(--_common-spacing---spacing-30);
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .home-review-edge {
    padding-right: var(--_common-spacing---spacing-20);
    padding-left: var(--_common-spacing---spacing-20);
  }
  .home-review-row {
    grid-column-gap: var(--_common-spacing---spacing-50);
    grid-row-gap: var(--_common-spacing---spacing-50);
  }
  .home-review-text-box {
    align-items: center;
  }
  .offer-card {
    padding: var(--_common-spacing---spacing-30);
  }
  .offer-image-box {
    height: auto;
  }
  .marquee-wrap {
    padding-top: 150px;
    padding-bottom: 250px;
  }
  .marquee-track {
    font-size: var(--_base---font-size--font-size-148);
  }
  .marquee-image-box {
    width: var(--_base---global-size--global-full);
    padding-bottom: 0;
    transform: translate(0%, -50%);
  }
  .visit-section {
    margin-top: var(--_base---font-size--font-size-68);
  }
  .visit-wrap {
    padding-right: var(--_common-spacing---spacing-20);
    padding-left: var(--_common-spacing---spacing-20);
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .visit-brand-text {
    font-size: var(--_base---font-size--font-size-52);
  }
  .visit-tag-wrap {
    right: 1%;
  }
  .testimonials-image-box, .testimonials-content {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .home-blog-image-box {
    width: var(--_base---global-size--global-full);
    height: auto;
  }
  .home-blog-card-body {
    width: var(--_base---global-size--global-full);
    grid-column-gap: var(--_common-spacing---spacing-24);
    grid-row-gap: var(--_common-spacing---spacing-24);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
  }
  .home-blog-card-link {
    flex-flow: column;
    grid-template-columns: 4fr;
    justify-content: center;
    place-items: center start;
    display: flex;
  }
  .home-blog-arrow-wrap {
    margin-bottom: 0;
    margin-left: 0;
    display: none;
  }
  .home-blog-side-image {
    right: -100px;
  }
  .home-blog-bottom-image {
    left: -100px;
  }
  .faqs-content {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
  }
  .cta-wrap {
    padding: 80px var(--_common-spacing---spacing-56);
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .faqs-item {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .cta-left-images {
    inset: 0% auto auto 0%;
    transform: translate(0, -25px)rotate(-11deg);
  }
  .cta-left-image {
    left: -25px;
  }
  .cta-big-text {
    font-size: clamp(32px, 16.5cqw, 100px);
  }
  .cta-tag-stock {
    -webkit-text-stroke-width: 28px;
    font-size: clamp(72px, 16.5cqw, 100px);
  }
  .about-wrap {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .about-hero-top {
    padding-right: var(--_base---global-size--none);
    padding-left: var(--_base---global-size--none);
  }
  .about-title {
    font-size: clamp(32px, 21cqw, 52px);
  }
  .home-title {
    font-size: clamp(40px, 18cqw, 60px);
  }
  .about-hero-side-image {
    width: 120px;
    top: 0;
    right: 10px;
  }
  .about-hero-image-box {
    bottom: 0;
  }
  .our-mission-content {
    margin-top: var(--_common-spacing---spacing-64);
  }
  .our-mission-image-box {
    height: 500px;
    margin-left: 0;
  }
  .our-mission-left-deco {
    height: 500px;
  }
  .video-banner-box {
    height: 300px;
  }
  .video-banner-button {
    width: 60px;
    height: 60px;
    padding: 20px;
  }
  .counter-left-image-box {
    right: 0;
  }
  .counter-deco-box {
    left: 0;
  }
  .team-row, .team-row-two {
    justify-content: center;
    align-items: center;
  }
  .about-slider-title-box {
    padding-right: var(--_common-spacing---spacing-24);
    padding-left: var(--_common-spacing---spacing-24);
  }
  .about-slide-image-box {
    width: 250px;
  }
  .about-slide-content {
    padding-right: var(--_common-spacing---spacing-16);
    padding-bottom: var(--_common-spacing---spacing-16);
    padding-left: var(--_common-spacing---spacing-16);
    margin-top: -45px;
  }
  .blog-card-link {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .blog-card-image-box {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
    height: auto;
  }
  .blog-item-wrap {
    grid-template-columns: 1fr;
  }
  .blog-item-image-box {
    height: auto;
  }
  .blog-detail-hero {
    margin-top: var(--_common-spacing---spacing-36);
  }
  .blog-detail-image-box {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .blog-cms-sidebar {
    margin-top: var(--_base---global-size--none);
  }
  .blog-cms-images-list {
    grid-template-columns: 1fr;
  }
  .blog-cms-image-item {
    height: auto;
  }
  .product-hero-left-image {
    max-width: 200px;
    left: -80px;
  }
  .product-hero-right-image {
    max-width: 200px;
    right: -80px;
  }
  .product-image-wrap {
    width: 120px;
    height: 120px;
    margin-top: -20px;
    padding: 45px;
  }
  .product-details {
    margin-top: var(--_common-spacing---spacing-36);
  }
  .product-image-column {
    height: auto;
    padding: var(--_common-spacing---spacing-24);
  }
  .marquee-bg {
    width: 500px;
  }
  .why-deux-left {
    justify-content: center;
  }
  .why-deux-image-box {
    margin-left: auto;
    margin-right: auto;
  }
  .why-deux-deco-box {
    height: 250px;
  }
  .why-deux-items {
    grid-column-gap: var(--_common-spacing---spacing-24);
    grid-row-gap: var(--_common-spacing---spacing-24);
    max-width: 65%;
  }
  .featured-item-parent-link {
    text-align: center;
  }
  .about-slide-main-image {
    width: 250px;
  }
  .counter-number {
    font-size: var(--_base---font-size--font-size-72);
  }
  .row {
    flex-flow: column;
  }
  .hamburger-trigger {
    width: 32px;
    height: 26px;
  }
  .nav-logo-link {
    width: 160px;
  }
  .product-image-rotated {
    padding: 6px;
  }
  .tabs {
    width: var(--_base---global-size--global-full);
    max-width: var(--_base---global-size--global-full);
    grid-column-gap: var(--_base---global-size--none);
    grid-row-gap: var(--_base---global-size--none);
    flex-flow: column;
    align-items: center;
  }
  .tabs-content {
    max-width: var(--_base---global-size--global-full);
    margin-top: var(--_common-spacing---spacing-24);
    margin-left: var(--_base---global-size--none);
  }
  .cta-wrap-child {
    border-radius: var(--_base---bordar-radius--bordar-radius-40);
  }
  .contact-child-content {
    grid-column-gap: var(--_common-spacing---spacing-24);
    grid-row-gap: var(--_common-spacing---spacing-24);
  }}
@media screen and (max-width: 479px) {

  body {
    --h1--font-size: 56px;
    --h1--line-height: var(--_base---line-height--line-height-100);
    --h1--font-weight: var(--_base---font-weight--regular);
    --h1--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h2--font-family: var(--_base---font-family--font-family);
    --h2--font-size: 38px;
    --h2--line-height: var(--_base---line-height--line-height-100);
    --h2--font-weight: var(--_base---font-weight--regular);
    --h2--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h3--font-family: var(--_base---font-family--font-family);
    --h3--font-size: 38px;
    --h3--line-height: var(--_base---line-height--line-height-100);
    --h3--font-weight: var(--_base---font-weight--regular);
    --h3--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h4--font-family: var(--_base---font-family--second-family);
    --h4--font-size: 24px;
    --h4--line-height: var(--_base---line-height--line-height-100);
    --h4--font-weight: var(--_base---font-weight--semi-bold);
    --h4--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h5--font-family: var(--_base---font-family--second-family);
    --h5--font-size: 22px;
    --h5--line-height: var(--_base---line-height--line-height-100);
    --h5--font-weight: var(--_base---font-weight--semi-bold);
    --h5--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h6--font-family: var(--_base---font-family--second-family);
    --h6--font-size: 18px;
    --h6--line-height: var(--_base---line-height--line-height-100);
    --h6--font-weight: var(--_base---font-weight--medium);
    --h6--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --h1--font-family: var(--_base---font-family--font-family);
    --text-regular--font-family: var(--_base---font-family--second-family);
    --text-regular--font-size: 16px;
    --text-regular--line-height: var(--_base---line-height--line-height-130);
    --text-regular--font-weight: var(--_base---font-weight--semi-bold);
    --text-regular--letter-spacing: var(--_base---global-size--none);
    --text-small--font-family: var(--_base---font-family--second-family);
    --text-small--font-size: 14px;
    --text-small--line-height: var(--_base---line-height--line-height-125);
    --text-small--font-weight: var(--_base---font-weight--medium);
    --text-small--letter-spacing: var(--_base---spacing-letter--spacing-letter-2x);
    --text-extra-small--font-family: var(--_base---font-family--second-family);
    --text-extra-small--font-size: 12px;
    --text-extra-small--line-height: var(--_base---line-height--line-height-140);
    --text-extra-small--font-weight: var(--_base---font-weight--medium);
    --text-extra-small--letter-spacing: var(--_base---global-size--none);
    --text-extra-large--font-family: var(--_base---font-family--second-family);
    --text-extra-large--font-weight: var(--_base---font-weight--regular);
    --text-extra-large--font-size: 18px;
    --text-extra-large--line-height: var(--_base---line-height--line-height-140);
    --text-extra-large--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
    --text-learge--font-family: var(--_base---font-family--second-family);
    --text-learge--font-weight: var(--_base---font-weight--regular);
    --text-learge--font-size: 16px;
    --text-learge--line-height: var(--_base---line-height--line-height-140);
    --text-learge--letter-spacing: var(--_base---spacing-letter--spacing-letter-4x);
    --_common-spacing---spacing-32: 26px;
    --_common-spacing---spacing-16: 16px;
    --_common-spacing---spacing-24: 24px;
    --_common-spacing---spacing-10: 10px;
    --_common-spacing---spacing-8: 8px;
    --_common-spacing---spacing-155: 155px;
    --_common-spacing---spacing-50: 50px;
    --_common-spacing---spacing-80: 80px;
    --_common-spacing---spacing-44: 44px;
    --_common-spacing---spacing-60: 60px;
    --_common-spacing---spacing-20: 20px;
    --_common-spacing---spacing-4: 4px;
    --_common-spacing---spacing-12: 12px;
    --_common-spacing---spacing-98: 98px;
    --_common-spacing---spacing-120: 80px;
    --_common-spacing---spacing-36: 36px;
    --_common-spacing---spacing-64: 40px;
    --_common-spacing---spacing-68: 68px;
    --_common-spacing---spacing-40: 34px;
    --_common-spacing---spacing-28: 28px;
    --_common-spacing---spacing-30: 30px;
    --_common-spacing---spacing-48: 40px;
    --_common-spacing---spacing-34: 34px;
    --_common-spacing---spacing-14: 14px;
    --_common-spacing---spacing-110: 110px;
    --_common-spacing---spacing-26: 26px;
    --_common-spacing---spacing-54: 54px;
    --_common-spacing---spacing-100: 64px;
    --_common-spacing---spacing-72: 72px;
    --_common-spacing---spacing-18: 18px;
    --_common-spacing---spacing-300: 300px;
    --_common-spacing---spacing-90: 90px;
    --_common-spacing---spacing-112: 112px;
    --_common-spacing---spacing-52: 52px;
    --_common-spacing---spacing-55: 55px;
    --_common-spacing---spacing-130: 130px;
    --_common-spacing---spacing-62: 62px;
    --_common-spacing---spacing-94: 94px;
    --_common-spacing---spacing-140: 80px;
    --_common-spacing---spacing-85: 85px;
    --_common-spacing---spacing-56: 56px;
    --_common-spacing---spacing-78: 78px;
    --_common-spacing---spacing-92: 92px;
    --_common-spacing---spacing-156: 156px;
    --_common-spacing---spacing-74: 74px;
    --_common-spacing---spacing-200: 100px;
    --_common-spacing---spacing-250: 80px;
    --_common-spacing---spacing-84: 84px;
    --_common-spacing---spacing-2: 2px;
    --_common-spacing---spacing-6: 6px;
    --_common-spacing---spacing-15: 15px;
    --_common-spacing---spacing-65: 65px;
    --_common-spacing---spacing-146: 146px;
    --_common-spacing---spacing-160: 100px;
    --_common-spacing---spacing-252: 252px;
    --_common-spacing---spacing-360: 360px;
    --_ui---container--max-width: var(--_base---global-size--global-full);
    --_ui---container--padding: 20px;
    --_ui---primary-button--font-family: var(--_base---font-family--second-family);
    --_ui---primary-button--font-size: var(--_base---font-size--font-size-18);
    --_ui---primary-button--line-height: var(--_base---line-height--line-height-130);
    --_ui---primary-button--font-weight: var(--_base---font-weight--semi-bold);
    --_ui---primary-button--letter-spacing: var(--_base---global-size--none);
    --_ui---secondary-button--font-family: var(--_base---font-family--second-family);
    --_ui---secondary-button--font-weight: var(--_base---font-weight--semi-bold);
    --_ui---secondary-button--font-size: var(--_base---font-size--font-size-18);
    --_ui---secondary-button--line-height: var(--_base---line-height--line-height-130);
    --_ui---secondary-button--letter-spacing: var(--_base---global-size--none);
  }
  .style-guide-wrap {
    grid-column-gap: var(--_common-spacing---spacing-60);
    grid-row-gap: var(--_common-spacing---spacing-60);
  }
  .style-guide-button, .colors-box {
    grid-template-columns: 1fr;
  }
  .bread-cream {
    margin-top: var(--_common-spacing---spacing-20);
  }
  .bread-cream-wrap {
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .footer {
    border-top-left-radius: var(--_base---bordar-radius--bordar-radius-24);
    border-top-right-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .footer-wrap {
    grid-column-gap: var(--_common-spacing---spacing-60);
    grid-row-gap: var(--_common-spacing---spacing-60);
  }
  .footer-email-input {
    width: var(--_base---global-size--global-full);
  }
  .footer-big-font {
    font-size: clamp(20px, 14.6cqw, 50px);
  }
  .footer-image-wrap {
    margin-bottom: 0;
  }
  .images-grid-box-two {
    padding: 80px 60px;
  }
  .utility-info-item {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .contact-section {
    padding-top: var(--_common-spacing---spacing-20);
  }
  .contact-wrap {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
  }
  .contact-image-box {
    display: none;
  }
  .contact-form-box {
    margin-top: var(--_common-spacing---spacing-30);
  }
  .find-map-box {
    border-width: 8px;
  }
  .home-hero {
    padding-right: var(--_common-spacing---spacing-20);
    padding-left: var(--_common-spacing---spacing-20);
  }
  .home-wrap {
    min-height: auto;
  }
  .home-hero-intro, .home-hero-bottom, .home-hero-main, .featured-title-box {
    max-width: var(--_base---global-size--global-full);
  }
  .feature-tab-button {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
    font-size: var(--_base---font-size--font-size-18);
    background-position: 50% -35%;
    background-size: 80%;
  }
  .feature-tab-button[aria-current="page"], .feature-tab-button.is-active {
    background-position: 50% -35%;
    background-size: 80%;
  }
  .feature-tab-content {
    grid-column-gap: var(--_common-spacing---spacing-16);
    grid-row-gap: var(--_common-spacing---spacing-16);
  }
  .home-review-wrap {
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .offer-card {
    padding: var(--_common-spacing---spacing-20);
  }
  .marquee-wrap {
    padding-top: 100px;
    padding-bottom: 150px;
    overflow: hidden;
  }
  .marquee-track {
    font-size: var(--_base---font-size--font-size-72);
  }
  .marquee-image-box {
    width: 400px;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .visit-wrap {
    padding-top: var(--_common-spacing---spacing-60);
    padding-bottom: var(--_common-spacing---spacing-30);
  }
  .visit-store-item {
    grid-template-columns: 1fr;
  }
  .visit-brand-text {
    font-size: var(--_base---font-size--font-size-36);
  }
  .visit-image-box {
    top: 0;
    left: 50%;
    transform: translate(-50%, -60px);
  }
  .testimonials-image-box {
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .testimonials-slider {
    padding-bottom: 110px;
  }
  .testimonials-content {
    padding-right: var(--_common-spacing---spacing-24);
    padding-left: var(--_common-spacing---spacing-24);
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .testimonials-quote-left {
    width: 50px;
    top: 100px;
    left: 10px;
  }
  .testimonials-quote-right {
    width: 50px;
    bottom: 110px;
  }
  .testimonials-quote-text {
    font-size: var(--_base---font-size--font-size-24);
  }
  .faqs-intro-box {
    max-width: var(--_base---global-size--global-full);
  }
  .cta-section {
    padding-bottom: 80px;
  }
  .cta-wrap {
    padding: var(--_common-spacing---spacing-48) var(--_common-spacing---spacing-20);
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .faqs-arrow-box {
    width: 30px;
    height: 30px;
  }
  .faqs-item {
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .cta-left-image-box {
    width: 120px;
    height: 120px;
  }
  .cta-left-images {
    top: 5%;
  }
  .cta-title-box {
    max-width: var(--_base---global-size--global-full);
    margin-top: var(--_common-spacing---spacing-64);
  }
  .cta-tag-box.cta-big-text-box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .cta-right-image-box {
    width: 120px;
    height: 120px;
  }
  .cta-right-images {
    bottom: 25%;
  }
  .cta-big-text {
    font-size: clamp(20px, 12cqw, 50px);
  }
  .cta-tag-stock {
    -webkit-text-stroke-width: 20px;
    font-size: clamp(20px, 12cqw, 50px);
  }
  .cta-big-text-wrap {
    top: 4%;
  }
  .about-hero {
    padding-right: var(--_common-spacing---spacing-20);
    padding-left: var(--_common-spacing---spacing-20);
  }
  .about-wrap {
    padding-right: var(--_common-spacing---spacing-20);
    padding-left: var(--_common-spacing---spacing-20);
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .about-hero-top {
    padding-right: var(--_base---global-size--none);
    padding-left: var(--_base---global-size--none);
  }
  .about-title {
    font-size: clamp(32px, 21cqw, 44px);
  }
  .about-hero-side-image {
    width: 100px;
  }
  .about-hero-image-box {
    width: 80px;
  }
  .our-mission-image-box, .our-mission-left-deco {
    height: 400px;
  }
  .our-mission-card-body {
    padding-right: var(--_common-spacing---spacing-30);
    padding-left: var(--_common-spacing---spacing-30);
  }
  .our-mission-meta-row {
    justify-content: center;
  }
  .video-banner-box {
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
    height: 200px;
  }
  .counter-items {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
  .counter-left-image-box {
    width: 26%;
  }
  .counter-deco-box {
    width: 26%;
    bottom: -85px;
  }
  .team-grid {
    margin-top: var(--_common-spacing---spacing-48);
  }
  .about-slider-title-box {
    max-width: var(--_base---global-size--global-full);
    padding-right: var(--_common-spacing---spacing-30);
    padding-left: var(--_common-spacing---spacing-30);
  }
  .about-slide-image-box {
    width: 200px;
    left: -30px;
  }
  .about-slide-card {
    margin-right: var(--_common-spacing---spacing-20);
    margin-left: var(--_common-spacing---spacing-20);
  }
  .blog-card-body {
    padding-right: var(--_common-spacing---spacing-24);
    padding-left: var(--_common-spacing---spacing-24);
    grid-column-gap: var(--_common-spacing---spacing-48);
    grid-row-gap: var(--_common-spacing---spacing-48);
  }
  .blog-item-wrap {
    grid-column-gap: var(--_common-spacing---spacing-40);
    grid-row-gap: var(--_common-spacing---spacing-40);
  }
  .blog-item-link {
    grid-column-gap: var(--_common-spacing---spacing-14);
    grid-row-gap: var(--_common-spacing---spacing-14);
  }
  .blog-detail-hero {
    margin-top: var(--_common-spacing---spacing-20);
  }
  .blog-detail-image-box {
    margin-top: var(--_common-spacing---spacing-34);
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }
  .product-hero-child {
    padding-bottom: 80px;
  }
  .product-hero-image-box {
    max-width: var(--_base---global-size--global-full);
  }
  .product-hero-left-image {
    max-width: 150px;
    left: -40px;
  }
  .product-hero-right-image {
    max-width: 150px;
  }
  .product-image-wrap {
    margin-top: 0;
  }
  .product-details {
    margin-top: var(--_common-spacing---spacing-20);
  }
  .product-buy-row {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
    flex-flow: column;
    align-items: flex-start;
  }
  .product-spec-value {
    justify-content: flex-start;
  }
  .product-spec-row, .product-spec-row.product-spec-row-two {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
    grid-template-columns: 1fr;
  }
  .featured-all-categories {
    grid-column-gap: var(--_common-spacing---spacing-60);
    grid-row-gap: var(--_common-spacing---spacing-60);
  }
  .featured-category-box {
    grid-column-gap: var(--_common-spacing---spacing-20);
    grid-row-gap: var(--_common-spacing---spacing-20);
  }
  .marquee-bg {
    width: 300px;
  }
  .why-deux-left {
    max-width: var(--_base---global-size--global-full);
    grid-column-gap: var(--_common-spacing---spacing-10);
    grid-row-gap: var(--_common-spacing---spacing-10);
  }
  .why-deux-image-box {
    width: 280px;
    height: 280px;
  }
  .why-deux-deco-box {
    width: 4px;
  }
  .why-deux-items {
    max-width: var(--_base---global-size--global-full);
  }
  .about-slide-main-image {
    width: 200px;
  }
  .counter-number {
    font-size: var(--_base---font-size--font-size-68);
  }
  .block-header {
    padding-right: var(--_common-spacing---spacing-16);
    padding-left: var(--_common-spacing---spacing-16);
    grid-column-gap: var(--_common-spacing---spacing-16);
    grid-row-gap: var(--_common-spacing---spacing-16);
    flex-flow: wrap;
  }
  .order-item {
    grid-column-gap: var(--_common-spacing---spacing-16);
    grid-row-gap: var(--_common-spacing---spacing-16);
    flex-flow: wrap;
  }
  .checkout-title {
    margin-left: var(--_base---global-size--none);
    grid-column-gap: var(--_common-spacing---spacing-10);
    grid-row-gap: var(--_common-spacing---spacing-10);
    flex-flow: column;
    display: flex;
  }
  .checkbox-content {
    margin-left: var(--_base---global-size--none);
    grid-column-gap: var(--_common-spacing---spacing-16);
    grid-row-gap: var(--_common-spacing---spacing-16);
  }
  .nav-logo-link {
    width: 100px;
  }
  .counter-dot {
    display: none;
  }
  .cta-wrap-child {
    border-radius: var(--_base---bordar-radius--bordar-radius-24);
  }}

#node-a6c3882b-9577-54ef-59c6-d7f9502aeabc-502aeaa2, #node-a6c3882b-9577-54ef-59c6-d7f9502aeaee-502aeaa2, #node-c9359c1b-e702-3ee0-28fe-38e766a6036c-66a6033f, #node-c9359c1b-e702-3ee0-28fe-38e766a6036d-66a6033f {
  justify-self: end;
}

/* ======================================================================
   4. Components -- vanilla replacements for the Webflow runtime
   ======================================================================

   Everything the export's runtime did -- its IX3 interactions, the IX2
   actions that still had a target, Webflow's own navbar, slider, tab and
   Ecommerce widgets, and the designer's store-locator script -- is
   re-authored here and in assets/js/main.js. Every duration, delay,
   distance and curve below is transcribed from the export's payload
   (`register([...interactions], [...timelines])` in js/webflow.js).

   How the payload's numbers map onto CSS:

     * IX3 stores its eases as an index into GSAP's own table
       (`["none", "power1.in", "power1.out", "power1.inOut", "power2.in",
       "power2.out", "power2.inOut", "power3.in", "power3.out", ...]`). This
       template uses 0 (linear), 2 (power1.out), 5 (power2.out) and 8
       (power3.out); an action with no ease is GSAP's default, power1.out,
       and an action with no duration is GSAP's default, 0.5s.
     * Every hover is `play` on mouseenter and `reverseFlipEase` on
       mouseleave: the same timeline backwards, so one transition per hover.
     * Scroll reveals start where their trigger names: `top bottom`,
       `top 92%` or `top 90%`; main.js adds `.is-revealed`, once.

   Every rest state that hides something is gated on `:where(.js)`, set by
   the one-line script in each page's <head>, so a visitor without
   scripting sees the finished page rather than a blank one.

   Two conventions run through the sheet:

     * A REVEAL IS AN ANIMATION, NEVER A TRANSITION, and its keyframes name
       only a `from`, so it ends on the element's own computed values and
       never fights a hover's transition.
     * LOOPS MOVE `translate` AND `rotate`, never `transform`. The individual
       properties compose BEFORE `transform` (translate, then rotate, then
       the design's transform), which is GSAP's order too. Where the design
       already places an element with `transform` and the timeline REPLACES
       part of it -- the CTA pictures' -11deg tilt, the rotating badges'
       centring -- the design's transform is restated as `translate` here
       so the two cannot multiply in the wrong order.
   ====================================================================== */

:root {
  /* GSAP's curves, as cubic-beziers. */
  --ease-power1-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);              /* 2 */
  --ease-power2-out: cubic-bezier(0.215, 0.61, 0.355, 1);               /* 5 */
  --ease-power3-out: cubic-bezier(0.165, 0.84, 0.44, 1);                /* 8 */
}

/* ---- structure this build inserts ------------------------------------ */
/* `<main>` is a wrapper the export did not have. It is `display:
   contents`, so <body> still sees the same children and nothing moves. */
main {
  display: contents;
}

/* `hidden` is a UA `display: none`, which ANY design class that sets a
   display beats -- the cart drawers' own commerce class among them. */
[hidden] {
  display: none !important;
}

/* The about slider's live region: read, never seen. */
.slider-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ----------------------------------------------------------------------
   Scroll reveals
   ----------------------------------------------------------------------
     [data-fade-up]       i-376ae7a3  top 92%   y 50px, fade   0.4s  power1.out  +0.09s
     [data-fade-group]    i-32ed3b60  top 90%   each item y 50px, fade, 0.5s
                                                power1.out, +0.09s, 0.12s
                                                spread over the group
     [data-scale-in]      i-551b4628  top bottom  scale 0.8, fade  0.5s power2.out  +0.09s
     [data-fade-left]     i-30a4535b  top bottom  x -100px, fade  0.5s power1.out  +0.08s
     [data-fade-right]    i-6d1a3878  top bottom  x 100px, fade   0.5s power1.out  +0.08s
     .footer-wrap         i-d6b42911  top 90%   each column y 80px, fade, 0.4s
                                                power1.out, +0.09s, 0.15s apart
     .cta-title-box       i-1f8f6fed  top bottom  y 80px, fade  0.4s  power2.out  +0.09s
     .home-review-image-box i-fcab59c2 top 90%  scale 0.5, fade  0.5s power3.out  +0.2s */
:where(.js) [data-fade-up]:not(.is-revealed),
:where(.js) [data-fade-group]:not(.is-revealed) [data-fade-item],
:where(.js) .footer-wrap:not(.is-revealed) [data-footer-item],
:where(.js) .cta-title-box:not(.is-revealed) {
  opacity: 0;
}

[data-fade-up].is-revealed {
  animation: rise-50 0.4s var(--ease-power1-out) 0.09s backwards;
}

[data-fade-group].is-revealed [data-fade-item] {
  animation: rise-50 0.5s var(--ease-power1-out) backwards;
  animation-delay: calc(0.09s + var(--stagger, 0s));
}

.footer-wrap.is-revealed [data-footer-item] {
  animation: rise-80 0.4s var(--ease-power1-out) backwards;
  animation-delay: calc(0.09s + var(--stagger, 0s));
}

.cta-title-box.is-revealed {
  animation: rise-80 0.4s var(--ease-power2-out) 0.09s backwards;
}

:where(.js) [data-scale-in]:not(.is-revealed) {
  opacity: 0;
  scale: 0.8;
}

[data-scale-in].is-revealed {
  animation: scale-in 0.5s var(--ease-power2-out) 0.09s backwards;
}

:where(.js) [data-fade-left]:not(.is-revealed) {
  opacity: 0;
  translate: -100px 0;
}

[data-fade-left].is-revealed {
  animation: from-left 0.5s var(--ease-power1-out) 0.08s backwards;
}

:where(.js) [data-fade-right]:not(.is-revealed) {
  opacity: 0;
  translate: 100px 0;
}

[data-fade-right].is-revealed {
  animation: from-right 0.5s var(--ease-power1-out) 0.08s backwards;
}

:where(.js) .home-review-image-box:not(.is-revealed) {
  opacity: 0;
  scale: 0.5;
}

.home-review-image-box.is-revealed {
  animation: scale-half 0.5s var(--ease-power3-out) 0.2s backwards;
}@keyframes rise-50 {

  from {
    opacity: 0;
    translate: 0 50px;
  }}
@keyframes rise-80 {

  from {
    opacity: 0;
    translate: 0 80px;
  }}
@keyframes scale-in {

  from {
    opacity: 0;
    scale: 0.8;
  }}
@keyframes scale-half {

  from {
    opacity: 0;
    scale: 0.5;
  }}
@keyframes from-left {

  from {
    opacity: 0;
    translate: -100px 0;
  }}
@keyframes from-right {

  from {
    opacity: 0;
    translate: 100px 0;
  }}


/* ----------------------------------------------------------------------
   Page-load sequences
   ----------------------------------------------------------------------
   Each `wf:load` timeline, scoped to its page as IX3 scoped it to a page
   id. main.js marks <html> `.is-loaded` once the webfonts have arrived;
   until then every element below waits invisible. One keyframe reads
   four custom properties, so each line here is only its own numbers:
   --dx / --dy (distance), --dur, --delay and --ease. */
:where(.js:not(.is-loaded)) :is(
  [data-page="index"] :is(.home-hero-tag-wrap, [data-hero-left], [data-hero-right],
    .home-hero-side-image, [data-hero-title]),
  [data-page="about"] :is(.about-hero-tag-wrap, .about-hero-intro, .about-title),
  [data-page="product"] :is(.menu-title-center, .product-hero-image-box, .product-image-wrap),
  [data-page="blog"] :is(.blog-hero-title-box, .blog-content-wrap),
  [data-page="contact"] :is([data-load-step], .contact-details, .contact-form-box),
  [data-page="detail_blog"] :is(.home-blog-meta-row, [data-load-step], .blog-detail-image-box),
  [data-page="detail_product"] :is(.product-image-column, .product-tag-wrap,
    [data-load-step], .product-specs),
  [data-crumb], [data-shop-load]) {
  opacity: 0;
}

.is-loaded :is(
  [data-page="index"] :is(.home-hero-tag-wrap, [data-hero-left], [data-hero-right],
    .home-hero-side-image),
  [data-page="about"] :is(.about-hero-tag-wrap, .about-hero-intro),
  [data-page="product"] :is(.menu-title-center, .product-hero-image-box, .product-image-wrap),
  [data-page="blog"] :is(.blog-hero-title-box, .blog-content-wrap),
  [data-page="contact"] :is([data-load-step], .contact-details, .contact-form-box),
  [data-page="detail_blog"] :is(.home-blog-meta-row, [data-load-step], .blog-detail-image-box),
  [data-page="detail_product"] :is(.product-image-column, .product-tag-wrap,
    [data-load-step], .product-specs),
  [data-crumb], [data-shop-load]) {
  animation: load-in var(--dur, 0.5s) var(--ease, var(--ease-power2-out))
    var(--delay, 0s) backwards;
}@keyframes load-in {

  from {
    opacity: 0;
    translate: var(--dx, 0) var(--dy, 80px);
  }}


/* i-9d35a701, i-1b793470, i-21ac6605: the home hero. */
[data-page="index"] .home-hero-tag-wrap {
  --dy: 100%;
  --delay: 0.02s;
  --ease: var(--ease-power1-out);
}

[data-page="index"] [data-hero-left] {
  --dx: -50%;
  --dy: 0;
  --dur: 0.6s;
  --delay: 0.4s;
}

[data-page="index"] [data-hero-right] {
  --dx: 50%;
  --dy: 0;
  --delay: 0.4s;
}

[data-page="index"] .home-hero-side-image {
  --dy: 20%;
  --delay: 0.4s;
  --ease: var(--ease-power1-out);
}

/* i-df68ac17, i-c5e48727: the about hero (its title is split below). */
[data-page="about"] .about-hero-intro {
  --dy: 50px;
  --delay: 0.5s;
}

/* i-13895b4e: the menu page. */
[data-page="product"] .product-hero-image-box {
  --delay: 0.3s;
}

[data-page="product"] .product-image-wrap {
  --delay: 0.49s;
}

/* i-c1c0460b: the blog page. */
[data-page="blog"] .blog-content-wrap {
  --delay: 0.22s;
}

/* i-df822784: the breadcrumb headers of the utility pages and the
   category pages. */
[data-crumb="2"] {
  --delay: 0.27s;
}

/* i-89e448c1: the contact page. Its last two actions name no ease. */
[data-page="contact"] [data-load-step="2"] {
  --delay: 0.17s;
}

[data-page="contact"] .contact-details {
  --delay: 0.37s;
  --ease: var(--ease-power1-out);
}

[data-page="contact"] .contact-form-box {
  --delay: 0.4s;
  --ease: var(--ease-power1-out);
}

/* i-2ef71206: a blog post. */
[data-page="detail_blog"] [data-load-step="2"] {
  --delay: 0.22s;
}

[data-page="detail_blog"] .blog-detail-image-box {
  --delay: 0.39s;
}

/* i-ca58cc92: a product. */
[data-page="detail_product"] .product-image-column {
  --delay: 0.07s;
}

[data-page="detail_product"] :is(.product-tag-wrap, [data-load-step], .product-specs) {
  --dy: 50px;
}

[data-page="detail_product"] .product-tag-wrap {
  --delay: 0.3s;
}

[data-page="detail_product"] [data-load-step="3"] {
  --delay: 0.43s;
}

[data-page="detail_product"] [data-load-step="4"] {
  --delay: 0.56s;
}

[data-page="detail_product"] [data-load-step="5"] {
  --delay: 0.68s;
}

[data-page="detail_product"] .product-specs {
  --delay: 0.79s;
}

/* i-694fd3d2: checkout, PayPal, confirmation and 404. */
[data-shop-load="1"] {
  --delay: 0.12s;
}

[data-shop-load="2"] {
  --delay: 0.21s;
}

/* ---- the split titles ------------------------------------------------- */
/* i-f55f0f61: the home hero's title rises line by line from behind each
   line's mask, 0.5s power1.out, the 0.05s stagger spread across all the
   lines. i-8e37184f: the about title's lines rise 80px and fade in,
   0.5s power2.out, from 0.2s and 0.2s apart. main.js splits both into
   `.split-mask` > `.split-line` once the webfonts are in. */
.split-mask {
  display: block;
  overflow: clip;
}

.split-line {
  display: block;
}

.split-word {
  display: inline;
}

.is-loaded [data-hero-title] .split-line {
  animation: line-up 0.5s var(--ease-power1-out) backwards;
  animation-delay: calc(var(--line) * 0.05s / max(var(--lines) - 1, 1));
}

.is-loaded .about-title .split-line {
  animation: load-in 0.5s var(--ease-power2-out) backwards;
  animation-delay: calc(0.2s + var(--line) * 0.2s);
}

/* The about title's masks must not clip the 80px rise: that timeline
   names `mask: "lines"` too, so the line climbs into view from behind it,
   exactly as live. */

@keyframes line-up {
  from {
    translate: 0 100%;
  }
}

/* ----------------------------------------------------------------------
   Hovers
   ----------------------------------------------------------------------
   i-b6fbcc08, every button: the label rolls up to its copy and the arrow
   slides out to the right as its copy slides in, 0.5s power2.out; the
   round badge on a product card turns a full circle, 0.5s power1.out.
   The copies' resting places are the design's own transforms. */
[data-button-text],
[data-button-arrow] {
  transition: transform 0.5s var(--ease-power2-out);
}

[data-button]:hover [data-button-text="1"] {
  transform: translate(0, -100%);
}

[data-button]:hover [data-button-text="2"] {
  transform: translate(0, 0);
}

[data-button]:hover [data-button-arrow="1"] {
  transform: translate(100%, 0);
}

[data-button]:hover [data-button-arrow="2"] {
  transform: translate(0, 0);
}

[data-button-spin] {
  transition: rotate 0.5s var(--ease-power1-out);
}

[data-button]:hover [data-button-spin] {
  rotate: 360deg;
}

/* i-6052497e, i-6bc75411: the product and blog cards' pictures grow to
   110%, 0.5s power2.out. */
[data-zoom-image] {
  transition: scale 0.5s var(--ease-power2-out);
}

[data-zoom-card]:hover [data-zoom-image] {
  scale: 1.1;
}

/* i-ef7293f7: the home blog card's arrow leaves to the top right and its
   copy arrives from the bottom left, 0.5s power2.out. */
[data-card-arrow] {
  transition: translate 0.5s var(--ease-power2-out);
}

[data-card-arrow="2"] {
  translate: -100% 100%;
}

[data-arrow-card]:hover [data-card-arrow="1"] {
  translate: 100% -100%;
}

[data-arrow-card]:hover [data-card-arrow="2"] {
  translate: 0 0;
}

/* i-bf4aa78a: the about video's pause button appears while the pointer
   is over the video, 0.4s power2.out -- and for a keyboard, while it has
   focus. */
.video-banner-button {
  opacity: 0;
  transition: opacity 0.4s var(--ease-power2-out);
}

.video-banner-bg:hover .video-banner-button,
.video-banner-button:focus-visible {
  opacity: 1;
}

/* ----------------------------------------------------------------------
   Loops
   ----------------------------------------------------------------------
   Every `wf:load` timeline with `repeat: -1`. A two-way loop is ONE
   keyframe list whose second leg starts where the payload starts it, so a
   timeline that pauses between its legs pauses here too. */

/* i-97c48e0c: the marquee lines, 30s linear. */
[data-marquee] {
  animation: marquee 30s linear infinite;
}@keyframes marquee {

  from {
    translate: 0 0;
  }

  to {
    translate: -100% 0;
  }}


/* i-3d8b513b: the circular text badges turn from -360deg to 0, 22s
   linear. The badge is centred by the design with
   `transform: translate(-50%, -50%)`; that centring is restated as
   `translate`, so the turn happens about the badge's own centre. */
[data-spin] {
  animation: spin 22s linear infinite;
}

.our-mission-rotated-image[data-spin] {
  transform: none;
  translate: -50% -50%;
}@keyframes spin {

  from {
    rotate: -360deg;
  }

  to {
    rotate: 0deg;
  }}


/* i-287e0577: the home hero's picture rocks to -45deg over 10s and back
   over 10s (power1.out both ways). */
[data-rock] {
  animation: rock 19.87s infinite;
}@keyframes rock {

  0% {
    rotate: 0deg;
    animation-timing-function: var(--ease-power1-out);
  }

  49.67% {
    rotate: -45deg;
    animation-timing-function: var(--ease-power1-out);
  }

  100% {
    rotate: 0deg;
  }}


/* i-96b12cae, i-614d7ede: the CTA's two picture stacks swing to -25deg
   and 25deg and back, 10s each way. The timeline sets `rotation`, which
   REPLACES the design's -11deg tilt on the left stack; the stacks' own
   offsets are restated as `translate`. */
.cta-left-images {
  transform: none;
  translate: 0 60px;
  animation: swing-left 19.85s infinite;
}

.cta-right-images {
  transform: none;
  translate: 0 130px;
  animation: swing-right 19.8s infinite;
}@media screen and (max-width: 991px) {

  .cta-left-images {
    translate: 0 0;
  }

  .cta-right-images {
    translate: 0 30px;
  }}
@media screen and (max-width: 767px) {

  .cta-left-images {
    translate: 0 -25px;
  }}
@keyframes swing-left {

  0% {
    rotate: 0deg;
    animation-timing-function: var(--ease-power1-out);
  }

  49.62% {
    rotate: -25deg;
    animation-timing-function: var(--ease-power1-out);
  }

  100% {
    rotate: 0deg;
  }}
@keyframes swing-right {

  0% {
    rotate: 0deg;
    animation-timing-function: var(--ease-power1-out);
  }

  49.49% {
    rotate: 25deg;
    animation-timing-function: var(--ease-power1-out);
  }

  100% {
    rotate: 0deg;
  }}


/* i-feee88a9, i-5c1b8d84: the about hero's two pictures drift 80px down
   and up, 10s each way. */
.about-hero-side-image {
  animation: drift-down 19.79s infinite;
}

.about-hero-image-box {
  animation: drift-up 19.69s infinite;
}@keyframes drift-down {

  0% {
    translate: 0 0;
    animation-timing-function: var(--ease-power1-out);
  }

  49.47% {
    translate: 0 80px;
    animation-timing-function: var(--ease-power1-out);
  }

  100% {
    translate: 0 0;
  }}
@keyframes drift-up {

  0% {
    translate: 0 0;
    animation-timing-function: var(--ease-power1-out);
  }

  49.21% {
    translate: 0 -80px;
    animation-timing-function: var(--ease-power1-out);
  }

  100% {
    translate: 0 0;
  }}


/* i-b3203ec8, i-fcabd7c0: the home blog's two background shapes drift
   sideways -- 100px over 20s and back, and -100px over 15s, a pause, and
   back over 15s. */
.home-blog-bottom-image {
  animation: drift-right 39.79s infinite;
}

.home-blog-side-image {
  animation: drift-left 34.59s infinite;
}@keyframes drift-right {

  0% {
    translate: 0 0;
    animation-timing-function: var(--ease-power1-out);
  }

  50.26% {
    translate: 100px 0;
    animation-timing-function: var(--ease-power1-out);
  }

  100% {
    translate: 0 0;
  }}
@keyframes drift-left {

  0% {
    translate: 0 0;
    animation-timing-function: var(--ease-power1-out);
  }

  43.37% {
    translate: -100px 0;
  }

  56.63% {
    translate: -100px 0;
    animation-timing-function: var(--ease-power1-out);
  }

  100% {
    translate: 0 0;
  }}


/* ----------------------------------------------------------------------
   Widgets
   ---------------------------------------------------------------------- */

/* The FAQ (IX2 a-10 / a-11): the open question's plus turns 45deg into a
   cross, 300ms outQuad; main.js grows and shrinks the answers. */
.faqs-question-row .accordion-arrow {
  transition: rotate 0.3s var(--ease-power1-out);
}

.faqs-item.is-active .accordion-arrow {
  rotate: 45deg;
}

:where(.js) .faqs-item:not(.is-active) .faqs-answer-box {
  height: 0;
}

/* "Why Deux" (IX2 a-15 to a-21): the closed reasons' text is folded away
   and the red bar shows how far down the list the open one is. */
:where(.js) .why-deux-item:not(.is-active) .why-deux-content-toggle {
  height: 0;
}

.why-deux-deco-inner {
  translate: 0 -75%;
}

.why-deux-item {
  cursor: pointer;
}

/* The about slider (IX2 a-13 / a-14): the cards beside the current one
   rest at 80%, and the card that arrives grows to full size in 400ms. */
.about-slider-slide .about-slide-card {
  scale: 0.8;
  transition: scale 0.4s ease;
}

.about-slider-slide.is-active .about-slide-card {
  scale: 1;
}

/* The contact page's store rows (the designer's script): the lit row's bar
   turns brick red and its directions link fades in, 0.5s power2.out; the
   other row's bar is the sand colour and its link is out of reach. */
:where(.js) [data-location] :is(.find-location-icon, .find-location-icon-two) {
  background-color: #dbc9b8;
  transition: background-color 0.5s var(--ease-power2-out);
}

:where(.js) [data-location].is-active :is(.find-location-icon, .find-location-icon-two) {
  background-color: #c74234;
}

:where(.js) [data-location] .find-location-item-btn-wrap {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s var(--ease-power2-out);
}

:where(.js) [data-location].is-active .find-location-item-btn-wrap {
  opacity: 1;
  pointer-events: auto;
}

/* The cart drawers' controls were <a role="button">s; as <button>s they
   keep the design's look. The cart line's Remove control is the
   runtime's own inline link, restyled as nothing more than its label. */
[data-cart-remove] {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

/* The card fields replace Stripe's iframes: each keeps the commerce class
   that drew the field's box, and reads like the inputs around it. */
.wf-commerce-commercecheckoutcardnumber,
.wf-commerce-commercecheckoutcardexpirationdate,
.wf-commerce-commercecheckoutcardsecuritycode {
  width: 100%;
  font: inherit;
  color: inherit;
}

/* ----------------------------------------------------------------------
   Reduced motion: every loop stops and every reveal is already revealed.
   ---------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  [data-marquee],
  [data-spin],
  [data-rock],
  .cta-left-images,
  .cta-right-images,
  .about-hero-side-image,
  .about-hero-image-box,
  .home-blog-bottom-image,
  .home-blog-side-image {
    animation: none;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-delay: 0s !important;
  }
}
/* ----------------------------------------------------------------------
   Added for the Next.js edition. On the about page, the tilted "our
   mission" sticker hangs off the right edge of its card by design; below
   992px the card reaches the edge of the screen, so the sticker ran up to
   24px past it and the page could scroll sideways, in the HTML edition
   too. The section now clips what passes its sides -- `clip`, not
   `hidden`, so it scrolls nothing and leaves the vertical overflow alone.
   Nothing changes on a screen wide enough not to have scrolled.
   ---------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
  .our-mission {
    overflow-x: clip;
  }
}