.block-product-variant-picker {
  --border-thickness: var(--variant-selector-border-thickness);
  --border-color: rgba(
    var(--color-text),
    var(--variant-selector-border-opacity)
  );
  --button-padding-block: 8px;
  --button-padding-inline: 20px;

  display: flex;
  flex-direction: column;
  gap: var(--info-row-gap);
}
.block-product-variant-picker .variant-picker_value{
  
}
.block-product-variant-picker .variant-picker__group {
  display: contents;
  padding: 0;
  margin: 0;
  border: none;
}

.block-product-variant-picker .variant-picker__group-label {
  padding: 0;
}

.block-product-variant-picker .variant-picker__options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 2px;
}

.block-product-variant-picker .variant-picker__options--slider {
  flex-wrap: nowrap;
  scroll-padding-inline: 2px;
}

.block-product-variant-picker .variant-picker__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--button-padding-block) var(--button-padding-inline);
  cursor: pointer;
}

.block-product-variant-picker .variant-picker__button--large {
  --button-padding-block: 12px;
  --button-padding-inline: 20px;
}

.block-product-variant-picker .variant-picker__button--medium {
  --button-padding-block: 6px;
  --button-padding-inline: 8px;
}

.block-product-variant-picker .variant-picker__button--small {
  --button-padding-block: 0px;
  --button-padding-inline: 8px;
}

.block-product-variant-picker .variant-picker__button--image {
  --image-size: calc(
    var(--sort-body-line-height) * 1em + var(--button-padding-block) * 2
  );

  width: var(--image-size);
  height: var(--image-size);
  padding: 2px;
}

.block-product-variant-picker .variant-picker__button--swatch {
  display: flex;
  width: var(--swatch-size);
  height: var(--swatch-size);
  padding: 2px;
  border-radius: var(--variant-selector-border-radius);
}

.block-product-variant-picker .variant-picker__button--swatch-square {
  --variant-selector-border-radius: 0px;
}

.block-product-variant-picker .variant-picker__button--swatch-circle {
  --variant-selector-border-radius: 50%;
}

.block-product-variant-picker .variant-picker__button--swatch-round-corner {
  --variant-selector-border-radius: 30px;
}

.block-product-variant-picker .variant-picker__button::before,
.block-product-variant-picker .variant-picker__button::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: var(--variant-selector-border-radius);
}

.block-product-variant-picker .variant-picker__button::before {
  box-shadow: var(--variant-selector-shadow-offset-x)
    var(--variant-selector-shadow-offset-y) var(--variant-selector-shadow-blur)
    rgba(var(--color-text), var(--variant-selector-shadow-opacity));
}

.block-product-variant-picker .variant-picker__button::after {
  box-shadow: 0 0 0 var(--border-thickness) var(--border-color);
  transition: box-shadow 0.2s;
}

.block-product-variant-picker .variant-picker__button:hover {
  --border-thickness: calc(var(--variant-selector-border-thickness, 0px) + 1px);
}

.block-product-variant-picker .variant-picker__swatch-inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--variant-selector-border-radius);
}

.block-product-variant-picker .variant-picker__swatch-inner::before,
.block-product-variant-picker .variant-picker__swatch-inner::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}

.block-product-variant-picker .variant-picker__swatch-inner::before {
  background-image: var(--swatch-background-default-image);
  background-repeat: repeat;
  background-position: center;
  background-size: 16px;
}

.block-product-variant-picker .variant-picker__swatch-inner::after {
  background-color: var(--swatch-background-color, transparent);
}

.block-product-variant-picker .variant-picker__swatch-rest-count {
  display: flex;
  align-items: center;
}

.block-product-variant-picker .variant-picker__swatch-carousel-button {
  position: absolute;
  inset-block-start: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 24px;
  height: 100%;
  padding: 0;
  background: linear-gradient(to right, transparent, #fff 40%);
  border: 0;
}

.block-product-variant-picker
  .variant-picker__swatch-carousel-button--previous {
  inset-inline-start: 0;
  transform: rotate(180deg);
}

.block-product-variant-picker .variant-picker__swatch-carousel-button--next {
  inset-inline-end: 0;
}

.block-product-variant-picker
  .variant-picker__swatch-carousel-button[disabled] {
  display: none;
}

.block-product-variant-picker .variant-picker__select {
  min-width: 120px;
}

.block-product-variant-picker .variant-picker__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--variant-selector-border-radius);
}

.block-product-variant-picker .variant-picker__select-option {
  display: flex;
  gap: 8px;
  align-items: center;
}

.block-product-variant-picker
  .variant-picker__select-option
  .variant-picker__image {
  --image-size: calc(var(--sort-body-line-height) * 1em + var(--padding-block));

  width: var(--image-size);
  height: var(--image-size);
}

.block-product-variant-picker
  .variant-picker__select-option
  .variant-picker__label {
  flex: 1 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.block-product-variant-picker .variant-picker__option {
  position: relative;
  display: inline-flex;
}

.block-product-variant-picker .variant-picker__option input[type="radio"] {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.block-product-variant-picker
  .variant-picker__option
  input[type="radio"]:checked
  + * {
  --border-thickness: calc(var(--variant-selector-border-thickness, 0px) + 1px);
  --border-color: rgb(var(--color-text));
}

.block-product-variant-picker .variant-picker__option.disabled::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: calc(
    var(--sort-body-line-height) * 1em + var(--button-padding-block) * 2
  );
  height: 1px;
  content: "";
  background-color: rgba(var(--color-text), 0.2);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.block-product-variant-picker
  .variant-picker__option.disabled
  .variant-picker__button {
  color: rgba(var(--color-text), 0.2);
}

.block-product-variant-picker
  .variant-picker__option.disabled
  .variant-picker__image,
.block-product-variant-picker
  .variant-picker__option.disabled
  .variant-picker__swatch-inner {
  opacity: 0.4;
}

.block-product-variant-picker .variant-picker__option--swatch.disabled::after {
  width: var(--swatch-size);
}

.block-product-variant-picker[data-variant-size="0"] {
  display: none;
}
/* XOD draft product presentation, 2026-10-19. Native SKU/cart behavior is retained. */
:root:has(theme-product-detail[data-section-type="main-product"]) .header-section { background:#fff; color:#202020; }
:root:has(theme-product-detail[data-section-type="main-product"]) .header__container-top-wrap { padding-block:14px; min-height:72px; box-sizing:border-box; }
:root:has(theme-product-detail[data-section-type="main-product"]) .header__logo-image { width:112px; height:40px; object-fit:cover; }
:root:has(theme-product-detail[data-section-type="main-product"]) .header__logo { margin:0; }
:root:has(theme-product-detail[data-section-type="main-product"]) .mega-menu-root { --mega-menu-nav-font-size:15px!important; --mega-menu-nav-color:#202020!important; --mega-menu-nav-font-weight:600!important; --mega-menu-nav-active-color:#986000!important; }
theme-product-detail[data-section-type="main-product"] { --color-button-secondary-background:245,175,34; --color-button-secondary-border:245,175,34; --color-button-secondary-text:23,23,23; }
theme-product-detail[data-section-type="main-product"] .product-detail__title { text-transform:none; font-size:clamp(26px,2.1vw,34px); line-height:1.17; letter-spacing:-.025em; }
theme-product-detail[data-section-type="main-product"] .product-breadcrumb { font-size:12px; line-height:1.5; opacity:.72; }
theme-product-detail[data-section-type="main-product"] .product-detail__info { min-width:0; }
theme-product-detail[data-section-type="main-product"] .form__buttons { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
theme-product-detail[data-section-type="main-product"] .form__buttons > * { min-width:0; width:100%; }
theme-product-detail[data-section-type="main-product"] .form__buttons button { min-height:48px; border-radius:6px; font-weight:600; text-transform:none; }
theme-product-detail[data-section-type="main-product"] .form__buttons button[name="add"] { background:#f5af22; border:1px solid #f5af22; color:#171717; }
theme-product-detail[data-section-type="main-product"] .form__buttons button[name="add"]:disabled { opacity:.45; }
.xod-scooter-picker { display:grid; gap:14px; padding-top:8px; border-top:1px solid #e6e6e6; font-size:14px; color:#252525; }
.xod-config-heading { font-weight:650; font-size:17px; line-height:1.35; }
.xod-option-row { display:grid; gap:7px; min-width:0; }
.xod-option-row label { font-weight:600; font-size:14px; line-height:1.4; }
.xod-option-row label span { color:#8b651e; margin-right:8px; font-size:12px; letter-spacing:.06em; }
.xod-native-select { appearance:auto; width:100%; max-width:100%; min-width:0; padding:11px 14px; min-height:46px; border:1px solid #c7c7c7; border-radius:5px; background:#fff; color:#202020; font:inherit; font-size:16px; line-height:1.4; text-transform:none; }
.xod-native-select:focus-visible { outline:2px solid #a66700; outline-offset:3px; }
.xod-selection { padding:12px 14px; background:#f5f5f3; border-left:3px solid #f5af22; line-height:1.5; }
.xod-selection strong { display:block; font-size:14px; }
.xod-selection p { margin:4px 0 0; color:#555; font-size:13px; }
.xod-fitment-note { font-size:13px; line-height:1.5; color:#555; }
.xod-fitment-note p { margin:0 0 6px; }
.xod-fitment-note a,.xod-detail-disclosure a,.xod-purchase-policies a { color:#6b4b0b; text-decoration:underline; text-underline-offset:3px; }
.xod-detail-disclosure { border-top:1px solid #e6e6e6; font-size:14px; line-height:1.6; }
.xod-detail-disclosure summary { cursor:pointer; padding:14px 0; font-size:15px; font-weight:600; }
.xod-detail-disclosure p { margin:0 0 12px; color:#555; }
.xod-detail-disclosure > a { display:inline-block; margin-bottom:14px; }
.xod-purchase-policies { display:flex; gap:20px; padding:8px 0; font-size:13px; }
:root:has(.xod-scooter-picker) [id^="ku-"] { scroll-margin-top:120px; }
:root:has(.xod-scooter-picker) .ku-section { margin-bottom:32px; }
:root:has(.xod-scooter-picker) .ku-section h2 { text-transform:none; letter-spacing:-.02em; }
@media(min-width:960px) {
 theme-product-detail[data-section-type="main-product"] .product-detail__main { column-gap:48px; }
}
@media(max-width:959px) {
 :root:has(theme-product-detail[data-section-type="main-product"]) .header__container-top-wrap { min-height:64px; padding-block:10px; }
 :root:has(theme-product-detail[data-section-type="main-product"]) .header__logo-image { width:88px; height:32px; }
 :root:has(theme-product-detail[data-section-type="main-product"]) .mega-menu-root { --mega-menu-nav-font-size:17px!important; }
 theme-product-detail[data-section-type="main-product"] .product-detail__title { font-size:26px; }
 theme-product-detail[data-section-type="main-product"] .form__buttons { grid-template-columns:1fr; }
 .xod-scooter-picker { gap:13px; }
 .xod-fitment-note { font-size:13px; }
}
/* Keep Add to cart full width; express payment methods stay in their native container. */
theme-product-detail[data-section-type="main-product"] .form__buttons { display:flex; flex-direction:column; gap:10px; }
theme-product-detail[data-section-type="main-product"] .form__buttons > button[name="add"] { height:48px; flex:none; }
theme-product-detail[data-section-type="main-product"] .shopline-payment-button-wrapper { display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; }
theme-product-detail[data-section-type="main-product"] .shopline-payment-button-wrapper > .pay-button-common-item { flex:1 1 calc(50% - 10px); width:auto!important; min-width:0; margin:0!important; }
theme-product-detail[data-section-type="main-product"] .product-price__item { color:#202020; }
.xod-detail-disclosure summary::after { content:'+'; float:right; font-weight:400; font-size:20px; }
.xod-detail-disclosure[open] summary::after { content:'−'; }
.xod-detail-disclosure { width:100%; }
.xod-detail-disclosure summary { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.xod-detail-disclosure summary::after { float:none; }
@media(max-width:959px) {
 :root:has(.xod-scooter-picker) #member-system-plugin { display:none!important; }
}
@media(min-width:1280px) {
 .xod-scooter-picker { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:16px; }
 .xod-config-heading,.xod-selection,.xod-fitment-note { grid-column:1 / -1; }
}
theme-product-detail[data-section-type="main-product"] .form__buttons button[name="add"] { --button-border-radius:6px; }
theme-product-detail[data-section-type="main-product"] .form__buttons button[name="add"]::before,
theme-product-detail[data-section-type="main-product"] .form__buttons button[name="add"]::after { border-radius:6px; box-shadow:none; }

/* Keep the accessory checklist reachable below the native purchase controls. */
#xod-package-details { scroll-margin-top: 130px; }
.xod-package-checklist { margin: 8px 0; padding-left: 20px; }
.xod-package-checklist li { margin: 6px 0; }

/* Compare only native, existing two-wheel variants; never adds accessory products. */
.xod-scooter-picker [hidden] { display:none!important; }
.xod-bundle-compare { grid-column:1 / -1; }
.xod-bundle-heading { font-size:13px; font-weight:600; margin-bottom:8px; }
.xod-bundle-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.xod-bundle-options button { text-align:left; display:flex; flex-direction:column; gap:5px; padding:10px; border:1px solid #d5d5d0; border-radius:5px; background:#fff; color:#252525; font:inherit; text-transform:none; cursor:pointer; min-width:0; }
.xod-bundle-options button strong { font-size:13px; line-height:1.35; }
.xod-bundle-options button small { font-size:12px; line-height:1.4; color:#666; }
.xod-bundle-options button [data-xod-bundle-price] { font-size:14px; font-weight:600; }
.xod-bundle-options button[aria-pressed="true"] { border-color:#9b690d; background:#fff9ed; box-shadow:inset 0 0 0 1px #9b690d; }
.xod-bundle-options button:focus-visible { outline:2px solid #9b690d; outline-offset:3px; }
.xod-bundle-options button:disabled { opacity:.5; cursor:not-allowed; }
.xod-included-list { margin:8px 0 0; padding-left:18px; list-style:disc; font-size:13px; color:#414141; }
.xod-included-list li { margin:4px 0; }
.xod-selection .xod-duplicate-note { margin-top:8px; color:#64501e; }

/* Mobile purchase area: native selectors and cart form; collapsible supporting detail. */
.xod-mobile-help { display:none; }
.xod-bundle-heading { cursor:pointer; min-height:30px; display:flex; align-items:center; justify-content:space-between; list-style:none; }
.xod-bundle-heading::-webkit-details-marker,.xod-fitment-note summary::-webkit-details-marker { display:none; }
.xod-bundle-heading::after { content:'+'; font-size:20px; font-weight:400; }
.xod-bundle-compare[open] .xod-bundle-heading::after { content:'−'; }
.xod-fitment-note summary { display:none; }
.xod-selection-price { display:block; margin-top:5px; font-weight:650; color:#252525; font-size:15px; }
@media(max-width:959px) {
 :root:has(.xod-scooter-picker) .advc-footer-tab,
 :root:has(.xod-scooter-picker) #advc-backTop,
 :root:has(.xod-scooter-picker) #seel-ai-support,
 :root:has(.xod-scooter-picker) #member-system-plugin { display:none!important; }
 :root:has(.xod-scooter-picker) { scroll-padding-top:100px; }
 theme-product-detail:has(.xod-scooter-picker) .product-detail__info { --info-row-gap:12px; }
 theme-product-detail:has(.xod-scooter-picker) .product-detail__title { font-size:23px; line-height:1.2; }
 .xod-scooter-picker { gap:10px; padding-top:10px; scroll-margin-top:100px; }
 .xod-config-heading { font-size:16px; }
 .xod-option-row { gap:5px; }
 .xod-native-select { padding:9px 11px; min-height:44px; }
 .xod-bundle-compare { order:4; border-bottom:1px solid #e6e6e6; }
 .xod-selection { order:3; padding:10px 12px; line-height:1.45; }
 .xod-selection strong { font-size:13px; }
 .xod-selection p,.xod-included-list { font-size:13px; }
 .xod-included-list { margin-top:5px; }
 .xod-included-list li { margin:2px 0; }
 .xod-selection .xod-duplicate-note { margin-top:5px; }
 .xod-bundle-heading { font-size:13px; margin:0; min-height:36px; }
 .xod-bundle-options { padding:4px 0 10px; }
 .xod-fitment-note { order:5; border-bottom:1px solid #e6e6e6; }
 .xod-fitment-note summary { display:flex; align-items:center; justify-content:space-between; list-style:none; min-height:36px; color:#333; font-weight:600; }
 .xod-fitment-note summary::after { content:'+'; font-size:20px; font-weight:400; }
 .xod-fitment-note[open] summary::after { content:'−'; }
 .xod-fitment-note[open] { padding-bottom:10px; }
 .xod-mobile-help { display:inline-block; order:6; color:#6b4b0b; font-size:13px; text-decoration:underline; text-underline-offset:3px; }
 theme-product-detail:has(.xod-scooter-picker) .product-detail__quantity-selector { margin-block:0; }
 theme-product-detail:has(.xod-scooter-picker) .form__buttons button[name="add"] { min-height:50px; font-size:16px; }
}

/* Shared specification controls: full selected values remain readable outside the native dropdown. */
.xod-accessory-picker { display:grid; gap:14px; min-width:0; max-width:100%; padding-top:8px; border-top:1px solid #e6e6e6; color:#252525; }
.xod-accessory-option { display:grid; gap:7px; min-width:0; }
.xod-accessory-option label { font-weight:600; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.xod-accessory-picker .xod-native-select { min-height:48px; font-size:16px; border-radius:6px; }
.xod-accessory-selection { font-size:14px; line-height:1.55; overflow-wrap:anywhere; white-space:normal; color:#333; }
.xod-accessory-selection > span { color:#666; margin-right:4px; }
.xod-accessory-selection strong { font-weight:500; }
.xod-accessory-help,.xod-accessory-status { margin:0; font-size:13px; line-height:1.55; overflow-wrap:anywhere; color:#555; }
.xod-accessory-help a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.xod-accessory-picker [hidden] { display:none!important; }
@media(max-width:959px) {
 .xod-accessory-picker { gap:10px; padding-top:10px; }
}

/* Plain purchase summary: no decorative color stripe. */
.xod-scooter-picker .xod-selection { border-left:0; background:transparent; padding:10px 0; }