/** Shopify CDN: Minification failed

Line 254:1 Expected "}" to go with "{"

**/


/* Hide unavailable variant options only in product info area */
.product-information .variant-picker input[data-option-available="false"],
.product-information .variant-picker input[data-option-available="false"] + label,
.product-information .variant-picker label:has(> input[data-option-available="false"]),
.product-information .variant-picker .swatch:has(> input[data-option-available="false"]) {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* VTC – swatch appearance overrides */
.variant-option__swatch .swatch {
  opacity: 1 !important;
  filter: none !important;
}

.variant-option__swatch svg {
  display: none !important;
}

.variant-option__swatch svg line {
  stroke: transparent !important;
}

/* Center private product gate message */
.vtc-gate-msg{
  max-width: 640px;
  margin: 60px auto;
  padding: 24px;
  text-align: center;

  border: 2px solid rgba(0,0,0,0.15);
  border-radius: 16px;
  background: rgba(0,0,0,0.03);

  font-size: 18px;
  line-height: 1.4;
}

/* Pickup location ready in 5+ days removal */
.pickup-location__text-xs {
  display: none !important;
}

.pickup-location__availability-wrapper {
  display: none !important;
}

@media screen and (min-width: 750px) {
  /* Reduce bottom padding inside dropdowns (space under last link) */
  .menu-list__submenu,
  .overflow-menu::part(overflow) {
    --submenu-padding-block-end: 4px !important; /* try 8px or 6px if you want tighter */
  }
}

@media screen and (min-width: 750px) {

  /* Make level-2 (parent inside mega menu) bigger */
  .mega-menu__link--parent {
    font-size: 1.1rem !important;   /* adjust if you want */
    font-weight: 600 !important;
  }

  /* Keep level-3 links normal size */
  .mega-menu__column ul .mega-menu__link {
    font-size: 1.1rem;
    font-weight: 500;
  }

/* =========================
   OPTIS TEXT BOX (Horizon 3.3.1)
   Clean pill styling + hover feedback + forced placeholder color
   ========================= */

/* Help text color */
.po-option--container .po-helptext-content {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* Base field style (matches your other pill inputs) */
.po-option--container input.po-option--type-text.po-value,
.po-option--container input[id^="po_text_box"].po-value {
  appearance: none !important;
  background: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;

  border: 2px solid #000 !important;
  border-radius: 9999px !important;

  box-shadow: none !important;
  outline: none !important;
  filter: none !important;

  padding: 10px 18px !important;
  min-height: 46px !important;
}

/* Hover/focus feedback */
.po-option--container input.po-option--type-text.po-value:hover,
.po-option--container input.po-option--type-text.po-value:focus,
.po-option--container input[id^="po_text_box"].po-value:hover,
.po-option--container input[id^="po_text_box"].po-value:focus {
  box-shadow: 0 0 0 2px rgba(0,0,0,0.12) !important;
  outline: none !important;
}

/* If any wrapper/pseudo-element is creating halos, kill it */
.po-option--container::before,
.po-option--container::after {
  content: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Placeholder color (force it, all engines) */
.po-option--container input.po-option--type-text.po-value[id^="po_text_box"]::placeholder,
.po-option--container input.po-option--type-text.po-value[id^="po_text_box"]::-webkit-input-placeholder,
.po-option--container input.po-option--type-text.po-value[id^="po_text_box"]::-moz-placeholder,
.po-option--container input.po-option--type-text.po-value[id^="po_text_box"]:-ms-input-placeholder,
.po-option--container input.po-option--type-text.po-value[id^="po_text_box"]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.28) !important;
  opacity: 1 !important;
}

.po-option--container input.po-option--type-text.po-value[id^="po_text_box"]::placeholder {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.28) !important;
}

.variant-description {
  margin: .25rem 0 .25rem;
}

.variant-description p {
  margin-top: 0;
}

.variant-description p:last-child {
  margin-bottom: 0;
}

.employee-access {
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* pushes everything to the right */

  margin-top: 8px;
}

.employee-access__label {
  font-family: var(--font-heading-family); /* this will use Marcellus */
  font-size: 13px;
  margin-bottom: 4px;
  text-align: right;
}

.employee-access__input {
  width: 35%;
  min-width: 180px;
  max-width: 240px;

  height: 40px;
  padding: 0 12px;

  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 12px;

  background: #fff;
  color: inherit;

  font-family: var(--font-heading-family); /* matches Marcellus */
  font-size: 14px;

  text-align: left;
}

.employee-access__input {
  width: 35%;
  min-width: 180px;
  max-width: 260px;

  height: 42px;
  padding: 0 12px;

  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;

  background: #fff;
  color: inherit;

  font-size: 14px;
}

.employee-access {
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  margin-bottom: 12px;
}

.employee-access__label {
  font-family: var(--font-heading-family);
  font-size: 13px;

  margin-bottom: 4px;
  margin-right: 6px; /* 👈 THIS is what you want */

  text-align: right;
}

@media (max-width: 768px) {
  .employee-access {
    align-items: stretch;
  }

  .employee-access__input {
    width: 100%;
  }

  .employee-access__label {
    text-align: left;
  }
}

.menu-list__submenu {
  background-color: transparent !important;
}

.menu-list__submenu-inner {
  background-color: rgba(255, 255, 255, 0.88) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12) !important;
  padding-block: 1.25rem !important;
  padding-inline: 0.75rem !important;
  width: fit-content !important;
}

.header__underlay-open {
  background-color: transparent !important;
  backdrop-filter: none !important;
  opacity: 0 !important;
}