@charset "UTF-8";
/* ==========================================================================
   Component: Mailing-List Selector (mlist)
   --------------------------------------------------------------------------
   Root element  : #mlist-app
   -------------------------------------------------------------------------- */
/* ===== 1. Variables ===== */
/* ===== 2. Utility / Helpers ===== */
.mlist-hidden {
  display: none !important;
}

/* ===== 3. Root layout ===== */
#mlist-app {
  /* ===== 3.3 Results table ===== */
  /* ===== 3.4 “Load more” button ===== */
  /* ===== 3.5 Cart sidebar ===== */
  /* ===== 3.6 Responsive tweaks ===== */
}
#mlist-app .mlist {
  /* ===== 3.1 Control bar ===== */
}
#mlist-app .mlist-filters {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  #mlist-app .mlist-filters {
    flex-direction: column;
    gap: 15px;
  }
}
#mlist-app .mlist-min-home-value {
  display: flex;
  gap: 1rem;
  align-items: center;
  position: relative;
}
#mlist-app .mlist-min-home-value:before {
  content: "|";
  position: absolute;
  left: -17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.3;
}
#mlist-app .mlist-app-search {
  background: #f4f4f4;
  padding: 1rem;
  border-radius: 2px;
  border: 2px solid #3d86b7;
  flex: 1;
  margin-bottom: 40px;
}
#mlist-app .mlist-app-right {
  flex: 0 0 250px;
  min-width: 250px;
}
#mlist-app .mlist-controls {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  /*-- inputs share the same chrome --*/
  /* Specific field widths */
}
@media screen and (max-width: 768px) {
  #mlist-app .mlist-controls {
    padding: 0;
  }
}
#mlist-app .mlist-controls label {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  #mlist-app .mlist-controls label {
    font-size: 12px;
  }
}
#mlist-app .mlist-controls select,
#mlist-app .mlist-controls input[type=text] {
  font-family: var(--wp--preset--font-family--inter), sans-serif;
  padding: 0.5em 1em;
  border: 1px solid #8c8c8c;
  border-radius: 8px;
}
#mlist-app .mlist-controls select {
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000000' stroke-width='1.9200000000000004' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 5px center;
  margin-top: 0px;
  background-size: 24px 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  padding: 8px 30px 8px 10px;
  font-size: 14px;
  text-align: center;
}
#mlist-app .mlist-controls .search-box {
  flex: 1;
  position: relative;
  max-width: 100%;
}
#mlist-app .mlist-controls .search-box-input-container {
  display: flex;
}
@media screen and (max-width: 768px) {
  #mlist-app .mlist-controls .search-box-input-container {
    flex-direction: column;
    gap: 1rem;
  }
}
#mlist-app .mlist-controls .search-box-input-container .search-bar {
  position: relative;
  flex: 1;
}
#mlist-app .mlist-controls .search-box-input-container #mlist-search-btn {
  padding: 10px 20px;
  background-color: #3d86b7;
  z-index: 10;
  border: 0;
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: auto 30px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
  font-family: var(--wp--preset--font-family--inter), sans-serif;
  color: white;
}
@media screen and (max-width: 768px) {
  #mlist-app .mlist-controls .search-box-input-container #mlist-search-btn {
    border-radius: 8px;
  }
}
#mlist-app .mlist-controls .search-box-input-container #mlist-search-clear-btn {
  position: absolute;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%231C274C' stroke-width='1.8'%3E%3C/circle%3E%3Cpath d='M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5' stroke='%231C274C' stroke-width='1.8' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-color: transparent;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  color: #3d86b7;
  font-size: 1.2rem;
  border: none;
  padding: 0;
  opacity: 0.7;
  width: 24px;
  height: 24px;
  z-index: 10;
}
#mlist-app .mlist-controls .search-box-input-container #mlist-search-clear-btn:hover {
  opacity: 1;
}
#mlist-app .mlist-controls .search-box .filter-dates {
  margin-bottom: 0px;
  display: flex;
  gap: 1rem;
}
#mlist-app .mlist-controls .search-box .filter-dates label {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
  gap: 0.4rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #mlist-app .mlist-controls .search-box .filter-dates label {
    font-size: 12px;
  }
}
#mlist-app .mlist-controls .search-box .filter-dates label input[type=radio] {
  margin-top: 0;
  accent-color: #3d86b7;
}
#mlist-app .mlist-controls .search-box .mlist-suggestions {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
}
#mlist-app .mlist-controls .search-box .mlist-suggestions li {
  background-color: white;
  list-style: none;
  border-bottom: 2px solid #d8d8d8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  margin: 0;
  padding: 12px 16px 12px 40px;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23a3a3a3' height='64px' width='64px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50.00 50.00' enable-background='new 0 0 50 50' xml:space='preserve' stroke='%23a3a3a3' stroke-width='0.0005'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.3'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M24.43,40.153c0.186,0.276,0.497,0.441,0.829,0.441h0c0.333,0,0.644-0.166,0.829-0.441l9.436-14.018 c1.128-1.799,1.725-3.865,1.725-5.976c0-6.376-5.383-11.564-12-11.564s-12,5.188-12,11.564c0,2.114,0.599,4.184,1.749,6.012 L24.43,40.153z M25.25,10.594c5.514,0,10,4.291,10,9.564c0,1.734-0.491,3.433-1.402,4.886l-8.59,12.76l-8.584-12.726 c-0.932-1.482-1.424-3.183-1.424-4.92C15.25,14.885,19.736,10.594,25.25,10.594z'%3E%3C/path%3E%3Cpath d='M25.25,25.616c3.135,0,5.686-2.467,5.686-5.5s-2.55-5.5-5.686-5.5s-5.686,2.467-5.686,5.5S22.115,25.616,25.25,25.616z M25.25,16.616c2.032,0,3.686,1.57,3.686,3.5s-1.653,3.5-3.686,3.5s-3.686-1.57-3.686-3.5S23.218,16.616,25.25,16.616z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 28px;
  background-repeat: no-repeat;
  background-position: left 10px center;
}
#mlist-app .mlist-controls .search-box .mlist-suggestions li:hover, #mlist-app .mlist-controls .search-box .mlist-suggestions li:focus {
  border-bottom-color: #3d86b7;
  color: #3d86b7;
  font-weight: 700;
}
#mlist-app .mlist-controls .search-box .mlist-suggestions li .highlight {
  background-color: #dc0428;
  color: white;
  padding: 0.1rem 0.2rem;
}
#mlist-app .mlist-controls .search-box .mlist-suggestions-sale-price {
  max-width: 120px;
  text-align: right;
}
#mlist-app .mlist-controls #mlist-search {
  padding: 0.75rem 80px 0.75rem 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24.00 24.00' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg clip-path='url(%23clip0_15_152)'%3E%3Crect width='24' height='24' fill='white'%3E%3C/rect%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' stroke='%23000000' stroke-linejoin='round'%3E%3C/circle%3E%3Cpath d='M19.6464 20.3536C19.8417 20.5488 20.1583 20.5488 20.3536 20.3536C20.5488 20.1583 20.5488 19.8417 20.3536 19.6464L19.6464 20.3536ZM20.3536 19.6464L15.3536 14.6464L14.6464 15.3536L19.6464 20.3536L20.3536 19.6464Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15_152'%3E%3Crect width='24' height='24' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: 1px solid #ccc;
  border-radius: 8px;
  transition: border-color 0.3s;
  font-size: 20px;
  color: black;
  width: 100%;
  box-sizing: border-box;
}
#mlist-app .mlist-controls #mlist-search::-webkit-input-placeholder {
  color: black;
  opacity: 0.7;
}
#mlist-app .mlist-controls #mlist-search::-moz-placeholder {
  color: black;
  opacity: 0.7;
}
#mlist-app .mlist-controls #mlist-search::-ms-input-placeholder {
  color: black;
  opacity: 0.7;
}
#mlist-app .mlist-controls #mlist-search::placeholder {
  color: black;
  opacity: 0.7;
}
#mlist-app .mlist-controls #mlist-search:focus {
  outline: none;
  border-color: #3d86b7;
}
#mlist-app .mlist-controls #mlist-search.mlist-searching {
  background-image: none;
}
#mlist-app .mlist-result-table {
  border: 2px solid #3d86b7;
}
#mlist-app #mlist-results {
  margin-top: 1em;
  width: 100%;
  border-collapse: collapse;
}
#mlist-app #mlist-results th,
#mlist-app #mlist-results td {
  border: 1px solid #8c8c8c;
  padding: 4px;
}
#mlist-app #mlist-load-more {
  margin-top: 1em;
}
#mlist-app .mlist-cart, #mlist-app #mlist-cart {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border: 1px solid #8c8c8c;
  padding: 10px;
  width: 200px;
}
#mlist-app .mlist-cart .disabled, #mlist-app #mlist-cart .disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 600px) {
  #mlist-app {
    flex-direction: column;
  }
  #mlist-app .mlist-controls {
    flex-direction: column;
    align-items: stretch;
  }
  #mlist-app .mlist-cart, #mlist-app #mlist-cart {
    width: 100%;
  }
}

/** Offcanvas cart styles **/
.mlist-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 40;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.mlist-overlay.active {
  opacity: 1;
  visibility: visible;
}
.mlist-cart-btn {
  position: relative;
  z-index: 30;
  background-color: transparent;
  color: #3d86b7;
  padding: 10px 25px 10px 15px;
  border: 2px solid #3d86b7;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--wp--preset--font-family--inter), sans-serif;
  margin-bottom: 10px;
  margin-left: auto;
}
.mlist-cart-btn-icon {
  background-image: url('data:image/svg+xml,<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path opacity="0.5" d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="%233d86b7" stroke-width="1.5"></path><path opacity="0.5" d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="%233d86b7" stroke-width="1.5"></path><path d="M2.26121 3.09184L2.50997 2.38429H2.50997L2.26121 3.09184ZM2.24876 2.29246C1.85799 2.15507 1.42984 2.36048 1.29246 2.75124C1.15507 3.14201 1.36048 3.57016 1.75124 3.70754L2.24876 2.29246ZM4.58584 4.32298L5.20507 3.89983V3.89983L4.58584 4.32298ZM5.88772 14.5862L5.34345 15.1022H5.34345L5.88772 14.5862ZM20.6578 9.88275L21.3923 10.0342L21.3933 10.0296L20.6578 9.88275ZM20.158 12.3075L20.8926 12.4589L20.158 12.3075ZM20.7345 6.69708L20.1401 7.15439L20.7345 6.69708ZM19.1336 15.0504L18.6598 14.469L19.1336 15.0504ZM5.70808 9.76V7.03836H4.20808V9.76H5.70808ZM2.50997 2.38429L2.24876 2.29246L1.75124 3.70754L2.01245 3.79938L2.50997 2.38429ZM10.9375 16.25H16.2404V14.75H10.9375V16.25ZM5.70808 7.03836C5.70808 6.3312 5.7091 5.7411 5.65719 5.26157C5.60346 4.76519 5.48705 4.31247 5.20507 3.89983L3.96661 4.74613C4.05687 4.87822 4.12657 5.05964 4.1659 5.42299C4.20706 5.8032 4.20808 6.29841 4.20808 7.03836H5.70808ZM2.01245 3.79938C2.68006 4.0341 3.11881 4.18965 3.44166 4.34806C3.74488 4.49684 3.87855 4.61727 3.96661 4.74613L5.20507 3.89983C4.92089 3.48397 4.54304 3.21763 4.10241 3.00143C3.68139 2.79485 3.14395 2.60719 2.50997 2.38429L2.01245 3.79938ZM4.20808 9.76C4.20808 11.2125 4.22171 12.2599 4.35876 13.0601C4.50508 13.9144 4.79722 14.5261 5.34345 15.1022L6.43198 14.0702C6.11182 13.7325 5.93913 13.4018 5.83723 12.8069C5.72607 12.1578 5.70808 11.249 5.70808 9.76H4.20808ZM10.9375 14.75C9.52069 14.75 8.53763 14.7482 7.79696 14.6432C7.08215 14.5418 6.70452 14.3576 6.43198 14.0702L5.34345 15.1022C5.93731 15.7286 6.69012 16.0013 7.58636 16.1283C8.45674 16.2518 9.56535 16.25 10.9375 16.25V14.75ZM4.95808 6.87H17.0888V5.37H4.95808V6.87ZM19.9232 9.73135L19.4235 12.1561L20.8926 12.4589L21.3923 10.0342L19.9232 9.73135ZM17.0888 6.87C17.9452 6.87 18.6989 6.871 19.2937 6.93749C19.5893 6.97053 19.8105 7.01643 19.9659 7.07105C20.1273 7.12776 20.153 7.17127 20.1401 7.15439L21.329 6.23978C21.094 5.93436 20.7636 5.76145 20.4632 5.65587C20.1567 5.54818 19.8101 5.48587 19.4604 5.44678C18.7646 5.369 17.9174 5.37 17.0888 5.37V6.87ZM21.3933 10.0296C21.5625 9.18167 21.7062 8.47024 21.7414 7.90038C21.7775 7.31418 21.7108 6.73617 21.329 6.23978L20.1401 7.15439C20.2021 7.23508 20.2706 7.38037 20.2442 7.80797C20.2168 8.25191 20.1002 8.84478 19.9223 9.73595L21.3933 10.0296ZM16.2404 16.25C17.0021 16.25 17.6413 16.2513 18.1566 16.1882C18.6923 16.1227 19.1809 15.9794 19.6074 15.6318L18.6598 14.469C18.5346 14.571 18.3571 14.6525 17.9744 14.6994C17.5712 14.7487 17.0397 14.75 16.2404 14.75V16.25ZM19.4235 12.1561C19.2621 12.9389 19.1535 13.4593 19.0238 13.8442C18.9007 14.2095 18.785 14.367 18.6598 14.469L19.6074 15.6318C20.0339 15.2842 20.2729 14.8346 20.4453 14.3232C20.6111 13.8312 20.7388 13.2049 20.8926 12.4589L19.4235 12.1561Z" fill="%233d86b7"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  display: block;
}
.mlist-cart-btn-count {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: red;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  line-height: 1;
}
.mlist-cart-btn:hover {
  background-color: #306a91;
  color: white;
}
.mlist-cart-btn:hover .mlist-cart-btn-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 3L2.26491 3.0883C3.58495 3.52832 4.24497 3.74832 4.62248 4.2721C5 4.79587 5 5.49159 5 6.88304V9.5C5 12.3284 5 13.7426 5.87868 14.6213C6.75736 15.5 8.17157 15.5 11 15.5H19' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath opacity='0.5' d='M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z' stroke='%23ffffff' stroke-width='1.5'%3E%3C/path%3E%3Cpath opacity='0.5' d='M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z' stroke='%23ffffff' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M5 6H16.4504C18.5054 6 19.5328 6 19.9775 6.67426C20.4221 7.34853 20.0173 8.29294 19.2078 10.1818L18.7792 11.1818C18.4013 12.0636 18.2123 12.5045 17.8366 12.7523C17.4609 13 16.9812 13 16.0218 13H5' stroke='%23ffffff' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.mlist-close-panel {
  border: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M3 21.32L21 3.32001' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M3 3.32001L21 21.32' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-color: transparent;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: none;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.mlist-close-panel:hover {
  opacity: 1;
}
.mlist-cart-panel {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 384px;
  background-color: white;
  box-shadow: -10px 0 25px -5px rgba(0, 0, 0, 0.1);
  z-index: 5000;
  display: flex;
  flex-direction: column;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.mlist-cart-panel.is-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mlist-cart-header {
  border-bottom: 1px solid #d9d9d9;
  background-color: #f4f4f4;
  padding: 20px;
  position: relative;
  text-align: left;
}
.mlist-cart-header h2 {
  font-size: 1.5rem;
  margin: 0;
}
.mlist-cart-header h3 {
  font-size: 1.25rem;
  font-weight: normal;
  margin: 10px 0 0 0;
  color: #3d86b7;
}
.mlist-cart-header p {
  margin-top: 10px;
  margin-bottom: 0;
}
.mlist-checkout-btn {
  background-color: #3d86b7;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 100%;
}
.mlist-checkout-btn:disabled {
  background-color: #84b5d6;
  cursor: not-allowed;
}
.mlist-checkout-btn:hover {
  background-color: #306a91;
}
.mlist-cart-body-container {
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px;
}
.mlist-cart-body-empty-message {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 10px;
}
.mlist-cart-body-empty-message svg {
  width: 80px;
  height: 80px;
  fill: #84b5d6;
  opacity: 0.6;
}
.mlist-cart-body-empty-message p {
  color: #8c8c8c;
  margin: 0;
  padding: 0;
}
.mlist-cart-item {
  padding: 12px 0 12px 12px;
  border-bottom: 1px solid #d9d9d9;
}
.mlist-cart-item:hover {
  background-color: #f9f9f9;
}
.mlist-cart-item:last-child {
  border-bottom: none;
}
.mlist-cart-item-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.mlist-cart-item-title {
  font-weight: bold;
  text-transform: capitalize;
  display: block;
  font-size: 18px;
}
.mlist-cart-item-value {
  display: block;
  font-size: 14px;
}
.mlist-cart-item-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mlist-cart-item-actions button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: color 0.2s ease;
}
.mlist-cart-item-actions button svg {
  width: 24px;
  height: 24px;
}
.mlist-cart-footer {
  padding: 20px;
  border-top: 1px solid #d9d9d9;
  background-color: #f4f4f4;
}
.mlist-cart-footer .mlist-cart-total {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.mlist-cart-footer .mlist-cart-total-row {
  display: flex;
  justify-content: space-between;
}
.mlist-cart-footer .mlist-cart-total-row span {
  font-weight: normal;
}
.mlist-cart-footer .mlist-cart-total-row span:last-of-type {
  font-weight: 700;
}

/* ===== 3.2 Autocomplete dropdown (jQuery-UI) ===== */
.ui-menu {
  list-style: none;
  background: white;
  border: 1px solid #8c8c8c;
}
.ui-menu-item {
  padding: 3px 6px;
  transition: background-color 0.2s ease;
}
.ui-menu-item:hover {
  background-color: #f1f1f1;
}
.ui-autocomplete {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #8c8c8c;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
}
.ui-autocomplete-state-active {
  background: #3d86b7;
  color: #fff;
}