/* grey-squid header, scoped. GENERATED by scratchpad/grey/build_header.py - do not hand-edit. */
@font-face {font-family:vista-reg;src:url(/wp-content/themes/mantramani/gs/css/../fonts/VistaSansReg.woff2) format("woff2")}
@font-face {font-family:"vista-reg";src:url(/wp-content/themes/mantramani/gs/fonts/VistaSansReg.woff2) format("woff2")}
@font-face {







      font-family: "vista-reg";







      src: url(/wp-content/themes/mantramani/gs/fonts/VistaSansReg.woff2) format("woff2");







      font-weight: 400;







      font-style: normal;







      font-display: swap;







    }
@font-face {
  font-family: "N27";
  src: url(/wp-content/themes/mantramani/gs/_ext/ronnsquare.fr/wp-content/themes/ronn_square_back/dist/assets/woff2/N27-Regular-BbgSAH5W.woff2) format("woff2"),
       url(/wp-content/themes/mantramani/gs/_ext/ronnsquare.fr/wp-content/themes/ronn_square_back/dist/assets/woff/N27-Regular-D1_LvjER.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {font-family:N27;src:url(/wp-content/themes/mantramani/gs/_ext/ronnsquare.fr/wp-content/themes/ronn_square_back/dist/assets/woff2/N27-Regular-BbgSAH5W.woff2) format("woff2"),url(/wp-content/themes/mantramani/gs/_ext/ronnsquare.fr/wp-content/themes/ronn_square_back/dist/assets/woff/N27-Regular-D1_LvjER.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face {
      font-family: "N27";
      src: local("Plus Jakarta Sans"), local("Inter"), sans-serif;
      font-weight: 400 700;
      font-display: swap;
    }
.mm-gsh {--self-box-shadow-500: 0px 2px 4px rgba($black,0.05); --self-border-radius-500: max(12px,10.791px + 100vw * 0.0031); --self-border-radius-300: max(8px,6.791px + 100vw * 0.0031)}
@media only screen and (min-width:2000px) {
.mm-gsh {--self-border-radius-500: max(1px,-4.758px + 100vw * 0.0122); --self-border-radius-300: max(8px,6.791px + 100vw * 0.0031)}
}
.mm-gsh {--grid-num-cols: 16; --grid-max-width: calc(106.25 * var(--mm-rem)); --grid-col-width: 6.25%; --grid-padding: max(16px,-6.035px + 100vw * 0.0565); --grid-gutter: max(2px,-0.964px + 100vw * 0.0076); --grid-gap: calc(var(--grid-gutter)*2); --grid-inset: calc(var(--grid-padding) + var(--grid-gutter)); --xxlarge: 2000px; --xlarge: 1700px; --large: 1440px; --medium: 1290px; --small: 1023px; --xsmall: 743px; --xxsmall: 413px}
.mm-gsh {--computed-100vh: 100vh; --native-scrollbar-width: 0px; --computed-100vw: calc(100vw - var(--native-scrollbar-width))}
.mm-gsh {--self-box-shadow-500: 0px 2px 4px rgba($black,0.05); --self-border-radius-500: max(12px,10.791px + 100vw * 0.0031); --self-border-radius-300: max(8px,6.791px + 100vw * 0.0031)}
@media only screen and (min-width:2000px) {
.mm-gsh {--self-border-radius-500: max(1px,-4.758px + 100vw * 0.0122); --self-border-radius-300: max(8px,6.791px + 100vw * 0.0031)}
}
.mm-gsh {--grid-num-cols: 16; --grid-max-width: calc(106.25 * var(--mm-rem)); --grid-col-width: 6.25%; --grid-padding: max(16px,-6.035px + 100vw * 0.0565); --grid-gutter: max(2px,-0.964px + 100vw * 0.0076); --grid-gap: calc(var(--grid-gutter)*2); --grid-inset: calc(var(--grid-padding) + var(--grid-gutter)); --xxlarge: 2000px; --xlarge: 1700px; --large: 1440px; --medium: 1290px; --small: 1023px; --xsmall: 743px; --xxsmall: 413px}
.mm-gsh {--computed-100vh: 100vh; --native-scrollbar-width: 0px; --computed-100vw: calc(100vw - var(--native-scrollbar-width))}
.mm-gsh {--primary: #fff; --secondary: #0e0e0e; --highlight: #7345ff; --white: #fff; --black: #0e0e0e; --purple: #7345ff; --beige: #f1efeb; --terra: #e49366; --green: #798e7b; --pink: #b692a1; --blue: #bfccd8; --light-grey: #f7f7f7; --grey: #666d73; --mid-grey: #262626; --dark-grey: #1a1a1a}
.mm-gsh {--sbw: 0px}
.mm-gsh {--primary: #fff; --secondary: #1c1917; --highlight: #4f8a63; --white: #fff; --black: #1c1917; --purple: #4f8a63; --beige: #fcfaf7; --terra: #e49366; --green: #798e7b; --pink: #b692a1; --blue: #bfccd8; --light-grey: #f7f7f7; --grey: #666d73; --mid-grey: #262626; --dark-grey: #1a1a1a; --sbw: 0px}
.mm-gsh {--tut-font-mono: "IBM Plex Mono", "Courier New", monospace; --tut-font-display: "PPTelegraf", sans-serif; --tut-font-serif: "Cormorant Garamond", Georgia, serif; --tut-color-gold: #e2be6c; --tut-color-gold-bright: #ffd466; --tut-color-gold-muted: rgba(226, 190, 108, 0.65); --tut-color-ruby: #ff2a4b; --tut-color-ruby-bright: #ff4765; --tut-color-ruby-glow: rgba(255, 42, 75, 0.6); --tut-color-ruby-dim: rgba(255, 42, 75, 0.25); --tut-color-homescreen-bg: #f6c97d; --tut-bg-dark: #050505; --mmab-h: 54px; --mmab-bg: #171310; --mmab-c1: #5b9de0; --mmab-c2: #ff4f3f; --mmab-c3: #f5c800; --mmab-c4: #fdfaf3}
@media (max-width: 700px) {
.mm-gsh {--mmab-h: 44px}
}
.mm-gsh {--mm-rem: .69444vw}
@media (orientation:portrait) {.mm-gsh {--mm-rem: 2.66667vw}}
@media (orientation:portrait) and (min-width:768px) and (max-width:1180px) and (min-height:768px) and (max-height:1180px) {.mm-gsh {--mm-rem: 1.30208vw}}
@media (orientation:portrait) and (min-height:1180px) {.mm-gsh {--mm-rem: 1.30208vw}}
@media (orientation:landscape) {.mm-gsh {--mm-rem: .69444vw}}
@media (orientation:landscape) and (max-width:768px) and (max-height:812px) {.mm-gsh {--mm-rem: .84746vw}}
.mm-gsh {font-family: N27, "Plus Jakarta Sans", -apple-system, sans-serif; font-size: calc(1.6 * var(--mm-rem)); font-weight: 400; font-style: normal; line-height: 1; color: rgb(255, 234, 212); letter-spacing: normal; word-spacing: 0px; text-transform: none; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-align: start; white-space: normal}
:where(.mm-gsh) ::-moz-selection {background:#000!important;color:#fff!important}
:where(.mm-gsh) ::selection {background:#000!important;color:#fff!important}
:where(.mm-gsh) span {display:inline-block}
:where(.mm-gsh) a {color:inherit}
:where(.mm-gsh) * {-webkit-tap-highlight-color:transparent}
:where(.mm-gsh) *,
:where(.mm-gsh) :after,
:where(.mm-gsh) :before {box-sizing:border-box}
:where(.mm-gsh) img {-webkit-user-drag:none;-moz-user-drag:none;display:block;height:auto;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}
:where(.mm-gsh) button {background:0 0;border:none;border-radius:0;cursor:pointer;margin:0;outline:0;padding:0;position:relative}
:where(.mm-gsh) a {-webkit-text-decoration:none;text-decoration:none}
:where(.mm-gsh) a,
:where(.mm-gsh) audio,
:where(.mm-gsh) div,
:where(.mm-gsh) img,
:where(.mm-gsh) li,
:where(.mm-gsh) nav,
:where(.mm-gsh) span,
:where(.mm-gsh) ul {border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}
:where(.mm-gsh) :focus {outline:0}
:where(.mm-gsh) nav {display:block}
:where(.mm-gsh) ul {list-style:none}
:where(.mm-gsh) audio {display:inline-block;max-width:100%}
:where(.mm-gsh) audio:not([controls]) {display:none;height:0}
:where(.mm-gsh) a:focus {outline:thin dotted;outline:0}
:where(.mm-gsh) a:active,
:where(.mm-gsh) a:hover {outline:0}
:where(.mm-gsh) img {-ms-interpolation-mode:bicubic;border:0}
:where(.mm-gsh) button {font-size:100%;margin:0;vertical-align:baseline}
:where(.mm-gsh) button {line-height:normal}
:where(.mm-gsh) button {text-transform:none}
:where(.mm-gsh) button {-webkit-appearance:button;cursor:pointer}
:where(.mm-gsh) button::-moz-focus-inner {border:0;padding:0}
:where(.mm-gsh) button {color:#222}
:where(.mm-gsh) ::-moz-selection {-webkit-text-fill-color:#fff;background:#105df1;color:#fff;text-shadow:none}
:where(.mm-gsh) ::selection {-webkit-text-fill-color:#fff;background:#105df1;color:#fff;text-shadow:none}
:where(.mm-gsh) img {vertical-align:middle}
:where(.mm-gsh) ::-moz-selection {background:#000!important;color:#fff!important}
:where(.mm-gsh) ::selection {background:#000!important;color:#fff!important}
:where(.mm-gsh) span {display:inline-block}
:where(.mm-gsh) a {color:inherit}
:where(.mm-gsh) * {-webkit-tap-highlight-color:rgba(0,0,0,0)}
:where(.mm-gsh) *,
:where(.mm-gsh) :after,
:where(.mm-gsh) :before {box-sizing:border-box}
:where(.mm-gsh) img {-webkit-user-drag:none;-moz-user-drag:none;display:block;height:auto;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}
:where(.mm-gsh) button {background:transparent;border:none;border-radius:0;cursor:pointer;margin:0;outline:none;padding:0;position:relative}
:where(.mm-gsh) a {-webkit-text-decoration:none;text-decoration:none}
:where(.mm-gsh) a,
:where(.mm-gsh) audio,
:where(.mm-gsh) div,
:where(.mm-gsh) img,
:where(.mm-gsh) li,
:where(.mm-gsh) nav,
:where(.mm-gsh) span,
:where(.mm-gsh) ul {border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}
:where(.mm-gsh) :focus {outline:0}
:where(.mm-gsh) nav {display:block}
:where(.mm-gsh) ul {list-style:none}
:where(.mm-gsh) audio {*zoom:1;display:inline-block;*display:inline;max-width:100%}
:where(.mm-gsh) audio:not([controls]) {display:none;height:0}
:where(.mm-gsh) a:focus {outline:thin dotted;outline:none}
:where(.mm-gsh) a:active,
:where(.mm-gsh) a:hover {outline:0}
:where(.mm-gsh) img {-ms-interpolation-mode:bicubic;border:0}
:where(.mm-gsh) button {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
:where(.mm-gsh) button {line-height:normal}
:where(.mm-gsh) button {text-transform:none}
:where(.mm-gsh) button {-webkit-appearance:button;cursor:pointer;*overflow:visible}
:where(.mm-gsh) button::-moz-focus-inner {border:0;padding:0}
:where(.mm-gsh) button {color:#222}
:where(.mm-gsh) ::-moz-selection {-webkit-text-fill-color:#fff;background:#105df1;color:#fff;text-shadow:none}
:where(.mm-gsh) ::selection {-webkit-text-fill-color:#fff;background:#105df1;color:#fff;text-shadow:none}
:where(.mm-gsh) img {vertical-align:middle}
.mm-gsh .menu-wrapper[data-v-7a271778] {align-items:flex-start;display:flex;justify-content:space-between;left:max(20.4px,20.4px + 100vw*0.0021);position:fixed;right:max(20.4px,20.4px + 100vw*0.0021);top:max(20.4px,20.4px + 100vw*0.0021);z-index:21}
.mm-gsh .menu-wrapper .left-buttons[data-v-7a271778] {display:flex;flex-direction:row;gap:10px;position:relative}
.mm-gsh .mainnav-wrapper[data-v-7a271778] {display:flex;gap:10px}
.mm-gsh .menu[data-v-7a271778] {--border-radius:16px;--label-height:0;--main-list-height:0;--color:#fff;--background-color:#ff5f00;--transition-duration:550ms;color:#fff;color:var(--color);position:relative;z-index:2}
.mm-gsh .menu:hover .navigation[data-v-7a271778] {pointer-events:all}
.mm-gsh .menu.-open .background[data-v-7a271778] {background-color:#fa5500}
.mm-gsh .menu .background[data-v-7a271778] {background-color:var(--background-color);border-radius:var(--border-radius);height:100%;left:0;position:absolute;top:0;transition:background-color .75s cubic-bezier(.075,.82,.165,1);width:100%}
.mm-gsh .menu .label-wrapper[data-v-7a271778] {cursor:pointer;font-family:"vista-reg";font-size:16px;letter-spacing:-.04em;line-height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
@media only screen and (min-width:2000px) {
.mm-gsh .menu .label-wrapper[data-v-7a271778] {font-size:16px}
}
.mm-gsh .menu .main-label[data-v-7a271778] {align-items:center;display:flex;flex-direction:row;gap:8px;overflow:hidden;padding:16px;position:relative;z-index:2}
@media only screen and (min-width:2000px) {
.mm-gsh .menu .main-label[data-v-7a271778] {font-size:16px}
}
.mm-gsh .menu .main-label svg[data-v-7a271778] {position:relative;width:28px;z-index:2}
.mm-gsh .menu .navigation[data-v-7a271778] {border-radius:var(--border-radius);display:flex;gap:12px;left:0;overflow:hidden;padding:35px 24px 16px 12px;pointer-events:none;position:absolute;top:0;z-index:1}
.mm-gsh .menu .navigation .line-wrapper[data-v-7a271778] {display:flex;justify-content:center;padding-left:8px;width:max(20.8px,20.8px + 100vw*0.0042)}
.mm-gsh .menu .navigation .line-wrapper .line[data-v-7a271778] {border:2px solid #fff;border-radius:5px;height:0;opacity:0;position:relative;width:2px}
.mm-gsh .menu .navigation .line-wrapper svg[data-v-7a271778] {opacity:0;position:absolute;top:67px;transform:scale(0);width:10px}
.mm-gsh .menu .main-list[data-v-7a271778] {display:flex;flex-direction:column;gap:16px;margin-top:max(21.5px,21.5px + 100vw*0.0079);overflow:hidden}
.mm-gsh .header-logo {display: inline-flex;

      align-items: center;

      justify-content: center;

      text-decoration: none;

      transition: transform 0.25s ease, opacity 0.2s ease;

      cursor: pointer;

      pointer-events: auto;}
.mm-gsh .header-logo:hover {transform: scale(1.04);

      opacity: 0.95;}
.mm-gsh .header-logo-img {height: 40px;

      width: auto;

      max-width: 240px;

      object-fit: contain;

      display: block;

      filter: drop-shadow(0 2px 8px rgba(0,0,0,0.06));}
@media (max-width: 768px) {
.mm-gsh .header-logo {display: none;}
}
.mm-gsh .menu-wrapper {position: fixed;







      top: 24px;







      left: 24px;







      right: 24px;







      display: flex;







      justify-content: space-between;







      align-items: center;







      z-index: 900;







      pointer-events: none;}
:where(.mm-gsh) .menu-wrapper > * {pointer-events: auto;}
:where(.mm-gsh) img {max-width: 100%;







      height: auto;}
.mm-gsh .menu-wrapper[data-v-7a271778] {position: fixed;
  top: max(20.4px, 20.4px + 100vw * 0.0021);
  left: max(20.4px, 20.4px + 100vw * 0.0021);
  right: max(20.4px, 20.4px + 100vw * 0.0021);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 100;
  pointer-events: none;}
:where(.mm-gsh) .menu-wrapper[data-v-7a271778] > * {pointer-events: auto;}
.mm-gsh .mainnav-wrapper[data-v-7a271778] {display: flex;
  gap: 10px;}
.mm-gsh #desktopMenu,
.mm-gsh .menu.-desktop[data-v-7a271778] {position: relative;
  display: block;
  width: 106px;
  height: 48px;
  z-index: 2;}
.mm-gsh #desktopMenu .background,
.mm-gsh .menu.-desktop .background[data-v-7a271778] {position: absolute;
  top: 0;
  left: 0;
  width: 106px;
  height: 48px;
  background-color: #ff5f00;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(220, 75, 0, 0.35);
  transition: background-color 0.4s ease;
  z-index: 1;
  pointer-events: none;}
.mm-gsh #desktopMenu.-open .background,
.mm-gsh .menu.-desktop.-open .background[data-v-7a271778] {background-color: #fa5500;}
.mm-gsh #desktopMenu .main-label,
.mm-gsh .menu.-desktop .main-label[data-v-7a271778] {position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  width: 106px;
  height: 48px;
  cursor: pointer;
  user-select: none;
  z-index: 3;}
.mm-gsh #desktopMenu .main-label svg.burger,
.mm-gsh .menu.-desktop .main-label svg.burger[data-v-7a271778] {position: relative;
  width: 28px;
  height: 9px;
  display: block;
  overflow: visible;
  flex-shrink: 0;
  z-index: 3;}
:where(.mm-gsh) #desktopMenu .main-label svg.burger path {fill: #ffffff;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  transform-origin: center center;}
:where(.mm-gsh) #desktopMenu .main-label svg.burger rect {transform-origin: center center;}
.mm-gsh #desktopMenu .label-wrapper,
.mm-gsh .menu.-desktop .label-wrapper[data-v-7a271778] {font-family: "vista-reg", sans-serif;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 100%;
  color: #ffffff;
  user-select: none;
  white-space: nowrap;}
.mm-gsh #desktopMenu .navigation,
.mm-gsh .menu.-desktop .navigation[data-v-7a271778] {position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 12px;
  width: 141px;
  height: 196px;
  padding: 35px 24px 16px 12px;
  border-radius: 16px;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;}
.mm-gsh #desktopMenu.-open .navigation,
.mm-gsh .menu.-desktop.-open .navigation[data-v-7a271778],
.mm-gsh #desktopMenu:hover .navigation {pointer-events: auto;}
.mm-gsh #desktopMenu .navigation .line-wrapper,
.mm-gsh .menu.-desktop .navigation .line-wrapper[data-v-7a271778] {position: static;
  display: flex;
  justify-content: center;
  width: 27px;
  padding: 0 0 0 8px;
  flex-shrink: 0;}
.mm-gsh #desktopMenu .navigation .line-wrapper .line,
.mm-gsh .menu.-desktop .navigation .line-wrapper .line[data-v-7a271778] {position: relative;
  width: 2px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  height: 0;
  opacity: 0;
  display: block;}
.mm-gsh #desktopMenu .navigation svg.bullet,
.mm-gsh .menu.-desktop .navigation svg.bullet[data-v-7a271778],
.mm-gsh #desktopMenu .navigation .line-wrapper svg.bullet,
.mm-gsh .menu.-desktop .navigation .line-wrapper svg.bullet[data-v-7a271778] {position: absolute;
  left: 24.5px;
  top: 128px;
  width: 10px;
  height: 24px;
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
  z-index: 4;}
.mm-gsh #desktopMenu .main-list,
.mm-gsh .menu.-desktop .main-list[data-v-7a271778] {display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 33px;
  padding: 0;
  list-style: none;
  width: 100%;}
:where(.mm-gsh) #desktopMenu .main-list li {display: block;
  width: fit-content;
  opacity: 0;
  height: 16px;
  line-height: 16px;
  cursor: pointer;}
:where(.mm-gsh) #desktopMenu .main-list li a {display: block;
  font-family: "vista-reg", sans-serif;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  letter-spacing: -0.04em;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;}
:where(.mm-gsh) #desktopMenu .main-list li:hover a {font-weight: 500;}
:where(.mm-gsh) a,
:where(.mm-gsh) audio,
:where(.mm-gsh) div,
:where(.mm-gsh) img,
:where(.mm-gsh) li,
:where(.mm-gsh) nav,
:where(.mm-gsh) span,
:where(.mm-gsh) ul {border:0;margin:0;padding:0;vertical-align:baseline}
:where(.mm-gsh) ul {list-style:none}
:where(.mm-gsh) * {box-sizing:border-box;margin:0;padding:0}
:where(.mm-gsh) button {-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;outline:0;padding:0}
:where(.mm-gsh) *,
:where(.mm-gsh) :after,
:where(.mm-gsh) :before {box-sizing:border-box}
:where(.mm-gsh) a,
:where(.mm-gsh) a:hover {color:inherit;text-decoration:none}
:where(.mm-gsh) a:hover {outline:none}
:where(.mm-gsh) button {font:inherit;margin:0}
:where(.mm-gsh) button {background:none;border:0;border-radius:0;display:inline-block;line-height:inherit;margin:0;outline:none;overflow:visible;padding:0;vertical-align:middle;white-space:normal}
:where(.mm-gsh) button:focus,
:where(.mm-gsh) button:hover {outline:none}
:where(.mm-gsh) button {text-transform:none}
.mm-gsh [type=button],
:where(.mm-gsh) button {-moz-appearance:button;appearance:button;-webkit-appearance:button}
.mm-gsh [type=button]:not(:disabled),
:where(.mm-gsh) button:not(:disabled) {cursor:pointer}
:where(.mm-gsh) ::-moz-focus-inner {border-style:none;padding:0}
:where(.mm-gsh) ::-webkit-datetime-edit {line-height:0;overflow:visible}
:where(.mm-gsh) ::-webkit-search-decoration {-webkit-appearance:none}
:where(.mm-gsh) ::-webkit-color-swatch-wrapper {padding:0}
:where(.mm-gsh) * {box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:where(.mm-gsh) ::-moz-selection {background-color:#fff;color:#0e0e0e}
:where(.mm-gsh) ::selection {background-color:#fff;color:#0e0e0e}
:where(.mm-gsh) *,
:where(.mm-gsh) *::before,
:where(.mm-gsh) *::after {box-sizing: border-box;
  margin: 0;
  padding: 0;}
:where(.mm-gsh) a {color: inherit;
  text-decoration: none;}
:where(.mm-gsh) * {overflow-anchor: none !important;}
.mm-gsh {--color-brand-maron: #231800;--color-brand-parme: #DBB6FC;--color-brand-sable: #FFEAD4;--color-text-dark-primary: #231800;--color-text-maron: #231800cc;--color-text-maron-subtle: #23180099;--color-text-maron-faded: #23180066;--color-text-inverse: #ffffff;--color-text-sable: #ffead4cc;--color-text-sable-subtle: #ffead499;--color-text-sable-faded: #ffead466;--color-text-parme: #dbb6fccc;--color-headline-maron: #231800;--color-headline-sable: #ffead4;--color-headline-parme: #dbb6fc;--color-btn-label-maron: #231800;--color-btn-label-sable: #ffead4;--color-btn-label-parme: #dbb6fc;--color-btn-bg-maron: #231800;--color-btn-bg-sable: #ffead4;--color-btn-bg-parme: #dbb6fc;--color-bg-body: #FFEAD4;--color-bg-surface: #ffffff;--color-bg-surface-light: #FFF5EB;--color-bg-dark: #231800;--color-bg-accent: #DBB6FC;--color-bg-overlay: #231800;--color-surface-card-maron: #231800;--color-surface-card-sable: #ffead4;--color-surface-card-parme: #dbb6fc;--color-number-card: #dbb6fc;--color-tinting-card: #23180066;--color-overlay-header: rgba(255, 255, 255, .1);--color-overlay-light: rgba(255, 255, 255, .3);--color-overlay-medium: rgba(255, 255, 255, .6);--color-overlay-bubble: rgba(243, 241, 243, .4);--color-overlay-dark: #00000080;--color-border-light: #0000000b;--color-border-white: #ffffff4d;--color-border-subtle: rgba(0, 0, 0, .1);--color-stroke-footer-map: #ffead466;--color-grey-50: #faf9fa;--color-grey-100: #f3f1f3;--color-grey-200: #e8e3e8;--color-link-footer: #ffead499;--color-link-active-maron: #231800;--color-link-inactive-maron: #23180066;--color-link-inactive-sable: #ffead466;--color-success: #34cd3f;--color-error: #d32f2f;--color-focus-ring: #DBB6FC;--color-brand-primary: var(--color-brand-maron);--color-brand-pink: var(--color-brand-sable);--color-brand-pink-alt: var(--color-brand-sable);--color-text-dark-secondary: var(--color-text-maron-subtle);--color-text-red-primary: var(--color-brand-parme);--color-text-red-secondary: var(--color-text-maron-faded);--color-bg-red: var(--color-bg-dark);--color-bg-pink: var(--color-brand-sable);--gradient-green: linear-gradient(94.71deg, var(--color-brand-parme), var(--color-brand-maron));--font-primary: "N27", system-ui, sans-serif;--font-secondary: "Gambetta", Georgia, serif;--font-size-block-quote: calc(4.375 * var(--mm-rem));--font-size-h1: calc(7.5 * var(--mm-rem));--font-size-h2: calc(7.5 * var(--mm-rem));--font-size-h3: calc(4 * var(--mm-rem));--font-size-h4: calc(3 * var(--mm-rem));--font-size-h5: calc(2 * var(--mm-rem));--font-size-h6: calc(1.5 * var(--mm-rem));--font-size-h7: calc(1 * var(--mm-rem));--font-size-quote: calc(4 * var(--mm-rem));--font-size-quote-sm: calc(3 * var(--mm-rem));--font-size-lg: calc(1.25 * var(--mm-rem));--font-size-base: calc(1 * var(--mm-rem));--font-size-sm: calc(0.875 * var(--mm-rem));--font-size-xs: calc(0.8125 * var(--mm-rem));--font-size-xxs: calc(0.75 * var(--mm-rem));--font-size-xl: calc(1.375 * var(--mm-rem));--font-size-xxl: calc(1.5 * var(--mm-rem));--font-size-display-hero: calc(7.5 * var(--mm-rem));--font-size-btn: calc(1.5 * var(--mm-rem));--font-size-btn-sm: calc(1 * var(--mm-rem));--font-size-numeric: calc(1 * var(--mm-rem));--font-size-numeric-lg: calc(4 * var(--mm-rem));--font-size-subtitle: calc(0.875 * var(--mm-rem));--font-size-subtitle-lg: calc(1.5 * var(--mm-rem));--font-size-h1-fluid: clamp(calc(4.5 * var(--mm-rem)), 6.25vw, calc(7.5 * var(--mm-rem)));--font-size-h3-fluid: clamp(calc(2.4 * var(--mm-rem)), 3.333vw, calc(4 * var(--mm-rem)));--font-size-h4-fluid: clamp(calc(1.8 * var(--mm-rem)), 2.5vw, calc(3 * var(--mm-rem)));--font-size-h5-fluid: clamp(calc(1.2 * var(--mm-rem)), 1.667vw, calc(2 * var(--mm-rem)));--font-size-block-quote-fluid: clamp(calc(2.625 * var(--mm-rem)), 3.646vw, calc(4.375 * var(--mm-rem)));--font-size-quote-fluid: clamp(calc(2.4 * var(--mm-rem)), 3.333vw, calc(4 * var(--mm-rem)));--font-size-btn-fluid: clamp(calc(0.9 * var(--mm-rem)), 1.25vw, calc(1.5 * var(--mm-rem)));--font-size-subtitle-lg-fluid: clamp(calc(0.9 * var(--mm-rem)), 1.25vw, calc(1.5 * var(--mm-rem)));--font-size-h1-mobile: calc(2 * var(--mm-rem));--font-size-h2-mobile: calc(1.75 * var(--mm-rem));--font-size-h3-mobile: calc(1.375 * var(--mm-rem));--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.05;--line-height-snug: 1.2;--line-height-normal: 1.3;--line-height-relaxed: 1.4;--letter-spacing-tighter: calc(-0.535 * var(--mm-rem));--letter-spacing-tight-xl: calc(-0.15 * var(--mm-rem));--letter-spacing-tight: calc(-0.0625 * var(--mm-rem));--letter-spacing-tight-sm: calc(-0.035 * var(--mm-rem));--letter-spacing-tight-xs: calc(-0.019 * var(--mm-rem));--letter-spacing-base: 0;--letter-spacing-normal: calc(-0.019 * var(--mm-rem));--letter-spacing-body: calc(0.02 * var(--mm-rem));--letter-spacing-wide: calc(0.065 * var(--mm-rem));--space-0: calc(0 * var(--mm-rem));--space-1: calc(0.25 * var(--mm-rem));--space-2: calc(0.5 * var(--mm-rem));--space-3: calc(0.75 * var(--mm-rem));--space-4: calc(1 * var(--mm-rem));--space-5: calc(1.25 * var(--mm-rem));--space-6: calc(1.5 * var(--mm-rem));--space-7: calc(1.75 * var(--mm-rem));--space-8: calc(2 * var(--mm-rem));--space-9: calc(2.25 * var(--mm-rem));--space-10: calc(2.5 * var(--mm-rem));--space-11: calc(2.75 * var(--mm-rem));--space-12: calc(3 * var(--mm-rem));--space-14: calc(3.5 * var(--mm-rem));--space-16: calc(4 * var(--mm-rem));--space-20: calc(5 * var(--mm-rem));--space-24: calc(6 * var(--mm-rem));--space-30: calc(7.5 * var(--mm-rem));--space-36: calc(9 * var(--mm-rem));--space-figma-10: calc(0.625 * var(--mm-rem));--space-figma-15: calc(0.9375 * var(--mm-rem));--space-figma-20: calc(1.25 * var(--mm-rem));--space-figma-25: calc(1.5625 * var(--mm-rem));--space-figma-30: calc(1.875 * var(--mm-rem));--space-figma-40: calc(2.5 * var(--mm-rem));--space-figma-50: calc(3.125 * var(--mm-rem));--space-figma-60: calc(3.75 * var(--mm-rem));--space-figma-80: calc(5 * var(--mm-rem));--space-figma-140: calc(8.75 * var(--mm-rem));--space-figma-200: calc(12.5 * var(--mm-rem));--space-figma-20-fluid: clamp(calc(0.75 * var(--mm-rem)), 1.042vw, calc(1.25 * var(--mm-rem)));--space-figma-30-fluid: clamp(calc(1.125 * var(--mm-rem)), 1.563vw, calc(1.875 * var(--mm-rem)));--space-figma-40-fluid: clamp(calc(1.5 * var(--mm-rem)), 2.083vw, calc(2.5 * var(--mm-rem)));--space-figma-50-fluid: clamp(calc(1.875 * var(--mm-rem)), 2.604vw, calc(3.125 * var(--mm-rem)));--space-figma-60-fluid: clamp(calc(2.25 * var(--mm-rem)), 3.125vw, calc(3.75 * var(--mm-rem)));--space-figma-80-fluid: clamp(calc(3 * var(--mm-rem)), 4.167vw, calc(5 * var(--mm-rem)));--space-figma-140-fluid: clamp(calc(5.25 * var(--mm-rem)), 7.292vw, calc(8.75 * var(--mm-rem)));--space-figma-200-fluid: clamp(calc(7.5 * var(--mm-rem)), 10.417vw, calc(12.5 * var(--mm-rem)));--size-z: calc(0 * var(--mm-rem));--size-2xs: calc(1 * var(--mm-rem));--size-xs: calc(1.5 * var(--mm-rem));--size-sm: calc(2 * var(--mm-rem));--size-md: calc(2.5 * var(--mm-rem));--size-lg: calc(3 * var(--mm-rem));--size-xl: calc(4 * var(--mm-rem));--size-2xl: calc(5 * var(--mm-rem));--size-3xl: calc(6 * var(--mm-rem));--size-4xl: calc(7.5 * var(--mm-rem));--size-5xl: calc(10 * var(--mm-rem));--container-max: calc(90 * var(--mm-rem));--container-padding: calc(5 * var(--mm-rem));--container-padding-m: calc(1 * var(--mm-rem));--page-edge: calc(0.625 * var(--mm-rem));--header-bar-height: calc(4.375 * var(--mm-rem));--header-cta-height: calc(3.125 * var(--mm-rem));--header-breadcrumb-height: calc(2 * var(--mm-rem));--header-height: var(--header-bar-height)
--header-breadcrumb-height: calc(2.75 * var(--mm-rem));--header-height: calc(var(--header-bar-height) + var(--header-cta-height))
--border-unit: 1px;--radius-z: calc(0 * var(--mm-rem));--radius-xs: calc(0.25 * var(--mm-rem));--radius-sm: calc(0.375 * var(--mm-rem));--radius-md: calc(0.5 * var(--mm-rem));--radius-base: calc(0.625 * var(--mm-rem));--radius-lg: calc(0.75 * var(--mm-rem));--radius-l: calc(0.875 * var(--mm-rem));--radius-xl: calc(1 * var(--mm-rem));--radius-2xl: calc(1.5 * var(--mm-rem));--radius-3xl: calc(2 * var(--mm-rem));--radius-4xl: calc(3 * var(--mm-rem));--radius-full: calc(62.4375 * var(--mm-rem));--radius-pill-right: 0 var(--radius-lg) var(--radius-lg) 0;--shadow-card: 0 calc(0.194 * var(--mm-rem)) calc(0.775 * var(--mm-rem)) #0000000f;--shadow-button-inner: inset 0 calc(0.0625 * var(--mm-rem)) calc(0.844 * var(--mm-rem)) #0000000d;--blur-header: calc(0.3125 * var(--mm-rem));--blur-overlay: calc(0.625 * var(--mm-rem));--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--icon-xs: calc(0.75 * var(--mm-rem));--icon-sm: calc(1 * var(--mm-rem));--icon-md: calc(1.25 * var(--mm-rem));--icon-lg: calc(1.5 * var(--mm-rem));--icon-xl: calc(2 * var(--mm-rem));--icon-2xl: calc(2.75 * var(--mm-rem));--icon-3xl: calc(3 * var(--mm-rem))
--btn-font: var(--font-primary);--btn-weight: var(--font-weight-regular);--btn-transform: uppercase;--btn-letter-spacing: 0;--btn-radius: 0;--btn-duration: .4s;--btn-ease: ease;--btn-bg: var(--color-btn-bg-maron);--btn-label: var(--color-btn-label-sable);--btn-bg-hover: var(--color-brand-parme);--btn-label-hover: var(--color-btn-label-maron);--btn-border: transparent;--btn-height: calc(3.75 * var(--mm-rem));--btn-font-size: var(--font-size-btn);--btn-pad-x: var(--space-figma-30)}
.mm-gsh .left-buttons[data-v-7a271778] {display: flex !important;
    align-items: center !important;
    gap: 12px !important;}
.mm-gsh .header-music-btn {width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fae3c3 !important;
    border-radius: 16px !important;
    border: none !important;
    cursor: pointer !important;
    position: relative !important;
    color: #ff5f00 !important;
    box-shadow: 0 4px 14px rgba(220, 110, 30, 0.16) !important;
    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.22s ease, box-shadow 0.22s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    padding: 0 !important;
    flex-shrink: 0 !important;}
.mm-gsh .header-music-btn:hover {transform: scale(1.06) !important;
    background: #fcdfc0 !important;
    box-shadow: 0 6px 18px rgba(220, 110, 30, 0.25) !important;}
.mm-gsh .header-music-btn:active {transform: scale(0.95) !important;}
.mm-gsh .header-music-btn .music-icon-muted {display: block !important;
    color: #ff5f00 !important;
    stroke: #ff5f00 !important;}
.mm-gsh .header-music-btn .music-icon-playing {display: none !important;
    color: #ff5f00 !important;
    stroke: #ff5f00 !important;}
.mm-gsh .header-music-btn.is-playing {background: #fce8cc !important;
    box-shadow: 0 0 0 2px rgba(255, 95, 0, 0.3), 0 6px 18px rgba(220, 110, 30, 0.25) !important;}
.mm-gsh .header-music-btn.is-playing .music-icon-muted {display: none !important;}
.mm-gsh .header-music-btn.is-playing .music-icon-playing {display: block !important;
    animation: mm-music-pulse 2s ease-in-out infinite !important;}
.mm-gsh .header-pill-actions {display: inline-flex !important;
    align-items: center !important;
    background: #ff5f00 !important;
    border-radius: 999px !important;
    height: 48px !important;
    padding: 0 6px !important;
    box-shadow: 0 6px 20px rgba(220, 75, 0, 0.35) !important;
    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s ease !important;
    position: relative !important;
    flex-shrink: 0 !important;}
.mm-gsh .header-pill-actions:hover {box-shadow: 0 8px 24px rgba(220, 75, 0, 0.45) !important;}
.mm-gsh .header-pill-btn {width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 50% !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    color: #ffffff !important;
    transition: transform 0.18s ease, background 0.18s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    padding: 0 !important;}
.mm-gsh .header-pill-btn:hover {background: rgba(255, 255, 255, 0.18) !important;
    transform: scale(1.06) !important;}
.mm-gsh .header-pill-btn:active {transform: scale(0.92) !important;}
:where(.mm-gsh) .header-pill-btn svg {display: block !important;
    stroke: #ffffff !important;
    color: #ffffff !important;}
.mm-gsh .header-pill-divider {display: block !important;
    width: 1px !important;
    height: 22px !important;
    background: rgba(255, 255, 255, 0.32) !important;
    margin: 0 3px !important;
    flex-shrink: 0 !important;}
.mm-gsh .header-pill-btn .cart-count-badge {position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    background: #35231c !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #f6c97d !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
    line-height: 1 !important;}
@media (max-width: 749px) {
.mm-gsh .left-buttons[data-v-7a271778] {gap: 8px !important;}
}
@media (max-width: 749px) {
.mm-gsh .header-music-btn {width: 40px !important;
      height: 40px !important;
      border-radius: 14px !important;}
}
@media (max-width: 749px) {
:where(.mm-gsh) .header-music-btn svg {width: 18px !important;
      height: 18px !important;}
}
@media (max-width: 749px) {
.mm-gsh .header-pill-actions {height: 40px !important;
      padding: 0 4px !important;}
}
@media (max-width: 749px) {
.mm-gsh .header-pill-btn {width: 34px !important;
      height: 34px !important;}
}
@media (max-width: 749px) {
:where(.mm-gsh) .header-pill-btn svg {width: 18px !important;
      height: 18px !important;}
}
@media (max-width: 749px) {
.mm-gsh .header-pill-divider {height: 18px !important;
      margin: 0 2px !important;}
}
@media (max-width: 749px) {
.mm-gsh .header-pill-btn .cart-count-badge {min-width: 16px !important;
      height: 16px !important;
      font-size: 9px !important;
      top: -3px !important;
      right: -3px !important;}
}
.mm-gsh .menu-wrapper,
.mm-gsh .menu-wrapper[data-v-7a271778] {top: calc(var(--mmab-h) + max(16px, 16px + 100vw * 0.0021)) !important;
    z-index: 1000 !important;}
@keyframes mm-music-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
  }