.shop-nav {
  --green-900: #32462a;
  --green-800: #4b6940;
  --green-750: #557648;
  --green-700: #648c55;
  --green-600: #709d60;
  --green-500: #7daf6b;
  --green-400: #8ab77a;
  --green-300: #97bf88;
  --green-200: #b1cfa6;
  --green-100: #cbdfc3;
  --green-50: #e5efe1;
  --purple-900: #362a34;
  --purple-800: #423440;
  --purple-700: #4a3a48;
  --purple-600: #534151;
  --purple-500: #645462;
  --purple-400: #756773;
  --purple-300: #978d96;
  --purple-200: #bab3b9;
  --purple-100: #cbc6cb;
  --purple-50: #dcd9dc;
  --beige-900: #737366;
  --beige-800: #969584;
  --beige-700: #acab98;
  --beige-600: #c1c0aa;
  --beige-500: #d7d6be;
  --beige-400: #dbdac4;
  --beige-300: #dfdecb;
  --beige-200: #e7e6d8;
  --beige-100: #efeee5;
  --beige-50: #f3f2eb;
  --petrol-900: #3e4c4d;
  --petrol-800: #516465;
  --petrol-700: #647b7c;
  --petrol-600: #708a8c;
  --petrol-500: #7d9a9c;
  --petrol-400: #8aa4a6;
  --petrol-300: #97aeaf;
  --petrol-200: #b1c2c3;
  --petrol-100: #cbd6d7;
  --petrol-50: #e5eaeb;
  --gray-800: #333333;
  --gray-700: #4d4d4d;
  --gray-600: #666666;
  --gray-500: #808080;
  --gray-400: #999999;
  --gray-300: #b3b3b3;
  --gray-200: #cccccc;
  --gray-100: #e6e6e6;
  --gray-50: #efefef;
  --danger-800: #800002;
  --danger-500: #dc2b02;
  --danger-200: #fbc096;
  --warning-800: #934500;
  --warning-500: #ff9800;
  --warning-200: #ffe299;
  --success-800: #18652f;
  --success-500: #4caf50;
  --success-200: #cbf7bf;
  --white: #ffffff;
  --yellow: #ffdc0f;
  --white-rgb: 255, 255, 255;
  --black: #000000;
  --black-rgb: 0, 0, 0;

  --primary-dark: var(--green-700);
  --primary: var(--green-750);
  --primary-light: var(--green-200);
  --secondary-dark: var(--purple-500);
  --secondary: var(--purple-300);
  --secondary-light: var(--purple-100);
  --warning: var(--warning-500);
  --danger: var(--danger-500);
  --success: var(--success-500);
  --gray: var(--gray-600);
  --copy: var(--gray-800);

  --green-750-rgb: 125, 175, 107;
  --purple-400-rgb: 117, 103, 115;
  --primary-hover: #7bac69;
  --primary-active: #7cad6a;
  --secondary-hover: #736571;
  --secondary-active: #746672;
}
.shop-nav .bg--white {
  background-color: var(--white);
}
/*1rem*/
.shop-nav {
  font-size: 16px;
}
.shop-nav {
  font-family: "DinPro", Sans-serif;
  color: var(--copy);
  line-height: 1.5;

  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* font faces */
@font-face {
  font-family: "GunnyRewritten";
  src:
    url({{"GunnyRewritten.woff2"|asset_url}}) format("woff2"),
    url({{"GunnyRewritten.woff"|asset_url}}) format("woff");
  font-weight: 400;
  font-style: normal;
  font_display: "swap";
}
@font-face {
  font-family: "FestivoLCBasic";
  src:
    url({{"Festivo_LC_Basic.woff2"|asset_url}}) format("woff2"),
    url({{"Festivo_LC_Basic.woff"|asset_url}}) format("woff");
  font-weight: 400;
  font-style: normal;
  font_display: "swap";
}
@font-face {
  font-family: "dinpro";
  src:
    url({{"DINProBold.woff2"|asset_url}}) format("woff2"),
    url({{"DINProBold.woff"|asset_url}}) format("woff");
  font-weight: 700;
  font-style: normal;
  font_display: "swap";
}
@font-face {
  font-family: "dinpro";
  src:
    url({{"DINProRegular.woff2"|asset_url}}) format("woff2"),
    url({{"DINProRegular.woff"|asset_url}}) format("woff");
  font-weight: 400;
  font-style: normal;
  font_display: "swap";
}
@font-face {
  font-family: "dinpro";
  src:
    url({{"DINProBlack.woff2"|asset_url}}) format("woff2"),
    url({{"DINProBlack.woff"|asset_url}}) format("woff");
  font-weight: 900;
  font-style: normal;
  font_display: "swap";
}
@font-face {
  font-family: "dinpro";
  src:
    url({{"DINProMedium.woff2"|asset_url}}) format("woff2"),
    url({{"DINProMedium.woff"|asset_url}}) format("woff");
  font-weight: 500;
  font-style: normal;
  font_display: "swap";
}
@font-face {
  font-family: "blastimo";
  src:
    url("{{'blastimo-regular.otf' | asset_url }}") format("opentype"),
    url("{{'blastimo-regular.ttf' | asset_url }}") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: "swap";
}
@font-face {
  font-family: "blastimo";
  src:
    url("{{'blastimo-regular.otf' | asset_url }}") format("opentype"),
    url("{{'blastimo-regular.ttf' | asset_url }}") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: "swap";
}
@font-face {
  font-family: "blastimo";
  src:
    url("{{'blastimo-regular.otf' | asset_url }}") format("opentype"),
    url("{{'blastimo-regular.ttf' | asset_url }}") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: "swap";
}
@font-face {
  font-family: "blastimo-sans";
  src:
    url("{{'blastimo-regular-sans.otf' | asset_url }}") format("opentype"),
    url("{{'blastimo-regular-sans.ttf' | asset_url }}") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: "swap";
}
@font-face {
  font-family: "blastimo-sans";
  src:
    url("{{'blastimo-regular-sans.otf' | asset_url }}") format("opentype"),
    url("{{'blastimo-regular-sans.ttf' | asset_url }}") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: "swap";
}
@font-face {
  font-family: "blastimo-sans";
  src:
    url("{{'blastimo-regular-sans.otf' | asset_url }}") format("opentype"),
    url("{{'blastimo-regular-sans.ttf' | asset_url }}") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: "swap";
}
.shop-nav .text-style-italic {
  font-style: italic;
}
/* styles specific to titles */
.shop-nav .text-lh-xs {
  line-height: 1.25;
}
.shop-nav .text-lh-16 {
  line-height: 1rem;
}
/* alignment */
.shop-nav .text-center {
  text-align: center;
}
/* text white space */
/* text case */
.shop-nav .text-uppercase {
  text-transform: uppercase;
}
/* text overflow */
/* colors */
.shop-nav .text-high-emphasis {
  color: var(--copy);
}
.shop-nav .text-inverse {
  color: var(--white);
}
.shop-nav .text-low-emphasis {
  color: var(--gray);
}
.shop-nav .text-warning {
  color: var(--warning-500);
}
.shop-nav .text-high-emphasis--hover:hover {
  color: var(--copy);
}
.shop-nav .text-inverse--hover:hover {
  color: var(--white);
}
/* sizes */
.shop-nav h2, .shop-nav .h2 {
  font-size: 2rem;
  font-weight: 500;
}
.shop-nav h3, .shop-nav .h3 {
  font-size: 1.625rem;
  font-weight: 500;
}
.shop-nav h4, .shop-nav .h4 {
  font-size: 1.25rem;
  font-weight: 500;
}
.shop-nav .text-copy {
  font-size: 1rem;
}
.shop-nav .text-copy-0 {
  font-size: 0;
}
.shop-nav .text-copy-14 {
  font-size: 0.875rem;
}
.shop-nav .text-copy-12 {
  font-size: 0.75rem;
}
.shop-nav .text-copy-18 {
  font-size: 1.125rem;
}
/* weight */
.shop-nav .text-light {
  font-weight: normal;
}
.shop-nav .text-bold {
  font-weight: bold;
}
.shop-nav .text-medium {
  font-weight: 500;
}
.shop-nav .text-decoration-none, .shop-nav .text-decoration-none:hover {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}
.shop-nav a {
  color: var(--primary);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.shop-nav a:hover {
  color: var(--green-500);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
@media only screen and (max-width: 1032px) {
  /* alignment */

  /* weight */
  .shop-nav .text-light-sd {
    font-weight: normal;
  }

  /* colors */
  .shop-nav .text-copy-sd {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 928px) {
  /* alignment */
  .shop-nav .text-center-t {
    text-align: center;
  }

  /* weight */

  /* colors */

  .shop-nav .text-lh-14-t {
    line-height: 0.875rem;
  }
}
@media only screen and (max-width: 768px) {
  /* alignment */

  /* weight */

  /* colors */
  .shop-nav .text-copy-12-m {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 600px) {
  .shop-nav h2, .shop-nav .h2 {
    font-size: 1.625rem;
    font-weight: 500;
  }
  .shop-nav h3, .shop-nav .h3 {
    font-size: 1.25rem;
    font-weight: 500;
  }
  .shop-nav h4, .shop-nav .h4 {
    font-size: 1rem;
    font-weight: 500;
  }

  /* alignment */

  /* weight */

  /* colors */
}
.shop-nav .title {
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--gray-800);
  line-height: 1.25;
}
.shop-nav .flex__gutter {
  margin-left: -1rem;
  margin-top: -1rem;
}
.shop-nav .flex__gutter > div {
  padding-left: 1rem;
  padding-top: 1rem;
}
/* TODO: handle vertical xxs, xs and s spacings in flex__gutter */
.shop-nav .w-20 {
  width: 20%;
}
.shop-nav .w-25 {
  width: 25%;
}
.shop-nav .w-50 {
  width: 50%;
}
.shop-nav .w-70 {
  width: 70%;
}
.shop-nav .w-100 {
  width: 100%;
}
/* display */
.shop-nav .d-block {
  display: block;
}
.shop-nav .d-inline-block {
  display: inline-block;
}
/* grid */
/* flex */
.shop-nav .flex {
  display: flex;
}
.shop-nav .flex-inline {
  display: inline-flex;
}
.shop-nav .flex-1 {
  flex: 1;
}
.shop-nav .flex-gap-2 {
  gap: 2rem;
}
.shop-nav .flex-row {
  flex-direction: row;
}
.shop-nav .flex-column {
  flex-direction: column;
}
.shop-nav .flex-wrap {
  flex-wrap: wrap;
}
.shop-nav .flex-nowrap {
  flex-wrap: nowrap;
}
.shop-nav .flex-inflexible {
  flex: 0 0 auto;
}
.shop-nav .order--1 {
  order: -1;
}
.shop-nav .order-1 {
  order: 1;
}
.shop-nav .flex-align-start {
  align-items: flex-start;
}
.shop-nav .flex-align-center {
  align-items: center;
}
.shop-nav .flex-align-stretch {
  align-items: stretch;
}
.shop-nav .flex-grow-1 {
  flex-grow: 1;
}
.shop-nav .flex-justify-start {
  justify-content: flex-start;
}
.shop-nav .flex-justify-end {
  justify-content: flex-end;
}
.shop-nav .flex-justify-center {
  justify-content: center;
}
.shop-nav .flex-justify-space-between {
  justify-content: space-between;
}
.shop-nav .hide {
  display: none;
}
/* will need to replace this class and remove from the codebase */
/* positions */
.shop-nav .position-relative {
  position: relative;
}
.shop-nav .position-absolute {
  position: absolute;
}
/* text align */
.shop-nav .text-align-center {
  text-align: center;
}
/* Validation error message */
.shop-nav .visibility-hidden {
  visibility: hidden;
}
/* sticky position */
.shop-nav .noscroll {
  overflow-y: hidden;
}
/* Pointer Events */
@media only screen and (max-width: 928px) {
  .shop-nav .w-50-t {
    width: 50%;
  }
  .shop-nav .w-100-t {
    width: 100%;
  }

  /* display */
  .shop-nav .d-block-t {
    display: block;
  }
  .shop-nav .flex-t {
    display: flex;
  }
  .shop-nav .flex-1-t {
    flex: 1;
  }
  .shop-nav .flex-row-t {
    flex-direction: row;
  }
  .shop-nav .flex-column-t {
    flex-direction: column;
  }
  .shop-nav .flex-inflexible-t {
    flex: 0 0 auto;
  }
  .shop-nav .order--1-t {
    order: -1;
  }
  .shop-nav .flex-align-center-t {
    align-items: center;
  }

  .shop-nav .flex-justify-start-t {
    justify-content: flex-start;
  }
  .shop-nav .flex-justify-center-t {
    justify-content: center;
  } /* will need to replace this class and remove from the codebase */
  .shop-nav .hide-t {
    display: none;
  } /* will need to replace this class and remove from the codebase */

  /* positions */
  .shop-nav .text-align-center-t {
    text-align: center;
  }
  .shop-nav .overflow-hidden-t {
    overflow: hidden;
  }

  .shop-nav .scrollable-y-t {
    overflow-x: scroll;
    max-width: 100vw;
    width: 100vw;
    flex-wrap: nowrap;
  }
  .shop-nav .scrollable-y-t::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .shop-nav .w-50-m {
    width: 50%;
  }
  .shop-nav .w-100-m {
    width: 100%;
  }

  /* display */
  .shop-nav .d-block-m {
    display: block;
  }

  .shop-nav .flex-m {
    display: flex;
  }
  .shop-nav .flex-column-m {
    flex-direction: column;
  }
  .shop-nav .flex-wrap-m {
    flex-wrap: wrap;
  }

  .shop-nav .flex-justify-start-m {
    justify-content: flex-start;
  }
  .shop-nav .flex-justify-end-m {
    justify-content: flex-end;
  }
  .shop-nav .flex-justify-center-m {
    justify-content: center;
  } /* will need to replace this class and remove from the codebase */
  .shop-nav .hide-m {
    display: none;
  } /* will need to replace this class and remove from the codebase */

  /* positions */
}
@media only screen and (max-width: 600px) {
  .shop-nav .w-50-s {
    width: 50%;
  }

  /* display */
  .shop-nav .flex-column-s {
    flex-direction: column;
  }
  .shop-nav .flex-wrap-s {
    flex-wrap: wrap;
  } /* will need to replace this class and remove from the codebase */ /* will need to replace this class and remove from the codebase */
  /* positions */
}
@media only screen and (max-width: 1032px) {

  /* display */
  .shop-nav .d-block-sd {
    display: block;
  }
  .shop-nav .d-inline-block-sd {
    display: inline-block;
  }

  /* grid */

  /* flex */
  .shop-nav .flex-sd {
    display: flex;
  }
  .shop-nav .flex-1-sd {
    flex: 1;
  }
  .shop-nav .flex-column-sd {
    flex-direction: column;
  }
  .shop-nav .order--1-sd {
    order: -1;
  }
  .shop-nav .order-1-sd {
    order: 1;
  }
  .shop-nav .flex-align-center-sd {
    align-items: center;
  }
  .shop-nav .flex-justify-start-sd {
    justify-content: flex-start;
  }
  .shop-nav .flex-justify-end-sd {
    justify-content: flex-end;
  }

  .shop-nav .hide-sd {
    display: none;
  } /* will need to replace this class and remove from the codebase */

  /* positions */
  .shop-nav .position-relative-sd {
    position: relative;
  }

  /* text align */

  /* sticky position */
}
.shop-nav .cursor-pointer {
  cursor: pointer;
}
.shop-nav .loading-spinner:before {
  padding: 0.25rem !important;
  background-image: none !important;
}
.shop-nav .loading-spinner:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;display:block;' width='14px' height='14px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%234caf50' stroke-width='6' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
  margin: 0;
  width: 0;
}
.shop-nav .loading-spinner-big::before {
  background-image: none !important;
}
.shop-nav .loading-spinner-big::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;display:block;' width='16px' height='16px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%234caf50' stroke-width='6' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}
.shop-nav .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.shop-nav .visually-hidden {
  /* The following properties ensure the element is not visible on screen. */
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; /* Prevents the text from wrapping, which could affect layout. */
  border: 0; /* Removes any default border. */
  margin: -1px; /* Helps prevent the 1px box from affecting layout. */
  padding: 0; /* Removes any default padding. */
}
.shop-nav *:focus:not(:focus-visible) {
  outline: none;
}
.shop-nav .container {
  width: calc(100% - 60px);
  max-width: 1400px;
  margin: 0px auto;
}
.shop-nav .clr {
  clear: both;
}
/* header */
.shop-nav .site-header {
  position: relative;
  z-index: calc(var(--zHighest) + var(--zAbove));
}
.shop-nav .header-btn {
  flex-shrink: 0;
  cursor: pointer;
}
.shop-nav .header-btn.btn-search .icon, .shop-nav .header-btn.header-btn--small .icon {
  width: 24px;
  height: 24px;
}
.shop-nav .header-btn.btn-close .icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 2px 5px;
}
.shop-nav .header-btn .icon {
  width: 32px;
  height: 32px;
  margin: 2px 10px;
  color: var(--copy);
}
.shop-nav .header-btn.btn-search .icon {
  margin: 2px 5px;
}
.shop-nav .logo-container img {
  width: 150px;
  height: 65px;
  -o-object-fit: contain;
     object-fit: contain;
}
/* cart counter */
.shop-nav .header-btn--cart {
  position: relative;
}
.shop-nav .header-btn--cart .header-btn--cart--count {
  display: none;
  position: absolute;
  top: 3px;
  right: 3px;

  background: var(--green-800);
  color: var(--white);
  font-weight: bold;
  font-size: 0.65rem;
  line-height: 1.5;
  width: 0.75rem;

  padding: 3px 11px;
  border: 2px solid var(--white);

  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.shop-nav .header-btn--cart .header-btn--cart--count.active {
  display: inline-flex;
}
.shop-nav .header-btn--cart .header-btn--cart--count:before {
  content: "";
  float: left;
  width: auto;
  padding-bottom: 100%;
}
/* footer */
.shop-nav footer {
  background: #d0cdba;
  color: #000;
  font-size: 1rem;
}
.shop-nav .footer-swirl {
  display: block;
  margin-top: 3rem;
}
.shop-nav ul.footer-links {
  margin: 0;
  padding: 0;
}
.shop-nav img.footer--img {
  height: 60px;
}
.shop-nav ul.footer-links li {
  list-style-type: none;
}
@media only screen and (max-width: 768px) {
  .shop-nav .footer--img {
    max-height: 40px;
  }
}
/* navigation */
.shop-nav nav {
  z-index: calc(var(--zHighest));
  background-color: var(--white);
}
.shop-nav .site-nav__container {
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
}
.shop-nav .site-nav {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
.shop-nav .site-nav > li {
  list-style-type: none;
  flex-shrink: 0;
  padding: 1rem 2.5rem;
  display: inline-block;
  font-weight: 500;
  font-size: 1rem;
  display: inline-block;
  text-align: center;
  margin: 0;
  margin-left: -2.5rem;
  color: var(--copy);
}
.shop-nav .site-nav-item__icon {
  display: none;
}
.shop-nav .site-nav-item__icon svg {
  display: block;
}
.shop-nav .site-nav-item__icon svg g {
  stroke: currentColor;
}
.shop-nav .site-nav-item__icon svg, .shop-nav .site-nav__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.shop-nav .site-nav .site-nav--active > a, .shop-nav .site-nav .site-nav--active > .site-nav__label {
  color: var(--primary);
}
.shop-nav .site-nav a {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.shop-nav .site-nav a:hover {
  color: var(--primary-dark);
}
.shop-nav .site-nav__dropdown {
  display: none;
}
.shop-nav .site-nav > li .banner .banner__title {
  font-weight: normal;
}
/* making active to label of first li */
.shop-nav .site-nav--active-root li:first-child label {
  color: var(--primary);
}
/* hide third level children by default */
.shop-nav .site-nav__childlist-item ul {
  display: none;
}
.shop-nav .site-nav__dropdown ul {
  /* padding-left: 0; */
  list-style-type: none;
  text-align: left;
}
.shop-nav .nav-recommended {
  background-color: var(--beige-50);
  height: 100%;
}
/* submenu chevron icon */
.shop-nav .site-nav__container .site-nav__icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: sub;
}
.shop-nav .site-nav--active svg path, .shop-nav .site-nav a:hover .site-nav__icon svg path {
  stroke: var(--primary-dark);
}
/* submenu chevron icon */
.shop-nav .site-nav__container .site-nav__icon svg {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
@media only screen and (min-width: 600px) {
  .shop-nav .site-nav li:hover > .site-nav__dropdown {
    display: block;
  }
  .shop-nav .site-nav__dropdown {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 1rem;
    z-index: calc(2 * var(--zAbove));

    background: white;
    border-top: 1px solid #ccc;
    box-shadow: 0 16px 16px -4px rgba(0, 0, 0, 0.16);
  }
  .shop-nav .site-nav__dropdown ul {
    margin-top: 0.5rem;
  }
  .shop-nav .site-nav__dropdown li {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 600px) and (max-width: 993px) {
  .shop-nav .site-nav-four-col-block .container--flex-wrap {
    flex-wrap: wrap;
  }

  .shop-nav .site-nav-four-col-custom-block {
    width: 100%;
  }

  .shop-nav .site-nav-four-col-block .nav-recommended {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media only screen and (max-width: 600px) {
  .shop-nav .container {
    width: calc(100% - 30px);
  }
  .shop-nav .full-width-mobile {
    width: calc(100% + 30px);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
  .shop-nav .logo-container {
    margin-left: 13vw;
    margin-right: 1vw;
  }
  .shop-nav .logo-container img {
    height: 50px;
  }
  .shop-nav .site-nav__container, .shop-nav .site-nav__container .container {
    width: 100%;
  }
  .shop-nav .site-nav {
    display: block;
    border-top: 1px solid #ccc;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
    margin: 0;
    opacity: 0;
  }
  .shop-nav #mobile_menu:checked ~ nav .site-nav {
    max-height: 100%;
    opacity: 1;
  }
  .shop-nav .site-nav > li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid var(--gray-200);
  }

  .shop-nav .site-nav > li a, .shop-nav .site-nav > li label {
    padding: 0.5rem;
    font-size: 1.1rem;
    text-align: left;
    color: var(--gray-800);
  }

  .shop-nav .site-nav > li label svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  /* hide links for mobile */
  .shop-nav .site-nav > li.site-nav--has-dropdown > a {
    display: none;
  }

  .shop-nav .site-nav > li > label {
    display: none;
  }

  .shop-nav .site-nav > li.site-nav--has-dropdown > label {
    display: flex;
  }
  /* hamburger */
  .shop-nav .mobile-nav-toggle {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    transition: transform 0.25s ease-in;
  }
  /* submenu chevron icon */
  .shop-nav .site-nav__icon {
    float: right;
    width: 1.25rem;
    height: 1.25rem;
    /*margin-right: 10px;*/
    /*margin-top: -2.7rem; [> magic number <]*/
  }
  .shop-nav .site-nav__icon svg {
    transition: all 0.5s;
  }

  .shop-nav .site-nav-item__icon {
    display: inline-block;
  }

  /* sub menus */
  .shop-nav .site-nav__dropdown {
    display: block;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
    margin: 0;
    opacity: 0;
  }
  .shop-nav .site-nav__menu-checkbox:checked ~ .site-nav__dropdown {
    max-height: 1500px;
    opacity: 1;
  }
  .shop-nav .site-nav__menu-checkbox:checked ~ label .site-nav__icon svg {
    transform: rotate(-180deg);
  }
  /* sub menu item */
  .shop-nav .site-nav__dropdown li {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border-top: 1px solid var(--gray-200);
  }

  .shop-nav .site-nav__dropdown li a {
    padding: 0;
    font-size: 1rem;
    color: #333;
  }

  .shop-nav .site-nav__dropdown li .site-nav__link {
    padding-left: 1.5rem;
  }

  .shop-nav .nav-recommended {
    margin: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    overflow: hidden;
  }
}
.shop-nav div#PageContainer:focus-visible, .shop-nav main:focus-visible, .shop-nav div.container:focus-visible {
  outline: none;
}
.shop-nav .btn {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: var(--green-750);
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.625rem 1.375rem; /* 10px 22px */
  border-radius: 1.375rem; /* 22px */
  vertical-align: middle;
  text-align: center;
}
.shop-nav .btn.hide {
  display: none;
}
.shop-nav .btn.flex-align-baseline {
  align-items: baseline !important;
}
.shop-nav .btn.btn-secondary {
  background-color: var(--purple-400);
  color: var(--white);
}
.shop-nav .btn:hover {
  background-color: var(--primary-hover);
  color: var(--white);
}
.shop-nav .btn.btn-secondary:hover {
  background-color: var(--secondary-hover);
  color: var(--white);
}
.shop-nav .btn.btn-tertiary {
  border: 0.0625rem /* 1px */ solid var(--green-750);
  background-color: transparent;
  color: var(--green-750);
}
.shop-nav .btn.btn-tertiary:hover {
  border: 0.0625rem /* 1px */ solid var(--green-750);
  background-color: transparent;
  color: var(--green-750);
}
.shop-nav .btn.btn-tertiary.disabled, .shop-nav .btn.btn-tertiary:disabled {
  border-color: var(--gray-200);
  background-color: var(--gray-200);
  color: var(--gray-200);
}
.shop-nav .btn.btn-floating {
  box-shadow: 0 0.25rem 1rem -0.5rem /* 4px 16px -8px */ rgba(var(--black-rgb), 0.6);
}
.shop-nav .btn.btn-lg {
  padding: 0.9375rem 1.375rem; /* 15px 22px */
  border-radius: 1.6875rem; /* 27px */
}
.shop-nav .btn.btn-sm {
  padding: 0.375rem 0.9375rem; /* 6px 15px */
}
.shop-nav .btn.btn-icon {
  padding: 0.6rem;
  border-radius: 50%;
}
.shop-nav .btn-icon.btn-ghost {
  padding: 0;
}
.shop-nav .btn-icon.btn-ghost .icon-remove-quantity svg, .shop-nav .btn-icon.btn-ghost .icon-add-quantity svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.shop-nav .btn.btn-sm.btn-icon svg, .shop-nav .btn.btn-sm.btn-icon img {
  width: 1rem; /* 16px */
}
.shop-nav .btn.btn-icon i {
  max-height: 1.3125rem; /* 21px */
  margin-right: 0.5rem; /* 8px */
  display: inline-flex;
  align-items: center;
}
.shop-nav .btn.btn-icon svg, .shop-nav .btn.btn-icon img {
  width: 2rem; /* 24px */
}
.shop-nav .btn:active, .shop-nav .btn.active {
  background-color: var(--primary-active);
}
.shop-nav .btn.disabled, .shop-nav .btn:disabled {
  cursor: not-allowed;
  background-color: var(--gray-200);
}
.shop-nav .btn-ghost {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: var(--green-750);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 1.375rem; /* 22px */
  vertical-align: middle;
}
.shop-nav .btn-ghost:hover {
  background: inherit;
  color: var(--primary-dark);
}
.shop-nav .btn-ghost.btn-lg {
  padding: 0.9375rem 1.375rem; /* 15px 22px */
  border-radius: 1.6875rem; /* 27px */
}
.shop-nav .btn-ghost.btn-sm {
  padding: 0.375rem 0.9375rem; /* 6px 15px */
}
.shop-nav .btn-ghost.btn-sm.btn-icon svg, .shop-nav .btn-ghost.btn-sm.btn-icon img {
  width: 1rem; /* 16px */
}
.shop-nav .btn-ghost.btn-icon i {
  max-height: 1.3125rem; /* 21px */
  margin-right: 0.5rem; /* 8px */
  display: inline-flex;
  align-items: center;
}
.shop-nav .btn-ghost.btn-icon svg, .shop-nav .btn-ghost.btn-icon img {
  width: 2rem; /* 24px */
}
.shop-nav .btn-ghost.disabled, .shop-nav .btn-ghost:disabled {
  cursor: not-allowed;
  color: var(--gray-300);
}
/* loading states */
.shop-nav .btn.loading > svg {
  width: 0;
  overflow: hidden;
}
.shop-nav .btn.loading > .icon {
  width: 0;
  overflow: hidden;
}
.shop-nav .btn.loading:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;display:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23ffffff' stroke-width='4' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
  background-size: contain;
  margin: -0.35rem;
}
.shop-nav .btn-add-to-cart.loading:before {
  width: 1.5rem;
  height: 1.5rem;
}
.shop-nav .btn.btn.btn-tertiary.btn--qty.loading {
  border-color: transparent !important;
}
.shop-nav .btn.btn-tertiary.loading:before, .shop-nav .btn.btn-ghost.loading:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;display:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%234caf50' stroke-width='6' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}
.shop-nav .btn-outline-purple.loading::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;display:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23756773' stroke-width='6' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}
.shop-nav .btn.loading span {
  padding-left: 0.5rem;
}
.shop-nav .btn-outline {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #557648;
  border: 1px solid var(--green-750, #557648);
  background-color: transparent;
  color: var(--green-750);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 100px;
  vertical-align: middle;
  padding: 0.5rem 1rem;
  gap: 0.5rem;
}
.shop-nav .btn-outline.flex-align-baseline {
  align-items: baseline !important;
}
.shop-nav .btn-outline .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.shop-nav .btn-outline span {
  line-height: 1rem;
}
.shop-nav .btn-outline:hover, .shop-nav .btn-outline.active {
  background: var(--green-750);
  color: var(--white);
}
.shop-nav .btn-outline-purple {
  border-color: var(--purple-400);
  color: var(--purple-400);
}
.shop-nav .btn-outline-purple span {
  line-height: 1.5rem;
}
.shop-nav .btn-outline-purple:hover {
  background: transparent;
  color: var(--purple-400);
}
.shop-nav .btn-outline-purple.active {
  background: var(--purple-400);
  color: var(--white);
}
@media only screen and (max-width: 1032px) {
  .shop-nav .btn.flex-sd {
    display: flex;
  }
}
@media only screen and (max-width: 928px) {
  .shop-nav .btn-outline {
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
  .shop-nav .btn-outline-purple span {
    line-height: 1rem;
  }
  .shop-nav .btn.btn-sm {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
  }
  .shop-nav .pop-up-on-cart__actions-continue-shopping.btn-outline {
    padding: 0.625rem 0.5rem;
    font-size: 1rem;
  }
  .shop-nav .pop-up-on-cart__actions-go-to-cart {
    padding: 0.625rem 0.5rem;
    font-size: 1rem;
  }

  .shop-nav .btn.flex-t {
    display: flex;
  }
}
.shop-nav .btn.btn-white {
  color: var(--green-750);
  background-color: var(--white);
}
.shop-nav .btn.btn-white:hover {
  background: var(--green-750);
  color: var(--white);
}
@media only screen and (max-width: 768px) {
  .shop-nav .btn.btn-small-m {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
  }
  .shop-nav .btn.btn-add-to-cart-modal {
    padding: 0.5rem 0.25rem;
  }
}
/* NOTE: global 1rem - 16px */
.shop-nav .m-auto {
  margin: auto;
}
.shop-nav .ml-auto {
  margin-left: auto;
}
.shop-nav .mr-auto {
  margin-right: auto;
}
.shop-nav .mt-auto {
  margin-top: auto;
}
.shop-nav .mb-auto {
  margin-bottom: auto;
}
.shop-nav .m-0 {
  margin: 0rem;
}
.shop-nav .m-025 {
  margin: 0.25rem;
}
.shop-nav .m-05 {
  margin: 0.5rem;
}
.shop-nav .m-075 {
  margin: 0.75rem;
}
.shop-nav .m-1 {
  margin: 1rem;
}
.shop-nav .m-2 {
  margin: 2rem;
}
.shop-nav .m-3 {
  margin: 3rem;
}
.shop-nav .p-0 {
  padding: 0rem;
}
.shop-nav .p-025 {
  padding: 0.25rem;
}
.shop-nav .p-05 {
  padding: 0.5rem;
}
.shop-nav .p-075 {
  padding: 0.75rem;
}
.shop-nav .p-1 {
  padding: 1rem;
}
.shop-nav .p-2 {
  padding: 2rem;
}
.shop-nav .p-3 {
  padding: 3rem;
}
.shop-nav .p-4 {
  padding: 4rem;
}
.shop-nav .mt-0 {
  margin-top: 0rem;
}
.shop-nav .pt-0 {
  padding-top: 0rem;
}
.shop-nav .mb-0 {
  margin-bottom: 0rem;
}
.shop-nav .pb-0 {
  padding-bottom: 0rem;
}
.shop-nav .ml-0 {
  margin-left: 0rem;
}
.shop-nav .pl-0 {
  padding-left: 0rem;
}
.shop-nav .mr-0 {
  margin-right: 0rem;
}
.shop-nav .pr-0 {
  padding-right: 0rem;
}
.shop-nav .mt-025 {
  margin-top: 0.25rem;
}
.shop-nav .pt-025 {
  padding-top: 0.25rem;
}
.shop-nav .mb-025 {
  margin-bottom: 0.25rem;
}
.shop-nav .pb-025 {
  padding-bottom: 0.25rem;
}
.shop-nav .ml-025 {
  margin-left: 0.25rem;
}
.shop-nav .pl-025 {
  padding-left: 0.25rem;
}
.shop-nav .mr-025 {
  margin-right: 0.25rem;
}
.shop-nav .pr-025 {
  padding-right: 0.25rem;
}
.shop-nav .mt-05 {
  margin-top: 0.5rem;
}
.shop-nav .pt-05 {
  padding-top: 0.5rem;
}
.shop-nav .mb-05 {
  margin-bottom: 0.5rem;
}
.shop-nav .pb-05 {
  padding-bottom: 0.5rem;
}
.shop-nav .ml-05 {
  margin-left: 0.5rem;
}
.shop-nav .pl-05 {
  padding-left: 0.5rem;
}
.shop-nav .mr-05 {
  margin-right: 0.5rem;
}
.shop-nav .pr-05 {
  padding-right: 0.5rem;
}
.shop-nav .mt-075 {
  margin-top: 0.75rem;
}
.shop-nav .pt-075 {
  padding-top: 0.75rem;
}
.shop-nav .mb-075 {
  margin-bottom: 0.75rem;
}
.shop-nav .pb-075 {
  padding-bottom: 0.75rem;
}
.shop-nav .ml-075 {
  margin-left: 0.75rem;
}
.shop-nav .pl-075 {
  padding-left: 0.75rem;
}
.shop-nav .mr-075 {
  margin-right: 0.75rem;
}
.shop-nav .pr-075 {
  padding-right: 0.75rem;
}
.shop-nav .mt-1 {
  margin-top: 1rem;
}
.shop-nav .pt-1 {
  padding-top: 1rem;
}
.shop-nav .mb-1 {
  margin-bottom: 1rem;
}
.shop-nav .pb-1 {
  padding-bottom: 1rem;
}
.shop-nav .ml-1 {
  margin-left: 1rem;
}
.shop-nav .pl-1 {
  padding-left: 1rem;
}
.shop-nav .mr-1 {
  margin-right: 1rem;
}
.shop-nav .pr-1 {
  padding-right: 1rem;
}
.shop-nav .mt-2 {
  margin-top: 2rem;
}
.shop-nav .pt-2 {
  padding-top: 2rem;
}
.shop-nav .mb-2 {
  margin-bottom: 2rem;
}
.shop-nav .pb-2 {
  padding-bottom: 2rem;
}
.shop-nav .ml-2 {
  margin-left: 2rem;
}
.shop-nav .pl-2 {
  padding-left: 2rem;
}
.shop-nav .mr-2 {
  margin-right: 2rem;
}
.shop-nav .pr-2 {
  padding-right: 2rem;
}
.shop-nav .mt-3 {
  margin-top: 3rem;
}
.shop-nav .pt-3 {
  padding-top: 3rem;
}
.shop-nav .mb-3 {
  margin-bottom: 3rem;
}
.shop-nav .pb-3 {
  padding-bottom: 3rem;
}
.shop-nav .ml-3 {
  margin-left: 3rem;
}
.shop-nav .pl-3 {
  padding-left: 3rem;
}
.shop-nav .mr-3 {
  margin-right: 3rem;
}
.shop-nav .pr-3 {
  padding-right: 3rem;
}
.shop-nav .mt-4 {
  margin-top: 4rem;
}
.shop-nav .pt-4 {
  padding-top: 4rem;
}
.shop-nav .mb-4 {
  margin-bottom: 4rem;
}
.shop-nav .pb-4 {
  padding-bottom: 4rem;
}
.shop-nav .ml-4 {
  margin-left: 4rem;
}
.shop-nav .pl-4 {
  padding-left: 4rem;
}
.shop-nav .mr-4 {
  margin-right: 4rem;
}
.shop-nav .pr-4 {
  padding-right: 4rem;
}
.shop-nav .mt-5 {
  margin-top: 5rem;
}
.shop-nav .pt-5 {
  padding-top: 5rem;
}
.shop-nav .mb-5 {
  margin-bottom: 5rem;
}
.shop-nav .pb-5 {
  padding-bottom: 5rem;
}
.shop-nav .ml-5 {
  margin-left: 5rem;
}
.shop-nav .pl-5 {
  padding-left: 5rem;
}
.shop-nav .mr-5 {
  margin-right: 5rem;
}
.shop-nav .pr-5 {
  padding-right: 5rem;
}
/* spacing according to spacing styleguide */
.shop-nav .m-xxs {
  margin: 0.5rem;
}
.shop-nav .m-xs {
  margin: 1rem;
}
.shop-nav .m-s {
  margin: 1.5rem;
}
.shop-nav .m-m {
  margin: 2rem;
}
.shop-nav .m-l {
  margin: 2.5rem;
}
.shop-nav .m-xl {
  margin: 3.75rem;
}
.shop-nav .m-xxl {
  margin: 5rem;
}
.shop-nav .p-xxs {
  padding: 0.5rem;
}
.shop-nav .p-xs {
  padding: 1rem;
}
.shop-nav .p-s {
  padding: 1.5rem;
}
.shop-nav .p-m {
  padding: 2rem;
}
.shop-nav .p-l {
  padding: 2.5rem;
}
.shop-nav .p-xl {
  padding: 3.75rem;
}
.shop-nav .p-xxl {
  padding: 5rem;
}
.shop-nav .mb-xxs {
  margin-bottom: 0.5rem;
}
.shop-nav .mb-xs {
  margin-bottom: 1rem;
}
.shop-nav .mb-s {
  margin-bottom: 1.5rem;
}
.shop-nav .mb-m {
  margin-bottom: 2rem;
}
.shop-nav .mb-l {
  margin-bottom: 2.5rem;
}
.shop-nav .mb-xl {
  margin-bottom: 3.75rem;
}
.shop-nav .mb-xxl {
  margin-bottom: 5rem;
}
.shop-nav .mt-xxs {
  margin-top: 0.5rem;
}
.shop-nav .mt-xs {
  margin-top: 1rem;
}
.shop-nav .mt-s {
  margin-top: 1.5rem;
}
.shop-nav .mt-m {
  margin-top: 2rem;
}
.shop-nav .mt-l {
  margin-top: 2.5rem;
}
.shop-nav .mt-xl {
  margin-top: 3.75rem;
}
.shop-nav .mt-xxl {
  margin-top: 5rem;
}
.shop-nav .ml-xxs {
  margin-left: 0.5rem;
}
.shop-nav .ml-xs {
  margin-left: 1rem;
}
.shop-nav .ml-s {
  margin-left: 1.5rem;
}
.shop-nav .ml-m {
  margin-left: 2rem;
}
.shop-nav .ml-l {
  margin-left: 2.5rem;
}
.shop-nav .ml-xl {
  margin-left: 3.75rem;
}
.shop-nav .ml-xxl {
  margin-left: 5rem;
}
.shop-nav .mr-xxs {
  margin-right: 0.5rem;
}
.shop-nav .mr-xs {
  margin-right: 1rem;
}
.shop-nav .mr-s {
  margin-right: 1.5rem;
}
.shop-nav .mr-m {
  margin-right: 2rem;
}
.shop-nav .mr-l {
  margin-right: 2.5rem;
}
.shop-nav .mr-xl {
  margin-right: 3.75rem;
}
.shop-nav .mr-xxl {
  margin-right: 5rem;
}
.shop-nav .pb-xxs {
  padding-bottom: 0.5rem;
}
.shop-nav .pb-xs {
  padding-bottom: 1rem;
}
.shop-nav .pb-s {
  padding-bottom: 1.5rem;
}
.shop-nav .pb-m {
  padding-bottom: 2rem;
}
.shop-nav .pb-l {
  padding-bottom: 2.5rem;
}
.shop-nav .pb-xl {
  padding-bottom: 3.75rem;
}
.shop-nav .pb-xxl {
  padding-bottom: 5rem;
}
.shop-nav .pt-xxs {
  padding-top: 0.5rem;
}
.shop-nav .pt-xs {
  padding-top: 1rem;
}
.shop-nav .pt-s {
  padding-top: 1.5rem;
}
.shop-nav .pt-m {
  padding-top: 2rem;
}
.shop-nav .pt-l {
  padding-top: 2.5rem;
}
.shop-nav .pt-xl {
  padding-top: 3.75rem;
}
.shop-nav .pt-xxl {
  padding-top: 5rem;
}
.shop-nav .pl-xxs {
  padding-left: 0.5rem;
}
.shop-nav .pl-xs {
  padding-left: 1rem;
}
.shop-nav .pl-s {
  padding-left: 1.5rem;
}
.shop-nav .pl-m {
  padding-left: 2rem;
}
.shop-nav .pl-l {
  padding-left: 2.5rem;
}
.shop-nav .pl-xl {
  padding-left: 3.75rem;
}
.shop-nav .pl-xxl {
  padding-left: 5rem;
}
.shop-nav .pr-xxs {
  padding-right: 0.5rem;
}
.shop-nav .pr-xs {
  padding-right: 1rem;
}
.shop-nav .pr-s {
  padding-right: 1.5rem;
}
.shop-nav .pr-m {
  padding-right: 2rem;
}
.shop-nav .pr-l {
  padding-right: 2.5rem;
}
.shop-nav .pr-xl {
  padding-right: 3.75rem;
}
.shop-nav .pr-xxl {
  padding-right: 5rem;
}
/* Flex Gap */
.shop-nav .flex-gap-075 {
  gap: 0.75rem;
}
.shop-nav .flex-gap-1 {
  gap: 1rem;
}
.shop-nav .flex-gap-2 {
  gap: 2rem;
}
.shop-nav .flex-gap-3 {
  gap: 3rem;
}
.shop-nav .flex-gap-4 {
  gap: 4rem;
}
.shop-nav .flex-gap-5 {
  gap: 5rem;
}
.shop-nav .flex-gap-xxs {
  gap: 0.5rem;
}
.shop-nav .flex-gap-xs {
  gap: 1rem;
}
.shop-nav .flex-gap-s {
  gap: 1.5rem;
}
.shop-nav .flex-gap-m {
  gap: 2rem;
}
.shop-nav .flex-gap-l {
  gap: 2.5rem;
}
.shop-nav .flex-gap-xl {
  gap: 3.75rem;
}
.shop-nav .flex-gap-xxl {
  gap: 5rem;
}
.shop-nav .top-0 {
  top: 0;
}
.shop-nav .top-1 {
  top: 1rem;
}
.shop-nav .bottom-0 {
  bottom: 0;
}
.shop-nav .bottom-1 {
  bottom: 1rem;
}
.shop-nav .bottom-2 {
  bottom: 2rem;
}
.shop-nav .bottom-3 {
  bottom: 3rem;
}
.shop-nav .left-0 {
  left: 0;
}
@media only screen and (max-width: 1032px) {
  /* -sd suffix for small desktop */
  .shop-nav .m-auto-sd {
    margin: auto;
  }
  .shop-nav .ml-auto-sd {
    margin-left: auto;
  }
  .shop-nav .mr-auto-sd {
    margin-right: auto;
  }
  .shop-nav .mt-auto-sd {
    margin-top: auto;
  }
  .shop-nav .mb-auto-sd {
    margin-bottom: auto;
  }

  .shop-nav .m-xxs-sd {
    margin: 0.5rem;
  }
  .shop-nav .m-xs-sd {
    margin: 1rem;
  }
  .shop-nav .m-s-sd {
    margin: 1.5rem;
  }
  .shop-nav .m-m-sd {
    margin: 2rem;
  }
  .shop-nav .m-l-sd {
    margin: 2.5rem;
  }
  .shop-nav .m-xl-sd {
    margin: 3.75rem;
  }
  .shop-nav .m-xxl-sd {
    margin: 5rem;
  }

  .shop-nav .p-xxs-sd {
    padding: 0.5rem;
  }
  .shop-nav .p-xs-sd {
    padding: 1rem;
  }
  .shop-nav .p-s-sd {
    padding: 1.5rem;
  }
  .shop-nav .p-m-sd {
    padding: 2rem;
  }
  .shop-nav .p-l-sd {
    padding: 2.5rem;
  }
  .shop-nav .p-xl-sd {
    padding: 3.75rem;
  }
  .shop-nav .p-xxl-sd {
    padding: 5rem;
  }

  .shop-nav .m-0-sd {
    margin: 0rem;
  }
  .shop-nav .p-05-sd {
    padding: 0.5rem;
  }
  .shop-nav .m-1-sd {
    margin: 1rem;
  }
  .shop-nav .m-2-sd {
    margin: 2rem;
  }
  .shop-nav .p-0-sd {
    padding: 0rem;
  }
  .shop-nav .p-1-sd {
    padding: 1rem;
  }
  .shop-nav .p-2-sd {
    padding: 2rem;
  }
  .shop-nav .mt-0-sd {
    margin-top: 0rem;
  }
  .shop-nav .pt-0-sd {
    padding-top: 0rem;
  }
  .shop-nav .mb-0-sd {
    margin-bottom: 0rem !important;
  }
  .shop-nav .pb-0-sd {
    padding-bottom: 0rem !important;
  }
  .shop-nav .ml-0-sd {
    margin-left: 0rem;
  }
  .shop-nav .pl-0-sd {
    padding-left: 0rem;
  }
  .shop-nav .mr-0-sd {
    margin-right: 0rem;
  }
  .shop-nav .pr-0-sd {
    padding-right: 0rem;
  }

  .shop-nav .mt-025-sd {
    margin-top: 0.25rem;
  }
  .shop-nav .pt-025-sd {
    padding-top: 0.25rem;
  }
  .shop-nav .mb-025-sd {
    margin-bottom: 0.25rem;
  }
  .shop-nav .pb-025-sd {
    padding-bottom: 0.25rem;
  }
  .shop-nav .ml-025-sd {
    margin-left: 0.25rem;
  }
  .shop-nav .pl-025-sd {
    padding-left: 0.25rem;
  }
  .shop-nav .mr-025-sd {
    margin-right: 0.25rem;
  }
  .shop-nav .pr-025-sd {
    padding-right: 0.25rem;
  }

  .shop-nav .mt-05-sd {
    margin-top: 0.5rem;
  }
  .shop-nav .pt-05-sd {
    padding-top: 0.5rem;
  }
  .shop-nav .mb-05-sd {
    margin-bottom: 0.5rem;
  }
  .shop-nav .pb-05-sd {
    padding-bottom: 0.5rem;
  }
  .shop-nav .ml-05-sd {
    margin-left: 0.5rem;
  }
  .shop-nav .pl-05-sd {
    padding-left: 0.5rem;
  }
  .shop-nav .mr-05-sd {
    margin-right: 0.5rem;
  }
  .shop-nav .pr-05-sd {
    padding-right: 0.5rem;
  }

  .shop-nav .mt-075-sd {
    margin-top: 0.75rem;
  }
  .shop-nav .pt-075-sd {
    padding-top: 0.75rem;
  }
  .shop-nav .mb-075-sd {
    margin-bottom: 0.75rem;
  }
  .shop-nav .pb-075-sd {
    padding-bottom: 0.75rem;
  }
  .shop-nav .ml-075-sd {
    margin-left: 0.75rem;
  }
  .shop-nav .pl-075-sd {
    padding-left: 0.75rem;
  }
  .shop-nav .mr-075-sd {
    margin-right: 0.75rem;
  }
  .shop-nav .pr-075-sd {
    padding-right: 0.75rem;
  }

  .shop-nav .mt-1-sd {
    margin-top: 1rem;
  }
  .shop-nav .pt-1-sd {
    padding-top: 1rem;
  }
  .shop-nav .mb-1-sd {
    margin-bottom: 1rem;
  }
  .shop-nav .pb-1-sd {
    padding-bottom: 1rem;
  }
  .shop-nav .ml-1-sd {
    margin-left: 1rem;
  }
  .shop-nav .pl-1-sd {
    padding-left: 1rem;
  }
  .shop-nav .mr-1-sd {
    margin-right: 1rem;
  }
  .shop-nav .pr-1-sd {
    padding-right: 1rem;
  }
  .shop-nav .mt-2-sd {
    margin-top: 2rem;
  }
  .shop-nav .pt-2-sd {
    padding-top: 2rem;
  }
  .shop-nav .mb-2-sd {
    margin-bottom: 2rem;
  }
  .shop-nav .pb-2-sd {
    padding-bottom: 2rem;
  }
  .shop-nav .ml-2-sd {
    margin-left: 2rem;
  }
  .shop-nav .pl-2-sd {
    padding-left: 2rem;
  }
  .shop-nav .mr-2-sd {
    margin-right: 2rem;
  }
  .shop-nav .pr-2-sd {
    padding-right: 2rem;
  }
  .shop-nav .mt-3-sd {
    margin-top: 3rem;
  }
  .shop-nav .pt-3-sd {
    padding-top: 3rem;
  }
  .shop-nav .mb-3-sd {
    margin-bottom: 3rem;
  }
  .shop-nav .pb-3-sd {
    padding-bottom: 3rem;
  }
  .shop-nav .ml-3-sd {
    margin-left: 3rem;
  }
  .shop-nav .pl-3-sd {
    padding-left: 3rem;
  }
  .shop-nav .mr-3-sd {
    margin-right: 3rem;
  }
  .shop-nav .pr-3-sd {
    padding-right: 3rem;
  }
  .shop-nav .mt-4-sd {
    margin-top: 4rem;
  }
  .shop-nav .pt-4-sd {
    padding-top: 4rem;
  }
  .shop-nav .mb-4-sd {
    margin-bottom: 4rem;
  }
  .shop-nav .pb-4-sd {
    padding-bottom: 4rem;
  }
  .shop-nav .ml-4-sd {
    margin-left: 4rem;
  }
  .shop-nav .pl-4-sd {
    padding-left: 4rem;
  }
  .shop-nav .mr-4-sd {
    margin-right: 4rem;
  }
  .shop-nav .pr-4-sd {
    padding-right: 4rem;
  }
  .shop-nav .mt-5-sd {
    margin-top: 5rem;
  }
  .shop-nav .pt-5-sd {
    padding-top: 5rem;
  }
  .shop-nav .mb-5-sd {
    margin-bottom: 5rem;
  }
  .shop-nav .pb-5-sd {
    padding-bottom: 5rem;
  }
  .shop-nav .ml-5-sd {
    margin-left: 5rem;
  }
  .shop-nav .pl-5-sd {
    padding-left: 5rem;
  }
  .shop-nav .mr-5-sd {
    margin-right: 5rem;
  }
  .shop-nav .pr-5-sd {
    padding-right: 5rem;
  }

  .shop-nav .mb-xxs-sd {
    margin-bottom: 0.5rem;
  }
  .shop-nav .mb-xs-sd {
    margin-bottom: 1rem;
  }
  .shop-nav .mb-s-sd {
    margin-bottom: 1.5rem;
  }
  .shop-nav .mb-m-sd {
    margin-bottom: 2rem;
  }
  .shop-nav .mb-l-sd {
    margin-bottom: 2.5rem;
  }
  .shop-nav .mb-xl-sd {
    margin-bottom: 3.75rem;
  }
  .shop-nav .mb-xxl-sd {
    margin-bottom: 5rem;
  }
  .shop-nav .mt-xxs-sd {
    margin-top: 0.5rem;
  }
  .shop-nav .mt-xs-sd {
    margin-top: 1rem;
  }
  .shop-nav .mt-s-sd {
    margin-top: 1.5rem;
  }
  .shop-nav .mt-m-sd {
    margin-top: 2rem;
  }
  .shop-nav .mt-l-sd {
    margin-top: 2.5rem;
  }
  .shop-nav .mt-xl-sd {
    margin-top: 3.75rem;
  }
  .shop-nav .mt-xxl-sd {
    margin-top: 5rem;
  }

  .shop-nav .ml-xxs-sd {
    margin-left: 0.5rem;
  }
  .shop-nav .ml-xs-sd {
    margin-left: 1rem;
  }
  .shop-nav .ml-s-sd {
    margin-left: 1.5rem;
  }
  .shop-nav .ml-m-sd {
    margin-left: 2rem;
  }
  .shop-nav .ml-l-sd {
    margin-left: 2.5rem;
  }
  .shop-nav .ml-xl-sd {
    margin-left: 3.75rem;
  }
  .shop-nav .ml-xxl-sd {
    margin-left: 5rem;
  }
  .shop-nav .mr-xxs-sd {
    margin-right: 0.5rem;
  }
  .shop-nav .mr-xs-sd {
    margin-right: 1rem;
  }
  .shop-nav .mr-s-sd {
    margin-right: 1.5rem;
  }
  .shop-nav .mr-m-sd {
    margin-right: 2rem;
  }
  .shop-nav .mr-l-sd {
    margin-right: 2.5rem;
  }
  .shop-nav .mr-xl-sd {
    margin-right: 3.75rem;
  }
  .shop-nav .mr-xxl-sd {
    margin-right: 5rem;
  }

  .shop-nav .pb-xxs-sd {
    padding-bottom: 0.5rem;
  }
  .shop-nav .pb-xs-sd {
    padding-bottom: 1rem;
  }
  .shop-nav .pb-s-sd {
    padding-bottom: 1.5rem;
  }
  .shop-nav .pb-m-sd {
    padding-bottom: 2rem;
  }
  .shop-nav .pb-l-sd {
    padding-bottom: 2.5rem;
  }
  .shop-nav .pb-xl-sd {
    padding-bottom: 3.75rem;
  }
  .shop-nav .pb-xxl-sd {
    padding-bottom: 5rem;
  }
  .shop-nav .pt-xxs-sd {
    padding-top: 0.5rem;
  }
  .shop-nav .pt-xs-sd {
    padding-top: 1rem;
  }
  .shop-nav .pt-s-sd {
    padding-top: 1.5rem;
  }
  .shop-nav .pt-m-sd {
    padding-top: 2rem;
  }
  .shop-nav .pt-l-sd {
    padding-top: 2.5rem;
  }
  .shop-nav .pt-xl-sd {
    padding-top: 3.75rem;
  }
  .shop-nav .pt-xxl-sd {
    padding-top: 5rem;
  }

  .shop-nav .pl-xxs-sd {
    padding-left: 0.5rem;
  }
  .shop-nav .pl-xs-sd {
    padding-left: 1rem;
  }
  .shop-nav .pl-s-sd {
    padding-left: 1.5rem;
  }
  .shop-nav .pl-m-sd {
    padding-left: 2rem;
  }
  .shop-nav .pl-l-sd {
    padding-left: 2.5rem;
  }
  .shop-nav .pl-xl-sd {
    padding-left: 3.75rem;
  }
  .shop-nav .pl-xxl-sd {
    padding-left: 5rem;
  }
  .shop-nav .pr-xxs-sd {
    padding-right: 0.5rem;
  }
  .shop-nav .pr-xs-sd {
    padding-right: 1rem;
  }
  .shop-nav .pr-s-sd {
    padding-right: 1.5rem;
  }
  .shop-nav .pr-m-sd {
    padding-right: 2rem;
  }
  .shop-nav .pr-l-sd {
    padding-right: 2.5rem;
  }
  .shop-nav .pr-xl-sd {
    padding-right: 3.75rem;
  }
  .shop-nav .pr-xxl-sd {
    padding-right: 5rem;
  }

  /* Flex Gap */
  .shop-nav .flex-gap-1-sd {
    gap: 1rem;
  }
  .shop-nav .flex-gap-2-sd {
    gap: 2rem;
  }
  .shop-nav .flex-gap-3-sd {
    gap: 3rem;
  }
  .shop-nav .flex-gap-4-sd {
    gap: 4rem;
  }
  .shop-nav .flex-gap-5-sd {
    gap: 5rem;
  }
  .shop-nav .flex-gap-xxs-sd {
    gap: 0.5rem;
  }
  .shop-nav .flex-gap-xs-sd {
    gap: 1rem;
  }
  .shop-nav .flex-gap-s-sd {
    gap: 1.5rem;
  }
  .shop-nav .flex-gap-m-sd {
    gap: 2rem;
  }
  .shop-nav .flex-gap-l-sd {
    gap: 2.5rem;
  }
  .shop-nav .flex-gap-xl-sd {
    gap: 3.75rem;
  }
  .shop-nav .flex-gap-xxl-sd {
    gap: 5rem;
  }
}
@media only screen and (max-width: 928px) {
  /* -t suffix for tablet */
  .shop-nav .m-auto-t {
    margin: auto;
  }
  .shop-nav .ml-auto-t {
    margin-left: auto;
  }
  .shop-nav .mr-auto-t {
    margin-right: auto;
  }
  .shop-nav .mt-auto-t {
    margin-top: auto;
  }
  .shop-nav .mb-auto-t {
    margin-bottom: auto;
  }

  .shop-nav .m-xxs-t {
    margin: 0.5rem;
  }
  .shop-nav .m-xs-t {
    margin: 1rem;
  }
  .shop-nav .m-s-t {
    margin: 1.5rem;
  }
  .shop-nav .m-m-t {
    margin: 2rem;
  }
  .shop-nav .m-l-t {
    margin: 2.5rem;
  }
  .shop-nav .m-xl-t {
    margin: 3.75rem;
  }
  .shop-nav .m-xxl-t {
    margin: 5rem;
  }

  .shop-nav .p-xxs-t {
    padding: 0.5rem;
  }
  .shop-nav .p-xs-t {
    padding: 1rem;
  }
  .shop-nav .p-s-t {
    padding: 1.5rem;
  }
  .shop-nav .p-m-t {
    padding: 2rem;
  }
  .shop-nav .p-l-t {
    padding: 2.5rem;
  }
  .shop-nav .p-xl-t {
    padding: 3.75rem;
  }
  .shop-nav .p-xxl-t {
    padding: 5rem;
  }

  .shop-nav .m-0-t {
    margin: 0rem;
  }
  .shop-nav .p-05-t {
    padding: 0.5rem;
  }
  .shop-nav .m-1-t {
    margin: 1rem;
  }
  .shop-nav .m-2-t {
    margin: 2rem;
  }
  .shop-nav .p-0-t {
    padding: 0rem;
  }
  .shop-nav .p-1-t {
    padding: 1rem;
  }
  .shop-nav .p-2-t {
    padding: 2rem;
  }
  .shop-nav .mt-0-t {
    margin-top: 0rem;
  }
  .shop-nav .pt-0-t {
    padding-top: 0rem;
  }
  .shop-nav .mb-0-t {
    margin-bottom: 0rem !important;
  }
  .shop-nav .pb-0-t {
    padding-bottom: 0rem !important;
  }
  .shop-nav .ml-0-t {
    margin-left: 0rem;
  }
  .shop-nav .pl-0-t {
    padding-left: 0rem;
  }
  .shop-nav .mr-0-t {
    margin-right: 0rem;
  }
  .shop-nav .pr-0-t {
    padding-right: 0rem;
  }

  .shop-nav .mt-025-t {
    margin-top: 0.25rem;
  }
  .shop-nav .pt-025-t {
    padding-top: 0.25rem;
  }
  .shop-nav .mb-025-t {
    margin-bottom: 0.25rem;
  }
  .shop-nav .pb-025-t {
    padding-bottom: 0.25rem;
  }
  .shop-nav .ml-025-t {
    margin-left: 0.25rem;
  }
  .shop-nav .pl-025-t {
    padding-left: 0.25rem;
  }
  .shop-nav .mr-025-t {
    margin-right: 0.25rem;
  }
  .shop-nav .pr-025-t {
    padding-right: 0.25rem;
  }

  .shop-nav .mt-05-t {
    margin-top: 0.5rem;
  }
  .shop-nav .pt-05-t {
    padding-top: 0.5rem;
  }
  .shop-nav .mb-05-t {
    margin-bottom: 0.5rem;
  }
  .shop-nav .pb-05-t {
    padding-bottom: 0.5rem;
  }
  .shop-nav .ml-05-t {
    margin-left: 0.5rem;
  }
  .shop-nav .pl-05-t {
    padding-left: 0.5rem;
  }
  .shop-nav .mr-05-t {
    margin-right: 0.5rem;
  }
  .shop-nav .pr-05-t {
    padding-right: 0.5rem;
  }

  .shop-nav .mt-075-t {
    margin-top: 0.75rem;
  }
  .shop-nav .pt-075-t {
    padding-top: 0.75rem;
  }
  .shop-nav .mb-075-t {
    margin-bottom: 0.75rem;
  }
  .shop-nav .pb-075-t {
    padding-bottom: 0.75rem;
  }
  .shop-nav .ml-075-t {
    margin-left: 0.75rem;
  }
  .shop-nav .pl-075-t {
    padding-left: 0.75rem;
  }
  .shop-nav .mr-075-t {
    margin-right: 0.75rem;
  }
  .shop-nav .pr-075-t {
    padding-right: 0.75rem;
  }

  .shop-nav .mt-1-t {
    margin-top: 1rem;
  }
  .shop-nav .pt-1-t {
    padding-top: 1rem;
  }
  .shop-nav .mb-1-t {
    margin-bottom: 1rem;
  }
  .shop-nav .pb-1-t {
    padding-bottom: 1rem;
  }
  .shop-nav .ml-1-t {
    margin-left: 1rem;
  }
  .shop-nav .pl-1-t {
    padding-left: 1rem;
  }
  .shop-nav .mr-1-t {
    margin-right: 1rem;
  }
  .shop-nav .pr-1-t {
    padding-right: 1rem;
  }
  .shop-nav .mt-2-t {
    margin-top: 2rem;
  }
  .shop-nav .pt-2-t {
    padding-top: 2rem;
  }
  .shop-nav .mb-2-t {
    margin-bottom: 2rem;
  }
  .shop-nav .pb-2-t {
    padding-bottom: 2rem;
  }
  .shop-nav .ml-2-t {
    margin-left: 2rem;
  }
  .shop-nav .pl-2-t {
    padding-left: 2rem;
  }
  .shop-nav .mr-2-t {
    margin-right: 2rem;
  }
  .shop-nav .pr-2-t {
    padding-right: 2rem;
  }
  .shop-nav .mt-3-t {
    margin-top: 3rem;
  }
  .shop-nav .pt-3-t {
    padding-top: 3rem;
  }
  .shop-nav .mb-3-t {
    margin-bottom: 3rem;
  }
  .shop-nav .pb-3-t {
    padding-bottom: 3rem;
  }
  .shop-nav .ml-3-t {
    margin-left: 3rem;
  }
  .shop-nav .pl-3-t {
    padding-left: 3rem;
  }
  .shop-nav .mr-3-t {
    margin-right: 3rem;
  }
  .shop-nav .pr-3-t {
    padding-right: 3rem;
  }
  .shop-nav .mt-4-t {
    margin-top: 4rem;
  }
  .shop-nav .pt-4-t {
    padding-top: 4rem;
  }
  .shop-nav .mb-4-t {
    margin-bottom: 4rem;
  }
  .shop-nav .pb-4-t {
    padding-bottom: 4rem;
  }
  .shop-nav .ml-4-t {
    margin-left: 4rem;
  }
  .shop-nav .pl-4-t {
    padding-left: 4rem;
  }
  .shop-nav .mr-4-t {
    margin-right: 4rem;
  }
  .shop-nav .pr-4-t {
    padding-right: 4rem;
  }
  .shop-nav .mt-5-t {
    margin-top: 5rem;
  }
  .shop-nav .pt-5-t {
    padding-top: 5rem;
  }
  .shop-nav .mb-5-t {
    margin-bottom: 5rem;
  }
  .shop-nav .pb-5-t {
    padding-bottom: 5rem;
  }
  .shop-nav .ml-5-t {
    margin-left: 5rem;
  }
  .shop-nav .pl-5-t {
    padding-left: 5rem;
  }
  .shop-nav .mr-5-t {
    margin-right: 5rem;
  }
  .shop-nav .pr-5-t {
    padding-right: 5rem;
  }

  .shop-nav .mb-xxs-t {
    margin-bottom: 0.5rem;
  }
  .shop-nav .mb-xs-t {
    margin-bottom: 1rem;
  }
  .shop-nav .mb-s-t {
    margin-bottom: 1.5rem;
  }
  .shop-nav .mb-m-t {
    margin-bottom: 2rem;
  }
  .shop-nav .mb-l-t {
    margin-bottom: 2.5rem;
  }
  .shop-nav .mb-xl-t {
    margin-bottom: 3.75rem;
  }
  .shop-nav .mb-xxl-t {
    margin-bottom: 5rem;
  }
  .shop-nav .mt-xxs-t {
    margin-top: 0.5rem;
  }
  .shop-nav .mt-xs-t {
    margin-top: 1rem;
  }
  .shop-nav .mt-s-t {
    margin-top: 1.5rem;
  }
  .shop-nav .mt-m-t {
    margin-top: 2rem;
  }
  .shop-nav .mt-l-t {
    margin-top: 2.5rem;
  }
  .shop-nav .mt-xl-t {
    margin-top: 3.75rem;
  }
  .shop-nav .mt-xxl-t {
    margin-top: 5rem;
  }

  .shop-nav .ml-xxs-t {
    margin-left: 0.5rem;
  }
  .shop-nav .ml-xs-t {
    margin-left: 1rem;
  }
  .shop-nav .ml-s-t {
    margin-left: 1.5rem;
  }
  .shop-nav .ml-m-t {
    margin-left: 2rem;
  }
  .shop-nav .ml-l-t {
    margin-left: 2.5rem;
  }
  .shop-nav .ml-xl-t {
    margin-left: 3.75rem;
  }
  .shop-nav .ml-xxl-t {
    margin-left: 5rem;
  }
  .shop-nav .mr-xxs-t {
    margin-right: 0.5rem;
  }
  .shop-nav .mr-xs-t {
    margin-right: 1rem;
  }
  .shop-nav .mr-s-t {
    margin-right: 1.5rem;
  }
  .shop-nav .mr-m-t {
    margin-right: 2rem;
  }
  .shop-nav .mr-l-t {
    margin-right: 2.5rem;
  }
  .shop-nav .mr-xl-t {
    margin-right: 3.75rem;
  }
  .shop-nav .mr-xxl-t {
    margin-right: 5rem;
  }

  .shop-nav .pb-xxs-t {
    padding-bottom: 0.5rem;
  }
  .shop-nav .pb-xs-t {
    padding-bottom: 1rem;
  }
  .shop-nav .pb-s-t {
    padding-bottom: 1.5rem;
  }
  .shop-nav .pb-m-t {
    padding-bottom: 2rem;
  }
  .shop-nav .pb-l-t {
    padding-bottom: 2.5rem;
  }
  .shop-nav .pb-xl-t {
    padding-bottom: 3.75rem;
  }
  .shop-nav .pb-xxl-t {
    padding-bottom: 5rem;
  }
  .shop-nav .pt-xxs-t {
    padding-top: 0.5rem;
  }
  .shop-nav .pt-xs-t {
    padding-top: 1rem;
  }
  .shop-nav .pt-s-t {
    padding-top: 1.5rem;
  }
  .shop-nav .pt-m-t {
    padding-top: 2rem;
  }
  .shop-nav .pt-l-t {
    padding-top: 2.5rem;
  }
  .shop-nav .pt-xl-t {
    padding-top: 3.75rem;
  }
  .shop-nav .pt-xxl-t {
    padding-top: 5rem;
  }

  .shop-nav .pl-xxs-t {
    padding-left: 0.5rem;
  }
  .shop-nav .pl-xs-t {
    padding-left: 1rem;
  }
  .shop-nav .pl-s-t {
    padding-left: 1.5rem;
  }
  .shop-nav .pl-m-t {
    padding-left: 2rem;
  }
  .shop-nav .pl-l-t {
    padding-left: 2.5rem;
  }
  .shop-nav .pl-xl-t {
    padding-left: 3.75rem;
  }
  .shop-nav .pl-xxl-t {
    padding-left: 5rem;
  }
  .shop-nav .pr-xxs-t {
    padding-right: 0.5rem;
  }
  .shop-nav .pr-xs-t {
    padding-right: 1rem;
  }
  .shop-nav .pr-s-t {
    padding-right: 1.5rem;
  }
  .shop-nav .pr-m-t {
    padding-right: 2rem;
  }
  .shop-nav .pr-l-t {
    padding-right: 2.5rem;
  }
  .shop-nav .pr-xl-t {
    padding-right: 3.75rem;
  }
  .shop-nav .pr-xxl-t {
    padding-right: 5rem;
  }

  /* Flex Gap */
  .shop-nav .flex-gap-1-t {
    gap: 1rem;
  }
  .shop-nav .flex-gap-2-t {
    gap: 2rem;
  }
  .shop-nav .flex-gap-3-t {
    gap: 3rem;
  }
  .shop-nav .flex-gap-4-t {
    gap: 4rem;
  }
  .shop-nav .flex-gap-5-t {
    gap: 5rem;
  }
  .shop-nav .flex-gap-xxs-t {
    gap: 0.5rem;
  }
  .shop-nav .flex-gap-xs-t {
    gap: 1rem;
  }
  .shop-nav .flex-gap-s-t {
    gap: 1.5rem;
  }
  .shop-nav .flex-gap-m-t {
    gap: 2rem;
  }
  .shop-nav .flex-gap-l-t {
    gap: 2.5rem;
  }
  .shop-nav .flex-gap-xl-t {
    gap: 3.75rem;
  }
  .shop-nav .flex-gap-xxl-t {
    gap: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .shop-nav .m-auto-m {
    margin: auto;
  }
  .shop-nav .ml-auto-m {
    margin-left: auto;
  }
  .shop-nav .mr-auto-m {
    margin-right: auto;
  }
  .shop-nav .mt-auto-m {
    margin-top: auto;
  }
  .shop-nav .mb-auto-m {
    margin-bottom: auto;
  }

  .shop-nav .m-xxs-m {
    margin: 0.5rem;
  }
  .shop-nav .m-xs-m {
    margin: 1rem;
  }
  .shop-nav .m-s-m {
    margin: 1.5rem;
  }
  .shop-nav .m-m-m {
    margin: 2rem;
  }
  .shop-nav .m-l-m {
    margin: 2.5rem;
  }
  .shop-nav .m-xl-m {
    margin: 3.75rem;
  }
  .shop-nav .m-xxl-m {
    margin: 5rem;
  }

  .shop-nav .p-xxs-m {
    padding: 0.5rem;
  }
  .shop-nav .p-xs-m {
    padding: 1rem;
  }
  .shop-nav .p-s-m {
    padding: 1.5rem;
  }
  .shop-nav .p-m-m {
    padding: 2rem;
  }
  .shop-nav .p-l-m {
    padding: 2.5rem;
  }
  .shop-nav .p-xl-m {
    padding: 3.75rem;
  }
  .shop-nav .p-xxl-m {
    padding: 5rem;
  }

  .shop-nav .m-0-m {
    margin: 0rem;
  }
  .shop-nav .p-05-m {
    padding: 0.5rem;
  }
  .shop-nav .m-1-m {
    margin: 1rem;
  }
  .shop-nav .m-2-m {
    margin: 2rem;
  }
  .shop-nav .p-0-m {
    padding: 0rem;
  }
  .shop-nav .p-1-m {
    padding: 1rem;
  }
  .shop-nav .p-2-m {
    padding: 2rem;
  }
  .shop-nav .mt-0-m {
    margin-top: 0rem;
  }
  .shop-nav .pt-0-m {
    padding-top: 0rem;
  }
  .shop-nav .mb-0-m {
    margin-bottom: 0rem !important;
  }
  .shop-nav .pb-0-m {
    padding-bottom: 0rem;
  }
  .shop-nav .ml-0-m {
    margin-left: 0rem;
  }
  .shop-nav .pl-0-m {
    padding-left: 0rem;
  }
  .shop-nav .mr-0-m {
    margin-right: 0rem;
  }
  .shop-nav .pr-0-m {
    padding-right: 0rem;
  }

  .shop-nav .mt-025-m {
    margin-top: 0.25rem;
  }
  .shop-nav .pt-025-m {
    padding-top: 0.25rem;
  }
  .shop-nav .mb-025-m {
    margin-bottom: 0.25rem;
  }
  .shop-nav .pb-025-m {
    padding-bottom: 0.25rem;
  }
  .shop-nav .ml-025-m {
    margin-left: 0.25rem;
  }
  .shop-nav .pl-025-m {
    padding-left: 0.25rem;
  }
  .shop-nav .mr-025-m {
    margin-right: 0.25rem;
  }
  .shop-nav .pr-025-m {
    padding-right: 0.25rem;
  }

  .shop-nav .mt-05-m {
    margin-top: 0.5rem;
  }
  .shop-nav .pt-05-m {
    padding-top: 0.5rem;
  }
  .shop-nav .mb-05-m {
    margin-bottom: 0.5rem;
  }
  .shop-nav .pb-05-m {
    padding-bottom: 0.5rem;
  }
  .shop-nav .ml-05-m {
    margin-left: 0.5rem;
  }
  .shop-nav .pl-05-m {
    padding-left: 0.5rem;
  }
  .shop-nav .mr-05-m {
    margin-right: 0.5rem;
  }
  .shop-nav .pr-05-m {
    padding-right: 0.5rem;
  }

  .shop-nav .mt-075-m {
    margin-top: 0.75rem;
  }
  .shop-nav .pt-075-m {
    padding-top: 0.75rem;
  }
  .shop-nav .mb-075-m {
    margin-bottom: 0.75rem;
  }
  .shop-nav .pb-075-m {
    padding-bottom: 0.75rem;
  }
  .shop-nav .ml-075-m {
    margin-left: 0.75rem;
  }
  .shop-nav .pl-075-m {
    padding-left: 0.75rem;
  }
  .shop-nav .mr-075-m {
    margin-right: 0.75rem;
  }
  .shop-nav .pr-075-m {
    padding-right: 0.75rem;
  }

  .shop-nav .mt-1-m {
    margin-top: 1rem;
  }
  .shop-nav .pt-1-m {
    padding-top: 1rem;
  }
  .shop-nav .mb-1-m {
    margin-bottom: 1rem;
  }
  .shop-nav .pb-1-m {
    padding-bottom: 1rem;
  }
  .shop-nav .ml-1-m {
    margin-left: 1rem;
  }
  .shop-nav .pl-1-m {
    padding-left: 1rem;
  }
  .shop-nav .mr-1-m {
    margin-right: 1rem;
  }
  .shop-nav .pr-1-m {
    padding-right: 1rem;
  }
  .shop-nav .mt-2-m {
    margin-top: 2rem;
  }
  .shop-nav .pt-2-m {
    padding-top: 2rem;
  }
  .shop-nav .mb-2-m {
    margin-bottom: 2rem;
  }
  .shop-nav .pb-2-m {
    padding-bottom: 2rem;
  }
  .shop-nav .ml-2-m {
    margin-left: 2rem;
  }
  .shop-nav .pl-2-m {
    padding-left: 2rem;
  }
  .shop-nav .mr-2-m {
    margin-right: 2rem;
  }
  .shop-nav .pr-2-m {
    padding-right: 2rem;
  }
  .shop-nav .mt-3-m {
    margin-top: 3rem;
  }
  .shop-nav .pt-3-m {
    padding-top: 3rem;
  }
  .shop-nav .mb-3-m {
    margin-bottom: 3rem;
  }
  .shop-nav .pb-3-m {
    padding-bottom: 3rem;
  }
  .shop-nav .ml-3-m {
    margin-left: 3rem;
  }
  .shop-nav .pl-3-m {
    padding-left: 3rem;
  }
  .shop-nav .mr-3-m {
    margin-right: 3rem;
  }
  .shop-nav .pr-3-m {
    padding-right: 3rem;
  }
  .shop-nav .mt-4-m {
    margin-top: 4rem;
  }
  .shop-nav .pt-4-m {
    padding-top: 4rem;
  }
  .shop-nav .mb-4-m {
    margin-bottom: 4rem;
  }
  .shop-nav .pb-4-m {
    padding-bottom: 4rem;
  }
  .shop-nav .ml-4-m {
    margin-left: 4rem;
  }
  .shop-nav .pl-4-m {
    padding-left: 4rem;
  }
  .shop-nav .mr-4-m {
    margin-right: 4rem;
  }
  .shop-nav .pr-4-m {
    padding-right: 4rem;
  }
  .shop-nav .mt-5-m {
    margin-top: 5rem;
  }
  .shop-nav .pt-5-m {
    padding-top: 5rem;
  }
  .shop-nav .mb-5-m {
    margin-bottom: 5rem;
  }
  .shop-nav .pb-5-m {
    padding-bottom: 5rem;
  }
  .shop-nav .ml-5-m {
    margin-left: 5rem;
  }
  .shop-nav .pl-5-m {
    padding-left: 5rem;
  }
  .shop-nav .mr-5-m {
    margin-right: 5rem;
  }
  .shop-nav .pr-5-m {
    padding-right: 5rem;
  }

  .shop-nav .mb-xxs-m {
    margin-bottom: 0.5rem;
  }
  .shop-nav .mb-xs-m {
    margin-bottom: 1rem;
  }
  .shop-nav .mb-s-m {
    margin-bottom: 1.5rem;
  }
  .shop-nav .mb-m-m {
    margin-bottom: 2rem;
  }
  .shop-nav .mb-l-m {
    margin-bottom: 2.5rem;
  }
  .shop-nav .mb-xl-m {
    margin-bottom: 3.75rem;
  }
  .shop-nav .mb-xxl-m {
    margin-bottom: 5rem;
  }
  .shop-nav .mt-xxs-m {
    margin-top: 0.5rem;
  }
  .shop-nav .mt-xs-m {
    margin-top: 1rem;
  }
  .shop-nav .mt-s-m {
    margin-top: 1.5rem;
  }
  .shop-nav .mt-m-m {
    margin-top: 2rem;
  }
  .shop-nav .mt-l-m {
    margin-top: 2.5rem;
  }
  .shop-nav .mt-xl-m {
    margin-top: 3.75rem;
  }
  .shop-nav .mt-xxl-m {
    margin-top: 5rem;
  }

  .shop-nav .ml-xxs-m {
    margin-left: 0.5rem;
  }
  .shop-nav .ml-xs-m {
    margin-left: 1rem;
  }
  .shop-nav .ml-s-m {
    margin-left: 1.5rem;
  }
  .shop-nav .ml-m-m {
    margin-left: 2rem;
  }
  .shop-nav .ml-l-m {
    margin-left: 2.5rem;
  }
  .shop-nav .ml-xl-m {
    margin-left: 3.75rem;
  }
  .shop-nav .ml-xxl-m {
    margin-left: 5rem;
  }
  .shop-nav .mr-xxs-m {
    margin-right: 0.5rem;
  }
  .shop-nav .mr-xs-m {
    margin-right: 1rem;
  }
  .shop-nav .mr-s-m {
    margin-right: 1.5rem;
  }
  .shop-nav .mr-m-m {
    margin-right: 2rem;
  }
  .shop-nav .mr-l-m {
    margin-right: 2.5rem;
  }
  .shop-nav .mr-xl-m {
    margin-right: 3.75rem;
  }
  .shop-nav .mr-xxl-m {
    margin-right: 5rem;
  }

  .shop-nav .pb-xxs-m {
    padding-bottom: 0.5rem;
  }
  .shop-nav .pb-xs-m {
    padding-bottom: 1rem;
  }
  .shop-nav .pb-s-m {
    padding-bottom: 1.5rem;
  }
  .shop-nav .pb-m-m {
    padding-bottom: 2rem;
  }
  .shop-nav .pb-l-m {
    padding-bottom: 2.5rem;
  }
  .shop-nav .pb-xl-m {
    padding-bottom: 3.75rem;
  }
  .shop-nav .pb-xxl-m {
    padding-bottom: 5rem;
  }
  .shop-nav .pt-xxs-m {
    padding-top: 0.5rem;
  }
  .shop-nav .pt-xs-m {
    padding-top: 1rem;
  }
  .shop-nav .pt-s-m {
    padding-top: 1.5rem;
  }
  .shop-nav .pt-m-m {
    padding-top: 2rem;
  }
  .shop-nav .pt-l-m {
    padding-top: 2.5rem;
  }
  .shop-nav .pt-xl-m {
    padding-top: 3.75rem;
  }
  .shop-nav .pt-xxl-m {
    padding-top: 5rem;
  }

  .shop-nav .pl-xxs-m {
    padding-left: 0.5rem;
  }
  .shop-nav .pl-xs-m {
    padding-left: 1rem;
  }
  .shop-nav .pl-s-m {
    padding-left: 1.5rem;
  }
  .shop-nav .pl-m-m {
    padding-left: 2rem;
  }
  .shop-nav .pl-l-m {
    padding-left: 2.5rem;
  }
  .shop-nav .pl-xl-m {
    padding-left: 3.75rem;
  }
  .shop-nav .pl-xxl-m {
    padding-left: 5rem;
  }
  .shop-nav .pr-xxs-m {
    padding-right: 0.5rem;
  }
  .shop-nav .pr-xs-m {
    padding-right: 1rem;
  }
  .shop-nav .pr-s-m {
    padding-right: 1.5rem;
  }
  .shop-nav .pr-m-m {
    padding-right: 2rem;
  }
  .shop-nav .pr-l-m {
    padding-right: 2.5rem;
  }
  .shop-nav .pr-xl-m {
    padding-right: 3.75rem;
  }
  .shop-nav .pr-xxl-m {
    padding-right: 5rem;
  }

  /* Flex Gap */
  .shop-nav .flex-gap-0-m {
    gap: 0;
  }
  .shop-nav .flex-gap-075-m {
    gap: 0.75rem;
  }
  .shop-nav .flex-gap-1-m {
    gap: 1rem;
  }
  .shop-nav .flex-gap-2-m {
    gap: 2rem;
  }
  .shop-nav .flex-gap-3-m {
    gap: 3rem;
  }
  .shop-nav .flex-gap-4-m {
    gap: 4rem;
  }
  .shop-nav .flex-gap-5-m {
    gap: 5rem;
  }
  .shop-nav .flex-gap-xxs-m {
    gap: 0.5rem;
  }
  .shop-nav .flex-gap-xs-m {
    gap: 1rem;
  }
  .shop-nav .flex-gap-s-m {
    gap: 1.5rem;
  }
  .shop-nav .flex-gap-m-m {
    gap: 2rem;
  }
  .shop-nav .flex-gap-l-m {
    gap: 2.5rem;
  }
  .shop-nav .flex-gap-xl-m {
    gap: 3.75rem;
  }
  .shop-nav .flex-gap-xxl-m {
    gap: 5rem;
  }
}
@media only screen and (max-width: 600px) {
  .shop-nav .m-auto-s {
    margin: auto;
  }
  .shop-nav .ml-auto-s {
    margin-left: auto;
  }
  .shop-nav .mr-auto-s {
    margin-right: auto;
  }
  .shop-nav .mt-auto-s {
    margin-top: auto;
  }
  .shop-nav .mb-auto-s {
    margin-bottom: auto;
  }

  .shop-nav .m-xxs-s {
    margin: 0.5rem;
  }
  .shop-nav .m-xs-s {
    margin: 1rem;
  }
  .shop-nav .m-s-s {
    margin: 1.5rem;
  }
  .shop-nav .m-m-s {
    margin: 2rem;
  }
  .shop-nav .m-l-s {
    margin: 2.5rem;
  }
  .shop-nav .m-xl-s {
    margin: 3.75rem;
  }
  .shop-nav .m-xxl-s {
    margin: 5rem;
  }

  .shop-nav .p-xxs-s {
    padding: 0.5rem;
  }
  .shop-nav .p-xs-s {
    padding: 1rem;
  }
  .shop-nav .p-s-s {
    padding: 1.5rem;
  }
  .shop-nav .p-m-s {
    padding: 2rem;
  }
  .shop-nav .p-l-s {
    padding: 2.5rem;
  }
  .shop-nav .p-xl-s {
    padding: 3.75rem;
  }
  .shop-nav .p-xxl-s {
    padding: 5rem;
  }

  .shop-nav .m-0-s {
    margin: 0rem;
  }
  .shop-nav .p-05-s {
    padding: 0.5rem;
  }
  .shop-nav .m-1-s {
    margin: 1rem;
  }
  .shop-nav .m-2-s {
    margin: 2rem;
  }
  .shop-nav .m-3-s {
    margin: 3rem;
  }
  .shop-nav .p-0-s {
    padding: 0rem;
  }
  .shop-nav .p-1-s {
    padding: 1rem;
  }
  .shop-nav .p-2-s {
    padding: 2rem;
  }
  .shop-nav .mt-0-s {
    margin-top: 0rem;
  }
  .shop-nav .pt-0-s {
    padding-top: 0rem;
  }
  .shop-nav .mb-0-s {
    margin-bottom: 0rem;
  }
  .shop-nav .pb-0-s {
    padding-bottom: 0rem;
  }
  .shop-nav .ml-0-s {
    margin-left: 0rem;
  }
  .shop-nav .pl-0-s {
    padding-left: 0rem;
  }
  .shop-nav .mr-0-s {
    margin-right: 0rem;
  }
  .shop-nav .pr-0-s {
    padding-right: 0rem;
  }

  .shop-nav .mt-025-s {
    margin-top: 0.25rem;
  }
  .shop-nav .pt-025-s {
    padding-top: 0.25rem;
  }
  .shop-nav .mb-025-s {
    margin-bottom: 0.25rem;
  }
  .shop-nav .pb-025-s {
    padding-bottom: 0.25rem;
  }
  .shop-nav .ml-025-s {
    margin-left: 0.25rem;
  }
  .shop-nav .pl-025-s {
    padding-left: 0.25rem;
  }
  .shop-nav .mr-025-s {
    margin-right: 0.25rem;
  }
  .shop-nav .pr-025-s {
    padding-right: 0.25rem;
  }

  .shop-nav .mt-05-s {
    margin-top: 0.5rem;
  }
  .shop-nav .pt-05-s {
    padding-top: 0.5rem;
  }
  .shop-nav .mb-05-s {
    margin-bottom: 0.5rem;
  }
  .shop-nav .pb-05-s {
    padding-bottom: 0.5rem;
  }
  .shop-nav .ml-05-s {
    margin-left: 0.5rem;
  }
  .shop-nav .pl-05-s {
    padding-left: 0.5rem;
  }
  .shop-nav .mr-05-s {
    margin-right: 0.5rem;
  }
  .shop-nav .pr-05-s {
    padding-right: 0.5rem;
  }

  .shop-nav .mt-075-s {
    margin-top: 0.75rem;
  }
  .shop-nav .pt-075-s {
    padding-top: 0.75rem;
  }
  .shop-nav .mb-075-s {
    margin-bottom: 0.75rem;
  }
  .shop-nav .pb-075-s {
    padding-bottom: 0.75rem;
  }
  .shop-nav .ml-075-s {
    margin-left: 0.75rem;
  }
  .shop-nav .pl-075-s {
    padding-left: 0.75rem;
  }
  .shop-nav .mr-075-s {
    margin-right: 0.75rem;
  }
  .shop-nav .pr-075-s {
    padding-right: 0.75rem;
  }

  .shop-nav .mt-1-s {
    margin-top: 1rem;
  }
  .shop-nav .pt-1-s {
    padding-top: 1rem;
  }
  .shop-nav .mb-1-s {
    margin-bottom: 1rem;
  }
  .shop-nav .pb-1-s {
    padding-bottom: 1rem;
  }
  .shop-nav .ml-1-s {
    margin-left: 1rem;
  }
  .shop-nav .pl-1-s {
    padding-left: 1rem;
  }
  .shop-nav .mr-1-s {
    margin-right: 1rem;
  }
  .shop-nav .pr-1-s {
    padding-right: 1rem;
  }
  .shop-nav .mt-2-s {
    margin-top: 2rem;
  }
  .shop-nav .pt-2-s {
    padding-top: 2rem;
  }
  .shop-nav .mb-2-s {
    margin-bottom: 2rem;
  }
  .shop-nav .pb-2-s {
    padding-bottom: 2rem;
  }
  .shop-nav .ml-2-s {
    margin-left: 2rem;
  }
  .shop-nav .pl-2-s {
    padding-left: 2rem;
  }
  .shop-nav .mr-2-s {
    margin-right: 2rem;
  }
  .shop-nav .pr-2-s {
    padding-right: 2rem;
  }
  .shop-nav .mt-3-s {
    margin-top: 3rem;
  }
  .shop-nav .pt-3-s {
    padding-top: 3rem;
  }
  .shop-nav .mb-3-s {
    margin-bottom: 3rem;
  }
  .shop-nav .pb-3-s {
    padding-bottom: 3rem;
  }
  .shop-nav .ml-3-s {
    margin-left: 3rem;
  }
  .shop-nav .pl-3-s {
    padding-left: 3rem;
  }
  .shop-nav .mr-3-s {
    margin-right: 3rem;
  }
  .shop-nav .pr-3-s {
    padding-right: 3rem;
  }
  .shop-nav .mt-4-s {
    margin-top: 4rem;
  }
  .shop-nav .pt-4-s {
    padding-top: 4rem;
  }
  .shop-nav .mb-4-s {
    margin-bottom: 4rem;
  }
  .shop-nav .pb-4-s {
    padding-bottom: 4rem;
  }
  .shop-nav .ml-4-s {
    margin-left: 4rem;
  }
  .shop-nav .pl-4-s {
    padding-left: 4rem;
  }
  .shop-nav .mr-4-s {
    margin-right: 4rem;
  }
  .shop-nav .pr-4-s {
    padding-right: 4rem;
  }
  .shop-nav .mt-5-s {
    margin-top: 5rem;
  }
  .shop-nav .pt-5-s {
    padding-top: 5rem;
  }
  .shop-nav .mb-5-s {
    margin-bottom: 5rem;
  }
  .shop-nav .pb-5-s {
    padding-bottom: 5rem;
  }
  .shop-nav .ml-5-s {
    margin-left: 5rem;
  }
  .shop-nav .pl-5-s {
    padding-left: 5rem;
  }
  .shop-nav .mr-5-s {
    margin-right: 5rem;
  }
  .shop-nav .pr-5-s {
    padding-right: 5rem;
  }

  .shop-nav .mb-xxs-s {
    margin-bottom: 0.5rem;
  }
  .shop-nav .mb-xs-s {
    margin-bottom: 1rem;
  }
  .shop-nav .mb-s-s {
    margin-bottom: 1.5rem;
  }
  .shop-nav .mb-m-s {
    margin-bottom: 2rem;
  }
  .shop-nav .mb-l-s {
    margin-bottom: 2.5rem;
  }
  .shop-nav .mb-xl-s {
    margin-bottom: 3.75rem;
  }
  .shop-nav .mb-xxl-s {
    margin-bottom: 5rem;
  }
  .shop-nav .mt-xxs-s {
    margin-top: 0.5rem;
  }
  .shop-nav .mt-xs-s {
    margin-top: 1rem;
  }
  .shop-nav .mt-s-s {
    margin-top: 1.5rem;
  }
  .shop-nav .mt-m-s {
    margin-top: 2rem;
  }
  .shop-nav .mt-l-s {
    margin-top: 2.5rem;
  }
  .shop-nav .mt-xl-s {
    margin-top: 3.75rem;
  }
  .shop-nav .mt-xxl-s {
    margin-top: 5rem;
  }

  .shop-nav .ml-xxs-s {
    margin-left: 0.5rem;
  }
  .shop-nav .ml-xs-s {
    margin-left: 1rem;
  }
  .shop-nav .ml-s-s {
    margin-left: 1.5rem;
  }
  .shop-nav .ml-m-s {
    margin-left: 2rem;
  }
  .shop-nav .ml-l-s {
    margin-left: 2.5rem;
  }
  .shop-nav .ml-xl-s {
    margin-left: 3.75rem;
  }
  .shop-nav .ml-xxl-s {
    margin-left: 5rem;
  }
  .shop-nav .mr-xxs-s {
    margin-right: 0.5rem;
  }
  .shop-nav .mr-xs-s {
    margin-right: 1rem;
  }
  .shop-nav .mr-s-s {
    margin-right: 1.5rem;
  }
  .shop-nav .mr-m-s {
    margin-right: 2rem;
  }
  .shop-nav .mr-l-s {
    margin-right: 2.5rem;
  }
  .shop-nav .mr-xl-s {
    margin-right: 3.75rem;
  }
  .shop-nav .mr-xxl-s {
    margin-right: 5rem;
  }

  .shop-nav .pb-xxs-s {
    padding-bottom: 0.5rem;
  }
  .shop-nav .pb-xs-s {
    padding-bottom: 1rem;
  }
  .shop-nav .pb-s-s {
    padding-bottom: 1.5rem;
  }
  .shop-nav .pb-m-s {
    padding-bottom: 2rem;
  }
  .shop-nav .pb-l-s {
    padding-bottom: 2.5rem;
  }
  .shop-nav .pb-xl-s {
    padding-bottom: 3.75rem;
  }
  .shop-nav .pb-xxl-s {
    padding-bottom: 5rem;
  }
  .shop-nav .pt-xxs-s {
    padding-top: 0.5rem;
  }
  .shop-nav .pt-xs-s {
    padding-top: 1rem;
  }
  .shop-nav .pt-s-s {
    padding-top: 1.5rem;
  }
  .shop-nav .pt-m-s {
    padding-top: 2rem;
  }
  .shop-nav .pt-l-s {
    padding-top: 2.5rem;
  }
  .shop-nav .pt-xl-s {
    padding-top: 3.75rem;
  }
  .shop-nav .pt-xxl-s {
    padding-top: 5rem;
  }

  .shop-nav .pl-xxs-s {
    padding-left: 0.5rem;
  }
  .shop-nav .pl-xs-s {
    padding-left: 1rem;
  }
  .shop-nav .pl-s-s {
    padding-left: 1.5rem;
  }
  .shop-nav .pl-m-s {
    padding-left: 2rem;
  }
  .shop-nav .pl-l-s {
    padding-left: 2.5rem;
  }
  .shop-nav .pl-xl-s {
    padding-left: 3.75rem;
  }
  .shop-nav .pl-xxl-s {
    padding-left: 5rem;
  }
  .shop-nav .pr-xxs-s {
    padding-right: 0.5rem;
  }
  .shop-nav .pr-xs-s {
    padding-right: 1rem;
  }
  .shop-nav .pr-s-s {
    padding-right: 1.5rem;
  }
  .shop-nav .pr-m-s {
    padding-right: 2rem;
  }
  .shop-nav .pr-l-s {
    padding-right: 2.5rem;
  }
  .shop-nav .pr-xl-s {
    padding-right: 3.75rem;
  }
  .shop-nav .pr-xxl-s {
    padding-right: 5rem;
  }

  /* Flex Gap */
  .shop-nav .flex-gap-1-s {
    gap: 1rem;
  }
  .shop-nav .flex-gap-2-s {
    gap: 2rem;
  }
  .shop-nav .flex-gap-3-s {
    gap: 3rem;
  }
  .shop-nav .flex-gap-4-s {
    gap: 4rem;
  }
  .shop-nav .flex-gap-5-s {
    gap: 5rem;
  }
  .shop-nav .flex-gap-xxs-s {
    gap: 0.5rem;
  }
  .shop-nav .flex-gap-xs-s {
    gap: 1rem;
  }
  .shop-nav .flex-gap-s-s {
    gap: 1.5rem;
  }
  .shop-nav .flex-gap-s-s {
    gap: 2rem;
  }
  .shop-nav .flex-gap-l-s {
    gap: 2.5rem;
  }
  .shop-nav .flex-gap-xl-s {
    gap: 3.75rem;
  }
  .shop-nav .flex-gap-xxl-s {
    gap: 5rem;
  }
}