/** Shopify CDN: Minification failed

Line 9:15 Unexpected "-->"
Line 31:20 Unexpected "-->"
Line 112:0 Unexpected "}"
Line 125:26 Unexpected "/"

**/
<!-- The Modal -->
 /* CSS for the modal */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

 <!-- End The Modal -->

 #vertex-wishlist-nav-icon-wrapper {
   margin-left: 20px;
 }
#MainContent .btn-add-to-cart {
  font-size: 11px;
  padding: 0px;
  width: 65px;
  letter-spacing: normal;
}
#MainContent .card__information {
/*   display: flex;
  flex-direction: column;
  align-items: flex-start; */
  padding: 0;
}
#MainContent .price.price--on-sale  {
  text-align: left;
  font-size: 12px;
}
#MainContent .price__sale {
  font-size: 1.2rem;
  color: #007230;
/*   display: flex;
  flex-direction: column-reverse; */
}
#MainContent .price{
  font-size: 1.2rem;
  color: #007230;
}
#MainContent .price--on-sale .price-item--regular{
  font-size: 1.2rem;
  color: #007230;
}
#MainContent .card .card__inner .card__media {
  border-radius: 15px;
}
#MainContent .card.card--standard.card--media {
  border:none;
}
#MainContent .card__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0rem 6rem 0rem;
}
#MainContent .card-wrapper {
  margin: 1rem;
}
#MainContent .card__inner {
  --ratio-percent: 90% !important;
}
.title:after {
content: \00a0;
}
.spr-form-actions .spr-button-primary {
  background: #007230;
  padding: 8px 12px;
  font-size: 14px;
}

/*  */
.pagination {
  display:flex;
  flex-direction:column;
}

/*  */
.product-form__buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60%;
}
   /* Apply animation to input placeholder */
/* input::placeholder {
  animation: typing 2s steps(40, end);
  white-space: nowrap;
  overflow: hidden;
  border-right: 2px solid #000; /* Optional: simulate cursor */
}      */
.customer .field input:not(:placeholder-shown)~label {
  top: calc(var(--inputs-border-width) + -1.5rem);
}
.custom-image {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius:5px;
  
}/* Target the list items inside the dropdown */


* Container for dropdown */
.mega-menu {
  position: relative;
  z-index: 10; /* Ensure the mega-menu stays above other elements in the header */
}

/* Main dropdown items stacked vertically */
.mega-menu__list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}

.mega-menu__list li {
  margin: 0;              /* Remove any default margin */
  padding: 0px 0px;      /* Optional: adjust padding if needed */
  line-height: 0.2;       /* Optional: reduces vertical space */
}

/* Each link styled cleanly */
.mega-menu__link {
  padding: 8px 16px;
  display: block;
  white-space: nowrap;
  color: #333;
  text-decoration: none;
}

/* Hide submenus inside dropdown by default */
.mega-menu__link + ul {
  display: none;
  padding-left: 16px;
  list-style: none;
  flex-direction: column;
  margin-top: 4px;
}

/* Show submenus on focus/hover */
.mega-menu__link:focus + ul,
.mega-menu__link:hover + ul {
  display: flex;
}

/* Optional hover/focus effect */
.mega-menu__link:hover,
.mega-menu__link:focus {
  background-color: #f4f4f4;
  outline: none;
}

/* Dropdown content */
.mega-menu__content {
  display: none;
  position: absolute;
  top: 100%; /* Position it directly under the parent item initially */
  left: 0;
  background-color: white; /* Default background color */
  border-radius: 4px;
  padding: 12px 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  min-width: max-content;
  max-width: 250px;
  white-space: normal;
  width: auto;
  z-index: 100; /* Ensure the dropdown is above the header */
}

/* Show menu when <details> is open */
details[open] > .mega-menu__content {
  display: block;
}

/* Nested submenu styles */
.mega-menu__content {
  padding-left: 16px;
  margin-top: 4px;
}

/* Adjust width of nested submenus */
.mega-menu__content .mega-menu__link + ul {
  min-width: 200px; /* Adjust as needed */
}

/* Reduce space between dropdown and parent item */
.mega-menu__content {
  margin-top: 2px; /* Adjust as needed */
}

/* If you want the dropdown to open above the parent item, adjust top to a negative value */
.mega-menu__content.open-above {
  top: auto;
  bottom: 100%;
  margin-bottom: 8px; /* Adjust margin as needed */
}

/* Applying background color to the dropdown when it opens (e.g., "workspace" dropdown) */
.mega-menu__content.open {
  background-color: #f0f0f0; /* You can change this color to any value you want */
}

/* Optional: Adjust the background color on hover or focus */
.mega-menu__link:hover + .mega-menu__content,
.mega-menu__link:focus + .mega-menu__content {
  background-color: #f0f0f0; /* Same background color when submenu is hovered */
}
/* Remove default spacing between list items */
.list-menu-dropdown ul.list-menu li {
  margin: 0;
  padding: 0;
}

/* Tight and clean link styles */
.list-menu-dropdown .header__menu-item {
  padding: 4px 12px;      /* Reduce vertical space */
  line-height: 1.2;       /* Tighter line height */
  font-size: 14px;        /* Optional: slightly smaller font */
  display: block;
  white-space: nowrap;
  color: #333;
  text-decoration: none;
}

/* Optional: label styles inside link */
.list-menu-dropdown .label {
  margin: 0;
  padding: 0;
  display: block;
}

/* Dropdown container styling */
.list-menu-dropdown {
  padding: 4px 0;                  /* Reduce top-bottom padding */
  width: auto;
  min-width: max-content;
  background-color: #f7f7f7;       /* Background color */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  z-index: 99;
}

/* Keep it hidden by default */
.list-menu-dropdown.hidden {
  display: none;
}
/* Remove all spacing from the dropdown list */
.list-menu-dropdown ul.list-menu {
  padding: 0;
  margin: 0;
}

/* Remove margin/padding and line height from each item */
.list-menu-dropdown ul.list-menu li {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* Make each link as tight as possible */
.list-menu-dropdown .header__menu-item {
  padding: 2px 8px;       /* Minimal vertical and horizontal padding */
  line-height: 1;
  font-size: 13px;
  display: block;
  white-space: nowrap;
  color: #333;
  text-decoration: none;
}

/* Remove extra spacing from inner span */
.list-menu-dropdown .label {
  margin: 0;
  padding: 0;
  display: inline;
  line-height: 1;
}

/* Dropdown container styling */
.list-menu-dropdown {
  padding: 0;
  background-color: #f4f4f4;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  min-width: max-content;
  z-index: 100;
}

/* Hide by default */
.list-menu-dropdown.hidden {
  display: none;
}