/* Only product option controls. No spacing or colors leak into other dropdowns. */
.buybox .product-parameter { --parameter-bg: #1b3152; --parameter-selected: #2563eb; --parameter-border: #3b82f6; display: grid; gap: 0; min-width: 0; width: 100%; margin: 0; }
.buybox .product-parameter > .small { display: block; margin: 0 0 7px; color: var(--text); font-size: 14px; font-weight: 600; }
.buybox .product-parameter > select { width: 100%; min-width: 0; color: #fff; background: var(--parameter-bg); border: 1px solid var(--parameter-border); border-radius: 9px; }
.buybox .product-parameter[data-dropdown-ready="1"] > select { display: none; }
.buybox .product-parameter:not([data-dropdown-ready="1"]) > .dropdown-trigger,
.buybox .product-parameter:not([data-dropdown-ready="1"]) > .dropdown-menu { display: none; }
.buybox .product-parameter.is-open { z-index: 30; }
.buybox .product-parameter > .dropdown-trigger { display: flex; gap: 0; height: 40px; min-height: 40px; width: 100%; margin: 0; padding: 0 11px; border: 1px solid var(--parameter-border); border-radius: 9px; background: var(--parameter-bg); color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; }
.buybox .product-parameter.is-open > .dropdown-trigger { border-radius: 9px 9px 0 0; }
.buybox .product-parameter > .dropdown-trigger:hover { background: #25466b; }
.buybox .product-parameter > .dropdown-trigger:focus-visible { outline: 2px solid var(--parameter-border); outline-offset: 2px; }
.buybox .product-parameter [data-dropdown-label] { flex: 1; min-width: 0; padding-inline: 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.buybox .product-parameter .dropdown-trigger > .ico { width: 16px; height: 16px; margin-left: 8px; color: #c9d9ee; transition: transform 180ms ease; }
.buybox .product-parameter > .dropdown-menu { display: block; top: calc(100% - 1px); bottom: auto; left: 0; right: 0; margin: 0; padding: 0; gap: 0; max-height: var(--parameter-menu-height, min(320px, 50dvh)); overflow-x: hidden; overflow-y: auto; border: 1px solid var(--parameter-border); border-radius: 0 0 9px 9px; background: var(--parameter-bg); box-shadow: 0 12px 24px #040d1d66; transform: none; transition: opacity 180ms ease, visibility 0s linear 180ms; scrollbar-width: thin; scrollbar-color: #60a5fa var(--parameter-bg); }
.buybox .product-parameter.is-open > .dropdown-menu { transform: none; transition-delay: 0s; }
.buybox .product-parameter .dropdown-option { display: flex; align-items: center; gap: 0; height: 40px; min-height: 40px; margin: 0; padding: 0 11px; border: 0; border-bottom: 1px solid #3b82f647; border-radius: 0; background: var(--parameter-bg); color: #d2dff1; font-size: 14px; font-weight: 400; line-height: 20px; cursor: pointer; touch-action: manipulation; }
.buybox .product-parameter .dropdown-option:last-child { border-bottom: 0; }
.buybox .product-parameter .dropdown-option > [data-dropdown-option-label] { flex: 1; min-width: 0; padding-inline: 9px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.buybox .product-parameter .dropdown-check { flex: 0 0 16px; order: -1; width: 16px; color: #fff; text-align: center; }
.buybox .product-parameter .parameter-surcharge { flex: none; margin: 0; color: #c9d9ee; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.buybox .product-parameter .dropdown-option:hover,
.buybox .product-parameter .dropdown-option.is-active { background: #1e4fae; color: #fff; }
.buybox .product-parameter .dropdown-option[aria-selected="true"] { background: var(--parameter-selected); color: #fff; }
.buybox .product-parameter .dropdown-option[aria-selected="true"] .parameter-surcharge { color: #fff; }
.buybox .product-parameter.opens-above.is-open > .dropdown-trigger { border-radius: 0 0 9px 9px; }
.buybox .product-parameter.opens-above > .dropdown-menu { top: auto; bottom: 39px; border-radius: 9px 9px 0 0; }
@media (prefers-reduced-motion: reduce) {
  .buybox .product-parameter > .dropdown-menu, .buybox .product-parameter .dropdown-trigger > .ico { transition: none; }
}
/* Currency shares the component; only its palette changes. */
.product-offer[data-product-category="currency"] .product-parameter { --parameter-bg: #15253a; --parameter-border: #304867; color: #f4f8ff; }
.product-offer[data-product-category="currency"] .product-parameter > .dropdown-trigger:hover,
.product-offer[data-product-category="currency"] .product-parameter .dropdown-option:hover,
.product-offer[data-product-category="currency"] .product-parameter .dropdown-option.is-active { background: #203855; }
.product-offer[data-product-category="currency"] .product-parameter .dropdown-option[aria-selected="true"] { background: #2563eb; }
.product-offer[data-product-category="currency"] .product-parameter > .dropdown-trigger:focus-visible { outline-color: #60a5fa; }
.product-offer[data-product-category="currency"] .product-parameter .parameter-surcharge { color: #9cacc4; }
@media(max-width:540px) { .product-offer[data-product-category="currency"] .product-parameter .dropdown-option { height:44px; min-height:44px; } }