body.mitesh .m-header .m-nav__toggle { display: inline-flex; width: 44px; height: 44px; padding: 10px; align-items: center; justify-content: center; }
body.mitesh .m-header .m-nav__toggle svg,
body.mitesh .m-header .m-utils__item svg { width: 22px; height: 22px; }
body.mitesh .m-header__row { grid-template-columns: 1fr auto 1fr; height: 72px; box-sizing: border-box; padding: 0 24px; max-width: none; }
body.mitesh .m-header,
body.mitesh.has-overlay-header .m-header.is-solid { border-bottom: 0; }
body.mitesh .m-header::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; transform: scaleY(.5); transform-origin: bottom; background: currentColor; opacity: .18; pointer-events: none; }
body.mitesh .m-utils { justify-self: end; gap: 4px; }
body.mitesh .m-header .m-cart-count { right: 5px; top: 5px; }
body.mitesh .m-ft .m-ft__eyebrow { margin: 0 0 22px; font: 500 9.5px/1.5 'Chillax',sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #fffcf7; opacity: .9; }
body.mitesh .m-ft .m-ft__head--touch { margin: 0 0 22px; font: 500 14px/1.5 'Chillax',sans-serif; letter-spacing: .12em; text-transform: uppercase; }
body.mitesh .m-ft .m-ft__touchCopy { font: 400 12px/1.75 'Chillax',sans-serif; max-width: 30ch; }
body.mitesh .m-ft .m-ft__col .m-linklist,
body.mitesh .m-ft .m-ft__col .m-linklist a { font: 400 15px/1.65 'Chillax',sans-serif; letter-spacing: 0; }
body.mitesh .m-ft .m-ft__col .m-linklist { gap: 12px; }
body.mitesh .m-ft .m-ft__sub { margin-top: 22px; }
body.mitesh .m-ft__bar :is(.m-ship__label,.m-ship__select) { font-size: 12px; }
body.mitesh .m-ft__bar .m-ship__select {
 padding: 5px 18px 5px 6px;
 min-height: 28px;
 max-width: 150px;
 border: 0;
 border-radius: 0;
 font-family: 'Chillax',sans-serif;
 font-size: 11px;
 letter-spacing: .08em;
 color: var(--ft-link);
 background-color: transparent;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%23c5d5cf'/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: right 4px center;
 appearance: none;
 cursor: pointer;
}
body.mitesh .m-ft__bar .m-ship__select option { background: #12332f; color: #edf3ef; font: 400 11px/1.5 'Chillax',sans-serif; }
body.mitesh .m-ft__bar .m-ship__select:hover { color: #fff; }
body.mitesh .m-ft__bar :is(.m-ship,.m-ship__label,.m-ship__select) { font-size: inherit; }
@media(max-width:1023px) { body.mitesh .m-ft .m-ft__eyebrow { display: none; } }
@media(min-width:768px) and (max-width:1023px) {
 html body.mitesh .m-ft__col .m-linklist { gap: 8px; }
 html body.mitesh .m-ft__col .m-linklist li { margin: 0; padding: 0; }
}
body.mitesh .m-ft { --footer-navbar-height: 72px; }
body.mitesh .m-ft__col > summary { list-style: none; cursor: default; }
body.mitesh .m-ft__col > summary::-webkit-details-marker { display: none; }
@media(max-width:767px) {
 html body.mitesh .m-ft__lockup { margin-bottom: 24px; }
 html body.mitesh .m-ft__inner > .m-ft__col {
  grid-column: 1 / -1; width: 100%; padding: 0;
  border: 0; border-bottom: 1px solid #45625a; text-align: left;
 }
 html body.mitesh .m-ft .m-ft__col > .m-ft__eyebrow {
  display: flex; justify-content: space-between; align-items: center;
  min-height: 52px; margin: 0; padding: 0 2px;
  font: 500 10px/1.5 'Chillax',sans-serif; letter-spacing: .12em;
  color: #fffcf7; cursor: pointer;
 }
 html body.mitesh .m-ft__col > summary::after {
  content: ''; width: 14px; height: 14px; flex: 0 0 14px;
  background: linear-gradient(currentColor,currentColor) center / 14px 1px no-repeat,
              linear-gradient(currentColor,currentColor) center / 1px 14px no-repeat;
  transition: transform .25s ease, background-size .25s ease;
 }
 html body.mitesh .m-ft__col[open] > summary::after {
  transform: rotate(180deg); background-size: 14px 1px, 1px 0;
 }
 html body.mitesh .m-ft__col .m-linklist {
  align-items: flex-start; text-align: left; gap: 0; margin: 0; padding: 0 2px 14px;
 }
 html body.mitesh .m-ft__col .m-linklist a {
  display: inline-flex; align-items: center; min-height: 40px;
  font: 400 13px/1.5 'Chillax',sans-serif; color: #d4e1da;
 }
 html body.mitesh .m-ft__col[open] .m-linklist { animation: footer-links-in .28s ease both; }
 @supports (interpolate-size: allow-keywords) {
  html body.mitesh .m-ft__col { interpolate-size: allow-keywords; }
  html body.mitesh .m-ft__col::details-content {
   height: 0; overflow: clip; opacity: 0;
   transition: height .3s ease, opacity .22s ease, content-visibility .3s allow-discrete;
  }
  html body.mitesh .m-ft__col[open]::details-content { height: auto; opacity: 1; }
 }
}
@keyframes footer-links-in {
 from { opacity: 0; transform: translateY(-6px); }
 to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
 html body.mitesh .m-ft__col > summary::after,
 html body.mitesh .m-ft__col::details-content { transition: none; }
 html body.mitesh .m-ft__col[open] .m-linklist { animation: none; }
}
html body.mitesh .m-ft__body { min-height: 0; box-sizing: border-box; display: flex; flex-direction: column; }
html body.mitesh .m-ft__inner { flex: 0 0 auto; align-content: start; padding-top: 64px; }
@media(min-width:1024px) {
 /* A compact desktop footer, independent of screen height. Allow extra
    content or enlarged text to grow naturally instead of clipping links. */
 html body.mitesh .m-ft__body { height: auto; min-height: 480px; }
 html body.mitesh .m-ft__inner { flex: 0 0 auto; padding-top: 48px; }
 html body.mitesh .m-ft__tagline { margin-top: auto; padding-top: 40px; }
 html body.mitesh .m-ft__bar { margin-top: 24px; padding-top: 20px; padding-bottom: 28px; }
 html body.mitesh .m-ft__inner + .m-ft__bar { margin-top: auto; }
}
@media(max-width:767px) { html body.mitesh .m-ft__inner { padding-top: 52px; } }
@media(max-width:760px) { body.mitesh .m-ft { --footer-navbar-height: 60px; } }
@media(max-width:767px) {
 html body.mitesh .m-ft__body { min-height: calc(100svh - var(--footer-navbar-height)); }
 html body.mitesh .m-ft__inner { flex: 1 0 auto; }
 html body.mitesh .m-ft__touch { padding-top: 24px; }
 html body.mitesh .m-ft__bar { margin-top: 40px; padding-bottom: 28px; }
 html body.mitesh .m-ft__tagline { line-height: 1.7; }
}
body.mitesh .m-header__emblem { grid-column: 2; grid-row: 1; justify-self: center; display: block; width: 52px; height: 52px; }
body.mitesh .m-header__emblem img { display: block; width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
body.mitesh .m-header.is-solid .m-header__emblem,
body.mitesh:not(.has-overlay-header) .m-header__emblem {
 background-color: #12332f;
 -webkit-mask: url('../images/mitesh-navbar-logo-transparent.png') center / contain no-repeat;
 mask: url('../images/mitesh-navbar-logo-transparent.png') center / contain no-repeat;
}
body.mitesh .m-header.is-solid .m-header__emblem img,
body.mitesh:not(.has-overlay-header) .m-header__emblem img { opacity: 0; }
@media(max-width:760px) { body.mitesh .m-header__emblem { width: 44px; height: 44px; } }
body.mitesh .m-header .m-nav { gap: 4px; }
body.mitesh .m-header :is(.m-nav__toggle,.m-utils__item) { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 11px; border-radius: 50%; transition: background .3s ease, transform .3s ease; }
body.mitesh .m-header :is(.m-nav__toggle,.m-utils__item):hover { background: #f2f2f2; }
body.mitesh.has-overlay-header .m-header:not(.is-solid) :is(.m-nav__toggle,.m-utils__item):hover { background: rgb(255 255 255 / .16); }
body.mitesh .m-header :is(.m-nav__toggle,.m-utils__item):active { transform: scale(.94); }
/* Search retains its original expansion beside the bag. */
body.mitesh .m-header .m-hsearch__field { font-size: 12px; border-radius: 0; }
body.mitesh .m-header.is-searching .m-wordmark { opacity: 0; visibility: hidden; }
@media(max-width:760px) {
 body.mitesh .m-header.is-searching :is(.m-wordmark, .m-header__emblem) { opacity: 1 !important; visibility: visible !important; transform: none !important; }
 body.mitesh .m-header__row { height: 60px; padding: 0 8px; }
 body.mitesh .m-header.is-searching .m-hsearch__field { width: min(17rem,calc(100vw - 170px)); }
}
.m-mobile-search {
 position: fixed; inset: 84px 16px auto; width: calc(100% - 32px); max-width: 560px;
 max-height: calc(100dvh - 110px); margin: 0 auto; padding: 20px;
 border: 0; border-radius: 0; background: transparent; color: #164e48;
 overflow-y: auto; box-shadow: none;
 font-family: 'Chillax',sans-serif;
}
.m-mobile-search::backdrop { background: transparent; backdrop-filter: none; }
.m-mobile-search__top { display: none; }
.m-mobile-search__top button { width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #164e48; font: 300 28px/1 'Chillax',sans-serif; }
.m-mobile-search .m-hsearch { display: flex; flex-wrap: wrap; width: 100%; }
.m-mobile-search .m-hsearch__field {
 flex: 1; width: 0; opacity: 1; min-height: 46px; padding: 12px 16px;
 margin: 0; border: 0; border-radius: 12px; background: rgb(255 255 255 / .94);
 color: #102f2d; font: 400 14px/1.5 'Chillax',sans-serif; transition: none;
}
.m-mobile-search .m-hsearch__go { display: none; }
.m-mobile-search .m-hsearch__go svg { width: 22px; height: 22px; }
.m-mobile-search .m-hsearch__results { position: static; flex-basis: 100%; width: 100%; max-width: none; max-height: none; margin-top: 16px; box-shadow: none; }
body.mitesh .m-mega.m-reference-menu { position: fixed; inset: 0; z-index: 100; display: block; padding: 0; margin: 0; max-width: none; height: 100dvh; background: transparent; border: 0; overflow: hidden; opacity: 1; transform: none; visibility: hidden; pointer-events: none; transition: visibility 0s linear .65s; }
body.mitesh .m-reference-menu.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }
.m-reference-menu__scrim { position: absolute; inset: 0; background: #0007; opacity: 0; transition: opacity .65s ease; }
.m-reference-menu__panel { position: absolute; inset: 0 auto 0 0; width: min(351.9px,67.32vw); display: flex; flex-direction: column; background: var(--m-ground); color: var(--m-ink); overflow-y: auto; transform: translateX(-100%); transition: transform .65s cubic-bezier(.22,.61,.36,1); }
.is-open > .m-reference-menu__scrim { opacity: 1; }
.is-open > .m-reference-menu__panel { transform: none; }
.m-reference-menu__top { display: flex; justify-content: space-between; align-items: center; min-height: 72px; padding: 12px 24px; }
.m-reference-menu__top > span { font: 300 1.45rem/1 'Jost', system-ui, sans-serif; letter-spacing: .44em; text-transform: uppercase; }
.m-reference-menu__top button { width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.m-reference-menu__nav { padding: 16px 24px 32px; }
.m-reference-menu__nav ul { list-style: none; padding: 0; margin: 0; }
.m-reference-menu__nav > ul > li { opacity: 0; transform: translateX(-16px); transition: opacity .5s .18s, transform .5s .18s; }
.is-open .m-reference-menu__nav > ul > li { opacity: 1; transform: none; }
.m-reference-menu__nav a,.m-reference-menu__nav summary { display: flex; align-items: center; justify-content: space-between; min-height: 56px; border: 0; font: 400 24px/1.3 'Chillax',sans-serif; cursor: pointer; list-style: none; }
.m-reference-menu__nav summary::-webkit-details-marker { display: none; }
.m-reference-menu__nav summary svg { width: 18px; height: 18px; flex-shrink: 0; transition: transform .3s; }
.m-reference-menu__nav details[open] > summary svg { transform: rotate(45deg); }
.m-reference-menu__nav ul ul { padding: 8px 0 16px 16px; }
.m-reference-menu__nav ul ul a,.m-reference-menu__nav ul ul summary { min-height: 44px; font: 400 14px/1.5 var(--m-sans); border: 0; }
.m-reference-menu__foot { margin-top: auto; padding: 20px 24px; }
.m-reference-menu__foot a { display: flex; align-items: center; min-height: 44px; font: 400 14px/1.5 var(--m-sans); }
.m-reference-menu a:hover,.m-reference-menu summary:hover { color: var(--tm-teal); }
@media(prefers-reduced-motion:reduce) { .m-reference-menu,.m-reference-menu * { transition: none !important; } }

/* Quiet editorial hierarchy, using the store's ivory and teal palette. */
.m-reference-menu__panel { box-shadow: 12px 0 48px #102f2d12; }
.m-reference-menu__top { padding: 20px 32px; min-height: 88px; }
.m-reference-menu__top button { color: var(--m-label); transition: color .2s, transform .2s; }
.m-reference-menu__top button:hover { color: var(--tm-teal); transform: rotate(90deg); }
.m-reference-menu__nav { padding: 20px 40px 40px; }
.m-reference-menu__nav > ul > li { transition-delay: calc(100ms + var(--menu-index, 0) * 35ms); }
.m-reference-menu__nav > ul > li > :is(a,details > summary) { min-height: 58px; font-size: 25px; letter-spacing: -.025em; }
.m-reference-menu__nav > ul > li > a { justify-content: flex-start; gap: 12px; transition: color .25s, transform .25s; }
.m-reference-menu__nav > ul > li > a::after { content: '↗'; font-size: 17px; color: var(--tm-teal); opacity: 0; transform: translate(-5px,3px); transition: opacity .25s, transform .25s; }
.m-reference-menu__nav > ul > li > a:is(:hover,:focus-visible) { color: var(--tm-teal); transform: translateX(4px); }
.m-reference-menu__nav > ul > li > a:is(:hover,:focus-visible)::after { opacity: 1; transform: none; }
.m-reference-menu__nav > ul > li.starts-information { margin-top: 30px; }
.m-reference-menu__nav > ul > li.is-information > :is(a,details > summary) { min-height: 44px; font-size: 16px; letter-spacing: 0; color: var(--m-label); }
.m-reference-menu__nav > ul > li.is-information > a:hover { color: var(--tm-teal); }
@media(max-width:767px) {
 .m-reference-menu__panel { width: 100%; max-width: none; }
 .m-reference-menu__top { padding: 24px 22px 16px; min-height: 76px; }
 .m-reference-menu__nav { padding: 16px 30px 32px; }
 .m-reference-menu__nav > ul > li.starts-information { margin-top: 24px; }
}
