/** Shopify CDN: Minification failed

Line 153:0 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;
}

/* VTC Gate: hide price when locked (backup) */
.vtc-locked product-price,
.vtc-locked product-price *,
.vtc-locked .price,
.vtc-locked .price *,
.vtc-locked .price__container,
.vtc-locked .price-item,
.vtc-locked [data-price],
.vtc-locked [data-price-wrapper]{
  display: none !important;
  visibility: hidden !important;
}

/* 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;
}
