/** Shopify CDN: Minification failed

Line 932:0 Unexpected "}"
Line 964:0 Unexpected "}"

**/
/* Qikify / Tepo option picker fix */

.tcustomizer-field,
.tcustomizer-field * {
  box-sizing: border-box !important;
}

/* dropdown / picker wrapper */
.tcustomizer-field select,
.tcustomizer-field input,
.tcustomizer-field .tcustomizer-dropdown,
.tcustomizer-field .tcustomizer-select,
.tcustomizer-field .tcustomizer-select__trigger {
  width: 100% !important;
  min-height: 56px !important;
  border: 1px solid #d9deea !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #1b2340 !important;
  box-shadow: none !important;
}

/* list container */
.tcustomizer-field ul,
.tcustomizer-field [role="listbox"],
.tcustomizer-field .tcustomizer-select__options,
.tcustomizer-field .tcustomizer-dropdown__options,
.tcustomizer-field .tcustomizer-option-list {
  background: #fff !important;
  border: 1px solid #d9deea !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* option rows */
.tcustomizer-field li,
.tcustomizer-field [role="option"],
.tcustomizer-field .tcustomizer-option,
.tcustomizer-field .tcustomizer-value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: #fff !important;
  color: #1b2340 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  position: relative !important;
}

/* kill weird center highlight blocks */
.tcustomizer-field li *,
.tcustomizer-field [role="option"] *,
.tcustomizer-field .tcustomizer-option *,
.tcustomizer-field .tcustomizer-value * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}

.tcustomizer-field li::before,
.tcustomizer-field li::after,
.tcustomizer-field li *::before,
.tcustomizer-field li *::after,
.tcustomizer-field [role="option"]::before,
.tcustomizer-field [role="option"]::after,
.tcustomizer-field [role="option"] *::before,
.tcustomizer-field [role="option"] *::after,
.tcustomizer-field .tcustomizer-option::before,
.tcustomizer-field .tcustomizer-option::after,
.tcustomizer-field .tcustomizer-option *::before,
.tcustomizer-field .tcustomizer-option *::after,
.tcustomizer-field .tcustomizer-value::before,
.tcustomizer-field .tcustomizer-value::after,
.tcustomizer-field .tcustomizer-value *::before,
.tcustomizer-field .tcustomizer-value *::after {
  content: none !important;
  display: none !important;
}

/* selected state */
.tcustomizer-field li.active,
.tcustomizer-field li.selected,
.tcustomizer-field li[aria-selected="true"],
.tcustomizer-field [role="option"].active,
.tcustomizer-field [role="option"].selected,
.tcustomizer-field [role="option"][aria-selected="true"],
.tcustomizer-field .tcustomizer-option.active,
.tcustomizer-field .tcustomizer-option.selected,
.tcustomizer-field .tcustomizer-option--selected,
.tcustomizer-field .tcustomizer-value.active,
.tcustomizer-field .tcustomizer-value.selected {
  background: #edf4ff !important;
  color: #2450d8 !important;
  font-weight: 600 !important;
}

.tcustomizer-field li.active *,
.tcustomizer-field li.selected *,
.tcustomizer-field li[aria-selected="true"] *,
.tcustomizer-field [role="option"].active *,
.tcustomizer-field [role="option"].selected *,
.tcustomizer-field [role="option"][aria-selected="true"] *,
.tcustomizer-field .tcustomizer-option.active *,
.tcustomizer-field .tcustomizer-option.selected *,
.tcustomizer-field .tcustomizer-option--selected *,
.tcustomizer-field .tcustomizer-value.active *,
.tcustomizer-field .tcustomizer-value.selected * {
  background: transparent !important;
  color: inherit !important;
}
/* =========================================================
   QIKIFY / TEPO DROPDOWN FIX — EXACT SELECTORS
   ========================================================= */

/* overall dropdown row */
.tcustomizer__dropdown-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 20px !important;
  background: #fff !important;
  color: #111 !important;
  border-bottom: 1px solid rgb(240, 240, 240) !important;
  box-shadow: none !important;
}

/* the label wrapper inside each option */
.tcustomizer-dropdown-image__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* THIS is the little blue box causing the problem */
.tcustomizer__group-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

/* remove any fake selection blocks from pseudo elements */
.tcustomizer__dropdown-item::before,
.tcustomizer__dropdown-item::after,
.tcustomizer-dropdown-image__label::before,
.tcustomizer-dropdown-image__label::after,
.tcustomizer__group-item::before,
.tcustomizer__group-item::after {
  content: none !important;
  display: none !important;
}

/* hover row */
.tcustomizer__dropdown-item:hover {
  background: #f5f8ff !important;
}

/* selected radio option row */
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label,
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label .tcustomizer__group-item {
  background: transparent !important;
  color: #2450d8 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* put the selected highlight on the FULL ROW instead */
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check:checked) {
  background: #edf4ff !important;
  color: #2450d8 !important;
  font-weight: 600 !important;
}

/* fallback in case :has is not respected somewhere */
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label {
  width: 100% !important;
}

/* make dropdown text cleaner */
.tcustomizer__dropdown-item,
.tcustomizer__dropdown-item * {
  font-size: 18px !important;
  line-height: 1.2 !important;
}
/* remove the white box behind selected value */
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label .tcustomizer__group-item,
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label .tcustomizer__group-item *,
.tcustomizer__dropdown-item .tcustomizer__group-item,
.tcustomizer__dropdown-item .tcustomizer__group-item * {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* keep the selected row highlight on the whole row only */
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check:checked) {
  background: #edf4ff !important;
}

/* make the selected text just plain centered text */
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  background: transparent !important;
}

.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label .tcustomizer__group-item {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  color: #2450d8 !important;
  font-weight: 600 !important;
}
/* =========================================================
   FINAL CLEAN DROPDOWN LOOK
   ========================================================= */

/* remove blue highlight from open dropdown rows */
.tcustomizer__dropdown-item,
.tcustomizer__dropdown-item:hover,
.tcustomizer__dropdown-item:focus,
.tcustomizer__dropdown-item:active,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check:checked) {
  background: #fff !important;
  color: #111 !important;
}

/* remove any selected-row background coming from label/group */
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label,
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label .tcustomizer__group-item,
.tcustomizer__dropdown-item .tcustomizer__group-item,
.tcustomizer__dropdown-item .tcustomizer__group-item * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* keep rows centered and simple */
.tcustomizer__dropdown-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.tcustomizer-dropdown-image__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tcustomizer__group-item {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #111 !important;
  font-weight: 500 !important;
}

/* closed dropdown field only */
.tcustomizer__dropdown .tcustomizer__selected,
.tcustomizer__select .tcustomizer__selected,
.tcustomizer__dropdown-trigger,
.tcustomizer__dropdown-value,
.tcustomizer__dropdown-text,
.tcustomizer__group-field select,
.tcustomizer__group-field input[readonly] {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #d9deea !important;
  box-shadow: none !important;
}

/* optional: make selected number in list slightly bolder without background */
.tcustomizer__btn-check:checked + .tcustomizer-dropdown-image__label .tcustomizer__group-item {
  color: #111 !important;
  font-weight: 700 !important;
}
/* =========================================================
   MOBILE DROPDOWN SCROLL FIX
   ========================================================= */

@media (max-width: 767px) {
  /* dropdown panel itself */
  .tcustomizer__dropdown-menu,
  .tcustomizer__dropdown-list,
  .tcustomizer__dropdown-content,
  .tcustomizer__dropdown-options,
  .tcustomizer__dropdown-wrapper,
  .tcustomizer__group-field .tcustomizer__dropdown-menu,
  .tcustomizer__group-field .tcustomizer__dropdown-list {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  /* if the app uses the item container as the scroller */
  .tcustomizer__dropdown,
  .tcustomizer__group-field,
  .tcustomizer__group-field .tcustomizer__dropdown {
    overflow: visible !important;
  }

  /* keep each option a little tighter on mobile */
  .tcustomizer__dropdown-item {
    min-height: 44px !important;
    padding: 12px 16px !important;
  }
}
@media (max-width: 767px) {
  .tcustomizer__dropdown-menu *,
  .tcustomizer__dropdown-list *,
  .tcustomizer__dropdown-content *,
  .tcustomizer__dropdown-options * {
    pointer-events: auto !important;
  }
}
@media (max-width: 767px) {
  .tcustomizer,
  .tcustomizer__group-field,
  .tcustomizer__dropdown,
  .tcustomizer__dropdown-menu {
    overflow: visible !important;
  }
}
/* emergency mobile scroll fix */
.tcustomizer div {
  max-height: none !important;
}

.tcustomizer [class*="dropdown"] {
  max-height: 250px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
/* =========================================================
   QIKIFY / TEPO MOBILE DROPDOWN SCROLL FIX
   ========================================================= */

@media (max-width: 767px) {
  /* target the actual open dropdown panel */
  .tcustomizer [class*="dropdown-menu"],
  .tcustomizer [class*="dropdown-list"],
  .tcustomizer [class*="dropdown-options"],
  .tcustomizer [class*="dropdown-content"],
  .tcustomizer [class*="dropdown-wrapper"],
  .tcustomizer [class*="dropdown-panel"],
  .tcustomizer [class*="dropdown-body"],
  .tcustomizer [class*="__dropdown"]:not(.tcustomizer__dropdown-item):not(.tcustomizer__dropdown-item-value) {
    max-height: 45vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  /* don't let parent wrappers kill the scroll */
  .tcustomizer,
  .tcustomizer__group-field,
  .tcustomizer__group-item,
  .tcustomizer-dropdown-image__label,
  .tcustomizer [class*="dropdown"],
  .tcustomizer [class*="group"] {
    overflow: visible !important;
  }

  /* keep rows clean */
  .tcustomizer__dropdown-item {
    min-height: 44px !important;
    padding: 12px 16px !important;
  }
}
/* =========================================================
   TEPO / QIKIFY MOBILE DROPDOWN CLIP + SCROLL FIX
   ========================================================= */

@media (max-width: 767px) {
  /* let parent wrappers allow the menu to extend */
  .tcustomizer,
  .tcustomizer__wrapper,
  .tcustomizer__group,
  .tcustomizer__group-field,
  .tcustomizer__group-item,
  .tcustomizer-dropdown-image__label,
  .product-form,
  .product-form__input,
  .shopify-section,
  .ProductForm,
  .ProductMeta,
  .product-block,
  .product-block--sales-point,
  .product-single__meta,
  .product__info-wrapper,
  .product__info-container {
    overflow: visible !important;
  }

  /* make dropdown sit above nearby content */
  .tcustomizer__dropdown,
  .tcustomizer [class*="dropdown"] {
    position: relative !important;
    z-index: 9999 !important;
  }

  /* actual open menu */
  .tcustomizer [class*="dropdown-menu"],
  .tcustomizer [class*="dropdown-list"],
  .tcustomizer [class*="dropdown-options"],
  .tcustomizer [class*="dropdown-content"],
  .tcustomizer [class*="dropdown-wrapper"],
  .tcustomizer [class*="dropdown-panel"],
  .tcustomizer [class*="dropdown-body"] {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: 0 !important;
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    z-index: 10000 !important;
    background: #fff !important;
  }

  /* keep each option compact */
  .tcustomizer__dropdown-item {
    min-height: 44px !important;
    padding: 12px 16px !important;
  }
}
/* =========================================================
   FINAL FIX — ENABLE SCROLL ON ACTUAL DROPDOWN LIST
   ========================================================= */

@media (max-width: 767px) {

  /* THIS is the exact element from your screenshot */
  .tcustomizer__dropdown-list.active.display-bottom {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  /* remove the app's forced overflow:hidden */
  .tcustomizer__dropdown-list {
    overflow: auto !important;
  }

  /* keep parents from clipping */
  .tcustomizer,
  .tcustomizer__group-field,
  .product-form,
  .product__info-container {
    overflow: visible !important;
  }
}
/* =========================================================
   FIX LONG DROPDOWN OPTION TEXT
   ========================================================= */

/* target the text inside each option */
.tcustomizer__dropdown-item .tcustomizer__group-item {
  white-space: normal !important;       /* allow wrapping */
  text-align: center !important;
  line-height: 1.3 !important;
}

/* specifically fix long options */
.tcustomizer__dropdown-item {
  padding: 12px 16px !important;
}

/* make long text smaller automatically */
.tcustomizer__dropdown-item .tcustomizer__group-item {
  font-size: 16px !important;
}

/* EXTRA: detect really long content and shrink more */
.tcustomizer__dropdown-item .tcustomizer__group-item:has(br),
.tcustomizer__dropdown-item .tcustomizer__group-item:has(span),
.tcustomizer__dropdown-item .tcustomizer__group-item:has(p) {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
/* =========================================================
   REMOVE EXTRA DROPDOWN VALUE / DESCRIPTION BOX
   ========================================================= */

/* this is the extra bubble showing under the dropdown */
.tcustomizer__dropdown-value,
.tcustomizer__dropdown-text,
.tcustomizer__selected-value,
.tcustomizer__value,
.tcustomizer__group-value,
.tcustomizer__field-value,
.tcustomizer__dropdown__value {
  display: none !important;
}

/* also hide any description text under options */
.tcustomizer__field-description,
.tcustomizer__option-description,
.tcustomizer__helper-text {
  display: none !important;
}
/* =========================================================
   RING SIZE NOTE — SHOW CLEANLY UNDER DROPDOWN
   ========================================================= */

/* let the whole field grow naturally */
.tcustomizer-field,
.tcustomizer-field__input,
.tcustomizer-customization-form .tcustomizer-field,
.tcustomizer-customization-form .tcustomizer-field__input,
.tcustomizer-field.tcustomizer-field-Dropdown,
.tcustomizer-field[class*="Dropdown"] {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* keep the dropdown trigger clean */
.tcustomizer__dropdown,
.tcustomizer__dropdown__main-content,
.tcustomizer__dropdown-button {
  overflow: visible !important;
}

/* style the helper / note text under the field */
.tcustomizer-field__note,
.tcustomizer-field__description,
.tcustomizer__field-note,
.tcustomizer__field-description,
.tcustomizer__helper-text,
.tcustomizer__option-note,
.tcustomizer__option-description,
.tcustomizer__dropdown-description,
.tcustomizer__dropdown-note,
.tcustomizer__dropdown-value,
.tcustomizer__selected-description,
.tcustomizer__selected-note,
.tcustomizer-field em,
.tcustomizer-field i,
.tcustomizer-field small {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;

  font-size: 14px !important;
  line-height: 1.45 !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #666 !important;
  text-align: left !important;
  white-space: normal !important;
}

/* if the note is directly under the input area, give it breathing room */
.tcustomizer-field__input > small,
.tcustomizer-field__input > em,
.tcustomizer-field__input > i,
.tcustomizer-field__input > div:not(.tcustomizer__dropdown) {
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #666 !important;
  white-space: normal !important;
}

/* optional: make the ring size box not look giant */
.tcustomizer-field[class*="Dropdown"] {
  padding-bottom: 0 !important;
}
/* =========================================================
   CLEAN RING SIZE FIELD
   ========================================================= */

/* hide the dropdown list unless it's actually open */
.tcustomizer__dropdown-list {
  display: none !important;
}

.tcustomizer__dropdown-list.active,
.tcustomizer__dropdown-list.display-bottom.active {
  display: block !important;
}

/* keep mobile scrolling when open */
@media (max-width: 767px) {
  .tcustomizer__dropdown-list.active,
  .tcustomizer__dropdown-list.display-bottom.active {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* field wrapper */
.tcustomizer-field,
.tcustomizer-field__input,
.tcustomizer-field.tcustomizer-field-Dropdown,
.tcustomizer-field[class*="Dropdown"] {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* note under the field */
.tcustomizer-field__note,
.tcustomizer-field__description,
.tcustomizer__field-note,
.tcustomizer__field-description,
.tcustomizer__helper-text,
.tcustomizer__option-note,
.tcustomizer__option-description,
.tcustomizer__dropdown-description,
.tcustomizer__dropdown-note,
.tcustomizer__selected-description,
.tcustomizer__selected-note,
.tcustomizer-field em,
.tcustomizer-field i,
.tcustomizer-field small {
  display: block !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #6f7483 !important;
  text-align: left !important;
  white-space: normal !important;
}

/* optional: tighten the dropdown field spacing a little */
.tcustomizer__dropdown-button {
  margin-bottom: 0 !important;
}
/* hide custom-size note by default */
.tcustomizer-field__description,
.tcustomizer-field__note,
.tcustomizer__helper-text,
.tcustomizer__option-description,
.tcustomizer__option-note,
.tcustomizer-field small,
.tcustomizer-field em,
.tcustomizer-field i {
  display: none !important;
}

/* optional: hide empty addon bubble if it ever shows */
.tcustomizer-addon:empty {
  display: none !important;
}
/* =========================================================
   ICEBYAK SOFT LUXE — SAFE VERSION
   ========================================================= */

/* field shell only */
.tcustomizer-field,
.tcustomizer-field__input,
.tcustomizer__dropdown,
.tcustomizer__dropdown__main-content {
  background: transparent !important;
  box-shadow: none !important;
}

/* closed dropdown only */
.tcustomizer__dropdown-button {
  background: #ffffff !important;
  border: 1px solid #e5e7ee !important;
  border-radius: 14px !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

/* closed value text only */
.tcustomizer__dropdown-button,
.tcustomizer__dropdown-button .tcustomizer__group-item,
.tcustomizer__dropdown-button .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-button span {
  color: #1a1a1a !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: transparent !important;
}

/* subtle focus */
.tcustomizer__dropdown-button:hover,
.tcustomizer__dropdown-button:focus,
.tcustomizer__dropdown-button:focus-visible {
  border-color: #d7c189 !important;
  box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.08) !important;
  outline: none !important;
}

/* keep open menu mostly default */
.tcustomizer__dropdown-list,
.tcustomizer__dropdown-list.active,
.tcustomizer__dropdown-list.display-bottom,
.tcustomizer__dropdown-list.active.display-bottom {
  background: #ffffff !important;
  border: 1px solid #eceff5 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

/* rows stay neutral */
.tcustomizer__dropdown-item {
  background: #ffffff !important;
  border-bottom: 1px solid #f1f3f7 !important;
  min-height: 52px !important;
  padding: 14px 18px !important;
}

/* row text */
.tcustomizer__dropdown-item .tcustomizer__group-item,
.tcustomizer__dropdown-item .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item span {
  color: #171717 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* softer selected row */
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check:checked) {
  background: #f7f4ec !important;
}

.tcustomizer__dropdown-item:has(.tcustomizer__btn-check:checked) .tcustomizer__group-item,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check:checked) .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check:checked) span {
  color: #171717 !important;
  font-weight: 600 !important;
}

/* label */
.tcustomizer-field__heading {
  color: #6d7280 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

/* helper note */
.tcustomizer-field small,
.tcustomizer-field em,
.tcustomizer-field i,
.tcustomizer-field__description,
.tcustomizer-field__note,
.tcustomizer__helper-text {
  color: #7f8491 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-style: normal !important;
}

/* mobile */
@media (max-width: 767px) {
  .tcustomizer__dropdown-button {
    min-height: 56px !important;
  }

  .tcustomizer__dropdown-item {
    min-height: 50px !important;
    padding: 13px 16px !important;
  }
}
/* =========================================================
   CUSTOM SIZE — LUXE OPTION STYLING
   ========================================================= */

/* target the Custom Size option row */
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value="Custom Size"]),
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]) {
  background: #faf7f0 !important;
  border-top: 1px solid #ece4d2 !important;
  border-bottom: 1px solid #ece4d2 !important;
}

/* custom size text only */
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value="Custom Size"]) .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value="Custom Size"]) .tcustomizer__group-item,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value="Custom Size"]) span:first-child,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]) .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]) .tcustomizer__group-item,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]) span:first-child {
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #7a6328 !important;
  text-align: center !important;
  white-space: normal !important;
}

/* hide empty addon bubble */
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]) .tcustomizer-addon:empty {
  display: none !important;
}

/* selected state for Custom Size */
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]:checked) {
  background: #f4ecda !important;
}

.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]:checked) .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]:checked) .tcustomizer__group-item,
.tcustomizer__dropdown-item:has(.tcustomizer__btn-check[value*="Custom"]:checked) span:first-child {
  color: #5f4b1b !important;
}

/* closed dropdown when Custom Size is selected */
.tcustomizer__dropdown-button .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-button .tcustomizer__group-item {
  white-space: nowrap !important;
}
/* ================================
   CUSTOM SIZE — CLEAN LUXE STYLE
================================ */

.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__group-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 6px !important;
  white-space: normal !important;
  padding: 10px 0 !important;
}

/* soft luxe background */
.tcustomizer__dropdown-item.custom-size-luxe {
  background: #faf7f0 !important;
  border-top: 1px solid #ece4d2 !important;
}

/* "Custom Size*" */
.custom-size-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #7a6328 !important;
  letter-spacing: 0.01em !important;
}

/* Pricing note */
.custom-size-note {
  font-size: 11px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #b0b4bc !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
}
/* ================================
   CUSTOM SIZE — CLEAN LUXE ROW
================================ */

.tcustomizer__dropdown-item.custom-size-luxe {
  background: #faf7f0 !important;
  border-top: 1px solid #ece4d2 !important;
  padding: 12px 18px !important;
}

/* remove that “split row” feeling */
.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__group-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 1px !important; /* tighter spacing */
  line-height: 1.15 !important;
}

/* CUSTOM SIZE */
.custom-size-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #7a6328 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

}

/* remove weird spacing / extra height */
.tcustomizer__dropdown-item.custom-size-luxe span {
  margin: 0 !important;
  padding: 0 !important;
}

/* remove visual separation from above sizes */
.tcustomizer__dropdown-item.custom-size-luxe::before {
  display: none !important;
}
/* ================================
   CUSTOM SIZE — CLEAN LUXE ROW
================================ */

.tcustomizer__dropdown-item.custom-size-luxe {
  background: #faf7f0 !important;
  border-top: 1px solid #ece4d2 !important;
  padding: 10px 18px !important;
  min-height: 0 !important;
}

/* remove that “split row” feeling */
.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__group-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 4px !important; /* tighter spacing */
  line-height: 1.2 !important;
}

/* CUSTOM SIZE */
.custom-size-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #7a6328 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}


/* remove weird spacing / extra height */
.tcustomizer__dropdown-item.custom-size-luxe span {
  margin: 0 !important;
  padding: 0 !important;
}

/* remove visual separation from above sizes */
.tcustomizer__dropdown-item.custom-size-luxe::before {
  display: none !important;
}
/* ================================
   CUSTOM SIZE — TIGHT TWO-LINE FIX
================================ */
.tcustomizer__dropdown-item.custom-size-luxe {
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 18px !important;
  background: #faf7f0 !important;
  border-top: 1px solid #ece4d2 !important;
}

.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__dropdown-item-value,
.tcustomizer__dropdown-item.custom-size-luxe .tcustomizer__group-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.tcustomizer__dropdown-item.custom-size-luxe .custom-size-title {
  display: block !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #7a6328 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.tcustomizer__dropdown-item.custom-size-luxe .custom-size-note {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #b0b4bc !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.tcustomizer-field,
.tcustomizer__group-field {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* remove blue focus border from ring size field */
.tcustomizer-field,
.tcustomizer__group-field,
.tcustomizer-field:focus,
.tcustomizer-field:focus-within,
.tcustomizer__group-field:focus,
.tcustomizer__group-field:focus-within {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* when Custom Size is selected, keep trigger text clean and single line */
.tcustomizer__dropdown-button .custom-size-note {
  display: none !important;
}

.tcustomizer__dropdown-button .custom-size-title {
  font-size: 15px !important;
  color: #7a6328 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
/* kill blue outline on ring size section */
.tcustomizer,
.tcustomizer *,
.tcustomizer *:focus,
.tcustomizer *:focus-within,
.tcustomizer *:focus-visible,
.tcustomizer *:active {
  outline: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* restore only the border we actually want */
.tcustomizer__dropdown-button {
  border: 1px solid #e5e7ee !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

.tcustomizer__dropdown-list.active {
  border: 1px solid #eceff5 !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}