/* UniShop owns cart state and option selection. Only its confirmed in-cart state is restyled. */
body.tpkpir-redesign .add_to_cart.in_cart:not(.disabled):not(.qty-0):not(:disabled):not(.pir-request-price) {
  color: #fff;
  background: #232527;
  border-color: #232527;
  box-shadow: none;
}

body.tpkpir-redesign .add_to_cart.in_cart:not(.disabled):not(.qty-0):not(:disabled):not(.pir-request-price):hover,
body.tpkpir-redesign .add_to_cart.in_cart:not(.disabled):not(.qty-0):not(:disabled):not(.pir-request-price):focus,
body.tpkpir-redesign .add_to_cart.in_cart:not(.disabled):not(.qty-0):not(:disabled):not(.pir-request-price):active {
  color: #fff;
  background: #3b3e40;
  border-color: #3b3e40;
  box-shadow: 0 5px 14px rgba(35, 37, 39, .16);
}

body.tpkpir-redesign .add_to_cart.in_cart:not(.disabled):not(.qty-0):not(:disabled):not(.pir-request-price) > i {
  color: #f5c438;
}

/* Keep the native menu tree, drawer and hit areas; refine its surfaces and hierarchy. */
body.tpkpir-redesign .menu1 .menu__collapse,
body.tpkpir-redesign .menu .menu__level-2 {
  color: #232527;
  background: #fff;
}

body.tpkpir-redesign .menu1 .menu__level-1-a {
  min-width: 0;
  color: #232527;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: break-word;
}

body.tpkpir-redesign .menu1 .menu__level-1-li {
  border-color: #ecece7;
}

body.tpkpir-redesign .menu1 .menu__level-1-li.open,
body.tpkpir-redesign .menu1 .menu__level-1-li:hover,
body.tpkpir-redesign .menu1 .menu__level-1-li:focus-within {
  background: #f8f5e9;
}

body.tpkpir-redesign .menu1 .menu__level-1-li.open > .menu__level-1-a,
body.tpkpir-redesign .menu1 .menu__level-1-a:hover,
body.tpkpir-redesign .menu1 .menu__level-1-a:focus {
  color: #171819;
  box-shadow: inset 3px 0 #f5c438;
}

body.tpkpir-redesign .menu .menu__level-2-a,
body.tpkpir-redesign .menu .menu__level-3-a {
  color: #303335;
  line-height: 1.5;
  overflow-wrap: break-word;
  text-decoration: none;
}

body.tpkpir-redesign .menu .menu__level-2-a:hover,
body.tpkpir-redesign .menu .menu__level-2-a:focus,
body.tpkpir-redesign .menu .menu__level-3-a:hover,
body.tpkpir-redesign .menu .menu__level-3-a:focus,
body.tpkpir-redesign .menu .menu__level-2-a[aria-current="page"],
body.tpkpir-redesign .menu .menu__level-3-a[aria-current="page"] {
  color: #171819;
  background: #f8f5e9;
  text-decoration: none;
}

body.tpkpir-redesign .menu1 .menu__level-1-li:after,
body.tpkpir-redesign .menu .menu__chevron {
  color: #494c4e;
}

body.tpkpir-redesign .menu .menu__more-span {
  text-decoration-color: #c69a17;
  text-underline-offset: 3px;
}

@media (min-width: 992px) {
  body.tpkpir-redesign .menu1:not(.new) .menu__collapse {
    padding: 5px 0;
    border: 1px solid #e7e8e4;
    border-top: 0;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 16px 32px rgba(35, 37, 39, .12);
  }

  body.tpkpir-redesign .menu1:focus-within .menu__collapse {
    display: block !important;
  }

  body.tpkpir-redesign .menu .menu__level-1-li:focus-within > .menu__level-2 {
    display: flex;
    opacity: 1 !important;
  }

  body.tpkpir-redesign .menu1 .menu__level-1-a {
    min-height: 48px;
    padding: 11px 15px;
  }

  body.tpkpir-redesign .menu1 .menu__level-1-li:last-child {
    border-radius: 0 0 13px 13px;
  }

  body.tpkpir-redesign .menu .menu__level-2 {
    padding: 8px;
    border: 1px solid #e7e8e4;
    border-top: 3px solid #f5c438;
    border-radius: 0 12px 12px 12px;
    box-shadow: 0 16px 32px rgba(35, 37, 39, .12);
    scrollbar-color: #c4c6c0 #f5f5f1;
    scrollbar-width: thin;
  }

  body.tpkpir-redesign .menu .menu__level-2::-webkit-scrollbar {
    width: 6px;
    background: #f5f5f1;
  }

  body.tpkpir-redesign .menu .menu__level-2::-webkit-scrollbar-thumb {
    background: #c4c6c0;
    border-radius: 6px;
  }

  body.tpkpir-redesign .menu .menu__level-2-ul:not(.has-image) {
    padding: 0 3px;
  }

  body.tpkpir-redesign .menu .menu__level-2-ul:before {
    border-color: #efefeb;
  }

  body.tpkpir-redesign .menu .menu__level-2-a {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
  }

  body.tpkpir-redesign .menu .menu__level-2-a.has-children {
    margin: 2px 0 4px;
    color: #232527;
    font-weight: 700;
  }

  body.tpkpir-redesign .menu .menu__level-3 {
    padding: 0 0 8px;
  }

  body.tpkpir-redesign .menu .menu__level-3-li + li {
    margin-top: 0;
  }

  body.tpkpir-redesign .menu .menu__level-3-a {
    min-height: 36px;
    padding: 7px 12px;
    border-radius: 7px;
    font-size: 12px;
  }

  body.tpkpir-redesign .menu-right .menu__level-1-li {
    box-shadow: none;
  }

  body.tpkpir-redesign .menu-right .menu__level-1-li:last-child {
    border-right: 0;
  }

  body.tpkpir-redesign .menu-right .menu__level-1-li:hover,
  body.tpkpir-redesign .menu-right .menu__level-1-li:focus-within {
    background: #f8f5e9;
  }
}

@media (max-width: 991px) {
  body.tpkpir-redesign .menu-wrapper {
    background: #fff;
  }

  body.tpkpir-redesign .menu1 .menu__level-1-a {
    min-height: 54px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 54px;
  }

  body.tpkpir-redesign .menu .menu__level-2 {
    background: #f8f8f5;
  }

  body.tpkpir-redesign .menu .menu__level-2-a {
    min-height: 50px;
    padding: 12px 54px 12px 24px;
    border-color: #e9eae4;
    font-size: 13px;
    font-weight: 500;
  }

  body.tpkpir-redesign .menu .menu__level-3-a {
    min-height: 46px;
    padding: 11px 24px 11px 36px;
    font-size: 12px;
  }

  body.tpkpir-redesign .menu .menu__chevron {
    top: 5px;
    right: 5px;
    width: 44px;
    height: 44px;
    line-height: 44px !important;
    border: 1px solid #e9eae4;
    border-radius: 9px;
    background: #fff;
  }

  body.tpkpir-redesign .menu .menu__chevron.open {
    color: #232527;
    border-color: #f5c438;
    background: #f5c438;
  }
}