.hb-ucs-account-shell {
  --hb-ucs-shell-bg: transparent;
  --hb-ucs-card-bg: var(--sections-background-color, transparent);
  --hb-ucs-card-bg-soft: var(--sections-background-color, transparent);
  --hb-ucs-card-border: var(--sections-border-color, transparent);
  --hb-ucs-text: var(--general-text-color, inherit);
  --hb-ucs-text-muted: var(--general-text-color, inherit);
  --hb-ucs-heading: var(--typography-section-titles-color, var(--general-text-color, inherit));
  --hb-ucs-accent: var(--links-normal-color, currentColor);
  --hb-ucs-accent-strong: var(--links-hover-color, currentColor);
  --hb-ucs-accent-contrast: var(--forms-buttons-normal-text-color, inherit);
  --hb-ucs-success-bg: var(--sections-background-color, transparent);
  --hb-ucs-success-text: var(--forms-buttons-normal-text-color, var(--general-text-color, inherit));
  --hb-ucs-warning-bg: var(--sections-background-color, transparent);
  --hb-ucs-warning-text: var(--forms-buttons-normal-text-color, var(--general-text-color, inherit));
  --hb-ucs-danger-bg: var(--sections-background-color, transparent);
  --hb-ucs-danger-text: var(--forms-buttons-normal-text-color, var(--general-text-color, inherit));
  --hb-ucs-neutral-bg: var(--sections-background-color, transparent);
  --hb-ucs-neutral-text: var(--forms-buttons-normal-text-color, var(--general-text-color, inherit));
  --hb-ucs-shadow: none;
  --hb-ucs-radius-xl: 32px;
  --hb-ucs-radius-lg: var(--sections-border-radius, 24px);
  --hb-ucs-radius-md: var(--sections-border-radius, 18px);
  --hb-ucs-radius-sm: 12px;
  --hb-ucs-section-padding: var(--sections-padding, 24px);
  --hb-ucs-button-radius: var(--forms-buttons-border-radius, 999px);
  --hb-ucs-button-padding: var(--forms-buttons-padding, 12px 22px);
  --hb-ucs-button-text: var(--forms-buttons-normal-text-color, inherit);
  --hb-ucs-button-hover-text: var(--forms-buttons-hover-text-color, var(--forms-buttons-normal-text-color, inherit));
  --hb-ucs-badge-active-color: var(--links-normal-color, var(--hb-ucs-button-text));
  --hb-ucs-badge-paused-color: #94660c;
  --hb-ucs-badge-paused-bg: #f8dda7;
  --hb-ucs-badge-cancelled-color: #777777;
  --hb-ucs-badge-cancelled-bg: #e5e5e5;
  --hb-ucs-badge-neutral-color: var(--general-text-color, var(--hb-ucs-text));
  --hb-ucs-info-color: #1e85be;
  --hb-ucs-success-color: #8fae1b;
  --hb-ucs-error-color: #b81c23;
  --hb-ucs-gap-lg: 32px;
  --hb-ucs-gap-md: 24px;
  --hb-ucs-gap-sm: 16px;
  --hb-ucs-gap-xs: 12px;
  --hb-ucs-modal-surface: var(--hb-ucs-card-bg, #ffffff);
  --hb-ucs-modal-surface-soft: color-mix(in srgb, var(--hb-ucs-card-bg, #ffffff) 92%, var(--hb-ucs-accent, currentColor) 8%);
  --hb-ucs-modal-outline: var(--hb-ucs-card-border, rgba(0, 0, 0, 0.08));
  --hb-ucs-modal-shadow: 0 24px 70px rgba(32, 23, 14, 0.18);
  background: var(--hb-ucs-shell-bg);
  color: var(--hb-ucs-text);
}

.single-product form.cart .hb-ucs-subscriptions--product {
  --hb-ucs-product-bg: var(--sections-background-color, #ffffff);
  --hb-ucs-product-border: color-mix(in srgb, var(--sections-border-color, rgba(17, 24, 39, 0.12)) 78%, var(--links-normal-color, #295f46) 22%);
  --hb-ucs-product-text: var(--general-text-color, inherit);
  --hb-ucs-product-muted: color-mix(in srgb, var(--general-text-color, #1f2937) 74%, #ffffff 26%);
  --hb-ucs-product-heading: var(--typography-section-titles-color, var(--hb-ucs-product-text));
  --hb-ucs-product-accent: var(--links-normal-color, #295f46);
  --hb-ucs-product-accent-strong: var(--links-hover-color, var(--hb-ucs-product-accent));
  --hb-ucs-product-accent-soft: color-mix(in srgb, var(--hb-ucs-product-accent) 11%, var(--hb-ucs-product-bg));
  --hb-ucs-product-accent-outline: color-mix(in srgb, var(--hb-ucs-product-accent) 34%, transparent);
  --hb-ucs-product-pill-gap: 8px;
  --hb-ucs-product-pill-padding: 10px 18px;
  --hb-ucs-product-pill-radius: 999px;
  --hb-ucs-product-pill-bg: var(--hb-ucs-product-bg);
  --hb-ucs-product-pill-border: color-mix(in srgb, var(--hb-ucs-product-border) 88%, #ffffff 12%);
  --hb-ucs-product-pill-color: var(--hb-ucs-product-text);
  --hb-ucs-product-pill-selected-bg: var(--forms-buttons-normal-background-color, var(--hb-ucs-product-accent));
  --hb-ucs-product-pill-selected-border: var(--forms-buttons-normal-border-color, var(--forms-buttons-border-color, var(--hb-ucs-product-accent)));
  --hb-ucs-product-pill-selected-color: var(--forms-buttons-normal-text-color, var(--hb-ucs-accent-contrast));
  display: block !important;
  float: none !important;
  clear: both;
  order: -10;
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 100%;
  align-self: stretch;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--hb-ucs-product-text);
  box-shadow: none;
  box-sizing: border-box;
  container-type: inline-size;
}

.single-product form.cart .hb-ucs-subscriptions--product ~ .quantity,
.single-product form.cart .hb-ucs-subscriptions--product ~ .single_add_to_cart_button,
.single-product form.cart .hb-ucs-subscriptions--product ~ button.single_add_to_cart_button,
.single-product form.cart .hb-ucs-subscriptions--product ~ .single_variation_wrap,
.single-product form.cart .hb-ucs-subscriptions--product ~ .woocommerce-variation-add-to-cart,
.single-product form.cart .hb-ucs-subscriptions--product ~ .variations_button {
  clear: both;
}

.hb-ucs-subscriptions__title {
  display: none;
}

.hb-ucs-subscriptions__description {
  margin: 8px 0 0;
  font-size: clamp(12px, 2vw, 14px);
  line-height: 1.45;
  color: var(--hb-ucs-product-muted);
}

.hb-ucs-subscriptions__native-list {
  display: none;
}

.single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table,
.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table {
  width: 100%;
  margin: 0 0 16px;
}

.hb-ucs-subscriptions__field {
  display: grid;
  grid-template-columns: minmax(120px, max-content) minmax(0, 1fr);
  column-gap: 16px;
  row-gap: 8px;
  align-items: start;
}

.hb-ucs-subscriptions__field .label,
.hb-ucs-subscriptions__field .value {
  min-width: 0;
}

.hb-ucs-subscriptions__field .value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table td,
.single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table th,
.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table td,
.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table th {
  padding-bottom: 12px;
}

.single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table tr:last-child td,
.single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table tr:last-child th,
.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table tr:last-child td,
.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table tr:last-child th {
  padding-bottom: 0;
}

.single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table .label label,
.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table .label label {
  font-weight: 600;
}

.single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table .value,
.single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table .value {
  position: relative;
}

.hb-ucs-subscriptions__purchase-row .label {
  padding-top: 6px;
}

.hb-ucs-subscriptions__mode-select,
.hb-ucs-subscriptions__frequency-select {
  width: 100%;
}

.hb-ucs-subscriptions--swatches .hb-ucs-subscriptions__mode-select--hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  pointer-events: none;
}

.hb-ucs-subscriptions__mode-swatches {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hb-ucs-subscriptions__mode-swatch {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: var(--wvs-single-product-item-height, 30px);
  min-width: 0;
  margin: 0;
  padding: 2px 12px;
  background-color: var(--wvs-item-background-color, #fff);
  box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #a8a8a8);
  box-sizing: border-box;
  color: var(--wvs-item-text-color, #000);
  cursor: pointer;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: all 0.2s ease;
  user-select: none;
}

.hb-ucs-subscriptions__mode-swatch[aria-disabled='false'] {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.hb-ucs-subscriptions__mode-swatch:hover,
.hb-ucs-subscriptions__mode-swatch:focus-visible {
  background-color: var(--wvs-hover-item-background-color, #fff);
  color: var(--wvs-hover-item-text-color, #000);
  box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 3px #ddd);
}

.hb-ucs-subscriptions__mode-swatch.selected,
.hb-ucs-subscriptions__mode-swatch.selected:hover {
  background-color: var(--wvs-selected-item-background-color, #fff);
  color: var(--wvs-selected-item-text-color, #000);
  box-shadow: var(--wvs-selected-item-box-shadow, 0 0 0 2px #000);
}

.hb-ucs-subscriptions__mode-swatches.wvs-style-rounded .hb-ucs-subscriptions__mode-swatch,
.hb-ucs-subscriptions__mode-swatches.wvs-style-rounded .hb-ucs-subscriptions__mode-swatch-label {
  border-radius: 999px;
}

.hb-ucs-subscriptions__mode-swatches.wvs-style-squared .hb-ucs-subscriptions__mode-swatch {
  border-radius: 2px;
}

.hb-ucs-subscriptions__mode-swatch-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.hb-ucs-subscriptions__mode-swatch-label {
  pointer-events: none;
}

.hb-ucs-subscriptions__mode-swatch:focus-visible {
  outline: 2px solid var(--hb-ucs-product-accent-outline);
  outline-offset: 2px;
}

.hb-ucs-subscriptions__frequency-wrap {
  flex: 0 1 220px;
  min-width: 180px;
  max-width: min(100%, 260px);
}

.hb-ucs-subscriptions__frequency-wrap[hidden] {
  display: none !important;
}

.hb-ucs-subscriptions__frequency-select {
  appearance: none;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--hb-ucs-product-border);
  border-radius: 12px;
  background: var(--hb-ucs-product-bg);
  color: var(--hb-ucs-product-text);
  font-size: clamp(13px, 2vw, 14px);
  line-height: 1.35;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--hb-ucs-product-accent) 8%, transparent);
}

.hb-ucs-subscriptions__frequency-select:focus-visible {
  outline: 2px solid var(--hb-ucs-product-accent-outline);
  outline-offset: 2px;
  border-color: var(--hb-ucs-product-accent);
}

.hb-ucs-subscriptions__selected-price {
  margin: 8px 0 0;
  min-width: 0;
  font-size: clamp(12px, 1.9vw, 14px);
  line-height: 1.45;
  color: var(--hb-ucs-product-text);
}

.hb-ucs-subscriptions__selected-price[hidden] {
  display: none !important;
}

@media (max-width: 640px) {
  .single-product form.cart .hb-ucs-subscriptions--product,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__table {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 10px;
    table-layout: fixed;
  }

  .single-product form.cart .hb-ucs-subscriptions--product ~ .quantity,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product ~ .quantity {
    clear: none;
    order: -9;
    flex: 0 0 auto;
    width: auto !important;
    min-width: 88px;
    max-width: 34%;
    margin: 0;
  }

  .hb-ucs-subscriptions__field {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .hb-ucs-subscriptions__field .label,
  .hb-ucs-subscriptions__field .value {
    width: 100%;
    max-width: 100%;
  }

  .hb-ucs-subscriptions__purchase-row .label {
    padding-top: 0;
  }

  .single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__mode-swatches,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__mode-swatches {
    width: 100%;
    justify-content: space-between;
    gap: 8px;
  }

  .single-product form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__mode-swatch,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product .hb-ucs-subscriptions__mode-swatch {
    flex: 1 1 calc(50% - 4px);
    width: calc(50% - 4px);
    min-width: 0;
    margin: 0;
  }

  .hb-ucs-subscriptions__frequency-wrap {
    flex: 1 1 100%;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  .single-product form.cart .hb-ucs-subscriptions--product ~ .single_add_to_cart_button,
  .single-product form.cart .hb-ucs-subscriptions--product ~ button.single_add_to_cart_button,
  .single-product form.cart .hb-ucs-subscriptions--product ~ .variations_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product ~ .single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product ~ button.single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .hb-ucs-subscriptions--product ~ .variations_button {
    clear: none;
    order: -8;
    flex: 0 0 auto;
    margin: 0;
  }

  .single-product form.cart .woocommerce-variation-add-to-cart,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
  }

  .single-product form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .single-product form.cart .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    margin: 0;
  }

  .single-product form.cart .single_add_to_cart_button,
  .single-product form.cart button.single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart button.single_add_to_cart_button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 120px;
    max-width: 100%;
    height: 48px;
    padding: 0 16px !important;
    overflow: visible;
    white-space: nowrap;
    text-indent: 0;
    color: var(--forms-buttons-normal-text-color, var(--hb-ucs-accent-contrast)) !important;
    background: var(--forms-buttons-normal-background-color, var(--hb-ucs-product-accent)) !important;
    border: 1px solid var(--forms-buttons-normal-border-color, var(--forms-buttons-border-color, var(--hb-ucs-product-accent))) !important;
    border-radius: var(--forms-buttons-border-radius, 999px);
    box-shadow: none;
    line-height: 1;
  }

  .single-product form.cart .single_add_to_cart_button::before,
  .single-product form.cart button.single_add_to_cart_button::before,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .single_add_to_cart_button::before,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart button.single_add_to_cart_button::before {
    content: none;
    display: none;
  }

  .single-product form.cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button,
  .single-product form.cart .woocommerce-variation-add-to-cart-disabled button.single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .woocommerce-variation-add-to-cart-disabled button.single_add_to_cart_button {
    opacity: 0.65 !important;
  }

  .single-product form.cart .single_add_to_cart_button:hover,
  .single-product form.cart button.single_add_to_cart_button:hover,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart .single_add_to_cart_button:hover,
  .single-product .elementor-widget-woocommerce-product-add-to-cart form.cart button.single_add_to_cart_button:hover {
    background: var(--forms-buttons-hover-background-color, var(--hb-ucs-product-accent-strong)) !important;
    border-color: var(--forms-buttons-hover-border-color, var(--forms-buttons-border-color, var(--hb-ucs-product-accent-strong))) !important;
  }
}

@container (max-width: 520px) {
  .hb-ucs-subscriptions__field {
    grid-template-columns: 1fr;
  }

  .hb-ucs-subscriptions__mode-swatches {
    width: 100%;
    justify-content: space-between;
    gap: 8px;
  }

  .hb-ucs-subscriptions__mode-swatch {
    flex: 1 1 calc(50% - 4px);
    width: calc(50% - 4px);
    min-width: 0;
    margin: 0;
  }
}

@container (max-width: 360px) {
  .hb-ucs-subscriptions__title {
    margin-bottom: 10px;
  }

  .hb-ucs-subscriptions__compact {
    gap: 8px;
  }

  .hb-ucs-subscriptions__mode-card {
    padding: 9px 10px;
    border-radius: 12px;
  }

  .hb-ucs-subscriptions__mode-note {
    display: none;
  }


  .single-product form.cart .single_add_to_cart_button,
  .single-product form.cart button.single_add_to_cart_button {
    width: 44px !important;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
  }

  .hb-ucs-subscriptions__frequency {
    padding: 8px 10px;
    border-radius: 12px;
  }

  .hb-ucs-subscriptions__frequency-select {
    min-height: 42px;
    padding: 9px 11px;
  }
}

.hb-ucs-account-shell,
.hb-ucs-account-shell * {
  box-sizing: border-box;
}

.hb-ucs-account-shell a {
  color: inherit;
}

.hb-ucs-account-hero,
.hb-ucs-panel,
.hb-ucs-subscription-card,
.hb-ucs-empty-state,
.hb-ucs-subscription-item-card {
  background: var(--hb-ucs-card-bg);
  border-color: var(--hb-ucs-card-border);
  border-style: var(--sections-border-type, solid);
  border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
  border-radius: var(--hb-ucs-radius-lg);
  box-shadow: var(--hb-ucs-shadow);
}

.hb-ucs-account-shell--list,
.hb-ucs-account-shell--detail {
  display: grid;
  gap: var(--hb-ucs-gap-lg);
}

.hb-ucs-section-nav,
.hb-ucs-action-row__main,
.hb-ucs-action-row__summary,
.hb-ucs-action-row__buttons,
.hb-ucs-subscription-item-card__controls,
.hb-ucs-address-grid,
.hb-ucs-compact-sections {
  display: flex;
  gap: 12px;
}

.hb-ucs-compact-sections {
  display: grid;
  gap: var(--hb-ucs-gap-md);
}

.hb-ucs-account-hero {
  padding: var(--hb-ucs-section-padding);
  background: var(--hb-ucs-card-bg);
}

.hb-ucs-account-hero__heading {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.hb-ucs-account-eyebrow {
  display: inline-flex;
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hb-ucs-text-muted);
}

.hb-ucs-account-title,
.hb-ucs-subscription-card h3,
.hb-ucs-panel__header h3,
.hb-ucs-subscription-item-card h4,
.hb-ucs-action-card__header h4,
.hb-ucs-address-block h4 {
  margin: 0;
  color: inherit;
}

.hb-ucs-account-title {
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.1;
}

.hb-ucs-account-intro,
.hb-ucs-panel__header p,
.hb-ucs-action-card__header p,
.hb-ucs-subscription-item-card__heading p,
.hb-ucs-subscription-item-card__help,
.hb-ucs-empty-state p {
  margin: 0;
  color: inherit;
  opacity: 0.8;
}

.hb-ucs-account-backlink {
  margin: 0;
}

.hb-ucs-account-backlink a {
  text-decoration: none;
  font-weight: 600;
  color: inherit;
}

.hb-ucs-section-nav {
  flex-wrap: wrap;
  align-items: stretch;
}

.hb-ucs-section-nav__button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: var(--hb-ucs-button-padding);
  border-radius: var(--hb-ucs-button-radius);
  color: var(--hb-ucs-button-text);
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  white-space: normal;
  flex: 1 1 180px;
}

.hb-ucs-section-nav__button.is-active {
  color: var(--hb-ucs-button-hover-text);
}

.hb-ucs-account-shell .hb-ucs-section-nav__button,
.hb-ucs-account-shell .button.hb-ucs-section-nav__button {
  border-color: var(--forms-buttons-border-color, var(--hb-ucs-card-border));
  border-style: var(--forms-buttons-border-type, var(--sections-border-type, solid));
  border-width: 2px;
}

.hb-ucs-account-shell .hb-ucs-section-nav__button:hover,
.hb-ucs-account-shell .button.hb-ucs-section-nav__button:hover,
.hb-ucs-account-shell .hb-ucs-section-nav__button:focus,
.hb-ucs-account-shell .button.hb-ucs-section-nav__button:focus {
  border-color: var(--forms-buttons-hover-border-color, var(--forms-buttons-border-color, var(--hb-ucs-card-border)));
}

.hb-ucs-account-shell .hb-ucs-section-nav__button.is-active,
.hb-ucs-account-shell .button.hb-ucs-section-nav__button.is-active {
  border-color: var(--forms-buttons-hover-border-color, var(--forms-buttons-border-color, var(--hb-ucs-card-border)));
}

.hb-ucs-accordion-panel[hidden] {
  display: none;
}

.hb-ucs-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 16px;
  border-radius: var(--hb-ucs-button-radius);
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  background: color-mix(in srgb, var(--sections-background-color, transparent) 82%, currentColor 18%);
  color: var(--hb-ucs-badge-neutral-color);
  border-color: currentColor;
  border-style: var(--sections-border-type, solid);
  border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
}

.hb-ucs-status-badge--active {
  color: #0a7a2f;
  background: #edfaef;
  border-color: #edfaef;
}

.hb-ucs-status-badge--pending_mandate,
.hb-ucs-status-badge--payment_pending,
.hb-ucs-status-badge--on-hold,
.hb-ucs-status-badge--paused {
  color: #8a6100;
  background: #fff8e5;
  border-color: #fff8e5;
}

.hb-ucs-status-badge--expired,
.hb-ucs-status-badge--cancelled {
  color: #50575e;
  background: #f0f0f1;
  border-color: #f0f0f1;
}

.hb-ucs-status-badge--neutral {
  color: #50575e;
  background: #f0f0f1;
  border-color: #f0f0f1;
}

.hb-ucs-hero-meta,
.hb-ucs-subscription-card__meta,
.hb-ucs-info-list,
.hb-ucs-field-grid,
.hb-ucs-subscription-card-grid,
.hb-ucs-action-grid,
.hb-ucs-subscription-items-list {
  display: grid;
  gap: var(--hb-ucs-gap-sm);
}

.hb-ucs-hero-meta,
.hb-ucs-subscription-card__meta {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 24px;
}

.hb-ucs-hero-meta__item,
.hb-ucs-subscription-card__meta-item,
.hb-ucs-info-list__row,
.hb-ucs-subscription-items-footer__meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hb-ucs-hero-meta__item span,
.hb-ucs-subscription-card__meta-item span,
.hb-ucs-info-list__row span,
.hb-ucs-subscription-items-footer__meta span,
.hb-ucs-quantity-field span,
.hb-ucs-subscription-card__label {
  color: inherit;
  opacity: 0.8;
  font-size: 13px;
}

.hb-ucs-subscription-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hb-ucs-subscription-card {
  display: grid;
  gap: 20px;
  padding: var(--hb-ucs-section-padding);
}

.hb-ucs-subscription-card__header,
.hb-ucs-subscription-card__footer,
.hb-ucs-subscription-items-footer,
.hb-ucs-subscription-item-card__top,
.hb-ucs-product-picker-summary,
.hb-ucs-related-order,
.hb-ucs-action-card__header {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}

.hb-ucs-subscription-card__header {
  align-items: flex-start;
}

.hb-ucs-subscription-card__items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.hb-ucs-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--hb-ucs-card-bg-soft);
  color: inherit;
  border: 1px solid var(--hb-ucs-card-border);
  font-size: 13px;
}

.hb-ucs-chip--muted {
  background: var(--hb-ucs-neutral-bg);
}

.hb-ucs-subscription-card__notice,
.hb-ucs-inline-notice {
  margin: 0;
  padding: 14px 16px;
  border-radius: var(--hb-ucs-radius-sm);
  background: var(--hb-ucs-warning-bg);
  color: inherit;
  border: 1px solid var(--hb-ucs-card-border);
}

.hb-ucs-account-shell .woocommerce-info.hb-ucs-inline-notice,
.hb-ucs-account-shell .woocommerce-info.hb-ucs-inline-help {
  position: relative;
  margin: 0;
  padding: 1em 1.25em 1em 3.5em;
  border: 0;
  border-top: 3px solid #1e85be;
  border-radius: 0;
  background-color: #f6f5f8;
  color: #515151;
  list-style: none;
  word-wrap: break-word;
}

.hb-ucs-account-shell .woocommerce-info.hb-ucs-inline-notice::before,
.hb-ucs-account-shell .woocommerce-info.hb-ucs-inline-help::before {
  content: '\e028';
  font-family: WooCommerce;
  display: inline-block;
  position: absolute;
  top: 1em;
  inset-inline-start: 1.5em;
  color: #1e85be;
  line-height: 1;
}

.hb-ucs-empty-state {
  padding: 36px;
  text-align: center;
}

.hb-ucs-account-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
  gap: var(--hb-ucs-gap-lg);
  align-items: start;
}

.hb-ucs-account-main,
.hb-ucs-account-sidebar {
  display: grid;
  gap: var(--hb-ucs-gap-lg);
}

.hb-ucs-panel {
  padding: var(--hb-ucs-section-padding);
}

.hb-ucs-panel__header {
  display: grid;
  gap: 6px;
  margin-bottom: 22px;
}

.hb-ucs-action-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hb-ucs-action-list {
  display: grid;
  gap: 12px;
}

.hb-ucs-action-row {
  display: grid;
  gap: 12px;
  padding: var(--hb-ucs-section-padding);
  border-color: var(--hb-ucs-card-border);
  border-style: var(--sections-border-type, solid);
  border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
  border-radius: var(--hb-ucs-radius-md);
  background: var(--hb-ucs-card-bg-soft);
}

.hb-ucs-action-row--danger {
  background: var(--hb-ucs-card-bg-soft);
}

.hb-ucs-action-row__main,
.hb-ucs-action-row__summary,
.hb-ucs-action-row__buttons {
  align-items: center;
}

.hb-ucs-action-row__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
}

.hb-ucs-action-row__summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.hb-ucs-action-row__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #f6f5f8;
  border: 1px solid #d9d5e0;
  border-top: 3px solid var(--hb-ucs-info-color);
  color: var(--hb-ucs-info-color);
  font-size: 18px;
  flex: 0 0 auto;
}

.hb-ucs-action-row--schedule .hb-ucs-action-row__icon {
  border-top-color: var(--hb-ucs-info-color);
  color: var(--hb-ucs-info-color);
}

.hb-ucs-action-row--pause .hb-ucs-action-row__icon {
  border-top-color: var(--hb-ucs-success-color);
  color: var(--hb-ucs-success-color);
}

.hb-ucs-action-row--danger .hb-ucs-action-row__icon {
  border-top-color: var(--hb-ucs-error-color);
  color: var(--hb-ucs-error-color);
}

.hb-ucs-action-row__icon:hover,
.hb-ucs-action-row__icon:focus {
  background: #f6f5f8;
}

.hb-ucs-action-row__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.hb-ucs-action-row__copy span {
  color: inherit;
  opacity: 0.8;
  font-size: 13px;
}

.hb-ucs-action-row__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.hb-ucs-action-row__body {
  display: grid;
  gap: 16px;
  padding-top: 4px;
}

.hb-ucs-action-row__footer {
  display: flex;
  justify-content: flex-end;
}

.hb-ucs-icon-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  border-radius: 999px;
  color: #1e85be;
  background-color: #f6f5f8;
  border: 1px solid #d9d5e0;
  line-height: 1;
  box-shadow: none;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.hb-ucs-icon-button:hover,
.hb-ucs-icon-button:focus {
  color: #1e85be;
  background-color: #f6f5f8;
  border-color: #d9d5e0;
}

.hb-ucs-icon-button.is-active {
  background-color: #ebe9ef;
}

.hb-ucs-toggle-button.is-active {
  color: var(--hb-ucs-button-hover-text);
}

.hb-ucs-action-row__buttons .hb-ucs-toggle-button {
  min-width: 78px;
}

.hb-ucs-inline-help {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: transparent;
  color: inherit;
  border: 1px solid var(--hb-ucs-card-border);
  font-size: 14px;
}

.hb-ucs-inline-help[hidden] {
  display: none;
}

.hb-ucs-inline-help--static {
  background: #f6f5f8;
}

.hb-ucs-account-shell .hb-ucs-inline-help[hidden] {
  display: none;
}

.hb-ucs-button--compact,
.hb-ucs-account-shell .button.hb-ucs-button--compact {
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
}

.hb-ucs-action-card {
  display: grid;
  gap: 18px;
  padding: var(--hb-ucs-section-padding);
  border-color: var(--hb-ucs-card-border);
  border-style: var(--sections-border-type, solid);
  border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
  border-radius: var(--hb-ucs-radius-md);
  background: var(--hb-ucs-card-bg-soft);
}

.hb-ucs-action-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: transparent;
  border: 1px solid var(--hb-ucs-card-border);
  font-size: 22px;
  flex: 0 0 auto;
}

.hb-ucs-action-card--danger {
  background: var(--hb-ucs-card-bg-soft);
}

.hb-ucs-action-card--danger .hb-ucs-action-card__icon {
  background: transparent;
}

.hb-ucs-field-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.hb-ucs-account-shell .form-row,
.hb-ucs-account-shell p.form-row {
  margin: 0;
}

.hb-ucs-account-shell label {
  display: grid;
  gap: 8px;
  font-weight: 600;
}

.hb-ucs-account-shell input[type='number'],
.hb-ucs-account-shell input[type='search'],
.hb-ucs-account-shell input[type='datetime-local'],
.hb-ucs-account-shell input[type='date'],
.hb-ucs-account-shell select,
.hb-ucs-product-modal input[type='search'],
.hb-ucs-product-modal select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--hb-ucs-card-border);
  border-radius: 14px;
  background: transparent;
  color: inherit;
  box-shadow: none;
}

.hb-ucs-account-shell input:focus,
.hb-ucs-account-shell select:focus,
.hb-ucs-product-modal input:focus,
.hb-ucs-product-modal select:focus,
.hb-ucs-product-modal__item:focus,
.hb-ucs-button:focus {
  outline: none;
  border-color: var(--hb-ucs-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 16%, transparent);
}

.hb-ucs-subscription-items-form {
  display: grid;
  gap: 24px;
}

.hb-ucs-subscription-items-list--compact {
  gap: 12px;
}

.hb-ucs-subscription-item-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 20px;
  padding: 20px;
}

.hb-ucs-subscription-item-card__media {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.hb-ucs-subscription-item-card__image-el {
  width: 92px;
  height: 92px;
  border-radius: 20px;
  object-fit: cover;
  background: transparent;
}

.hb-ucs-subscription-item-card__content {
  display: grid;
  gap: 16px;
}

.hb-ucs-subscription-item-card--compact {
  padding: var(--hb-ucs-section-padding);
  border-radius: var(--hb-ucs-radius-md);
}

.hb-ucs-subscription-item-card__top {
  align-items: flex-start;
}

.hb-ucs-subscription-item-card__top--compact {
  gap: 14px;
}

.hb-ucs-subscription-item-card__controls {
  align-items: flex-end;
  margin-left: auto;
}

.hb-ucs-subscription-item-card__body {
  display: grid;
  gap: 14px;
  margin-top: 4px;
}

.hb-ucs-subscription-item-card__body[hidden] {
  display: none;
}

.hb-ucs-subscription-item-card__heading {
  display: grid;
  gap: 6px;
}

.hb-ucs-subscription-item-card__heading p span {
  color: inherit;
  opacity: 0.8;
}

.hb-ucs-subscription-item-card__heading--center {
  text-align: center;
  justify-items: center;
}

.hb-ucs-subscription-item-card__help {
  text-align: center;
}

.hb-ucs-quantity-field {
  min-width: 108px;
}

.hb-ucs-quantity-field--compact {
  min-width: 86px;
}

.hb-ucs-quantity-field--compact input {
  min-height: 42px;
  padding: 10px 12px;
}

.hb-ucs-quantity-field input {
  text-align: center;
}

.hb-ucs-quantity-field--inline {
  align-self: stretch;
}

.hb-ucs-subscription-items-footer {
  padding-top: 4px;
  flex-wrap: wrap;
}

.hb-ucs-info-list {
  gap: 14px;
}

.hb-ucs-info-list__row {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--hb-ucs-card-border);
}

.hb-ucs-info-list__row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.hb-ucs-address-block {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding: var(--hb-ucs-section-padding);
  border-radius: var(--hb-ucs-radius-md);
  background: var(--hb-ucs-card-bg-soft);
  border-color: var(--hb-ucs-card-border);
  border-style: var(--sections-border-type, solid);
  border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
}

.hb-ucs-address-grid {
  align-items: stretch;
}

.hb-ucs-address-grid > * {
  flex: 1 1 0;
}

.hb-ucs-related-orders {
  display: grid;
  gap: 12px;
}

.hb-ucs-related-order {
  padding: 16px 18px;
  border: 1px solid var(--hb-ucs-card-border);
  border-radius: 16px;
  background: transparent;
  text-decoration: none;
  flex-wrap: wrap;
}

.hb-ucs-related-order__main,
.hb-ucs-related-order__meta {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.hb-ucs-related-order__main span,
.hb-ucs-related-order__meta span {
  color: inherit;
  opacity: 0.8;
}

.hb-ucs-button,
.hb-ucs-account-shell .button,
.hb-ucs-product-modal .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: var(--hb-ucs-button-padding);
  border-radius: var(--hb-ucs-button-radius);
  font-weight: 700;
  text-decoration: none;
  color: var(--hb-ucs-button-text);
  transition: color var(--forms-buttons-hover-transition-duration, 0.2s) ease, box-shadow var(--forms-buttons-hover-transition-duration, 0.2s) ease, background-color var(--forms-buttons-hover-transition-duration, 0.2s) ease, border-color var(--forms-buttons-hover-transition-duration, 0.2s) ease;
}

.hb-ucs-button:hover,
.hb-ucs-account-shell .button:hover,
.hb-ucs-product-modal .button:hover {
  color: var(--hb-ucs-button-hover-text);
}

.hb-ucs-button--primary,
.hb-ucs-account-shell .button.hb-ucs-button--primary {
  color: var(--hb-ucs-button-text);
}

.hb-ucs-button--secondary,
.hb-ucs-account-shell .button.hb-ucs-button--secondary {
  color: var(--hb-ucs-button-text);
}

.hb-ucs-button--danger,
.hb-ucs-account-shell .button.hb-ucs-button--danger {
  color: var(--hb-ucs-button-text);
}

.hb-ucs-subscription-card__footer {
  justify-content: flex-end;
}

.hb-ucs-subscription-card__footer .button {
  width: auto;
}

.hb-ucs-action-row__copy strong {
  display: block;
}

.hb-ucs-product-picker-field,
.hb-ucs-product-picker-attributes {
  display: grid;
  gap: 14px;
}

.hb-ucs-product-picker-field--hidden {
  display: none;
}

.hb-ucs-product-card__editor[hidden] {
  display: none;
}

.hb-ucs-subscription-item-card__editor-help {
  margin: 0 0 12px;
  color: inherit;
  opacity: 0.8;
  font-size: 13px;
}

.hb-ucs-product-picker-summary {
  gap: 12px;
  align-items: stretch;
  flex-wrap: wrap;
}

.hb-ucs-product-picker-label {
  flex: 1 1 260px;
  min-height: 52px;
  padding: 14px 16px;
  border: 1px solid var(--hb-ucs-card-border);
  border-radius: 16px;
  background: transparent;
  display: flex;
  align-items: center;
}

.hb-ucs-product-picker-attribute-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.hb-ucs-open-product-modal span[aria-hidden='true'] {
  font-weight: 700;
  margin-right: 4px;
}

.hb-ucs-product-modal[hidden] {
  display: none;
}

.hb-ucs-product-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.hb-ucs-product-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, 0.35);
  backdrop-filter: blur(8px);
}

.hb-ucs-product-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(1120px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  margin: 24px auto;
  background: var(--hb-ucs-modal-surface);
  border: 1px solid var(--hb-ucs-modal-outline);
  border-radius: 28px;
  box-shadow: var(--hb-ucs-modal-shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.hb-ucs-product-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 28px 18px;
  border-bottom: 1px solid var(--hb-ucs-modal-outline);
}

.hb-ucs-product-modal__header h3 {
  margin: 0;
  color: var(--hb-ucs-heading);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.05;
}

.hb-ucs-product-modal__heading {
  display: grid;
  gap: 8px;
}

.hb-ucs-product-modal__heading p {
  margin: 0;
  max-width: 760px;
  color: var(--hb-ucs-text-muted);
  opacity: 0.9;
}

.hb-ucs-product-modal__close {
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: var(--hb-ucs-heading);
}

.hb-ucs-product-modal__toolbar {
  padding: 18px 28px 12px;
}

.hb-ucs-product-modal__search-field {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 0 18px;
  border: 1px solid var(--hb-ucs-modal-outline);
  border-radius: 999px;
  background: var(--hb-ucs-modal-surface-soft);
}

.hb-ucs-product-modal__search-icon {
  font-size: 20px;
  line-height: 1;
  opacity: 0.7;
}

.hb-ucs-product-modal__search-field input[type='search'] {
  padding: 0;
  min-height: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hb-ucs-product-modal__menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 28px 18px;
}

.hb-ucs-product-modal__menu-button {
  appearance: none;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid var(--hb-ucs-modal-outline);
  background: color-mix(in srgb, var(--hb-ucs-modal-surface, #ffffff) 88%, var(--hb-ucs-accent, currentColor) 12%);
  color: var(--hb-ucs-text);
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.hb-ucs-product-modal__menu-button:hover,
.hb-ucs-product-modal__menu-button:focus,
.hb-ucs-product-modal__menu-button.is-active {
  background: var(--forms-buttons-normal-background-color, var(--hb-ucs-accent));
  color: var(--forms-buttons-normal-text-color, var(--hb-ucs-accent-contrast));
  border-color: var(--forms-buttons-normal-border-color, var(--forms-buttons-border-color, var(--hb-ucs-accent)));
  transform: translateY(-1px);
}

.hb-ucs-product-modal__results {
  padding: 0 28px 28px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.hb-ucs-product-modal__item {
  text-align: left;
  padding: 14px;
  border: 1px solid var(--hb-ucs-modal-outline);
  border-radius: 22px;
  background: var(--hb-ucs-modal-surface-soft);
  cursor: pointer;
  display: grid;
  gap: 14px;
  align-content: start;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.hb-ucs-product-modal__item:hover,
.hb-ucs-product-modal__item:focus {
  border-color: var(--hb-ucs-accent);
  background: var(--hb-ucs-modal-surface);
  box-shadow: 0 14px 32px rgba(32, 23, 14, 0.12);
  transform: translateY(-2px);
}

.hb-ucs-product-modal__item--templated {
  appearance: none;
  padding: 0;
  gap: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.hb-ucs-product-modal__item--templated:hover,
.hb-ucs-product-modal__item--templated:focus {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.hb-ucs-product-modal__item--templated:focus,
.hb-ucs-product-modal__item--templated:focus-visible {
  outline: none;
  border-color: transparent;
  box-shadow: none;
}

.hb-ucs-product-modal__item--templated:focus-visible .hb-ucs-product-modal__item-template {
  outline: 2px solid color-mix(in srgb, var(--hb-ucs-accent) 32%, transparent);
  outline-offset: 2px;
}

.hb-ucs-product-modal__item-template {
  display: block;
  width: 100%;
}

.hb-ucs-product-modal__item-template,
.hb-ucs-product-modal__item-template * {
  pointer-events: none;
}

.hb-ucs-product-modal__item-media {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
}

.hb-ucs-product-modal__item-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hb-ucs-product-modal__item-body {
  display: grid;
  gap: 12px;
}

.hb-ucs-product-modal__item-copy {
  display: grid;
  gap: 6px;
}

.hb-ucs-product-modal__item-title {
  font-size: 20px;
  line-height: 1.15;
}

.hb-ucs-product-modal__item-price {
  font-weight: 700;
  color: var(--hb-ucs-heading);
}

.hb-ucs-product-modal__item-summary,
.hb-ucs-product-modal__item-categories,
.hb-ucs-product-modal__empty,
.hb-ucs-product-modal__no-results {
  color: var(--hb-ucs-text-muted);
  opacity: 0.9;
}

.hb-ucs-product-modal__item-summary,
.hb-ucs-product-modal__item-categories {
  font-size: 14px;
  line-height: 1.45;
}

.hb-ucs-product-modal__item-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 18px;
  border-radius: var(--hb-ucs-button-radius);
  background: var(--forms-buttons-normal-background-color, var(--hb-ucs-accent));
  color: var(--forms-buttons-normal-text-color, var(--hb-ucs-accent-contrast));
  border: 1px solid var(--forms-buttons-normal-border-color, var(--forms-buttons-border-color, var(--hb-ucs-accent)));
  font-weight: 700;
}

.hb-ucs-product-modal__empty,
.hb-ucs-product-modal__no-results {
  grid-column: 1 / -1;
  margin: 0;
  padding: 20px 4px;
}

body.hb-ucs-product-modal-open {
  overflow: hidden;
}

.hb-ucs-account-hero--stacked {
  text-align: center;
}

.hb-ucs-account-hero--stacked .hb-ucs-account-hero__content {
  display: grid;
  justify-items: center;
  gap: 12px;
}

.hb-ucs-account-hero--stacked .hb-ucs-account-intro {
  opacity: 0.7;
}

.hb-ucs-account-note {
  margin: 0;
  max-width: 640px;
  opacity: 0.78;
  text-align: center;
}

.hb-ucs-account-hero--stacked .hb-ucs-hero-meta--summary {
  width: min(520px, 100%);
  margin-top: 8px;
}

.hb-ucs-account-hero--stacked .hb-ucs-hero-meta__item {
  align-items: center;
  text-align: center;
}

.hb-ucs-subscription-summary-pill {
  gap: 10px;
  flex-wrap: wrap;
  padding-inline: 18px;
  justify-content: flex-start;
  width: 100%;
}

.hb-ucs-subscription-summary-pill.hb-ucs-status-badge--active {
  background: #edfaef;
  border-color: #edfaef;
  color: #0a7a2f;
}

.hb-ucs-subscription-summary-pill.hb-ucs-status-badge--paused {
  background: #fff8e5;
  border-color: #fff8e5;
  color: #8a6100;
}

.hb-ucs-subscription-summary-pill.hb-ucs-status-badge--cancelled {
  background: #f0f0f1;
  border-color: #f0f0f1;
  color: #50575e;
}

.hb-ucs-subscription-summary-pill.hb-ucs-status-badge--expired {
  background: #f0f0f1;
  border-color: #f0f0f1;
  color: #50575e;
}

.hb-ucs-subscription-summary-pill .hb-ucs-subscription-summary-pill__status,
.hb-ucs-subscription-summary-pill .hb-ucs-subscription-summary-pill__delivery {
  color: inherit;
}

.hb-ucs-schedule-modal__dialog {
  width: min(560px, calc(100vw - 32px));
}

.hb-ucs-schedule-modal__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.hb-ucs-schedule-modal__header p {
  margin: 6px 0 0;
  opacity: 0.78;
}

.hb-ucs-schedule-modal__form {
  display: grid;
  gap: 0;
}

.hb-ucs-schedule-modal__body {
  display: grid;
  gap: 18px;
  padding: 24px;
}

.hb-ucs-schedule-modal__summary {
  margin: 0;
}

.hb-ucs-footer-field--modal {
  margin: 0;
}

.hb-ucs-schedule-modal__meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hb-ucs-schedule-modal__meta span {
  font-size: 13px;
  opacity: 0.75;
}

.hb-ucs-schedule-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 24px 24px;
  flex-wrap: wrap;
}

.hb-ucs-panel-actions--overview {
  padding: 0;
  background: transparent;
  border: 0;
}

.hb-ucs-quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hb-ucs-gap-sm);
}

.hb-ucs-quick-action-card {
  min-width: 0;
}

.hb-ucs-quick-action-card__button {
  width: 100%;
  min-height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 22px 18px;
  border-radius: var(--hb-ucs-radius-lg);
  border-color: var(--hb-ucs-card-border);
  border-style: var(--sections-border-type, solid);
  border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
  background: var(--hb-ucs-card-bg);
  color: var(--hb-ucs-text);
  text-align: left;
}

.hb-ucs-quick-action-card__button:hover,
.hb-ucs-quick-action-card__button:focus {
  border-color: var(--forms-buttons-hover-border-color, var(--forms-buttons-border-color, var(--hb-ucs-card-border)));
}

.hb-ucs-quick-action-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  font-size: 18px;
  border: 1px solid currentColor;
  background: color-mix(in srgb, var(--sections-background-color, transparent) 82%, currentColor 18%);
}

.hb-ucs-quick-action-card__icon--pause {
  color: var(--hb-ucs-success-color);
}

.hb-ucs-quick-action-card__icon--schedule {
  color: var(--hb-ucs-info-color);
}

.hb-ucs-quick-action-card__icon--cancel {
  color: var(--hb-ucs-error-color);
}

.hb-ucs-quick-action-card__copy {
  display: grid;
  gap: 4px;
}

.hb-ucs-quick-action-card__copy strong,
.hb-ucs-quick-action-card__copy small {
  color: inherit;
}

.hb-ucs-products-panel {
  display: grid;
  gap: 24px;
  padding: var(--hb-ucs-section-padding);
}

.hb-ucs-subscription-items-list--compact {
  gap: 0;
  border-top: 1px solid var(--hb-ucs-card-border);
  border-bottom: 1px solid var(--hb-ucs-card-border);
}

.hb-ucs-panel__header--products {
  text-align: center;
}

.hb-ucs-subscription-item-card--dashboard {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 20px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  background: color-mix(in srgb, var(--hb-ucs-card-bg) 92%, #fff 8%);
  border: 1px solid color-mix(in srgb, var(--hb-ucs-card-border) 82%, #fff 18%);
  border-radius: 22px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  box-sizing: border-box;
}

.hb-ucs-subscription-item-card--dashboard:first-child {
  border-top: 1px solid color-mix(in srgb, var(--hb-ucs-card-border) 82%, #fff 18%);
}

.hb-ucs-subscription-item-card__content {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.hb-ucs-subscription-item-card--dashboard.is-marked-remove {
  opacity: 0.65;
}

.hb-ucs-subscription-item-card--dashboard .hb-ucs-subscription-item-card__media {
  align-items: flex-start;
}

.hb-ucs-subscription-item-card--dashboard .hb-ucs-subscription-item-card__image-el,
.hb-ucs-subscription-item-card--dashboard .woocommerce-placeholder {
  width: 104px;
  height: 104px;
  border-radius: 24px;
  object-fit: cover;
}

.hb-ucs-product-card__inline-actions {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.hb-ucs-product-card__icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--hb-ucs-card-border);
  border-radius: 999px;
  background: var(--hb-ucs-card-bg);
  color: var(--hb-ucs-text);
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease, transform .2s ease;
}

.hb-ucs-product-card__icon-action:hover,
.hb-ucs-product-card__icon-action:focus {
  border-color: var(--hb-ucs-accent);
  color: var(--hb-ucs-accent);
  transform: translateY(-1px);
}

.hb-ucs-product-card__icon-action svg {
  width: 18px;
  height: 18px;
}

.hb-ucs-product-card__icon-action--remove:hover,
.hb-ucs-product-card__icon-action--remove:focus,
.hb-ucs-subscription-item-card--dashboard.is-marked-remove .hb-ucs-product-card__icon-action--remove {
  border-color: #d14343;
  color: #d14343;
}

.hb-ucs-product-card__price {
  font-weight: 700;
  font-size: clamp(0.98rem, 0.9rem + 0.28vw, 1.08rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.hb-ucs-product-card__price span,
.hb-ucs-product-card__variation-summary {
  font-weight: 400;
  opacity: 0.8;
  font-size: clamp(0.86rem, 0.8rem + 0.2vw, 0.95rem);
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hb-ucs-subscription-item-card__heading,
.hb-ucs-subscription-item-card__heading h4,
.hb-ucs-product-picker-label,
.hb-ucs-product-card__variation-summary {
  min-width: 0;
  max-width: 100%;
}

.hb-ucs-subscription-item-card__heading h4 {
  font-size: clamp(1rem, 0.9rem + 0.42vw, 1.18rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hb-ucs-product-picker-label {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.hb-ucs-product-card__editor {
  display: grid;
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hb-ucs-card-border);
  border-radius: 0;
  background: transparent;
}

.hb-ucs-product-card__controls {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.hb-ucs-product-card__meta-label,
.hb-ucs-footer-field span {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  opacity: 0.75;
}

.hb-ucs-product-card__links {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-height: 40px;
}

.hb-ucs-product-card__divider,
.hb-ucs-product-card__help-link {
  opacity: 0.72;
  font-size: 14px;
}

.hb-ucs-text-action.button,
.hb-ucs-text-action {
  padding: 0;
  min-height: auto;
  border: 0;
  background: transparent;
  color: var(--links-normal-color, var(--hb-ucs-accent));
  text-decoration: underline;
}

.hb-ucs-text-action.button:hover,
.hb-ucs-text-action:hover,
.hb-ucs-text-action.button:focus,
.hb-ucs-text-action:focus {
  background: transparent;
  color: var(--links-hover-color, var(--hb-ucs-accent-strong));
}

.hb-ucs-quantity-field--stepper {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border: 1px solid var(--hb-ucs-card-border);
  border-radius: 999px;
  overflow: hidden;
  background: var(--hb-ucs-card-bg);
}

.hb-ucs-quantity-field--stepper span {
  margin-right: 4px;
}

.hb-ucs-quantity-field--stepper input {
  width: 58px;
  min-height: 42px;
  padding: 6px 8px;
  border: 0;
  background: transparent;
  text-align: center;
  box-shadow: none;
}

.hb-ucs-qty-stepper__button {
  width: 42px;
  height: 42px;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.hb-ucs-qty-stepper__button.minus {
  border-right: 1px solid var(--hb-ucs-card-border);
}

.hb-ucs-qty-stepper__button.plus {
  border-left: 1px solid var(--hb-ucs-card-border);
}

.hb-ucs-products-add {
  display: flex;
  justify-content: flex-start;
  padding-top: 20px;
}

.hb-ucs-products-add__button {
  min-height: 48px;
}

.hb-ucs-subscription-item-card__body--visible {
  display: block;
}

.hb-ucs-subscription-item-card__picker--editor {
  padding: 0;
}

.hb-ucs-product-card__qty {
  min-width: 152px;
  max-width: 100%;
}

.hb-ucs-product-picker-field,
.hb-ucs-product-picker-attributes {
  padding: 0;
}

.hb-ucs-product-picker-field__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hb-ucs-product-picker-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.hb-ucs-product-picker-label {
  min-height: 48px;
  border-radius: 14px;
  background: var(--hb-ucs-card-bg);
}

.hb-ucs-product-picker-attributes {
  padding-top: 4px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hb-ucs-product-picker-attribute-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hb-ucs-product-picker-attribute-grid .form-row {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hb-ucs-product-picker-attribute-grid label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.78;
}

.hb-ucs-product-picker-attribute-grid select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  border-radius: 14px;
  box-sizing: border-box;
}

.hb-ucs-subscription-items-footer--dashboard {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 8px;
}

.hb-ucs-footer-field {
  margin: 0;
}

.hb-ucs-footer-field input,
.hb-ucs-footer-field select {
  width: 100%;
}

.hb-ucs-detail-secondary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--hb-ucs-gap-md);
}

.hb-ucs-panel--secondary {
  padding: var(--hb-ucs-section-padding);
}

@media (max-width: 1024px) {
  .hb-ucs-account-layout {
    grid-template-columns: 1fr;
  }

  .hb-ucs-quick-actions-grid,
  .hb-ucs-detail-secondary {
    grid-template-columns: 1fr;
  }

  .hb-ucs-subscription-item-card--dashboard {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 16px;
    padding: 18px;
  }

  .hb-ucs-subscription-item-card--dashboard .hb-ucs-subscription-item-card__image-el,
  .hb-ucs-subscription-item-card--dashboard .woocommerce-placeholder {
    width: 88px;
    height: 88px;
    border-radius: 20px;
  }

  .hb-ucs-subscription-item-card__content {
    gap: 12px;
  }

  .hb-ucs-subscription-item-card__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .hb-ucs-subscription-item-card__heading {
    min-width: 0;
  }

  .hb-ucs-product-card__inline-actions {
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .hb-ucs-product-card__qty {
    flex: 0 0 100%;
    min-width: 0;
  }

  .hb-ucs-product-card__icon-action {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 782px) {
  .hb-ucs-account-hero,
  .hb-ucs-panel,
  .hb-ucs-subscription-card {
    padding: var(--hb-ucs-section-padding);
  }

  .hb-ucs-subscription-item-card:not(.hb-ucs-subscription-item-card--dashboard) {
    grid-template-columns: 1fr;
  }

  .hb-ucs-subscription-item-card__media {
    justify-content: flex-start;
  }

  .hb-ucs-subscription-card__header,
  .hb-ucs-subscription-card__footer,
  .hb-ucs-subscription-items-footer,
  .hb-ucs-product-picker-summary,
  .hb-ucs-related-order,
  .hb-ucs-action-card__header,
  .hb-ucs-subscription-item-card__controls,
  .hb-ucs-address-grid,
  .hb-ucs-product-card__controls,
  .hb-ucs-quick-action-card__button {
    flex-direction: column;
    align-items: stretch;
  }

  .hb-ucs-subscription-item-card--dashboard {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    width: min(100%, 100%);
    margin-inline: auto;
    padding: 16px;
  }

  .hb-ucs-subscription-item-card--dashboard .hb-ucs-subscription-item-card__image-el,
  .hb-ucs-subscription-item-card--dashboard .woocommerce-placeholder {
    width: 72px;
    height: 72px;
    border-radius: 18px;
  }

  .hb-ucs-subscription-item-card__top {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .hb-ucs-product-card__inline-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .hb-ucs-product-card__qty {
    flex: 0 0 100%;
    min-width: 0;
  }

  .hb-ucs-subscription-item-card__content,
  .hb-ucs-subscription-item-card__heading,
  .hb-ucs-product-card__editor,
  .hb-ucs-subscription-item-card__picker,
  .hb-ucs-product-picker-field,
  .hb-ucs-product-picker-summary {
    min-width: 0;
    max-width: 100%;
  }

  .hb-ucs-product-card__icon-action {
    width: 48px;
    height: 48px;
  }

  .hb-ucs-product-picker-summary {
    grid-template-columns: 1fr;
  }

  .hb-ucs-schedule-modal__header,
  .hb-ucs-schedule-modal__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hb-ucs-action-row__main,
  .hb-ucs-action-row__summary {
    grid-template-columns: 1fr;
  }

  .hb-ucs-action-row__buttons {
    justify-content: flex-start;
  }

  .hb-ucs-action-row__footer {
    justify-content: stretch;
  }

  .hb-ucs-action-row__footer .button,
  .hb-ucs-subscription-item-card__controls .button {
    width: 100%;
  }

  .hb-ucs-subscription-item-card--dashboard,
  .hb-ucs-subscription-item-card--dashboard * {
    box-sizing: border-box;
  }

  .hb-ucs-section-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .hb-ucs-section-nav__button {
    width: 100%;
    flex-basis: auto;
  }
}

@media (max-width: 640px) {
  .hb-ucs-field-grid,
  .hb-ucs-product-modal__dialog {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    margin: 8px auto;
    border-radius: 20px;
  }

  .hb-ucs-product-modal__header,
  .hb-ucs-product-modal__toolbar,
  .hb-ucs-product-modal__menu,
  .hb-ucs-product-modal__results {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hb-ucs-product-modal__header {
    padding-top: 18px;
  }

  .hb-ucs-product-modal__menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hb-ucs-product-modal__menu-button {
    width: 100%;
  }

  .hb-ucs-product-modal__results {
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }

  .hb-ucs-product-modal__item-title {
    font-size: 18px;
  }

  .hb-ucs-product-picker-attribute-grid,
  .hb-ucs-product-picker-attributes,
  .hb-ucs-product-picker-attribute-grid .form-row,
  .hb-ucs-product-picker-attribute-grid select {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}