/** Shopify CDN: Minification failed

Line 292:2 Expected "}" to go with "{"

**/


.mobile-menu .sub-menu {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

/* This is me trying to hide header menus when mobile menu is expanded*/

@media only screen and (max-width: 768px) {
  /* Ensure the mobile menu drawer is full screen */
  .mobile-menu-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
  }

  /* Hide the logo and icons when the menu is active */
  .mobile-menu-drawer.active ~ #header .menu-logo-container .logolink,
  .mobile-menu-drawer.active ~ .thb-secondary-area {
    display: none;
  }

  /* Keep the mobile toggle (X button) visible */
  .mobile-toggle {
    position: relative; /* Adjust positioning as needed */
    z-index: 10000;
  }
}

/* End of me trying to hide header menus when mobile menu is expanded*/

.mobile-menu-drawer {
  position: absolute;
  /*top: 100%  Hiding to do mobile menu */
  left: -2%;
  width: 100vw;
  background: var(--color-header-bg, var(--bg-body, #fff));
  height: calc(100vh - calc(100% + var(--header-offset, 0px)));
  display: block;
  border-top: 1px solid var(--color-header-border, var(--color-border));
  overflow-x: hidden;
  overflow-y: scroll;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  will-change: opacity, transform;
  transform: translateY(50px);
  transition: opacity 0.25s cubic-bezier(0.104, 0.204, 0.492, 1), transform 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
  scrollbar-width: none; }
  @media only screen and (min-width: 768px) {
    .mobile-menu-drawer {
      left: -35px; } } 
  .mobile-menu-drawer::-webkit-scrollbar {
    display: none; }
  @supports (height: 100dvh) {
    .mobile-menu-drawer {
      /*height: calc(100dvh - calc(100% + var(--header-offset, 0px))); } } HIDING THIS FOR NOW IT IS TO MAKE THE MOBILE MENU FULL SCREEN */
      height: 100vh;
    }
  .mobile-menu-drawer.active {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible; }
  .mobile-menu-drawer--inner {
    min-height: 0%; /*made this 0% from 100% to make it sit as i wanted Phoenix Edit */
    position: relative;
    display: flex;
    flex-wrap: wrap; }
  .mobile-menu-drawer .thb-mobile-menu-footer {
    padding: 11px;
    margin-top: auto;
    margin-bottom: 45px;
    display: inline-block;
    width: 50%;
    display: none; /*Phoenix hiding the account footer for timebeing */
    background: var(--color-header-bg, var(--bg-body, #fff)); }
    @media only screen and (min-width: 768px) {
      .mobile-menu-drawer .thb-mobile-menu-footer {
        padding: 35px; } }
    .mobile-menu-drawer .thb-mobile-menu-footer .thb-localization-forms {
      text-align: left; }
    .mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form > div {
      margin-left: 0;
      margin-right: 20px; }
    .mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form .select {
      margin-bottom: 0;
      padding-right: 14px; }
      .mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form .select-arrow {
        right: 0; }
        .mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form .select-arrow svg path {
          stroke: var(--color-header-text, --color-body); }
    .mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form select {
      font-size: 0.875rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: var(--color-header-text, --color-body); }
    .mobile-menu-drawer .thb-mobile-menu-footer .thb-mobile-account-link {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-family: 'Helvetica Neue';
      font-weight: 300;
      font-size: 15px;
      line-height: 18.13px;
      color: #000; }
    .mobile-menu-drawer .thb-mobile-menu-footer .thb-mobile-account-link img.profile.icon {
      width: 31px;
      height: 33px;
      margin-right: 14px; }
      .mobile-menu-drawer .thb-mobile-menu-footer .thb-mobile-account-link svg {
        margin-right: 12px;
        height: 14px;
        width: auto; }
        .mobile-menu-drawer .thb-mobile-menu-footer .thb-mobile-account-link svg path {
          fill: var(--color-header-links, --color-accent); }
      .no-js .mobile-menu-drawer .thb-mobile-menu-footer .thb-mobile-account-link {
        margin-left: auto; }
  .mobile-menu-drawer .mega-menu-promotion {
    width: 100%; }
    /*.mobile-menu-drawer .mega-menu-promotion--cover {
      padding: 0 30px 30px 30px; }
      @media only screen and (min-width: 768px) {
        .mobile-menu-drawer .mega-menu-promotion--cover {
          padding: 0 50px 50px 50px; } }*/

.mobile-menu {
  list-style: none;
  margin: 0 0 20px;
  overflow: hidden;
  width: 100%;
  padding-top: 50px;
}
  .mobile-menu > li > a,
  .mobile-menu > li .sub-menu > li > a,
  .mobile-menu > li summary {
    display: flex;
    align-items: center;
    padding: 12px 11px;
    font-family: 'Helvetica Neue';
    font-weight: 500;
    font-size: .9rem;
    /* border-bottom: 0.5px solid #E4AEC0!important; Pink border hidden */
    letter-spacing: 0.0em;
    color: #000; 
    text-transform: uppercase;}
  @media (min-width: 768px) {
    .mobile-menu > li > a,
    .mobile-menu > li .sub-menu > li > a,
    .mobile-menu > li summary {
      padding: 28px 32px; }
  }
  .mobile-menu .sub-menu > li:last-child {
    padding-bottom: 50px;}
  .mobile-menu > li .sub-menu > li > a {
    border-bottom: 0!important;}
  .mobile-menu > li .sub-menu > li ul {
    margin: 0; }
  .mobile-menu > li .sub-menu > li ul li {
    list-style-type: none; }
  .mobile-menu > li .sub-menu > li > ul > li > a {
    font-family: 'Helvetica Neue';
    font-weight: 300;
    font-size: 15px;
    line-height: 18.13px;
    color: #000;
    display: block;
    margin: 0 0 14px;
    padding: 0 11px;}
    @media (min-width: 768px) {
      .mobile-menu > li .sub-menu > li > ul > li > a {
        padding: 0 32px; }
    }
  .mobile-menu li > a:hover,
  .mobile-menu li > a:focus,
  .mobile-menu li summary:hover,
  .mobile-menu li summary:focus,
  .mobile-secondary-menu a:hover,
  .mobile-secondary-menu a:focus,
  .mobile-menu .parent-link-back button:hover,
  .mobile-menu .parent-link-back button:focus {
    color: #E4AEC0!important;}
    .mobile-menu > li > a span,
    .mobile-menu > li summary span {
      height: 100%;
      display: flex;
      align-items: center;
      line-height: 59px; }
      [dir="rtl"] .mobile-menu > li > a span, [dir="rtl"]
      .mobile-menu > li summary span {
        transform: rotateZ(180deg); }
      .mobile-menu > li > a span svg path,
      .mobile-menu > li summary span svg path,
      .mobile-menu .parent-link-back button svg {
        stroke: var(--color-header-links, --color-accent); }
      .mobile-menu .parent-link-back button svg,
      .mobile-menu > li > a span svg {
        width: 23px;
        height: 15px; }
  .mobile-menu > li .link-container summary {
    width: 100%;
    justify-content: space-between; }
  .no-js .mobile-menu > li .link-container[open] > .sub-menu {
    transform: translateX(0);
    visibility: visible; }
  .mobile-menu > li .link-container[open].menu-opening > .sub-menu {
    transform: translateX(0);
    visibility: visible; }
  .mobile-menu .image-wrapper {
    width: 50%;
    display: inline-block; }
  .mobile-menu .parent-link-back button {
    width: 100%;
    padding: 12px 11px;
    font-family: 'Helvetica Neue';
    font-weight: 500;
    font-size: .875rem;
    /* line-height: 19.76px; */
    letter-spacing: 0.0em;
    color: #000; 
    margin-bottom: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position:relative; }
    @media (min-width: 768px) {
      .mobile-menu .parent-link-back button {
        padding: 28px 32px; }
    }
  .mobile-menu .parent-link-back button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -5.5px;
    width: calc(100% + 11px);
    height: 1px;
    background-color: #E4AEC0; }
    @media only screen and (min-width: 768px) {
      .mobile-menu .parent-link-back button:before {
        left: -35px;
        width: calc(100% + 70px); }}
  .mobile-menu .sub-menu {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: var(--color-header-bg, #var --bg-body, #fff);
    transform: translateX(100%);
    margin-left: 0;
    list-style: none;
    visibility: hidden;
    padding: 0;
    padding-top: 43px;
    border-bottom: 1px solid #f2f2f2;
  }
  .mobile-menu .sub-menu > li:nth-child(2).image-wrapper {
    padding-right: 10px; }
  .mobile-menu .sub-menu > li:nth-child(3).image-wrapper {
    padding-left: 29px; }
    .mobile-menu .sub-menu .sub-menu {
      z-index: 12; }

.mobile-secondary-menu {
  list-style: none;
  margin: 0 0 45px;
  margin-top: auto;
  display: inline-block;
  width: 100%;
  padding: 0 11px; 
  padding-left: 17px;
  border-top: 1px solid #ececec;}
  @media only screen and (min-width: 768px) {
    .mobile-secondary-menu {
      padding: 0 35px; } }
  .mobile-secondary-menu a {
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 13px;
    line-height: 18.13px;
    color: #000;
    display: block;
    margin: 14px 0;
 }