:root {
  --ds-primary: #f6b800;
  --ds-primary-dark: #d98a00;
  --ds-secondary: #ff8a00;
  --ds-surface: #111111;
  --ds-muted: #b3b0aa;
  --ds-text-primary: #f8f7f4;
  --ds-text-secondary: #dedbd4;
  --ds-text-muted: #a7a39b;
  --ds-success: #22c55e;
  --ds-danger: #ef4444;
  --ds-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ds-warning: #f59e0b;
  --ds-info: #f6b800;
  --ds-btn-height: 44px;
  --ds-btn-height-sm: 36px;
  --ds-btn-height-lg: 52px;
  --ds-btn-radius: 12px;
  --ds-btn-radius-pill: 999px;
  --ds-btn-padding-x: 1.25rem;
  --ds-btn-padding-y: 0.62rem;
  --ds-btn-font-weight: 700;
  --ds-btn-shadow-primary: 0 18px 38px -24px rgba(246, 184, 0, 0.62);
  --ds-btn-shadow-secondary: 0 16px 34px -28px rgba(0, 0, 0, 0.95);
  --ds-btn-focus: 0 0 0 3px rgba(246, 184, 0, 0.34);
  --ds-btn-bg-primary: #f6b800;
  --ds-btn-bg-secondary: linear-gradient(135deg, rgba(37, 37, 35, 0.96), rgba(15, 15, 14, 0.94));
  --ds-btn-bg-danger: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
  --ds-btn-bg-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  --ds-btn-bg-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);
}

/* Sync monitoring layout and status contrast. */
body.page-admin-sync-monitoring .sync-monitoring-table-stack {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

body.page-admin-sync-monitoring .sync-monitoring-status-alert {
  border-width: 1px;
  box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.16);
}

body.page-admin-sync-monitoring .sync-monitoring-status-alert.alert-success {
  background: #173d2c;
  border-color: #3bb878;
  color: #effff5;
}

body.page-admin-sync-monitoring .sync-monitoring-status-alert.alert-danger {
  background: #4a2025;
  border-color: #ef6b76;
  color: #fff2f3;
}

body.page-admin-sync-monitoring .sync-monitoring-status-alert__title {
  color: inherit;
}

body.page-admin-sync-monitoring .sync-monitoring-status-alert__meta {
  color: #d5f0df !important;
  opacity: 1;
}

body.page-admin-sync-monitoring .sync-monitoring-status-alert.alert-danger .sync-monitoring-status-alert__meta {
  color: #ffd9dc !important;
}

/* Keep the Shopier lock copy readable against the warning surface. The page-wide
   paragraph color is optimized for the dark UI and is too light here. */
body.page-imports .imports-shopier-lock-alert p {
  color: #664d03;
}

body.page-settings .settings-shopier-lock-alert p {
  color: #664d03;
}

/* Keep the imported-product actions and variation editor inside the phone viewport. */
.page-imports .import-card__dropdown-menu {
  width: min(12.5rem, calc(100vw - 1rem));
  min-width: 0;
  max-width: calc(100vw - 1rem);
  padding: 0.35rem;
}

.page-imports .import-card__dropdown-action {
  min-height: 36px;
  padding: 0.46rem 0.62rem;
  font-size: 0.82rem;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
}

.page-imports .import-variations-modal .modal-dialog {
  width: min(720px, calc(100vw - 1.25rem));
  max-width: none;
  margin: 0.625rem auto;
}

.page-imports .import-variations-modal .modal-content {
  display: flex;
  max-height: calc(100dvh - 1.25rem);
  overflow: hidden;
  border-radius: 20px;
}

.page-imports .import-variations-modal .modal-header,
.page-imports .import-variations-modal .modal-body,
.page-imports .import-variations-modal .modal-footer {
  padding-inline: 1.1rem;
}

.page-imports .import-variations-modal .modal-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.page-imports .import-variations-modal .modal-body > [data-import-variations-list] {
  min-width: 0;
}

.page-imports .import-variations-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-top: 1px solid rgba(164, 163, 161, 0.16) !important;
}

.page-imports .import-variations-status {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.42rem;
  color: #86efac;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}

.page-imports .import-variations-status[hidden] {
  display: none !important;
}

.page-imports .import-variations-status .bi {
  color: #34d399;
  font-size: 1rem;
  filter: drop-shadow(0 0 8px rgba(52, 211, 153, 0.28));
}

.page-imports .import-variations-status span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-imports .import-variations-actions__buttons {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.page-imports .import-variation-row {
  min-width: 0;
}

.page-imports .import-variation-row__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, min(52%, 460px));
  align-items: center;
}

.page-imports .import-variation-row__info,
.page-imports .import-variation-row__selects {
  min-width: 0;
}

.page-imports .import-variation-row__selects {
  display: grid;
  gap: 0.55rem;
}

.page-imports .import-variation-row__mapping {
  display: grid;
  grid-template-columns: minmax(3.75rem, auto) repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 0.5rem;
}

.page-imports .import-variation-row__mapping-label {
  color: var(--ds-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.page-imports .import-variation-row__selects .form-select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
}

@media (max-width: 767.98px) {
  .page-imports .import-card__dropdown-menu {
    width: min(11.5rem, calc(100vw - 1rem));
  }

  .page-imports .import-card__dropdown-action {
    min-height: 34px;
    padding: 0.42rem 0.55rem;
    font-size: 0.75rem;
  }

  .page-imports .import-variations-modal .modal-dialog {
    width: calc(100vw - 1rem);
    margin: 0.5rem auto;
  }

  .page-imports .import-variations-modal .modal-content {
    max-height: calc(100dvh - 1rem);
    border-radius: 17px;
  }

  .page-imports .import-variations-modal .modal-header,
  .page-imports .import-variations-modal .modal-body,
  .page-imports .import-variations-modal .modal-footer {
    padding: 0.75rem;
  }

  .page-imports .import-variations-modal .modal-title {
    max-width: calc(100% - 2.25rem);
    font-size: 1rem;
    line-height: 1.2;
  }

  .page-imports .import-variations-modal .modal-body {
    font-size: 0.84rem;
  }

  .page-imports .import-variation-row {
    padding: 0.65rem !important;
    border-radius: 11px !important;
  }

  .page-imports .import-variation-row__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem !important;
  }

  .page-imports .import-variation-row__selects {
    gap: 0.45rem !important;
  }

  .page-imports .import-variation-row__mapping {
    grid-template-columns: minmax(3.25rem, auto) repeat(2, minmax(0, 1fr));
    gap: 0.4rem;
  }

  .page-imports .import-variation-row__mapping-label {
    font-size: 0.66rem;
  }

  .page-imports .import-variation-row__selects .form-select {
    min-height: 42px;
    padding: 0.55rem 0.7rem;
    font-size: 0.82rem;
  }

  .page-imports .import-variations-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem !important;
  }

  .page-imports .import-variations-status {
    font-size: 0.7rem;
  }

  .page-imports .import-variations-actions__buttons {
    gap: 0.35rem;
  }

  .page-imports .import-variations-actions .btn {
    flex: 0 1 auto;
    min-width: 0;
    min-height: 40px;
    padding: 0.45rem 0.6rem;
    font-size: 0.76rem;
    white-space: nowrap;
  }
}

@media (max-width: 380px) {
  .page-imports .import-variations-modal .modal-dialog {
    width: calc(100vw - 0.7rem);
    margin: 0.35rem auto;
  }

  .page-imports .import-variations-modal .modal-content {
    max-height: calc(100dvh - 0.7rem);
  }

  .page-imports .import-variations-modal .modal-header,
  .page-imports .import-variations-modal .modal-body,
  .page-imports .import-variations-modal .modal-footer {
    padding: 0.65rem;
  }

  .page-imports .import-variation-row__selects .form-select {
    min-height: 40px;
    font-size: 0.78rem;
  }

  .page-imports .import-variations-status {
    width: 1.9rem;
    height: 1.9rem;
    justify-content: center;
    border: 1px solid rgba(52, 211, 153, 0.3);
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.1);
  }

  .page-imports .import-variations-status span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
}

/* Compact partner settings and product workflows on phone-sized screens. */
.product-tab-label--mobile,
.variants-video-cta__mobile-label,
.variants-sync-label--mobile,
.variant-match-label--mobile {
  display: none;
}

@media (max-width: 575.98px) {
  body.page-settings > main,
  body.page-product > main {
    font-size: 0.82rem;
  }

  body.page-settings main > .container,
  body.page-settings main > .container-fluid,
  body.page-product .container-wide {
    width: 100%;
    max-width: 100%;
  }

  body.page-settings main section.mb-4 {
    margin-bottom: 0.75rem !important;
  }

  body.page-settings .section-title {
    margin-bottom: 0.65rem;
  }

  body.page-settings .section-title h2 {
    font-size: 1.25rem;
    line-height: 1.15;
  }

  body.page-settings .settings-panel {
    gap: 0;
    margin-inline: 0;
    border-radius: 15px;
  }

  body.page-settings .settings-tabs {
    top: 67px;
    max-width: 100%;
    gap: 0.28rem;
    padding: 0.38rem;
    scroll-padding-inline: 0.38rem;
  }

  body.page-settings .settings-tabs .nav-link {
    min-height: 34px;
    padding: 0.38rem 0.52rem;
    border-radius: 9px;
    font-size: 0.7rem;
    line-height: 1;
  }

  body.page-settings .settings-tabs .nav-link .bi {
    margin-right: 0.3rem !important;
    font-size: 0.78rem;
  }

  body.page-settings .settings-panel > .tab-content,
  body.page-settings .settings-tab-content {
    padding: 0.62rem;
  }

  body.page-settings .settings-pane {
    gap: 0.68rem;
    padding-top: 0.2rem;
  }

  body.page-settings .settings-pane__header {
    gap: 0.15rem;
    margin-bottom: 0.25rem;
    padding-inline: 0.05rem;
  }

  body.page-settings .settings-pane__header h4 {
    font-size: 1rem;
  }

  body.page-settings .settings-pane__header p {
    display: none;
  }

  body.page-settings .settings-form {
    gap: 0.72rem !important;
  }

  body.page-settings .settings-profile-layout,
  body.page-settings .branding-layout {
    gap: 0.68rem;
  }

  body.page-settings .settings-card {
    gap: 0.68rem;
    padding: 0.7rem;
    border-radius: 13px;
  }

  body.page-settings .settings-card__header {
    gap: 0.35rem;
    margin-bottom: 0;
  }

  body.page-settings .settings-card__header :is(h4, h5, h6),
  body.page-settings .settings-card > :is(h4, h5, h6) {
    font-size: 0.92rem;
    line-height: 1.2;
  }

  body.page-settings .settings-grid,
  body.page-settings .settings-grid--compact,
  body.page-settings .settings-grid--narrow,
  body.page-settings .settings-grid--pricing,
  body.page-settings .settings-grid--branding {
    gap: 0.52rem;
  }

  body.page-settings .settings-grid__field {
    gap: 0.3rem;
  }

  body.page-settings :is(.form-control, .form-select) {
    min-height: 40px;
    padding: 0.52rem 0.65rem;
    border-radius: 10px;
    font-size: 0.78rem;
  }

  body.page-settings textarea.form-control {
    min-height: 76px;
  }

  body.page-settings .floating-field {
    min-height: 40px;
  }

  body.page-settings .floating-field > .floating-field__label,
  body.page-settings .form-label {
    font-size: 0.66rem;
  }

  body.page-settings :is(.form-text, small, .text-muted) {
    font-size: 0.68rem;
    line-height: 1.35;
  }

  body.page-settings .settings-form-status {
    gap: 0.48rem;
    padding: 0.52rem 0.62rem;
    border-radius: 10px;
    font-size: 0.7rem;
    line-height: 1.35;
  }

  body.page-settings .settings-security-callout,
  body.page-settings .settings-legacy-connection > summary,
  body.page-settings .warehouse-warning-grid__item,
  body.page-settings .settings-grid--pricing > .settings-grid__field:nth-child(n) {
    padding: 0.58rem;
  }

  body.page-settings .settings-pane :is(.btn, button.btn) {
    min-height: 36px;
    padding: 0.46rem 0.68rem;
    border-radius: 9px;
    font-size: 0.72rem;
  }

  body.page-settings .settings-pane .input-with-action {
    gap: 0.42rem;
  }

  body.page-settings .settings-pane .input-with-action .btn {
    margin-left: 0;
  }

  body.page-settings .settings-table,
  body.page-settings .table {
    font-size: 0.68rem;
  }

  body.page-settings .settings-table > :not(caption) > * > *,
  body.page-settings .table > :not(caption) > * > * {
    padding: 0.45rem;
  }

  body.page-settings .settings-legacy-connection {
    border-radius: 12px;
  }

  body.page-settings .settings-legacy-connection > summary {
    gap: 0.45rem;
    padding: 0.58rem 0.65rem;
    font-size: 0.72rem;
  }

  body.page-settings .settings-legacy-connection > summary small {
    max-width: 8.5rem;
    font-size: 0.6rem;
    text-align: right;
  }

  body.page-settings .settings-legacy-connection > .settings-card {
    width: 100%;
    margin: 0;
    padding: 0.65rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.page-product .product-page {
    gap: 0.85rem;
  }

  body.page-product .product-breadcrumbs {
    display: none;
  }

  body.page-product .product-hero__grid {
    gap: 0.75rem;
  }

  body.page-product :is(.product-gallery, .product-summary) {
    padding: 0.78rem;
    border-radius: 17px;
  }

  body.page-product .product-gallery__main {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
  }

  body.page-product .product-gallery__main img {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
  }

  body.page-product .product-gallery__thumbs {
    grid-auto-flow: column;
    grid-auto-columns: 68px;
    justify-content: center;
    gap: 0.48rem;
    margin-top: 0.65rem;
    padding: 0;
  }

  body.page-product .product-gallery__thumb {
    width: 68px;
    height: 68px;
    border-radius: 12px;
  }

  body.page-product .product-gallery__thumb img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
  }

  body.page-product .product-summary {
    gap: 0.72rem;
  }

  body.page-product .import-status,
  body.page-product .trendyol-status {
    gap: 0.48rem;
    margin-top: 0;
    padding: 0.58rem 0.65rem;
    border-radius: 11px;
    box-shadow: none;
  }

  body.page-product .import-status > i,
  body.page-product .trendyol-status > i {
    margin-top: 0.05rem;
    font-size: 0.9rem;
  }

  body.page-product .import-status strong,
  body.page-product .trendyol-status strong {
    font-size: 0.72rem;
    line-height: 1.3;
  }

  body.page-product .import-status span,
  body.page-product .trendyol-status span {
    margin-top: 0.12rem;
    font-size: 0.62rem;
    line-height: 1.3;
  }

  body.page-product .product-summary__meta {
    gap: 0.45rem;
  }

  body.page-product .product-summary__caption {
    font-size: 0.62rem;
    letter-spacing: 0.06em;
  }

  body.page-product .product-summary__badge {
    padding: 0.28rem 0.62rem;
    font-size: 0.62rem;
  }

  body.page-product .product-summary__title {
    font-size: 1.1rem;
    line-height: 1.18;
    white-space: normal;
  }

  body.page-product .product-price-block {
    gap: 0.5rem;
  }

  body.page-product .product-price-block__group {
    border-radius: 13px;
  }

  body.page-product .product-price-block__group--primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-product .product-price-block__group--costs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.page-product .product-price-block__item {
    gap: 0.18rem;
    padding: 0.62rem 0.55rem;
  }

  body.page-product .product-price-block__group--primary .product-price-block__item--profit,
  body.page-product .product-price-block__group--costs .product-price-block__item + .product-price-block__item {
    border-top: 0;
    border-inline-start: 1px solid rgba(164, 163, 161, 0.16);
  }

  body.page-product .product-price-block__label,
  body.page-product .product-price-block__group--costs .product-price-block__label {
    overflow: hidden;
    font-size: 0.52rem;
    letter-spacing: 0.04em;
    text-overflow: ellipsis;
  }

  body.page-product .product-price-block__value,
  body.page-product .product-price-block__item--price .product-price-block__value,
  body.page-product .product-price-block__item--profit .product-price-block__value {
    font-size: 0.94rem;
  }

  body.page-product .product-price-block__note {
    font-size: 0.56rem;
  }

  body.page-product .product-price-block__group--costs .settings-info-button {
    width: 1rem;
    height: 1rem;
    font-size: 0.62rem;
  }

  body.page-product .product-primary-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
  }

  body.page-product .product-primary-actions .btn {
    min-height: 36px;
    padding: 0.45rem 0.55rem;
    font-size: 0.7rem;
  }

  body.page-product .product-summary__description {
    gap: 0.35rem;
    font-size: 0.72rem;
  }

  body.page-product .collapsible[data-expanded='false'] .collapsible__content {
    max-height: 4.2rem;
  }

  body.page-product .product-summary__quickfacts {
    gap: 0.4rem;
  }

  body.page-product .product-summary__quickfacts li {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.7rem;
  }

  body.page-product .product-form-modern {
    gap: 0.72rem;
  }

  body.page-product .product-tabs {
    gap: 0.45rem;
    margin-top: 0;
  }

  body.page-product .tabs-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    padding-bottom: 0.4rem;
  }

  body.page-product .tabs-nav button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-width: 0;
    min-height: 36px;
    padding: 0.42rem 0.3rem;
    border-radius: 10px;
    font-size: 0.66rem;
    line-height: 1;
  }

  body.page-product .product-tab-label--desktop,
  body.page-product .variants-video-cta__desktop-label,
  body.page-product .variants-sync-label--desktop,
  body.page-product .variant-match-label--desktop {
    display: none;
  }

  body.page-product .product-tab-label--mobile,
  body.page-product .variants-video-cta__mobile-label,
  body.page-product .variants-sync-label--mobile,
  body.page-product .variant-match-label--mobile {
    display: inline;
  }

  body.page-product .panel-card {
    gap: 0.72rem;
    padding: 0.72rem;
    border-radius: 14px;
  }

  body.page-product .panel-card__header--with-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: start;
  }

  body.page-product .panel-card__header h2 {
    margin-bottom: 0.18rem;
    font-size: 1rem;
  }

  body.page-product .panel-card__header p,
  body.page-product .panel-card__meta,
  body.page-product .variants-video-cta__copy {
    font-size: 0.66rem;
    line-height: 1.35;
  }

  body.page-product #panel-variants .panel-card__header-content > p,
  body.page-product #panel-variants .panel-card__meta {
    display: none;
  }

  body.page-product .panel-card__header-actions {
    align-items: flex-end;
    gap: 0.38rem;
  }

  body.page-product .panel-card__header-actions .btn-round {
    min-width: 0;
    max-width: none;
    padding: 0.42rem 0.55rem;
    border-radius: 10px;
    font-size: 0.62rem;
    line-height: 1.25;
  }

  body.page-product .variants-video-cta {
    align-items: flex-end;
    max-width: none;
    text-align: right;
  }

  body.page-product .variants-video-cta__copy {
    display: none;
  }

  body.page-product .variants-video-cta__link {
    gap: 0.28rem;
    font-size: 0.68rem;
  }

  body.page-product .panel-card__body,
  body.page-product .accordion {
    gap: 0.5rem;
  }

  body.page-product .accordion__item {
    position: relative;
    border-radius: 13px;
  }

  body.page-product .accordion__header,
  body.page-product .standard-variant-list__row {
    min-height: 0;
    padding: 0.62rem;
    gap: 0.48rem;
  }

  body.page-product [data-accordion-item] > .accordion__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding-right: 1.9rem;
  }

  body.page-product .accordion__trigger {
    font-size: 0.72rem;
  }

  body.page-product .accordion__meta,
  body.page-product .standard-variant-list__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, auto));
    gap: 0.3rem;
    width: auto;
  }

  body.page-product [data-accordion-item] .accordion__meta {
    display: flex;
    max-width: 7rem;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  body.page-product .product-variant-prefix {
    display: none;
  }

  body.page-product [data-variant-sync-indicator] {
    position: absolute;
    top: 0.52rem;
    right: 0.55rem;
    display: grid;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: #f87171;
    font-size: 0;
    line-height: 1;
  }

  body.page-product [data-variant-sync-indicator]::before {
    content: "×";
    font-size: 0.92rem;
    font-weight: 800;
  }

  body.page-product [data-variant-sync-indicator].is-success {
    color: #22c55e;
  }

  body.page-product [data-variant-sync-indicator].is-success::before {
    content: "✓";
  }

  body.page-product .meta-pill:not([data-variant-sync-indicator]) {
    gap: 0.2rem;
    padding: 0.28rem 0.45rem;
    font-size: 0.62rem;
  }

  body.page-product [data-variant-auto-match] {
    grid-column: 1 / -1;
    min-height: 32px;
    padding: 0.35rem 0.48rem;
    font-size: 0.62rem;
  }

  body.page-product .accordion__panel {
    gap: 0.6rem;
    padding: 0.62rem;
  }

  body.page-product .variant-selection-grid,
  body.page-product .form-row-grid {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  body.page-product :is(.form-control, .form-select) {
    min-height: 40px;
    padding: 0.5rem 0.62rem;
    border-radius: 10px;
    font-size: 0.74rem;
  }

  body.page-product .form-label {
    font-size: 0.66rem;
  }

  body.page-product .alert-modern {
    gap: 0.45rem;
    padding: 0.62rem;
    border-radius: 11px;
    font-size: 0.68rem;
    line-height: 1.35;
  }

  body.page-product .form-footer {
    gap: 0.55rem;
    padding: 0.72rem;
    border-radius: 14px;
  }

  body.page-product .form-footer__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
  }

  body.page-product .form-footer__actions .btn {
    width: 100%;
    min-height: 36px;
    padding: 0.45rem 0.5rem;
    font-size: 0.68rem;
  }

  body.page-product .form-footer__hint {
    display: none;
  }
}

/* Premium product shell — 2026 refresh */
.premium-home {
  --premium-line: rgba(164, 163, 161, 0.16);
  --premium-surface: rgba(18, 18, 17, 0.72);
  --premium-muted: #a2a19f;
  width: 100%;
  color: #f8fafc;
}

.premium-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(420px, 0.97fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  min-height: min(710px, calc(100vh - 130px));
  padding: clamp(3.5rem, 7vw, 7.5rem) clamp(1.25rem, 4vw, 4.5rem);
  overflow: hidden;
  border: 1px solid var(--premium-line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 80% 12%, rgba(115, 115, 111, 0.2), transparent 34%),
    radial-gradient(circle at 12% 85%, rgba(105, 104, 101, 0.15), transparent 32%),
    linear-gradient(145deg, rgba(21, 20, 18, 0.97), rgba(15, 14, 12, 0.98));
  box-shadow: 0 36px 100px -54px rgba(115, 115, 111, 0.5), inset 0 1px 0 rgba(255,255,255,.04);
}

.premium-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .3;
  background-image: linear-gradient(rgba(164,163,161,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(164,163,161,.07) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to right, transparent, #000 55%, #000);
}

.premium-hero > * { position: relative; z-index: 1; }
.premium-eyebrow, .premium-kicker {
  color: #bebdbb;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.premium-eyebrow { display: inline-flex; align-items: center; gap: .6rem; margin-bottom: 1.35rem; }
.premium-eyebrow > span { width: 1.7rem; height: 1px; background: #d1cec6; box-shadow: 0 0 14px #d1cec6; }
.premium-hero h1 {
  max-width: 800px;
  margin: 0;
  font-size: clamp(3rem, 5.4vw, 6.25rem);
  font-weight: 760;
  letter-spacing: -.065em;
  line-height: .96;
}
.premium-hero h1 span { color: #eeeae1; }
.premium-hero__copy > p { max-width: 610px; margin: 1.6rem 0 0; color: #b8b7b5; font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.7; }
.premium-hero .hero-actions { margin-top: 2rem; }
.premium-hero .btn { min-height: 50px; padding-inline: 1.35rem; border-radius: 13px; }
.premium-proof { display: flex; flex-wrap: wrap; gap: .6rem 1.25rem; margin-top: 2rem; color: #b8b7b5; font-size: .82rem; font-weight: 650; }
.premium-proof i { margin-right: .28rem; color: #d1cec6; }

.premium-hero__visual {
  padding: 1.15rem;
  border: 1px solid rgba(164,163,161,.18);
  border-radius: 24px;
  background: rgba(13,12,10,.72);
  box-shadow: 0 30px 80px -42px rgba(168,167,165,.72), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(18px);
}
.premium-visual__topline { display: flex; justify-content: space-between; padding: .15rem .15rem .9rem; color: #8f8e8c; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.premium-live { display: inline-flex; align-items: center; gap: .4rem; color: #86efac; }
.premium-live i { width: 6px; height: 6px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 10px #22c55e; }
.premium-integration {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: .85rem;
  align-items: center;
  min-height: 92px;
  padding: 1rem;
  border: 1px solid rgba(164,163,161,.14);
  border-radius: 16px;
  background: rgba(26,25,23,.62);
}
.premium-integration--shopier { min-height: 120px; padding: 1.2rem; border-color: rgba(168,167,165,.28); background: linear-gradient(135deg, rgba(141,140,138,.14), rgba(86,85,83,.11)); }
.premium-integration--official { min-height: 104px; margin-bottom: .7rem; padding: 1rem 1.2rem; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.premium-integration--ikas { border-color: rgba(255, 201, 40, .42); background: linear-gradient(135deg, rgba(255, 201, 40, .12), rgba(26, 25, 23, .84)); }
.premium-integration--ikas:hover, .premium-integration--ikas:focus-visible { transform: translateY(-2px); border-color: rgba(255, 201, 40, .8); box-shadow: 0 12px 28px rgba(0, 0, 0, .24); }
.premium-integration--ikas .premium-integration__icon { width: 58px; height: 58px; background: #fff; }
.premium-proof a { display: inline-flex; align-items: center; gap: .35rem; color: inherit; text-decoration: none; }
.premium-proof a:hover, .premium-proof a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: .2rem; }
.premium-proof__ikas-logo { width: 32px; height: 18px; object-fit: contain; object-position: left center; }
.premium-integration__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; background: rgba(255,255,255,.08); color: #eeeae1; font-size: 1.4rem; }
.premium-integration--shopier .premium-integration__icon { width: 58px; height: 58px; background: #fff; }
.premium-integration__icon img { max-width: 74%; max-height: 74%; object-fit: contain; }
.premium-integration__icon--trendyol { background: #f27a1a; }
.premium-integration strong, .premium-integration small, .premium-integration__label { display: block; }
.premium-integration strong { color: #f8fafc; font-size: 1rem; }
.premium-integration small { margin-top: .12rem; color: #92918f; font-size: .76rem; }
.premium-integration__label { margin-bottom: .18rem; color: #c5c1b8; font-size: .59rem; font-weight: 850; letter-spacing: .12em; }
.premium-verified { position: absolute; top: 1rem; right: 1rem; color: #d1cec6; font-size: 1.1rem; }
.premium-visual__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: .7rem; }
.premium-flow { display: flex; align-items: center; justify-content: space-between; gap: .55rem; margin-top: .7rem; padding: .9rem 1rem; border: 1px solid rgba(164,163,161,.12); border-radius: 16px; color: #838280; background: rgba(9,8,6,.45); }
.premium-flow > div { display: flex; align-items: center; gap: .45rem; color: #c7c6c4; font-size: .78rem; font-weight: 650; }
.premium-flow > div i { color: #c5c1b8; }

.premium-capabilities { display: grid; grid-template-columns: repeat(4, 1fr); margin: 1.25rem 0 clamp(4.5rem,8vw,8rem); border-block: 1px solid var(--premium-line); }
.premium-capabilities > div { display: grid; grid-template-columns: auto 1fr; column-gap: .75rem; padding: 1.25rem; border-right: 1px solid var(--premium-line); }
.premium-capabilities > div:last-child { border-right: 0; }
.premium-capabilities span { grid-row: 1/3; color: #52514f; font-size: .69rem; font-weight: 800; }
.premium-capabilities strong { font-size: .9rem; }
.premium-capabilities small { margin-top: .2rem; color: #848381; font-size: .72rem; }

.premium-section { margin-bottom: clamp(4.5rem,8vw,8rem); }
.premium-section__head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.premium-section__head h2 { margin: .55rem 0 0; color: #f8fafc; font-size: clamp(2rem,4vw,4rem); letter-spacing: -.045em; line-height: 1.03; }
.premium-section__head > p { max-width: 400px; margin: 0 0 .35rem; color: var(--premium-muted); line-height: 1.65; }
.premium-section__head--inline { align-items: center; }
.premium-section__head--inline h2 { font-size: clamp(2rem,3vw,3rem); }
.premium-text-link { color: #d8d7d5; font-size: .88rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.premium-text-link:hover { color: #fff; }
.premium-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.premium-feature-grid article { position: relative; min-height: 290px; padding: 1.5rem; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 20px; background: linear-gradient(155deg, rgba(26,25,23,.75), rgba(17,16,14,.9)); }
.premium-feature-grid article.is-accent { background: radial-gradient(circle at 85% 0, rgba(141,140,138,.24), transparent 50%), linear-gradient(155deg, rgba(32,31,29,.9), rgba(17,16,14,.95)); }
.premium-feature-grid article > i { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 4.25rem; border-radius: 14px; color: #eeeae1; background: rgba(141,140,138,.1); font-size: 1.25rem; }
.premium-feature__number { position: absolute; top: 1.5rem; right: 1.5rem; color: #4f4e4c; font-size: .68rem; font-weight: 800; }
.premium-feature-grid h3 { margin: 0 0 .55rem; font-size: 1.25rem; letter-spacing: -.02em; }
.premium-feature-grid p { max-width: 300px; margin: 0; color: #959492; line-height: 1.55; }

.premium-home .latest-products__rail { gap: .8rem; }
.premium-home .product-card { padding: .7rem; border-radius: 17px; background: rgba(20,19,17,.8); }
.premium-home .product-card__media { height: 230px; border-radius: 12px; }
.premium-home .product-card__body { padding: .3rem .25rem .4rem; }
.premium-home .product-card__profit { justify-content: space-between; color: #86efac; }
.premium-home .product-card__profit strong { color: #6ee7b7; }
.premium-empty { display: flex; align-items: center; justify-content: center; gap: .65rem; min-height: 180px; border: 1px dashed var(--premium-line); border-radius: 18px; color: #848381; }
.premium-brands { display: flex; align-items: center; gap: 2rem; margin: -3rem 0 clamp(4.5rem,8vw,8rem); padding: 1rem 0; border-block: 1px solid var(--premium-line); }
.premium-brands > span { flex: 0 0 auto; color: #807f7d; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.premium-brands__rail { display: flex; align-items: center; justify-content: space-around; gap: 2rem; width: 100%; min-width: 0; }
.premium-brands__rail img { width: auto; max-width: 120px; height: 32px; object-fit: contain; filter: grayscale(1) brightness(1.65); opacity: .65; }

.premium-plan-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; max-width: 1040px; margin: 0 auto; }
.premium-plan { position: relative; padding: clamp(1.4rem,3vw,2.25rem); border: 1px solid var(--premium-line); border-radius: 22px; background: rgba(20,19,17,.76); }
.premium-plan--plus { border-color: rgba(168,167,165,.35); background: radial-gradient(circle at 100% 0, rgba(141,140,138,.18), transparent 45%), rgba(22,21,19,.88); }

@media (min-width: 768px) {
  .page-home .premium-home .latest-products__rail .product-card:nth-child(n + 6) {
    display: none;
  }
}

@media (min-width: 992px) {
  .page-home .premium-home .latest-products__rail .product-card__media {
    height: auto;
    aspect-ratio: 1 / 1;
  }
}
.premium-plan__badge { position: absolute; top: 1.2rem; right: 1.2rem; color: #eeeae1; font-size: .62rem; font-weight: 850; letter-spacing: .12em; }
.premium-plan header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.premium-plan header > span { font-size: 1.15rem; font-weight: 750; }
.premium-plan header strong { font-size: clamp(2rem,3vw,3rem); letter-spacing: -.05em; }
.premium-plan header small { margin-left: .25rem; color: #82817f; }
.premium-plan > p { margin: 1rem 0; color: #959492; }
.premium-plan ul { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin: 1.5rem 0 0; padding: 1.2rem 0 0; border-top: 1px solid var(--premium-line); list-style: none; }
.premium-plan li { position: relative; padding-left: 1.15rem; color: #cac9c7; font-size: .83rem; }
.premium-plan li::before { content: ""; position: absolute; left: 0; top: .48rem; width: 5px; height: 5px; border-radius: 50%; background: #d1cec6; }
.premium-plan-action { margin-top: 1.25rem; text-align: center; }
.premium-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; padding: clamp(2rem,5vw,4rem); border: 1px solid rgba(168,167,165,.22); border-radius: 24px; background: radial-gradient(circle at 70% 0, rgba(141,140,138,.2), transparent 45%), #141311; }
.premium-final-cta h2 { margin: .45rem 0 0; font-size: clamp(2rem,4vw,3.6rem); letter-spacing: -.045em; }

.mobile-dock { display: none; }
.site-footer__trust { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .5rem; margin-top: .85rem; color: #92918f; font-size: .72rem; font-weight: 700; }
.site-footer__trust i { color: #d1cec6; }
.site-footer__trust span { width: 3px; height: 3px; border-radius: 50%; background: #545351; }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.75rem; padding-top: 1rem; border-top: 1px solid rgba(164,163,161,.12); color: #757472; font-size: .72rem; }

body:is(.page-about,.page-faq,.page-terms,.page-kvkk,.page-returns,.page-b2b-contact) .page-hero { max-width: 860px; margin: 1.5rem auto 4rem; padding: 3rem 0; text-align: center; }
body:is(.page-about,.page-faq,.page-terms,.page-kvkk,.page-returns,.page-b2b-contact) .page-hero h1 { color: #f8fafc; font-size: clamp(2.3rem,5vw,4.5rem); letter-spacing: -.05em; }
body:is(.page-about,.page-faq,.page-terms,.page-kvkk,.page-returns,.page-b2b-contact) .page-hero .lead { max-width: 720px; margin-inline: auto; font-size: 1.05rem; line-height: 1.75; }
body:is(.page-about,.page-faq,.page-terms,.page-kvkk,.page-returns,.page-b2b-contact) .card-modern { border-color: rgba(164,163,161,.14); border-radius: 18px; background: rgba(20,19,17,.66); box-shadow: none; }
body:is(.page-about,.page-faq,.page-terms,.page-kvkk,.page-returns,.page-b2b-contact) .list-group-item { padding: 1rem 1.1rem; border-color: rgba(164,163,161,.12); background: rgba(20,19,17,.5); color: #c7c6c4; }
body.page-kvkk .cta-strip--kvkk { margin-bottom: clamp(1.75rem, 4vw, 2.75rem); }

.floating-field { position: relative; padding-top: .38rem; }
.floating-field > label.form-label { position: absolute; top: 0; left: .9rem; z-index: 3; max-width: calc(100% - 1.8rem); margin: 0; padding: 0 .35rem; overflow: hidden; color: #a1a09e; background: #191816; font-size: .67rem; font-weight: 750; line-height: 1; text-overflow: ellipsis; white-space: nowrap; transform: translateY(.42rem); pointer-events: none; transition: color .18s ease, transform .18s ease; }
.floating-field:focus-within > label.form-label { color: #eeeae1; transform: translateY(.28rem); }
.floating-field > :is(.form-control,.form-select) { min-height: 52px; padding-top: .9rem; }
.plan-details--verbose { display: none; }
.plan-trust-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 1.2rem 0 2rem; border-block: 1px solid rgba(164,163,161,.14); }
.plan-trust-strip :is(span, a) { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 54px; border-right: 1px solid rgba(164,163,161,.14); color: #acaba9; font-size: .78rem; font-weight: 700; }
.plan-trust-strip :is(span, a):last-child { border-right: 0; }
.plan-trust-strip a { text-decoration: none; }
.plan-trust-strip a:hover, .plan-trust-strip a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: .2rem; }
.plan-trust-strip__ikas-logo { width: 30px; height: 18px; object-fit: contain; object-position: left center; }
.plan-trust-strip i { color: #d1cec6; }
body.page-plans .plan-hero h1 { letter-spacing: -.045em; }
body.page-plans .plan-layout { max-width: 1040px; margin-inline: auto; }
body.page-plans .plan-card { border-radius: 22px; }

@media (max-width: 991.98px) {
  .premium-hero { grid-template-columns: 1fr; min-height: 0; }
  .premium-hero__visual { max-width: 680px; }
  .premium-capabilities { grid-template-columns: 1fr 1fr; }
  .premium-capabilities > div:nth-child(2) { border-right: 0; }
  .premium-capabilities > div:nth-child(-n+2) { border-bottom: 1px solid var(--premium-line); }
  .premium-feature-grid { grid-template-columns: 1fr; }
  .premium-feature-grid article { min-height: 220px; }
  .premium-feature-grid article > i { margin-bottom: 2.6rem; }
  .premium-brands { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .premium-brands__rail { justify-content: flex-start; overflow-x: auto; padding-bottom: .35rem; }
}

@media (max-width: 767.98px) {
  .plan-trust-strip { grid-template-columns: 1fr 1fr; }
  .plan-trust-strip span:nth-child(2) { border-right: 0; }
  .plan-trust-strip span:nth-child(-n+2) { border-bottom: 1px solid rgba(164,163,161,.14); }
  body.is-partner-control { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
  body.is-partner-control .site-footer { padding-bottom: 2rem; }
  .mobile-dock { position: fixed; z-index: 1550; left: .7rem; right: .7rem; bottom: max(.65rem, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr); padding: .38rem; border: 1px solid rgba(164,163,161,.2); border-radius: 18px; background: rgba(15,14,12,.92); box-shadow: 0 20px 55px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter: blur(22px); }
  .mobile-dock__item { position: relative; display: flex; min-width: 0; min-height: 52px; align-items: center; justify-content: center; flex-direction: column; gap: .22rem; border-radius: 13px; color: #81807e; font-size: .61rem; font-weight: 700; text-decoration: none; }
  .mobile-dock__item i { font-size: 1.05rem; }
  .mobile-dock__item.is-active { color: #eeeae3; background: linear-gradient(145deg, rgba(141,140,138,.2), rgba(114,113,111,.16)); }
  .mobile-dock__item.is-active::before { content: ""; position: absolute; top: .25rem; width: 17px; height: 2px; border-radius: 99px; background: #d1cec6; box-shadow: 0 0 12px #d1cec6; }
  .premium-hero { gap: 2.2rem; padding: 3.2rem 1.2rem 1.2rem; border-radius: 22px; }
  .premium-hero h1 { font-size: clamp(2.65rem,13vw,4.2rem); }
  .premium-hero__copy > p { margin-top: 1.25rem; font-size: .98rem; }
  .premium-proof { display: grid; gap: .55rem; }
  .premium-hero__visual { padding: .7rem; border-radius: 18px; }
  .premium-integration--shopier { min-height: 104px; }
  .premium-visual__grid { grid-template-columns: 1fr; }
  .premium-flow { padding-inline: .65rem; }
  .premium-flow > div { flex-direction: column; gap: .15rem; font-size: .65rem; }
  .premium-capabilities { margin-bottom: 4.5rem; }
  .premium-capabilities > div { grid-template-columns: 1fr; padding: 1rem .8rem; }
  .premium-capabilities span { grid-row: auto; margin-bottom: .55rem; }
  .premium-capabilities small { line-height: 1.35; }
  .premium-section { margin-bottom: 4.5rem; }
  .premium-section__head { align-items: flex-start; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem; }
  .premium-section__head h2 { font-size: 2.25rem; }
  .premium-section__head--inline { flex-direction: row; align-items: end; }
  .premium-home .latest-products__rail { grid-auto-columns: minmax(72vw, 1fr); }
  .premium-home .product-card__media { height: 270px; }
  .premium-brands { margin-top: -1.5rem; }
  .premium-brands__rail img { flex: 0 0 auto; max-width: 105px; height: 28px; }
  .premium-plan-grid { grid-template-columns: 1fr; }
  .premium-plan header { align-items: flex-start; flex-direction: column; }
  .premium-plan ul { grid-template-columns: 1fr; }
  .premium-final-cta { align-items: flex-start; flex-direction: column; }
  .premium-final-cta .btn { width: 100%; }
  .site-footer__bottom { flex-direction: column; gap: .35rem; }
}

/* 2026 premium partner UI refinement: shared header, forms and mobile flows. */
.site-header-stack { display: contents; }
body:not(.is-admin-control) .site-header-stack:has(.plan-payment-banner) {
  display: block;
  position: sticky;
  top: 0;
  z-index: 1500;
}
body:not(.is-admin-control) .site-header-stack:has(.plan-payment-banner) .site-header {
  position: relative;
  top: auto;
  z-index: auto;
}
.plan-payment-banner {
  width: 100%;
  background: #991b1b;
  color: #fff;
}
.plan-payment-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem 1.5rem;
  padding-block: .75rem;
  font-size: .875rem;
  line-height: 1.5;
}
.plan-payment-banner__message { margin: 0; }
.plan-payment-banner__link {
  flex-shrink: 0;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .2em;
  padding-block: .25rem;
}
.plan-payment-banner__link:hover { color: #fff; text-decoration-thickness: 2px; }
.plan-payment-banner__link:focus-visible { outline: 2px solid #fff; outline-offset: 4px; border-radius: 2px; }
@media (max-width: 767.98px) {
  .plan-payment-banner__inner { flex-direction: column; align-items: flex-start; }
}

body:not(.is-admin-control) .site-header {
  position: sticky;
  top: 0;
  z-index: 1500;
  min-height: 76px;
  border-bottom: 1px solid rgba(164, 163, 161, .13);
  background:
    radial-gradient(circle at 18% -80%, rgba(155, 152, 145, .18), transparent 42%),
    linear-gradient(180deg, rgba(14, 14, 14, .96), rgba(14, 14, 14, .9));
  box-shadow: 0 16px 44px -32px rgba(25, 25, 24, .95);
  backdrop-filter: blur(20px) saturate(135%);
}

body:not(.is-admin-control) .site-header__inner {
  width: min(1760px, 100%);
  margin-inline: auto;
  padding: .72rem clamp(1rem, 2.2vw, 2rem);
}

body:not(.is-admin-control) .site-header .navbar-brand {
  flex: 0 0 auto;
  margin-right: clamp(.85rem, 1.6vw, 1.5rem);
  padding: .3rem 0;
}

body:not(.is-admin-control) .site-header .brand-logo {
  width: auto;
  height: clamp(34px, 3vw, 42px);
  filter: drop-shadow(0 8px 18px rgba(115, 115, 111, .12));
}

body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip) {
  min-height: 42px;
  border: 1px solid rgba(164, 163, 161, .14);
  border-radius: 13px;
  background: rgba(25, 25, 24, .48);
  color: rgba(234, 233, 231, .86);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

body:not(.is-admin-control) .site-header .nav-chip {
  padding: .62rem .78rem;
  gap: .48rem;
}

body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip):hover,
body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip):focus-visible,
body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip).is-active {
  border-color: rgba(155, 152, 145, .34);
  background: linear-gradient(145deg, rgba(115, 115, 111, .16), rgba(105, 104, 101, .1));
  color: #f8fafc;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px -20px rgba(155, 152, 145, .8), inset 0 1px 0 rgba(255, 255, 255, .06);
}

body:not(.is-admin-control) .site-header .nav-chip--accent {
  border-color: rgba(178, 177, 175, .42);
  background: linear-gradient(135deg, #8f8c86, #686662);
  color: #fff;
  box-shadow: 0 14px 28px -20px rgba(155, 152, 145, .95);
}

body:not(.is-admin-control) .site-header .nav-dropdown__menu {
  margin-top: .7rem !important;
  padding: .55rem;
  border: 1px solid rgba(164, 163, 161, .18);
  border-radius: 17px;
  background: rgba(14, 14, 14, .97);
  box-shadow: 0 28px 65px -28px rgba(5, 5, 5, .98);
  backdrop-filter: blur(22px);
}

body:not(.is-admin-control) .site-header .nav-dropdown__link {
  min-height: 42px;
  border-radius: 11px;
}

body:not(.is-admin-control) .site-header .navbar-toggler {
  width: 44px;
  height: 44px;
  padding: .62rem;
  border: 1px solid rgba(164, 163, 161, .2);
  border-radius: 13px;
  background: rgba(25, 25, 24, .68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body:not(.is-admin-control) .site-header .navbar-toggler:focus {
  border-color: rgba(155, 152, 145, .5);
  box-shadow: 0 0 0 3px rgba(155, 152, 145, .12);
}

body:not(.is-admin-control) .site-header .navbar-toggler[aria-expanded="true"] {
  border-color: rgba(155, 152, 145, .42);
  background: rgba(115, 115, 111, .13);
}

.floating-field {
  --floating-label-bg: #1d1d1c;
  position: relative;
  padding-top: .42rem;
}

.floating-field > .floating-field__label {
  position: absolute;
  top: 0;
  left: .86rem;
  z-index: 8;
  max-width: calc(100% - 1.72rem);
  margin: 0;
  padding: 0 .38rem;
  overflow: hidden;
  color: #a4a3a1;
  background: var(--floating-label-bg);
  font-size: .68rem;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: .015em;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(.32rem);
  pointer-events: none;
  transition: color .18s ease, transform .18s ease;
}

.floating-field > .input-group {
  position: relative;
  z-index: 1;
}

.floating-field:focus-within > .floating-field__label {
  color: #eeeae1;
  transform: translateY(.18rem);
}

.floating-field :is(.floating-field__control.form-control, .floating-field__control.form-select) {
  min-height: 52px;
  padding-top: .9rem;
}

.floating-field--has-info :is(.floating-field__control.form-control, .floating-field__control.form-select) {
  padding-right: 3rem;
}

.floating-field__input-wrap {
  position: relative;
  z-index: 1;
}

.floating-field > .floating-field__info,
.floating-field__input-wrap > .floating-field__info {
  position: absolute;
  z-index: 6;
  top: 50%;
  right: .82rem;
  display: inline-grid;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 9px;
  background: rgba(155, 152, 145, .08);
  color: #eeeae1;
  transform: translateY(-42%);
  pointer-events: auto;
}

.page-settings .settings-panel {
  overflow: hidden;
  border-color: rgba(164, 163, 161, .13);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(25, 25, 24, .82), rgba(20, 20, 19, .72));
  box-shadow: 0 28px 80px -50px rgba(5, 5, 5, .98);
}

.page-settings .settings-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: .45rem;
  overflow-x: auto;
  padding: .72rem;
  border: 0;
  border-bottom: 1px solid rgba(164, 163, 161, .12);
  scroll-padding-inline: .72rem;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.page-settings .settings-tabs::-webkit-scrollbar { display: none; }
.page-settings .settings-tabs .nav-item { flex: 0 0 auto; scroll-snap-align: start; }

.page-settings .settings-tabs .nav-link {
  min-height: 40px;
  padding: .58rem .78rem;
  border: 1px solid transparent;
  border-radius: 12px;
  white-space: nowrap;
}

.page-settings .settings-tabs .nav-link.active {
  border-color: rgba(155, 152, 145, .32);
  background: linear-gradient(135deg, rgba(115, 115, 111, .17), rgba(105, 104, 101, .12));
  box-shadow: 0 10px 26px -20px rgba(155, 152, 145, .9);
}

.page-settings .settings-tab-content { padding: clamp(1rem, 2.4vw, 1.75rem); }
.page-settings .settings-pane__header { margin-bottom: 1.15rem; }
.page-settings .settings-pane__header p { max-width: 62ch; }
.page-settings .settings-card { --floating-label-bg: #1e1d1b; border-radius: 17px; }

/* Ikas reset confirmation follows the application's dark modal language. */
.ikas-disconnect-modal .modal-content {
  background: linear-gradient(145deg, #151514, #1f1e1c);
  border: 1px solid rgba(159, 158, 156, 0.34);
  border-radius: 18px;
  color: #f1f0ee;
  box-shadow: 0 28px 70px rgba(5, 5, 5, 0.62), 0 0 32px rgba(126, 125, 123, 0.12);
}

.ikas-disconnect-modal__heading {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.ikas-disconnect-modal__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  border: 1px solid rgba(190, 242, 100, 0.42);
  border-radius: 0.8rem;
  background: linear-gradient(145deg, #252422, #151514);
  box-shadow: 0 0 18px rgba(190, 242, 100, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.ikas-disconnect-modal__icon img {
  width: 1.72rem;
  height: 1.72rem;
  object-fit: contain;
}

.ikas-disconnect-modal .modal-eyebrow {
  color: #51504e;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ikas-disconnect-modal .modal-title {
  color: #f8fbff;
  font-weight: 750;
}

.ikas-disconnect-modal .modal-body p {
  color: #d4d3d1;
  line-height: 1.65;
}

.ikas-disconnect-modal__notice {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1rem;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(159, 158, 156, 0.28);
  border-radius: 0.75rem;
  background: rgba(68, 67, 65, 0.18);
  color: #d9d6cf;
  font-size: 0.88rem;
  font-weight: 650;
}

.ikas-disconnect-modal__notice i { color: #eeeae1; font-size: 1rem; }

.ikas-disconnect-modal .modal-footer {
  gap: 0.65rem;
}

.ikas-disconnect-modal .btn-close {
  opacity: 0.72;
  filter: invert(1) grayscale(1) brightness(1.8);
}

.ikas-disconnect-modal .btn-close:hover,
.ikas-disconnect-modal .btn-close:focus {
  opacity: 1;
}

.ikas-disconnect-modal .btn-outline-light {
  border-color: #757472;
  color: #e9e8e6;
}

.ikas-disconnect-modal .btn-outline-light:hover,
.ikas-disconnect-modal .btn-outline-light:focus {
  background: rgba(164, 163, 161, 0.16);
  border-color: #565553;
  color: #fff;
}

.ikas-disconnect-modal__confirm {
  border: 1px solid rgba(248, 113, 113, 0.7);
  background: linear-gradient(135deg, #dc2626, #ef4444);
  color: #fff;
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.2);
}

.ikas-disconnect-modal__confirm:hover,
.ikas-disconnect-modal__confirm:focus-visible {
  border-color: #fca5a5;
  background: linear-gradient(135deg, #b91c1c, #dc2626);
  color: #fff;
}

.ikas-disconnect-modal .btn-outline-danger {
  border-color: #dc2626;
  color: #b91c1c;
}

.ikas-disconnect-modal .btn-outline-danger:hover,
.ikas-disconnect-modal .btn-outline-danger:focus {
  background: #dc2626;
  color: #fff;
}

/* Shopier OAuth disconnect confirmation uses the partner dark modal palette.
   The unscoped Bootstrap modal defaults to a white surface, which makes the
   application's light text and destructive action fail contrast checks. */
.shopier-oauth-disconnect-modal .modal-content {
  background: linear-gradient(145deg, #151514, #1f1e1c);
  border-color: rgba(159, 158, 156, 0.34);
  color: var(--ds-text-primary);
}

.shopier-oauth-disconnect-modal .modal-eyebrow {
  color: #d1cec6;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shopier-oauth-disconnect-modal .modal-title {
  color: var(--ds-text-primary);
  font-weight: 750;
}

.shopier-oauth-disconnect-modal .modal-body p {
  color: var(--ds-text-secondary) !important;
  line-height: 1.65;
}

.shopier-oauth-disconnect-modal .modal-body .form-label {
  color: var(--ds-text-secondary);
}

.shopier-oauth-disconnect-modal__field {
  display: grid;
  gap: 0.45rem;
  margin-top: 1.15rem;
}

.shopier-oauth-disconnect-modal__field .form-label {
  margin-bottom: 0;
}

.shopier-oauth-disconnect-modal .modal-body .form-control {
  background: rgba(25, 25, 24, 0.72);
  border-color: rgba(164, 163, 161, 0.3);
  color: var(--ds-text-primary);
  color-scheme: dark;
}

.shopier-oauth-disconnect-modal .modal-body .form-control:focus {
  background: rgba(25, 25, 24, 0.82);
  border-color: rgba(199, 198, 196, 0.62);
  box-shadow: 0 0 0 0.25rem rgba(246, 184, 0, 0.2);
  color: var(--ds-text-primary);
}

.shopier-oauth-disconnect-modal .btn-close {
  opacity: 0.86;
  filter: invert(1) grayscale(1) brightness(2.5);
}

.shopier-oauth-disconnect-modal .btn-close:hover,
.shopier-oauth-disconnect-modal .btn-close:focus-visible {
  opacity: 1;
}

.shopier-oauth-disconnect-modal .modal-footer {
  border-color: rgba(164, 163, 161, 0.18);
}

.shopier-oauth-disconnect-modal .btn-outline-danger {
  background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
  border-color: rgba(252, 165, 165, 0.55);
  color: #fff;
}

.shopier-oauth-disconnect-modal .btn-outline-danger:hover,
.shopier-oauth-disconnect-modal .btn-outline-danger:focus-visible {
  background: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);
  border-color: #fecaca;
  color: #fff;
}

.settings-legacy-connection {
  overflow: hidden;
  border: 1px solid rgba(164, 163, 161, .13);
  border-radius: 15px;
  background: rgba(5, 5, 5, .2);
}

.settings-legacy-connection > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1rem;
  color: #d7d6d4;
  cursor: pointer;
  list-style: none;
}

.settings-legacy-connection > summary::-webkit-details-marker { display: none; }
.settings-legacy-connection > summary small { color: #8e8d8b; }
.settings-legacy-connection[open] > summary { border-bottom: 1px solid rgba(164, 163, 161, .12); }
.settings-legacy-connection > .settings-card { margin: .8rem; }

.premium-integration__icon--trendyol {
  border: 1px solid rgba(249, 115, 22, .24);
  background: #fff7ed;
  box-shadow: inset 0 1px 0 #fff, 0 12px 22px -18px rgba(249, 115, 22, .8);
}

.premium-integration__icon--trendyol img { max-width: 82%; }

.premium-hero::after {
  position: absolute;
  z-index: 0;
  top: 4%;
  left: 0;
  width: 34rem;
  height: 34rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(155, 152, 145, .13), rgba(105, 104, 101, .035) 48%, transparent 70%);
  content: "";
  filter: blur(8px);
  pointer-events: none;
  animation: premiumHeroDrift 18s ease-in-out infinite alternate;
}

.premium-hero > * { position: relative; z-index: 1; }

@keyframes premiumHeroDrift {
  from { transform: translate3d(-12%, -18%, 0) scale(.9); opacity: .62; }
  to { transform: translate3d(74%, 16%, 0) scale(1.08); opacity: .9; }
}

@media (max-width: 991.98px) {
  body:not(.is-admin-control) .site-header { min-height: 68px; }
  body:not(.is-admin-control) .site-header__inner { padding-block: .65rem; }
  body:not(.is-admin-control) .site-header .brand-logo { height: 34px; }
  body:not(.is-admin-control) .site-header .navbar-collapse {
    margin-top: .72rem;
    padding: .75rem;
    border: 1px solid rgba(164, 163, 161, .15);
    border-radius: 18px;
    background: rgba(14, 14, 14, .97);
    box-shadow: 0 26px 52px -30px rgba(5, 5, 5, .98);
    max-height: calc(100vh - 92px);
    overflow-y: auto;
  }
  body:not(.is-admin-control) .site-header :is(.nav-panel, .nav-menu-group, .nav-menu-group__end, .nav-menu) { width: 100%; }
  body:not(.is-admin-control) .site-header :is(.nav-menu-group, .nav-menu-group__end, .nav-menu) { align-items: stretch; }
  body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip) { width: 100%; justify-content: flex-start; }
  body:not(.is-admin-control) .site-header .nav-dropdown { width: 100%; }
  body:not(.is-admin-control) .site-header .nav-dropdown__menu { position: static !important; width: 100%; transform: none !important; box-shadow: none; }
}

@media (max-width: 575.98px) {
  .page-catalog .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .68rem;
  }
  .page-catalog .catalog-grid .card-modern { min-width: 0; border-radius: 15px; }
  .page-catalog .catalog-grid .card-modern .card-media { min-height: 0; aspect-ratio: 1 / 1.12; }
  .page-catalog .catalog-grid .card-modern .card-body { padding: .72rem; gap: .5rem; }
  .page-catalog .catalog-grid .product-title { min-height: 2.35em; font-size: .82rem; line-height: 1.18; }
  .page-catalog .catalog-grid .product-price { top: .5rem; right: .5rem; padding: .38rem .48rem; font-size: .78rem; }
  .page-catalog .catalog-grid .product-categories { display: none; }
  .page-catalog .catalog-grid .product-import-count { font-size: .68rem; }
  .page-catalog .catalog-grid .product-status { padding: .3rem .4rem; font-size: .64rem; }
  .page-catalog .catalog-grid .card-media-cta { display: none; }
  .page-catalog .catalog-grid .empty-state { grid-column: 1 / -1; }

  .page-orders .orders-section { gap: 1rem; }
  .page-orders .section-title { align-items: stretch; }
  .page-orders .section-title > .d-flex { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; }
  .page-orders .section-title > .d-flex .btn { min-width: 0; width: 100%; padding-inline: .65rem; font-size: .78rem; }
  .page-orders .orders-sync-btn { grid-column: 1 / -1; }
  .page-orders .orders-markup-indicator { max-width: 100%; white-space: normal; }
  .page-orders .orders-markup-indicator__label { display: none; }
  .page-orders .orders-toolbar { padding: .72rem; border-radius: 16px; }
  .page-orders .orders-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding-bottom: .2rem; scroll-snap-type: x proximity; scrollbar-width: none; }
  .page-orders .orders-tabs::-webkit-scrollbar { display: none; }
  .page-orders .orders-tab { flex: 0 0 auto; scroll-snap-align: start; white-space: nowrap; }
  .page-orders .order-card { padding: .9rem; border-radius: 17px; }
  .page-orders .order-card__header { gap: .7rem; }
  .page-orders .order-card__title { min-width: 0; flex-wrap: wrap; }
  .page-orders .order-card__meta { gap: .45rem; font-size: .78rem; }
  .page-orders .order-card__body { gap: .75rem; }
  .page-orders .order-card__customer,
  .page-orders .order-card__items { min-width: 0; padding: .8rem; border-radius: 13px; }
  .page-orders .order-card__customer li { grid-template-columns: minmax(70px, .72fr) minmax(0, 1.28fr); }
  .page-orders .order-card__customer li span:not(.label),
  .page-orders .order-card__customer-note-text { overflow-wrap: anywhere; }
  .page-orders .order-card__totals { gap: .65rem; }
  .page-orders .order-card__totals-group { width: 100%; }
  .page-orders .order-card__actions-group--joined { grid-template-columns: 1fr; }
  .page-orders .order-card__actions .btn,
  .page-orders .order-card__actions .btn-wallet { white-space: normal; }
  .page-orders .order-card__footer { padding: .8rem; border-radius: 13px; }

  .page-settings .section-title > span { display: none; }
  .page-settings .settings-panel { margin-inline: -.35rem; border-radius: 18px; }
  .page-settings .settings-tabs { position: sticky; top: 68px; z-index: 20; background: rgba(20, 20, 19, .96); backdrop-filter: blur(18px); }
  .page-settings .settings-tabs .nav-link { padding: .54rem .68rem; font-size: .78rem; }
  .page-settings .settings-tab-content { padding: .85rem; }
  .page-settings .settings-pane__header p { font-size: .82rem; }
  .page-settings .settings-card { padding: .9rem; border-radius: 15px; }
  .page-settings .settings-card__header--between { align-items: flex-start; }
  .page-settings .settings-card__header p,
  .page-settings .form-text { font-size: .75rem; }
  .page-settings .branding-layout { grid-template-columns: 1fr; }
  .page-settings .table-responsive { border-radius: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-hero::after { animation: none; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-live i, .mobile-dock__item, .floating-field > label.form-label { transition: none; }
}

html,
body {
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(105, 104, 101, 0.18), transparent 55%),
    radial-gradient(circle at 20% 80%, rgba(115, 115, 111, 0.18), transparent 55%),
    linear-gradient(180deg, #111111 0%, #050505 100%);
  font-family: var(--ds-font-sans);
  color: var(--ds-text-primary);
}

body {
  display: flex;
  flex-direction: column;
  color: var(--ds-text-primary);
}

body,
button,
input,
select,
textarea {
  font-family: var(--ds-font-sans);
  color: var(--ds-text-primary);
}

button,
input,
select,
textarea {
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ds-text-primary);
}

p,
li,
label,
small,
.form-text {
  color: var(--ds-text-secondary);
}

.text-muted {
  color: var(--ds-text-muted) !important;
}

a {
  color: var(--ds-text-secondary);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--ds-primary);
}

a:focus-visible {
  outline: 2px solid rgba(105, 104, 101, 0.45);
  outline-offset: 2px;
}

main {
  flex: 1;
  width: 100%;
  max-width: min(1600px, calc(100vw - 3rem));
  margin: 0 auto;
  padding: 0.5rem 1.5rem 5.5rem;
}

@media (max-width: 575.98px) {
  main {
    max-width: min(1600px, calc(100vw - 0rem));
  }

}

.account-status-banner__container {
  width: 100%;
  max-width: min(1600px, calc(100vw - 3rem));
  margin: 0 auto;
  padding: 0 1.5rem;
}

.account-status-banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.75rem;
  margin: 1.5rem auto 2.5rem;
  padding: 1.5rem 1.85rem;
  border-radius: 1.5rem;
  border: 1px solid rgba(105, 104, 101, 0.35);
  background: linear-gradient(120deg, rgba(105, 104, 101, 0.18), rgba(115, 115, 111, 0.16));
  box-shadow: 0 25px 65px -40px rgba(115, 115, 111, 0.7);
  overflow: hidden;
}

.account-status-banner--sticky {
  position: sticky;
  top: 0;
  z-index: 1300;
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-radius: 0 0 1.35rem 1.35rem;
}

.account-status-banner::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.account-status-banner__icon {
  flex: 0 0 auto;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  background: rgba(105, 104, 101, 0.25);
  color: #eae9e7;
  box-shadow: 0 15px 35px -25px rgba(105, 104, 101, 0.8);
}

.account-status-banner__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.account-status-banner__title {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.account-status-banner__body {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  color: var(--ds-text-secondary);
  font-size: 0.95rem;
}

.account-status-banner__heading {
  color: var(--ds-text-primary);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.account-status-banner__message {
  color: var(--ds-text-secondary);
  line-height: 1.45;
}

.account-status-banner__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: rgba(25, 25, 24, 0.45);
  border: 1px solid rgba(105, 104, 101, 0.4);
  color: var(--ds-text-secondary);
}

.account-status-banner__cta {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
}

.account-status-banner__cta .btn {
  min-width: 8.5rem;
  padding: 0.65rem 1.1rem;
  border-radius: 999px;
  font-weight: 600;
}

.account-status-banner__cta--activation form {
  display: flex;
}

.account-status-banner__cta .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--ds-text-primary);
}

.account-status-banner__cta .btn-outline-light:hover,
.account-status-banner__cta .btn-outline-light:focus {
  border-color: rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.08);
}

.account-status-banner--warning {
  border-color: rgba(245, 158, 11, 0.45);
  background: linear-gradient(120deg, rgba(245, 158, 11, 0.22), rgba(126, 125, 123, 0.12));
  box-shadow: 0 25px 65px -40px rgba(245, 158, 11, 0.8);
}

.account-status-banner--warning .account-status-banner__icon {
  background: rgba(245, 158, 11, 0.25);
  color: #fffbeb;
}

.account-status-banner--danger {
  border-color: rgba(239, 68, 68, 0.45);
  background: linear-gradient(120deg, rgba(239, 68, 68, 0.25), rgba(105, 104, 101, 0.16));
  box-shadow: 0 25px 65px -40px rgba(239, 68, 68, 0.85);
}

.account-status-banner--danger .account-status-banner__icon {
  background: rgba(239, 68, 68, 0.25);
  color: #ffe4e6;
}

@media (max-width: 992px) {
  .account-status-banner {
    flex-wrap: wrap;
    padding: 1.35rem 1.35rem;
  }

  .account-status-banner__cta {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .account-status-banner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
  }

  .account-status-banner--sticky {
    top: 0;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 0 0 1rem 1rem;
  }

  .account-status-banner__message {
    line-height: 1.45;
  }

  .account-status-banner__body {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.85rem;
  }

  .account-status-banner__content {
    width: 100%;
  }

  .account-status-banner__cta--activation form {
    width: 100%;
  }

  .account-status-banner__cta {
    justify-content: stretch;
  }

  .account-status-banner__cta .btn {
    flex: 1 1 100%;
  }
}

.navbar {
  backdrop-filter: blur(14px);
  background: rgba(25, 25, 24, 0.82) !important;
  border-bottom: 1px solid rgba(164, 163, 161, 0.25);
  position: relative;
  z-index: 1500;
}

.page-admin-orders .navbar {
  background: #111111 !important;
  border-bottom-color: rgba(164, 163, 161, 0.25);
}

.page-admin-orders .admin-orders-header {
  background: #111111;
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 1.25rem;
  padding: 1.5rem;
}

.page-admin-orders .admin-orders-search-card {
  background: #191919;
  border: 1px solid rgba(164, 163, 161, 0.22);
  box-shadow: 0 24px 40px -32px rgba(25, 25, 24, 0.85);
}

.page-admin-orders .admin-orders-search-card .form-label {
  color: var(--ds-text-secondary);
}

.page-admin-orders .admin-orders-search-card .form-control {
  background: #111111;
  border: 1px solid rgba(164, 163, 161, 0.25);
  color: var(--ds-text-primary);
}

.page-admin-orders .admin-orders-search-card .form-control::placeholder {
  color: rgba(234, 233, 231, 0.75);
}

.page-admin-orders .admin-orders-search-card .form-control:focus {
  border-color: rgba(105, 104, 101, 0.55);
  box-shadow: 0 0 0 0.2rem rgba(105, 104, 101, 0.18);
}

.page-admin-orders .admin-orders-search-card .btn-outline-light {
  border-color: rgba(164, 163, 161, 0.35);
  color: var(--ds-text-secondary);
}

.page-admin-orders .admin-orders-search-card .btn-outline-light:hover,
.page-admin-orders .admin-orders-search-card .btn-outline-light:focus {
  background: rgba(105, 104, 101, 0.16);
  color: #fff;
  border-color: rgba(105, 104, 101, 0.55);
}

.page-admin-orders .admin-orders-search-card .text-muted {
  color: var(--ds-text-muted) !important;
}

.page-admin-orders .admin-order-financial-summary {
  border-color: rgba(155, 152, 145, 0.6) !important;
  background: linear-gradient(145deg, rgba(18, 17, 15, 0.9), rgba(25, 25, 24, 0.82)) !important;
  box-shadow: inset 0 0 0 1px rgba(155, 152, 145, 0.15);
}

.page-admin-orders .admin-order-financial-summary [data-order-fin-partner] {
  background: rgba(225, 224, 222, 0.92) !important;
  color: #474644 !important;
}

.page-admin-orders .admin-order-financial-summary .small.text-muted {
  color: rgba(164, 163, 161, 0.92) !important;
}

.page-admin-orders .admin-order-financial-summary__card {
  border: 1px solid rgba(155, 152, 145, 0.26);
  background:
    linear-gradient(180deg, rgba(40, 40, 38, 0.78), rgba(25, 25, 24, 0.88)),
    radial-gradient(circle at top right, rgba(155, 152, 145, 0.22), transparent 62%);
}

.page-admin-orders .admin-order-financial-summary__card [data-order-fin-marketplace-total] {
  color: rgba(234, 233, 231, 0.96);
}

.page-admin-orders .admin-order-financial-summary__card [data-order-fin-partner-total] {
  color: #d1d0ce !important;
}

.page-admin-catalog-controls .card {
  background: #191919;
  border: 1px solid rgba(164, 163, 161, 0.22);
}

.page-admin-catalog-controls .catalog-children-wrap {
  border: 1px solid rgba(164, 163, 161, 0.2);
  border-radius: 0.8rem;
  background: rgba(5, 5, 5, 0.65);
  padding: 0.75rem;
}

.page-admin-catalog-controls .catalog-translation-cell {
  width: 142px;
}

.catalog-translation-heading {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  white-space: nowrap;
}

.catalog-bulk-translation-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  min-height: 26px;
  padding: 0.18rem 0.48rem;
  color: #ddd9d1;
  background: rgba(115, 115, 111, 0.1);
  border: 1px solid rgba(155, 152, 145, 0.32);
  border-radius: 0.5rem;
  font-size: 0.68rem;
  font-weight: 750;
  line-height: 1;
}

.catalog-bulk-translation-trigger:hover,
.catalog-bulk-translation-trigger:focus-visible {
  color: #fbfaf8;
  background: rgba(115, 115, 111, 0.18);
  border-color: rgba(199, 198, 196, 0.6);
  outline: none;
}

.catalog-bulk-translation-trigger:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.page-admin-catalog-controls .catalog-product-name-cell {
  width: 330px;
  max-width: 330px;
}

.page-admin-catalog-controls tr[data-parent-row] {
  cursor: pointer;
}

.page-admin-catalog-controls tr[data-parent-row] > td {
  transition: background-color 150ms ease;
}

.page-admin-catalog-controls tr[data-parent-row]:hover > td {
  background-color: rgba(155, 152, 145, 0.08);
}

.page-admin-catalog-controls .catalog-product-name {
  overflow: hidden;
  color: #f1f5f9;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-admin-catalog-controls .catalog-sku-cell {
  width: 132px;
  max-width: 132px;
}

.page-admin-catalog-controls .catalog-sku {
  display: inline-block;
  max-width: 122px;
  overflow: hidden;
  padding: 0.22rem 0.42rem;
  color: #ddd9d1;
  background: rgba(5, 5, 5, 0.56);
  border: 1px solid rgba(155, 152, 145, 0.2);
  border-radius: 0.38rem;
  font-size: 0.68rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.catalog-translation-action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  min-width: 128px;
  padding: 0.4rem 0.45rem 0.4rem 0.65rem;
  color: #d7d6d4;
  background: rgba(25, 25, 24, 0.68);
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 0.65rem;
  transition: border-color 150ms ease, background 150ms ease, color 150ms ease, transform 150ms ease;
}

.catalog-translation-action:hover,
.catalog-translation-action:focus-visible {
  color: #eeeae3;
  background: rgba(115, 115, 111, 0.1);
  border-color: rgba(155, 152, 145, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.catalog-translation-action__label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 650;
  white-space: nowrap;
}

.catalog-translation-action__label i {
  color: #d1cec6;
}

.catalog-translation-action__languages {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
}

.catalog-language-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  height: 21px;
  padding: 0 0.3rem;
  color: #757472;
  background: rgba(5, 5, 5, 0.72);
  border: 1px solid rgba(117, 116, 114, 0.28);
  border-radius: 0.38rem;
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.04em;
}

.catalog-language-status.is-ready {
  color: #a7f3d0;
  background: rgba(16, 185, 129, 0.13);
  border-color: rgba(52, 211, 153, 0.34);
}

.catalog-translation-modal .modal-dialog {
  width: min(1540px, calc(100vw - 2rem));
  max-width: none;
  margin: 1rem auto;
}

.modal-modern.catalog-translation-modal .modal-content {
  height: min(900px, calc(100vh - 2rem));
  overflow: hidden;
  border-radius: 1.1rem;
  border-color: rgba(155, 152, 145, 0.3);
  background:
    radial-gradient(circle at top right, rgba(115, 115, 111, 0.1), transparent 34%),
    linear-gradient(145deg, #111111, #191919 52%, #1d1d1d);
  box-shadow: 0 32px 90px rgba(5, 5, 5, 0.78);
}

.catalog-translation-modal__header {
  min-height: 74px;
  padding: 1rem 1.35rem;
  background: rgba(5, 5, 5, 0.36);
}

.catalog-translation-modal__header .modal-title {
  color: #f8fafc;
  font-size: 1.05rem;
}

.catalog-translation-modal .modal-eyebrow {
  color: #d1cec6;
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.catalog-translation-modal .modal-body {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  padding: 1.1rem 1.35rem 1.25rem;
  overflow: hidden;
  flex-direction: column;
}

.catalog-translation-toolbar {
  display: flex;
  align-items: end;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(5, 5, 5, 0.42);
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.8rem;
}

.catalog-translation-toolbar__language {
  width: 185px;
}

.catalog-translation-toolbar .form-label {
  margin-bottom: 0.35rem;
  color: #a4a3a1;
  font-size: 0.72rem;
}

.catalog-translation-toolbar__status {
  margin-left: auto;
  align-self: center;
  color: #a4a3a1;
  font-size: 0.75rem;
}

.catalog-translation-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  min-height: 0;
  flex: 1;
}

.catalog-translation-pane {
  display: flex;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  flex-direction: column;
  background: rgba(25, 25, 24, 0.68);
  border: 1px solid rgba(164, 163, 161, 0.2);
  border-radius: 0.9rem;
}

.catalog-translation-pane--target {
  border-color: rgba(155, 152, 145, 0.38);
  box-shadow: inset 0 1px 0 rgba(155, 152, 145, 0.08);
}

.catalog-translation-pane__header {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.78rem 0.9rem;
  background: rgba(5, 5, 5, 0.35);
  border-bottom: 1px solid rgba(164, 163, 161, 0.16);
}

.catalog-translation-pane__header strong,
.catalog-translation-pane__header small {
  display: block;
}

.catalog-translation-pane__header strong {
  color: #eae9e7;
  font-size: 0.86rem;
}

.catalog-translation-pane__header small {
  margin-top: 0.08rem;
  color: #757472;
  font-size: 0.68rem;
}

.catalog-translation-pane__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  color: #eeeae1;
  background: rgba(115, 115, 111, 0.12);
  border: 1px solid rgba(155, 152, 145, 0.22);
  border-radius: 0.55rem;
}

.catalog-translation-pane__body {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.8rem;
  min-height: 0;
  padding: 0.9rem;
}

.catalog-translation-field {
  display: flex;
  min-height: 0;
  flex-direction: column;
}

.catalog-translation-field .form-label {
  margin-bottom: 0.35rem;
  color: #d7d6d4;
  font-size: 0.74rem;
  font-weight: 650;
}

.catalog-translation-field--title textarea {
  height: 72px;
  min-height: 72px;
  resize: none;
}

.catalog-translation-field--description textarea {
  height: 100%;
  min-height: 180px;
  overflow-y: auto;
  resize: none;
  line-height: 1.55;
}

.catalog-translation-modal textarea[readonly] {
  color: #d7d6d4;
  background: rgba(5, 5, 5, 0.5);
}

.catalog-translation-modal__footer {
  position: relative;
  z-index: 5;
  flex: 0 0 auto;
  min-height: 66px;
  padding: 0.75rem 1.35rem;
  background: rgba(5, 5, 5, 0.4);
  pointer-events: auto;
}

.catalog-translation-modal__footer .btn {
  position: relative;
  z-index: 6;
  pointer-events: auto;
  isolation: isolate;
}

.catalog-translation-modal__footer .btn::before,
.catalog-translation-modal__footer .btn::after {
  pointer-events: none;
}

body:has(.catalog-translation-modal.show) .toast-stack,
body:has(.catalog-translation-modal.show) [data-toast-stack] {
  z-index: 2050;
  pointer-events: none;
}

body:has(.catalog-translation-modal.show) .toast-card {
  pointer-events: none;
}

.catalog-bulk-translation-modal .modal-dialog {
  width: min(620px, calc(100vw - 2rem));
  max-width: none;
}

.modal-modern.catalog-bulk-translation-modal .modal-content {
  border-color: rgba(250, 204, 21, 0.28);
  background:
    radial-gradient(circle at top right, rgba(250, 204, 21, 0.1), transparent 34%),
    linear-gradient(145deg, #111111, #191919 56%, #1d1d1d);
}

.catalog-bulk-translation-modal .modal-eyebrow {
  color: #facc15;
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.catalog-bulk-translation-grid {
  display: grid;
  grid-template-columns: 185px minmax(0, 1fr);
  gap: 0.9rem;
  align-items: end;
}

.catalog-bulk-translation-modal .form-label {
  color: #d7d6d4;
  font-size: 0.74rem;
  font-weight: 650;
}

.catalog-bulk-translation-summary {
  display: flex;
  min-height: 58px;
  justify-content: center;
  flex-direction: column;
  padding: 0.65rem 0.75rem;
  background: rgba(5, 5, 5, 0.42);
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.7rem;
}

.catalog-bulk-translation-summary span {
  color: #f8fafc;
  font-size: 0.92rem;
  font-weight: 750;
}

.catalog-bulk-translation-summary small {
  color: #a4a3a1;
  font-size: 0.72rem;
}

.catalog-bulk-translation-progress {
  margin-top: 1rem;
  padding: 0.8rem;
  color: #d7d6d4;
  background: rgba(5, 5, 5, 0.36);
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.8rem;
  font-size: 0.78rem;
}

.catalog-bulk-translation-progress .progress {
  height: 0.55rem;
  background: rgba(25, 25, 24, 0.9);
}

.catalog-bulk-translation-progress .progress-bar {
  background: linear-gradient(90deg, #d1cec6, #facc15);
}

.catalog-bulk-translation-results {
  display: grid;
  gap: 0.45rem;
  max-height: 260px;
  margin-top: 1rem;
  overflow-y: auto;
}

.catalog-bulk-translation-result {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.55rem 0.65rem;
  color: #d7d6d4;
  background: rgba(25, 25, 24, 0.58);
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.65rem;
  font-size: 0.76rem;
  line-height: 1.35;
}

.catalog-bulk-translation-result i {
  margin-top: 0.08rem;
}

.catalog-bulk-translation-result--success i {
  color: #34d399;
}

.catalog-bulk-translation-result--skip i {
  color: #a4a3a1;
}

.catalog-bulk-translation-result--error i {
  color: #fb7185;
}

@media (max-width: 991.98px) {
  .catalog-translation-modal .modal-content {
    height: calc(100vh - 1rem);
  }

  .catalog-translation-modal .modal-body {
    overflow-y: auto;
  }

  .catalog-translation-workspace {
    display: flex;
    flex: none;
    flex-direction: column;
  }

  .catalog-translation-pane {
    min-height: 520px;
  }

  .catalog-translation-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .catalog-translation-toolbar__language {
    width: 100%;
  }

  .catalog-translation-toolbar__status {
    margin-left: 0;
  }

  .catalog-bulk-translation-grid {
    grid-template-columns: 1fr;
  }
}

.catalog-thumb-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: zoom-in;
}

.catalog-thumb {
  width: 38px;
  height: 38px;
  border-radius: 0.45rem;
  object-fit: cover;
  border: 1px solid rgba(164, 163, 161, 0.35);
  background: rgba(5, 5, 5, 0.5);
}

.catalog-thumb-floating-preview {
  position: fixed;
  z-index: 5000;
  display: block;
  padding: 0.4rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(164, 163, 161, 0.35);
  background: rgba(5, 5, 5, 0.98);
  box-shadow: 0 18px 36px rgba(5, 5, 5, 0.7);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) scale(0.98);
  transition: opacity 120ms ease, transform 120ms ease, visibility 0ms linear 120ms;
  max-width: 160px;
}

.catalog-thumb-floating-preview.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  transition: opacity 120ms ease, transform 120ms ease;
}

.catalog-thumb-floating-preview[data-placement="top"] {
  transform-origin: bottom center;
}

.catalog-thumb-floating-preview[data-placement="bottom"] {
  transform-origin: top center;
}

.catalog-thumb-floating-preview img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 0.5rem;
}

.brand-logo {
  height: 34px;
  width: auto;
  border-radius: 0.35rem;
  object-fit: contain;
}

.navbar-brand {
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.nav-panel {
  width: 100%;
}

.nav-menu-group {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.9rem;
}

.nav-menu-group__end {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}

.nav-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
}

.nav-menu--primary {
  justify-content: flex-start;
}

.nav-menu--secondary {
  justify-content: flex-start;
}

.nav-wallet-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 40px;
  max-width: 100%;
  padding: 0.38rem 0.85rem 0.38rem 0.45rem;
  border: 1px solid rgba(155, 152, 145, 0.28);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(115, 115, 111, 0.12), rgba(40, 40, 38, 0.22));
  color: #e6e3dc;
  text-decoration: none;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 16px 36px -30px rgba(115, 115, 111, 0.85);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.nav-wallet-chip:hover,
.nav-wallet-chip:focus,
.nav-wallet-chip.is-active {
  border-color: rgba(199, 198, 196, 0.5);
  background: linear-gradient(135deg, rgba(115, 115, 111, 0.22), rgba(105, 104, 101, 0.18));
  color: #fff;
  box-shadow: 0 18px 42px -30px rgba(115, 115, 111, 0.95);
  transform: translateY(-1px);
}

.nav-wallet-chip__main {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.nav-wallet-chip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 999px;
  background: rgba(115, 115, 111, 0.18);
  color: #eeeae3;
  font-size: 0.92rem;
  flex: 0 0 auto;
  box-shadow: inset 0 0 0 1px rgba(225, 224, 222, 0.12);
}

.nav-wallet-chip__label {
  color: rgba(235, 234, 232, 0.78);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.nav-wallet-chip__amount {
  color: #f8fafc;
  font-variant-numeric: tabular-nums;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-dropdown {
  position: relative;
}

.nav-dropdown__toggle {
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 0.65rem;
  padding-right: 0.8rem;
}

.nav-chip__caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1rem;
  width: 1rem;
  height: 1.25rem;
  margin-left: 0.05rem;
  color: currentColor;
  font-size: 0.72rem;
  line-height: 1;
  opacity: 0.78;
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.nav-dropdown__toggle[aria-expanded="true"] .nav-chip__caret {
  transform: rotate(180deg);
  opacity: 1;
}

.nav-dropdown__menu {
  min-width: 15rem;
  padding: 0.35rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(25, 25, 24, 0.92);
  box-shadow: 0 26px 60px -34px rgba(5, 5, 5, 0.9);
  backdrop-filter: blur(14px);
  z-index: 1200;
  max-width: min(24rem, calc(100vw - 2rem));
}

.nav-dropdown__link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.45rem 0.65rem;
  border-radius: 0.7rem;
  color: var(--ds-text-secondary);
  transition: background 0.2s ease, color 0.2s ease;
  width: 100%;
}

.nav-dropdown__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-width: 0;
}

.nav-dropdown__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nav-dropdown__link:hover,
.nav-dropdown__link:focus {
  background: rgba(105, 104, 101, 0.18);
  color: #fff;
}

.nav-dropdown__link.is-active {
  background: rgba(105, 104, 101, 0.28);
  color: #fff;
}

.nav-dropdown__link--separated {
  margin-top: 0.35rem;
  border-top: 1px solid rgba(164, 163, 161, 0.16);
  padding-top: 0.65rem;
}

.nav-dropdown__link--danger {
  color: #ffe4e6;
}

.nav-dropdown__link--danger .nav-dropdown__icon {
  background: rgba(239, 68, 68, 0.18);
  color: #fff1f2;
}

.nav-dropdown__link--danger:hover,
.nav-dropdown__link--danger:focus,
.nav-dropdown__link--danger.is-active {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.24), rgba(127, 29, 29, 0.3));
  color: #fff;
}

.nav-dropdown__icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(105, 104, 101, 0.12);
  color: var(--ds-text-secondary);
  font-size: 1rem;
}

.nav-dropdown__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.9), rgba(248, 113, 113, 0.85));
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.32);
  padding-inline: clamp(0.4rem, 0.5vw + 0.2rem, 0.6rem);
}

@media (max-width: 991.98px) {
  .nav-menu-group,
  .nav-menu-group__end {
    width: 100%;
  }

  .nav-menu {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0.55rem;
  }

  .nav-menu--primary,
  .nav-menu--secondary {
    justify-content: flex-start;
  }

  .nav-chip,
  .nav-wallet-chip,
  .nav-dropdown__toggle {
    width: 100%;
    justify-content: space-between;
    text-align: left;
  }

  .nav-wallet-chip {
    min-height: 44px;
    padding: 0.45rem 0.75rem;
  }

  .nav-dropdown__menu {
    width: 100%;
    max-width: calc(100vw - 2rem);
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    margin-top: 0.4rem;
  }
}

@media (min-width: 768px) {
  .nav-menu-group__end {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  .nav-menu-group {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
  }

  .nav-menu--primary {
    justify-content: flex-start;
  }

  .nav-menu--secondary {
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  body.is-impersonating .nav-menu-group {
    gap: 0.8rem;
  }

  body.is-impersonating .nav-menu {
    gap: 0.45rem;
  }

  body.is-impersonating .nav-menu-group__end {
    gap: 0.45rem;
  }
}

.nav-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 1.1rem;
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.22);
  background: linear-gradient(135deg, rgba(164, 163, 161, 0.08), rgba(40, 40, 38, 0.22));
  color: var(--ds-text-secondary);
  font-size: 0.95rem;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.01em;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

.nav-chip::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0% 0%, rgba(105, 104, 101, 0.18), transparent 60%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.nav-chip:hover,
.nav-chip:focus {
  color: #fff;
  border-color: rgba(105, 104, 101, 0.45);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.2), rgba(115, 115, 111, 0.24));
  box-shadow: 0 18px 40px -28px rgba(105, 104, 101, 0.7);
}

.nav-chip:hover::after,
.nav-chip:focus::after {
  opacity: 1;
}

.nav-chip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 999px;
  background: rgba(164, 163, 161, 0.18);
  color: var(--ds-text-primary);
  font-size: 0.95rem;
  transition: inherit;
}

.nav-chip__label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.nav-chip__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.55rem;
  background: linear-gradient(135deg, rgba(40, 40, 38, 0.6), rgba(66, 65, 63, 0.6));
  color: #eae9e7;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 12px 30px -22px rgba(25, 25, 24, 0.55);
  flex-shrink: 0;
}

.nav-chip__avatar--square {
  border-radius: 0.6rem;
}

.nav-chip__avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-chip__avatar-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
  font-size: 0.9rem;
  color: inherit;
}

.nav-chip__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.1rem 0.55rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.9), rgba(248, 113, 113, 0.85));
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 10px 24px -14px rgba(239, 68, 68, 0.85), inset 0 0 0 1px rgba(248, 250, 252, 0.25);
}

.nav-chip__badge--plan {
  background: linear-gradient(135deg, rgba(155, 152, 145, 0.9), rgba(110, 109, 105, 0.9));
  box-shadow: 0 10px 24px -14px rgba(110, 109, 105, 0.65), inset 0 0 0 1px rgba(248, 250, 252, 0.28);
}

.nav-chip__badge--plan-free {
  background: linear-gradient(135deg, rgba(164, 163, 161, 0.9), rgba(86, 85, 83, 0.9));
  box-shadow: 0 10px 24px -14px rgba(117, 116, 114, 0.55), inset 0 0 0 1px rgba(248, 250, 252, 0.22);
}

.nav-chip__badge--plan-plus {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.95), rgba(234, 88, 12, 0.9));
  box-shadow: 0 10px 24px -14px rgba(249, 115, 22, 0.6), inset 0 0 0 1px rgba(253, 230, 138, 0.35);
}

.nav-chip__badge--plan-default {
  background: linear-gradient(135deg, rgba(199, 198, 196, 0.9), rgba(126, 125, 123, 0.88));
  box-shadow: 0 10px 24px -14px rgba(126, 125, 123, 0.58), inset 0 0 0 1px rgba(248, 250, 252, 0.26);
}

.nav-chip__badge--impersonation {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.96), rgba(217, 119, 6, 0.92));
  color: #1f1300;
  box-shadow: 0 10px 24px -14px rgba(251, 191, 36, 0.7), inset 0 0 0 1px rgba(255, 251, 235, 0.4);
}

.nav-chip__badge--floating {
  position: absolute;
  top: 0px;
  right: 0.9rem;
  min-width: 1.2rem;
  padding: 0.1rem 0.4rem;
  font-size: 0.7rem;
  pointer-events: none;
  z-index: 2;
}

@media (max-width: 575.98px) {
  .nav-dropdown__toggle {
    padding-right: 0.75rem;
  }

  .nav-chip__badge--floating {
    top: 0.35rem;
    right: 0.7rem;
    min-width: 1.05rem;
    padding: 0.05rem 0.3rem;
    font-size: 0.65rem;
  }
}

.nav-chip.is-active .nav-chip__badge {
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.92), rgba(68, 67, 65, 0.85));
  box-shadow: 0 10px 24px -14px rgba(126, 125, 123, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.nav-chip.is-active {
  color: #fff;
  border-color: rgba(105, 104, 101, 0.6);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.45), rgba(115, 115, 111, 0.35));
  box-shadow: 0 22px 45px -28px rgba(105, 104, 101, 0.85);
}

.nav-chip.is-active .nav-chip__icon {
  background: rgba(25, 25, 24, 0.65);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.nav-chip--accent {
  border-color: transparent;
  background: linear-gradient(135deg, var(--ds-primary), var(--ds-secondary));
  color: #fff;
  box-shadow: 0 20px 45px -28px rgba(115, 115, 111, 0.75);
}

.nav-chip--ghost {
  border-color: rgba(164, 163, 161, 0.18);
  background: rgba(25, 25, 24, 0.4);
  color: var(--ds-text-secondary);
}

.nav-chip--ghost:hover,
.nav-chip--ghost:focus {
  border-color: rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.55);
  color: #fff;
  box-shadow: 0 18px 40px -32px rgba(105, 104, 101, 0.55);
}

.ticket-summary {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}

.ticket-summary__group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ticket-summary__group--overview {
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.18), rgba(115, 115, 111, 0.18));
  border: 1px solid rgba(105, 104, 101, 0.25);
  box-shadow: 0 20px 45px -35px rgba(115, 115, 111, 0.65);
}

.ticket-summary__heading {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ds-text-muted);
}

.ticket-summary__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.ticket-summary__chip {
  flex: 1 1 calc(50% - 0.65rem);
  min-width: 8.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.95rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(164, 163, 161, 0.35);
  background: rgba(25, 25, 24, 0.55);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.12);
  color: var(--ds-text-primary);
}

.ticket-summary__chip--primary {
  border-color: rgba(126, 125, 123, 0.45);
  background: rgba(110, 109, 105, 0.18);
  color: #d9d6cf;
}

.ticket-summary__chip--alert {
  border-color: rgba(239, 68, 68, 0.45);
  background: rgba(239, 68, 68, 0.16);
  color: #fecaca;
}

.ticket-summary__chip--status {
  border-color: rgba(164, 163, 161, 0.35);
  background: rgba(40, 40, 38, 0.55);
}

.ticket-summary__chip--priority {
  border-color: rgba(115, 115, 111, 0.35);
  background: rgba(115, 115, 111, 0.18);
  color: #ddd9d1;
}

.ticket-summary__label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ticket-summary__value {
  font-size: 1.1rem;
  font-weight: 700;
}

.ticket-summary-panel .card-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.4rem;
}

.ticket-summary-panel__header {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.ticket-summary-panel__titles {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.ticket-summary-panel__search {
  display: flex;
  width: 100%;
}

.ticket-summary-panel__search-group,
.ticket-filter-search {
  display: flex;
  flex: 1;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(25, 25, 24, 0.5);
  border: 1px solid rgba(164, 163, 161, 0.35);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.08);
}

.ticket-summary-panel__search-group .input-group-text,
.ticket-filter-search .input-group-text {
  background: transparent;
  border: 0;
  color: var(--ds-text-muted);
}

.ticket-summary-panel__search-group .form-control,
.ticket-filter-search .form-control {
  border: 0;
  background: transparent;
  color: var(--ds-text-primary);
  min-width: 0;
}

.ticket-summary-panel__search-group .form-control:focus,
.ticket-filter-search .form-control:focus {
  box-shadow: none;
}

.ticket-summary-panel__search-group .btn,
.ticket-filter-search .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 0;
  padding-inline: 0.9rem;
  display: inline-flex;
  align-items: center;
}

.ticket-summary-panel__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.ticket-summary-panel .ticket-summary {
  margin-bottom: 0;
}

.ticket-summary-panel .ticket-summary__chips {
  justify-content: flex-start;
}

@media (min-width: 576px) {
  .ticket-summary-panel__search-group {
    max-width: 22rem;
  }
}

@media (min-width: 768px) {
  .ticket-summary-panel__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .ticket-summary-panel__search {
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  .ticket-summary-panel__header {
    gap: 1.5rem;
  }
}

.ticket-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ticket-list--compact {
  gap: 0.5rem;
}

.ticket-list--more {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(164, 163, 161, 0.2);
}

.ticket-list--collapsed {
  display: none;
}

.ticket-list-section {
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  background: rgba(25, 25, 24, 0.55);
  border: 1px solid rgba(164, 163, 161, 0.28);
  box-shadow: 0 18px 45px -38px rgba(25, 25, 24, 0.85);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ticket-list-section + .ticket-list-section {
  margin-top: 0.75rem;
}

.ticket-overview-panel .card-body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: 0;
}

.ticket-overview-panel__scroller {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
  padding-right: 0.35rem;
  padding-bottom: 0.25rem;
  min-height: 0;
}

.ticket-overview-panel .ticket-list {
  gap: 0.6rem;
}

.ticket-overview-panel .ticket-list-section {
  padding: 0.85rem 0.95rem;
}

.ticket-overview-panel .ticket-list-section + .ticket-list-section {
  margin-top: 0.6rem;
}

.ticket-overview-panel .ticket-list-section--compact + .ticket-list-section--compact {
  margin-top: 0.45rem;
}

.ticket-overview-panel .ticket-list--more {
  margin-top: 0.35rem;
  padding-top: 0.35rem;
}

.ticket-list-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.ticket-list-section--compact .ticket-list-section__header {
  margin-bottom: 0.4rem;
}

.ticket-list-section__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ticket-list-title {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ds-text-muted);
}

.ticket-list-section--compact .ticket-list-title {
  font-size: 0.75rem;
  letter-spacing: 0.06em;
}

.ticket-list-count {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

.ticket-section-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(25, 25, 24, 0.35);
  color: var(--ds-text-muted);
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

.ticket-section-toggle:hover,
.ticket-section-toggle:focus {
  color: var(--ds-text-primary);
  background: rgba(126, 125, 123, 0.18);
  border-color: rgba(105, 104, 101, 0.45);
}

.ticket-section-toggle .bi {
  transition: transform 0.25s ease;
}

.ticket-list-section__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ticket-list-section.is-collapsed .ticket-list-section__body {
  display: none;
}

.ticket-list-section.is-collapsed .ticket-section-toggle .bi {
  transform: rotate(-90deg);
}

.ticket-list-section__empty {
  padding: 0.9rem 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
  font-size: 0.85rem;
  color: var(--ds-text-muted);
  background: rgba(25, 25, 24, 0.45);
  border: 1px dashed rgba(164, 163, 161, 0.28);
}

.ticket-list-item {
  display: block;
  padding: 0.9rem 1.1rem;
  border-radius: 0.85rem;
  background: rgba(40, 40, 38, 0.72);
  border: 1px solid rgba(105, 104, 101, 0.25);
  color: inherit;
  text-decoration: none;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.ticket-list-item--compact {
  padding: 0.55rem 0.8rem;
  border-radius: 0.65rem;
  background: rgba(25, 25, 24, 0.6);
  border-color: rgba(86, 85, 83, 0.45);
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.ticket-list-item:hover,
.ticket-list-item:focus {
  transform: translateY(-2px);
  border-color: rgba(105, 104, 101, 0.5);
  background: rgba(40, 40, 38, 0.88);
}

.ticket-list-item--compact:hover,
.ticket-list-item--compact:focus {
  background: rgba(40, 40, 38, 0.75);
  border-color: rgba(164, 163, 161, 0.55);
  transform: translateY(-1px);
}

.ticket-list--archived .ticket-list-item {
  background: rgba(40, 40, 38, 0.62);
  opacity: 0.85;
}

.ticket-list--archived .ticket-list-item:hover,
.ticket-list--archived .ticket-list-item:focus {
  opacity: 1;
}

.ticket-list-item.is-active {
  border-color: rgba(105, 104, 101, 0.9);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.32), rgba(115, 115, 111, 0.28));
  box-shadow: 0 18px 45px -32px rgba(105, 104, 101, 0.75);
}

.ticket-list-item--compact.is-active {
  border-color: rgba(105, 104, 101, 0.7);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.28), rgba(68, 67, 65, 0.35));
  box-shadow: 0 12px 28px -22px rgba(105, 104, 101, 0.6);
}

.ticket-list--archived .ticket-list-item.is-active {
  opacity: 1;
}

.ticket-list-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.ticket-list-item--compact .ticket-list-item__header {
  margin-bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.ticket-list-item__subject {
  font-weight: 600;
  color: var(--ds-text-primary);
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ticket-list-item--compact .ticket-list-item__subject {
  font-size: 0.9rem;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  flex: 1 1 auto;
  min-width: 0;
}

.ticket-list-toggle {
  margin-top: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  letter-spacing: 0.01em;
}

.ticket-list-toggle .bi {
  font-size: 1rem;
}

.ticket-list-item__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.75rem;
  background: rgba(239, 68, 68, 0.18);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.35);
}

.ticket-list-item--compact .ticket-list-item__badge {
  padding: 0.1rem 0.45rem;
  font-size: 0.7rem;
}

.ticket-list-item__meta {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
}

.ticket-list-item--compact .ticket-list-item__meta {
  display: none;
}

.ticket-list-item__order {
  font-size: 0.8rem;
  color: var(--ds-text-muted);
  margin-bottom: 0.35rem;
}

.ticket-list-item--compact .ticket-list-item__order {
  display: none;
}

.ticket-list-item__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: var(--ds-text-muted);
}

.ticket-list-item--compact .ticket-list-item__footer {
  display: none;
}

.ticket-summary + .ticket-list {
  margin-top: 0.5rem;
}

.ticket-empty {
  padding: 1.5rem;
  text-align: center;
  border: 1px dashed rgba(164, 163, 161, 0.35);
  border-radius: 1rem;
  color: var(--ds-text-muted);
  background: rgba(25, 25, 24, 0.45);
}

.ticket-empty i {
  display: block;
  font-size: 2rem;
  margin-bottom: 0.75rem;
  color: rgba(105, 104, 101, 0.75);
}

@media (max-width: 767.98px) {
  .ticket-summary__chip {
    flex: 1 1 100%;
  }

  .ticket-summary {
    gap: 1rem;
  }

  .ticket-list-section {
    padding: 0.85rem 0.9rem;
  }
}

.ticket-messages {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ticket-message {
  padding: 1rem 1.15rem;
  border-radius: 1rem;
  background: rgba(25, 25, 24, 0.6);
  border: 1px solid rgba(164, 163, 161, 0.25);
  box-shadow: 0 14px 35px -32px rgba(25, 25, 24, 0.6);
}

.ticket-message--self {
  border-color: rgba(105, 104, 101, 0.55);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.22), rgba(115, 115, 111, 0.18));
}

.ticket-message--internal {
  border-style: dashed;
  border-color: rgba(255, 196, 81, 0.55);
  background: rgba(255, 196, 81, 0.1);
}

.ticket-message__meta {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  color: var(--ds-text-muted);
}

.ticket-message__meta-body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.ticket-message__author {
  font-weight: 600;
  color: var(--ds-text-primary);
}

.ticket-message__tag {
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: rgba(255, 196, 81, 0.16);
  border: 1px solid rgba(255, 196, 81, 0.4);
  color: #fde68a;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ticket-message__time {
  margin-left: auto;
  color: var(--ds-text-muted);
  font-size: 0.85rem;
}

.ticket-message__avatar {
  flex-shrink: 0;
}

.ticket-message__body {
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--ds-text-secondary);
}

.ticket-message-empty {
  padding: 1.5rem;
  text-align: center;
  border-radius: 1rem;
  border: 1px dashed rgba(164, 163, 161, 0.35);
  background: rgba(25, 25, 24, 0.45);
  color: var(--ds-text-muted);
}

.ticket-message-empty i {
  display: block;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: rgba(105, 104, 101, 0.75);
}

.ticket-reply__form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ticket-reply__card {
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  background: rgba(25, 25, 24, 0.6);
  border: 1px solid rgba(164, 163, 161, 0.25);
  box-shadow: 0 24px 55px -40px rgba(25, 25, 24, 0.95);
}

.ticket-reply__card .form-label {
  margin-bottom: 0.35rem;
  color: var(--ds-text-secondary);
}

.ticket-reply__editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ticket-reply__editor-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.ticket-reply__editor-header .form-label {
  font-size: 1rem;
  font-weight: 600;
  color: var(--ds-text-primary);
}

.ticket-reply__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ticket-reply__actions [data-ticket-speech-toggle].is-recording {
  animation: ticket-mic-pulse 1.2s ease-in-out infinite;
}

@keyframes ticket-mic-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.45);
  }
  70% {
    box-shadow: 0 0 0 0.55rem rgba(220, 53, 69, 0);
  }
}

.ticket-avatar {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: rgba(164, 163, 161, 0.12);
  color: var(--ds-text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  overflow: hidden;
  border: 1px solid rgba(164, 163, 161, 0.35);
}

.ticket-avatar--sm {
  width: 2.2rem;
  height: 2.2rem;
  font-size: 0.9rem;
}

.ticket-avatar--md {
  width: 2.8rem;
  height: 2.8rem;
}

.ticket-avatar--lg {
  width: 3.4rem;
  height: 3.4rem;
  font-size: 1.1rem;
}

.ticket-avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

.ticket-avatar__fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(126, 125, 123, 0.15);
  color: #d9d6cf;
}

.ticket-list-item__grid {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
}

.ticket-list-item__avatar {
  flex-shrink: 0;
}

.ticket-list-item__content {
  width: 100%;
}

.ticket-detail__header .ticket-avatar {
  box-shadow: 0 8px 18px -10px rgba(126, 125, 123, 0.45);
}

.ticket-detail__title {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}

.ticket-detail__subject {
  display: -webkit-box;
  flex: 1 1 auto;
  width: 100%;
  max-width: min(80vw, 780px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

@media (max-width: 576px) {
  .ticket-detail__subject {
    max-width: 100%;
  }
}

.ticket-detail__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.ticket-create-dialog {
  max-width: min(860px, calc(100vw - 2rem));
}

.ticket-create-modal__content {
  max-height: min(92vh, 900px);
}

.ticket-create-modal__body {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-top: 0.45rem;
}

.ticket-create-field {
  margin-bottom: 0;
}

.ticket-create-field--message {
  margin-top: 0.15rem;
}

.ticket-field-label {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
  margin-bottom: 0.42rem;
}

.ticket-field-info-tooltip {
  align-items: center;
  color: rgba(193, 192, 190, 0.95);
  cursor: help;
  display: inline-flex;
  font-size: 0.9rem;
  line-height: 1;
  outline: none;
  position: relative;
}

.ticket-field-info-tooltip:focus-visible {
  color: #e6e3dc;
}

.ticket-field-info-tooltip__content {
  background: #fff;
  border: 1px solid rgba(25, 25, 24, 0.14);
  border-radius: 8px;
  box-shadow: 0 24px 60px -20px rgba(5, 5, 5, 0.5);
  color: #191919;
  display: none;
  font-size: 0.82rem;
  font-weight: 700;
  left: 0;
  line-height: 1.35;
  max-width: min(86vw, 320px);
  padding: 0.7rem 0.75rem;
  position: absolute;
  text-transform: none;
  top: calc(100% + 0.55rem);
  transform: none;
  white-space: normal;
  width: max-content;
  z-index: 1085;
}

.ticket-field-info-tooltip__content::before {
  background: #fff;
  border-left: 1px solid rgba(25, 25, 24, 0.14);
  border-top: 1px solid rgba(25, 25, 24, 0.14);
  content: "";
  height: 0.75rem;
  left: 0.15rem;
  position: absolute;
  top: -0.42rem;
  transform: rotate(45deg);
  width: 0.75rem;
}

.ticket-field-info-tooltip:hover .ticket-field-info-tooltip__content,
.ticket-field-info-tooltip:focus .ticket-field-info-tooltip__content,
.ticket-field-info-tooltip:focus-within .ticket-field-info-tooltip__content {
  display: block;
}

.ticket-field-info-tooltip__content--wide {
  max-width: min(86vw, 380px);
}

.ticket-create-message {
  min-height: clamp(190px, 26vh, 280px);
  resize: vertical;
}

.ticket-upload-dropzone {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  min-height: 5.25rem;
  padding: 0.95rem 1rem;
  border: 1px dashed rgba(159, 158, 156, 0.52);
  border-radius: 0.7rem;
  background: rgba(25, 25, 24, 0.68);
  color: var(--ds-text-primary);
  cursor: pointer;
  transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.ticket-upload-dropzone:hover,
.ticket-upload-dropzone:focus-within,
.ticket-upload-dropzone.is-dragging {
  border-color: rgba(199, 198, 196, 0.95);
  background: rgba(40, 40, 38, 0.9);
  box-shadow: 0 0 0 0.2rem rgba(155, 152, 145, 0.15);
}

.ticket-upload-dropzone.is-dragging {
  transform: translateY(-1px);
}

.ticket-upload-dropzone.is-invalid {
  border-color: rgba(248, 113, 113, 0.9);
  box-shadow: 0 0 0 0.18rem rgba(248, 113, 113, 0.14);
}

.ticket-upload-dropzone.is-valid {
  border-color: rgba(52, 211, 153, 0.75);
}

.ticket-upload-dropzone__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ticket-upload-dropzone__icon {
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 0.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(115, 115, 111, 0.16);
  color: #cbc8c0;
  font-size: 1.45rem;
}

.ticket-upload-dropzone__body {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  min-width: 0;
}

.ticket-upload-dropzone__title {
  color: var(--ds-text-primary);
  font-weight: 700;
  line-height: 1.25;
}

.ticket-upload-dropzone__text {
  color: var(--ds-text-secondary);
  font-size: 0.86rem;
  line-height: 1.35;
}

.ticket-upload-dropzone__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0.45rem 0.8rem;
  border-radius: 0.55rem;
  background: linear-gradient(135deg, #74716c, #8f8c86);
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 10px 20px -16px rgba(155, 152, 145, 0.85);
}

.ticket-upload-preview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.65rem;
}

.ticket-upload-file {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  align-items: center;
  gap: 0.72rem;
  min-width: 0;
  padding: 0.58rem;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 0.65rem;
  background: rgba(25, 25, 24, 0.56);
}

.ticket-upload-file__thumb {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.55rem;
  background: rgba(5, 5, 5, 0.36);
  color: #d7d6d4;
}

.ticket-upload-file__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ticket-upload-file__icon {
  font-size: 1.6rem;
}

.ticket-upload-file__icon--pdf {
  color: #fca5a5;
}

.ticket-upload-file__meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.ticket-upload-file__name {
  overflow: hidden;
  color: var(--ds-text-primary);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-upload-file__size {
  color: var(--ds-text-secondary);
  font-size: 0.78rem;
}

@media (max-width: 575.98px) {
  .ticket-upload-dropzone {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .ticket-upload-dropzone__button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .ticket-upload-preview {
    grid-template-columns: 1fr;
  }
}

.ticket-attachments__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 260px));
  gap: 1rem;
  align-items: stretch;
  justify-content: flex-start;
}

.ticket-attachments__grid .ticket-attachment {
  min-width: 220px;
  max-width: 260px;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}

.ticket-attachment__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
}

.ticket-attachment__preview {
  width: 100%;
  height: 170px;
  border: 1px solid rgba(25, 25, 24, 0.08);
  background: rgba(25, 25, 24, 0.035);
}

.ticket-attachment__meta {
  min-width: 0;
}

@media (max-width: 576px) {
  .ticket-attachments__grid {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .ticket-attachments__grid .ticket-attachment {
    min-width: 0;
    max-width: 100%;
  }
}

.ticket-reply__textarea {
  min-height: 9rem;
  border-radius: 0.85rem;
  padding: 1rem 1.1rem;
  resize: vertical;
}

.ticket-reply__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.25rem;
}

.ticket-reply__footer .btn {
  padding-inline: 1.25rem;
}

.ticket-reply__internal {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem 1rem;
  border-radius: 0.85rem;
  background: rgba(25, 25, 24, 0.4);
  border: 1px solid rgba(164, 163, 161, 0.18);
}

.ticket-reply__internal .form-check-input {
  width: 2.5rem;
  height: 1.2rem;
}

.ticket-reply__internal .form-check-label {
  margin-left: 0.5rem;
  font-size: 0.85rem;
  color: var(--ds-text-secondary);
}

@media (max-width: 575.98px) {
  .ticket-reply__card {
    padding: 1rem 1.1rem;
    border-radius: 0.9rem;
  }

  .ticket-reply__textarea {
    min-height: 8rem;
  }
}

.ticket-reply form textarea {
  background: rgba(25, 25, 24, 0.65);
  border-color: rgba(105, 104, 101, 0.25);
  color: var(--ds-text-primary);
}

.ticket-reply form textarea:focus {
  border-color: rgba(105, 104, 101, 0.6);
  box-shadow: 0 0 0 0.2rem rgba(105, 104, 101, 0.15);
}

[data-ticket-reply-status] {
  min-height: 1.2rem;
}

.nav-chip--accent .nav-chip__icon {
  background: rgba(25, 25, 24, 0.38);
}

.nav-chip--accent:hover,
.nav-chip--accent:focus {
  border-color: transparent;
  transform: translateY(-1px);
  box-shadow: 0 24px 55px -26px rgba(115, 115, 111, 0.8);
}

.nav-chip--danger {
  border-color: rgba(239, 68, 68, 0.55);
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.18), rgba(127, 29, 29, 0.25));
  color: #ffe4e6;
  box-shadow: 0 18px 45px -32px rgba(239, 68, 68, 0.55);
}

.nav-chip--danger .nav-chip__icon {
  background: rgba(239, 68, 68, 0.25);
  color: #fff1f2;
}

.nav-chip--danger:hover,
.nav-chip--danger:focus {
  color: #fff;
  border-color: rgba(239, 68, 68, 0.75);
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(127, 29, 29, 0.35));
  box-shadow: 0 22px 52px -32px rgba(239, 68, 68, 0.68);
  transform: translateY(-1px);
}

.nav-chip--warning {
  border-color: rgba(251, 191, 36, 0.6);
  color: #fef3c7;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(217, 119, 6, 0.18));
}

.nav-chip--warning .nav-chip__icon {
  background: rgba(251, 191, 36, 0.24);
  color: #fff7ed;
}

.nav-chip--warning:hover,
.nav-chip--warning:focus {
  color: #fffaf0;
  border-color: rgba(251, 191, 36, 0.75);
  box-shadow: 0 18px 45px -28px rgba(251, 191, 36, 0.6);
}

.nav-chip--static {
  pointer-events: none;
  cursor: default;
  opacity: 0.9;
}

.nav-chip--impersonating {
  border-color: rgba(155, 152, 145, 0.38);
  background:
    linear-gradient(135deg, rgba(115, 115, 111, 0.18), rgba(40, 40, 38, 0.28)),
    radial-gradient(circle at 0% 50%, rgba(251, 191, 36, 0.18), transparent 55%);
  box-shadow: inset 0 0 0 1px rgba(225, 224, 222, 0.08), 0 18px 42px -34px rgba(115, 115, 111, 0.85);
}

.nav-chip--account-context {
  max-width: min(20rem, 32vw);
  padding-right: 0.75rem;
}

.nav-chip--account-context .nav-chip__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nav-chip--account-context .nav-chip__badge {
  flex: 0 0 auto;
}

.nav-chip--icon-only {
  width: 44px;
  min-width: 44px;
  justify-content: center;
  padding-inline: 0;
}

.nav-chip--icon-only .nav-chip__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (min-width: 992px) {
  body.is-impersonating .nav-chip {
    min-height: 40px;
    padding: 0.46rem 0.82rem;
    font-size: 0.88rem;
  }

  body.is-impersonating .nav-chip__icon {
    width: 1.65rem;
    height: 1.65rem;
    font-size: 0.88rem;
  }

  body.is-impersonating .nav-dropdown__toggle {
    padding-right: 1.95rem;
  }

  body.is-impersonating .nav-chip--icon-only {
    width: 40px;
    min-width: 40px;
    padding-inline: 0;
  }
}

@media (max-width: 991.98px) {
  .nav-chip--account-context {
    max-width: 100%;
  }

  .nav-chip--icon-only {
    width: 100%;
    justify-content: flex-start;
    padding-inline: 0.75rem;
  }

  .nav-chip--icon-only .nav-chip__label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    clip-path: none;
  }
}

.avatar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.25), rgba(115, 115, 111, 0.25));
  color: #fff;
  font-size: 1.3rem;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.card.bg-dark-subtle {
  background: linear-gradient(145deg, rgba(25, 25, 24, 0.92), rgba(40, 40, 38, 0.85));
  border: 1px solid rgba(105, 104, 101, 0.22);
  box-shadow: 0 26px 48px -34px rgba(115, 115, 111, 0.55);
  color: var(--ds-text-primary);
  backdrop-filter: blur(12px);
}

.card.bg-dark-subtle .card-title,
.card.bg-dark-subtle .card-subtitle {
  color: var(--ds-text-primary);
}

.card.bg-dark-subtle .btn-outline-light {
  border-color: rgba(164, 163, 161, 0.35);
  color: var(--ds-text-secondary);
  transition: all 0.25s ease;
}

.card.bg-dark-subtle .btn-outline-light:hover,
.card.bg-dark-subtle .btn-outline-light:focus {
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.2), rgba(115, 115, 111, 0.22));
  color: #fff;
  border-color: rgba(105, 104, 101, 0.45);
  box-shadow: 0 14px 36px -28px rgba(105, 104, 101, 0.6);
}

.card.bg-dark-subtle .form-control,
.card.bg-dark-subtle .form-select {
  background: rgba(25, 25, 24, 0.72);
  border: 1px solid rgba(105, 104, 101, 0.25);
  color: var(--ds-text-primary);
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.45);
}

.card.bg-dark-subtle .form-control::placeholder,
.card.bg-dark-subtle .form-select::placeholder {
  color: rgba(255, 255, 255, 0.98);
  opacity: 1;
}

.card.bg-dark-subtle .form-control:focus,
.card.bg-dark-subtle .form-select:focus {
  border-color: rgba(105, 104, 101, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(105, 104, 101, 0.12);
}

.order-create-panel {
  padding: 0 !important;
  border: 0;
  background: transparent;
  color: var(--ds-text-primary);
  box-shadow: none;
}

.order-create-workspace {
  align-items: stretch;
}

.order-create-workspace > [class*="col-"] {
  display: flex;
}

.order-create-workspace-card {
  width: 100%;
  padding: 1.35rem;
  border: 1px solid rgba(199, 198, 196, 0.16);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(29, 28, 26, 0.88), rgba(19, 18, 16, 0.82));
  box-shadow: 0 24px 54px -40px rgba(115, 115, 111, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.order-create-workspace-card--products {
  border-color: rgba(105, 104, 101, 0.2);
}

.order-create-title__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.order-create-reservation-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 188px;
  min-height: var(--ds-btn-height, 44px);
  padding: 0.55rem 0.8rem;
  border: 1px solid rgba(155, 152, 145, 0.34);
  border-radius: 12px;
  background: rgba(99, 98, 96, 0.16);
  color: rgba(243, 242, 240, 0.94);
  font-size: 0.82rem;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 14px 30px -24px rgba(155, 152, 145, 0.72);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.order-create-reservation-status[hidden] {
  display: inline-flex !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.order-create-reservation-status > strong {
  min-width: 5ch;
  color: #fff;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.order-create-reservation-status__info {
  color: rgba(225, 224, 222, 0.62);
  font-size: 0.78rem;
}

@media (max-width: 768px) {
  .order-create-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .order-create-title__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }

  .order-create-reservation-status {
    width: 100%;
    min-width: 0;
  }

  .order-create-reservation-status__label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 480px) {
  .order-create-title__actions {
    grid-template-columns: 1fr;
  }

  .order-create-title__actions .btn {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  body.page-order-create main {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0.85rem;
    box-sizing: border-box;
  }

  body.page-order-create .order-create-title {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 0.7rem;
    justify-content: stretch;
    justify-items: stretch;
  }

  body.page-order-create .order-create-title h1 {
    font-size: 1.32rem;
    line-height: 1.15;
  }

  body.page-order-create .order-create-title__subtitle {
    display: none;
  }

  body.page-order-create .order-create-title__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 0.42rem;
  }

  body.page-order-create .order-create-reservation-status[hidden] {
    display: none !important;
  }

  body.page-order-create .order-create-title__actions:has(.order-create-reservation-status:not([hidden])) {
    grid-template-columns: minmax(0, 1fr) 40px;
  }

  body.page-order-create .order-create-reservation-status,
  body.page-order-create .order-create-back {
    min-height: 40px;
    border-radius: 11px;
    font-size: 0.72rem;
  }

  body.page-order-create .order-create-reservation-status {
    width: 100%;
    padding: 0.42rem 0.65rem;
  }

  body.page-order-create .order-create-back {
    width: 100%;
    padding: 0.42rem 0.65rem;
  }

  body.page-order-create .order-create-title__actions:has(.order-create-reservation-status:not([hidden])) .order-create-back {
    width: 40px;
    min-width: 40px;
    padding: 0;
    justify-content: center;
  }

  body.page-order-create .order-create-title__actions:has(.order-create-reservation-status:not([hidden])) .order-create-back__label {
    display: none;
  }

  body.page-order-create .order-create-title__actions:has(.order-create-reservation-status:not([hidden])) .order-create-back i {
    margin: 0 !important;
  }

  body.page-order-create .order-create-reservation-status__info {
    font-size: 0.68rem;
  }

  body.page-order-create .order-create-workspace {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0.7rem;
    margin: 0;
  }

  body.page-order-create .order-create-workspace > [class*="col-"] {
    padding: 0;
  }

  body.page-order-create .order-create-workspace-card {
    padding: 0.78rem;
    border-radius: 15px;
  }

  body.page-order-create .order-create-form-section {
    margin-bottom: 0.85rem !important;
  }

  body.page-order-create .order-create-form-section:last-child {
    margin-bottom: 0 !important;
  }

  body.page-order-create .order-create-workspace-card :where(h3.h5, h3.h6, h4.h6) {
    margin-bottom: 0.62rem !important;
    font-size: 0.88rem;
    line-height: 1.2;
  }

  body.page-order-create .order-create-customer-grid,
  body.page-order-create .order-create-address-grid,
  body.page-order-create .order-create-own-shipping-panel .row {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.52rem;
  }

  body.page-order-create .order-create-customer-grid > .col-md-6,
  body.page-order-create .order-create-address-grid > .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  body.page-order-create .order-create-address-grid > .order-create-country-field {
    width: 100%;
  }

  body.page-order-create .floating-field {
    padding-top: 0.3rem;
  }

  body.page-order-create .floating-field > label.form-label,
  body.page-order-create .order-create-own-shipping-panel .form-label {
    left: 0.58rem;
    max-width: calc(100% - 1.16rem);
    padding-inline: 0.24rem;
    font-size: 0.58rem;
  }

  body.page-order-create :where(.form-control, .form-select) {
    min-height: 42px;
    padding: 0.68rem 0.62rem 0.42rem;
    border-radius: 10px;
    font-size: 0.76rem;
  }

  body.page-order-create .order-create-workspace-card .floating-field > input.form-control,
  body.page-order-create .order-create-workspace-card .floating-field > select.form-select,
  body.page-order-create .order-create-workspace-card .input-group > input.form-control,
  body.page-order-create .order-create-workspace-card .input-group > select.form-select {
    height: 42px;
    min-height: 42px;
  }

  body.page-order-create textarea.form-control {
    min-height: 62px;
    line-height: 1.35;
  }

  body.page-order-create #orderAddressLine {
    min-height: 70px;
  }

  body.page-order-create .form-text,
  body.page-order-create .small,
  body.page-order-create small {
    font-size: 0.62rem;
    line-height: 1.35;
  }

  body.page-order-create .order-create-own-shipping-toggle {
    min-height: 1.85rem;
    gap: 0.5rem;
  }

  body.page-order-create .order-create-own-shipping-toggle .form-check-input {
    width: 2rem;
    height: 1.12rem;
  }

  body.page-order-create .order-create-own-shipping-toggle .form-check-label {
    font-size: 0.72rem;
  }

  body.page-order-create .order-create-own-shipping-panel {
    margin-top: 0.65rem !important;
    padding: 0.68rem !important;
    border-radius: 12px;
  }

  body.page-order-create .order-create-product-add {
    margin-bottom: 0.75rem !important;
  }

  body.page-order-create [data-order-create-add] {
    width: 42px;
    min-width: 42px;
    min-height: 42px;
    padding: 0;
    border-radius: 10px;
  }

  body.page-order-create .order-create-panel__card {
    margin-bottom: 0.7rem !important;
    padding: 0.68rem !important;
    border-radius: 12px;
    font-size: 0.7rem;
  }

  body.page-order-create .order-create-panel__card:last-child {
    margin-bottom: 0 !important;
  }

  body.page-order-create .order-create-shopify-lookup small.text-muted {
    display: none;
  }

  body.page-order-create .order-create-sku-suggestions {
    max-height: 250px;
    border-radius: 11px;
  }

  body.page-order-create .order-create-sku-suggestion {
    gap: 0.5rem;
    padding: 0.5rem 0.58rem;
  }

  body.page-order-create .order-create-sku-suggestion__thumb {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  body.page-order-create .order-create-sku-suggestion__name {
    font-size: 0.72rem;
  }

  body.page-order-create .order-create-sku-suggestion__sku,
  body.page-order-create .order-create-sku-suggestion__variant {
    font-size: 0.62rem;
  }

  body.page-order-create .order-create-item {
    padding: 0.55rem !important;
    font-size: 0.68rem;
  }

  body.page-order-create .order-create-item__controls {
    gap: 0.35rem !important;
  }

  body.page-order-create .order-create-item__qty-btn {
    width: 28px;
    height: 28px;
  }

  body.page-order-create .order-create-item__qty-input {
    width: 38px;
    min-width: 38px;
    min-height: 28px;
  }

  body.page-order-create .order-create-item__remove {
    width: 30px;
    height: 30px;
  }

  body.page-order-create [data-order-create-form] > .d-flex.justify-content-end {
    margin-top: 0.7rem !important;
  }

  body.page-order-create [data-order-create-form] > .d-flex.justify-content-end .btn {
    width: 100%;
    min-height: 42px;
    padding: 0.55rem 0.75rem;
    border-radius: 11px;
    font-size: 0.78rem;
  }
}

.order-create-panel__card {
  background: rgba(25, 25, 24, 0.7);
  border: 1px solid rgba(164, 163, 161, 0.2);
  color: var(--ds-text-primary);
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.25);
}

.order-create-shopify-lookup {
  border-color: rgba(132, 204, 22, 0.28);
  background:
    linear-gradient(135deg, rgba(7, 19, 11, 0.68), rgba(25, 25, 24, 0.78)),
    rgba(25, 25, 24, 0.7);
}

.order-create-shopify-lookup__icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(132, 204, 22, 0.36);
  background: linear-gradient(135deg, #07130b, #162312);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.order-create-shopify-lookup__icon img {
  display: block;
  width: auto;
  height: auto;
  max-width: 1.58rem;
  max-height: 1.12rem;
  object-fit: contain;
}


.order-create-own-shipping-toggle {
  align-items: center;
  display: inline-flex;
  gap: 0.7rem;
  margin-top: 0.25rem;
  min-height: 2.25rem;
  padding-left: 0;
}

.order-create-own-shipping-toggle .form-check-input {
  background-color: rgba(25, 25, 24, 0.9);
  border-color: rgba(159, 158, 156, 0.55);
  cursor: pointer;
  flex: 0 0 auto;
  height: 1.35rem;
  margin: 0;
  width: 2.45rem;
}

.order-create-own-shipping-toggle .form-check-input:checked {
  background-color: #8d8a84;
  border-color: #8d8a84;
}

.order-create-own-shipping-toggle .form-check-label {
  cursor: pointer;
  font-weight: 600;
  color: rgba(234, 233, 231, 0.96);
}

.order-create-own-shipping-panel {
  background: linear-gradient(145deg, rgba(25, 25, 24, 0.88), rgba(40, 40, 38, 0.8));
  border: 1px solid rgba(105, 104, 101, 0.28);
  color: var(--ds-text-primary);
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.35), 0 20px 34px -30px rgba(115, 115, 111, 0.7);
}

.order-create-own-shipping-panel .form-label {
  color: rgba(219, 218, 216, 0.95);
  font-weight: 600;
}

.order-create-tracking-label {
  align-items: center;
  display: inline-flex;
  gap: 0.4rem;
  position: relative;
}

.order-create-info-tooltip {
  align-items: center;
  color: rgba(159, 158, 156, 0.95);
  cursor: help;
  display: inline-flex;
  font-size: 0.95rem;
  line-height: 1;
  outline: none;
  position: relative;
}

.order-create-info-tooltip:focus-visible {
  color: #d9d6cf;
}

.order-create-info-tooltip__content {
  background: #fff;
  border: 1px solid rgba(25, 25, 24, 0.14);
  border-radius: 8px;
  box-shadow: 0 24px 60px -20px rgba(5, 5, 5, 0.5);
  color: #191919;
  display: none;
  left: 50%;
  max-width: min(90vw, 420px);
  padding: 0.75rem;
  position: absolute;
  bottom: calc(100% + 0.65rem);
  transform: translateX(-50%);
  width: max-content;
  z-index: 140;
}

.order-create-info-tooltip__content::before {
  background: #fff;
  border-bottom: 1px solid rgba(25, 25, 24, 0.14);
  border-right: 1px solid rgba(25, 25, 24, 0.14);
  content: "";
  height: 0.75rem;
  left: 50%;
  position: absolute;
  bottom: -0.42rem;
  transform: translateX(-50%) rotate(45deg);
  width: 0.75rem;
}

.order-create-info-tooltip:hover .order-create-info-tooltip__content,
.order-create-info-tooltip:focus .order-create-info-tooltip__content,
.order-create-info-tooltip:focus-within .order-create-info-tooltip__content {
  display: block;
}

.order-create-info-tooltip__text {
  display: block;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.55rem;
  max-width: 360px;
}

.order-create-info-tooltip__content img {
  border-radius: 6px;
  display: block;
  height: auto;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  body.page-order-create {
    overflow-x: hidden;
  }

  body.page-order-create .order-create-info-tooltip__content {
    position: fixed;
    z-index: 1800;
    top: 50%;
    right: 0.75rem;
    bottom: auto;
    left: 0.75rem;
    width: auto;
    max-width: none;
    max-height: min(68dvh, 22rem);
    overflow-y: auto;
    padding: 0.68rem;
    border-radius: 12px;
    transform: translateY(-50%);
  }

  body.page-order-create .order-create-info-tooltip__content::before {
    display: none;
  }

  body.page-order-create .order-create-info-tooltip__text {
    max-width: none;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    line-height: 1.35;
  }

  body.page-order-create .order-create-info-tooltip__content img {
    width: 100%;
    max-height: 9rem;
    object-fit: contain;
  }
}

.order-create-own-shipping-panel .form-control,
.order-create-own-shipping-panel .form-select {
  background: rgba(5, 5, 5, 0.72);
  border: 1px solid rgba(159, 158, 156, 0.3);
  color: var(--ds-text-primary);
}

.order-create-own-shipping-panel .form-control::placeholder {
  color: rgba(164, 163, 161, 0.95);
}

.order-create-own-shipping-panel .form-control:focus,
.order-create-own-shipping-panel .form-select:focus {
  background: rgba(5, 5, 5, 0.86);
  border-color: rgba(159, 158, 156, 0.65);
  box-shadow: 0 0 0 0.2rem rgba(126, 125, 123, 0.2);
  color: #fff;
}

.order-create-inline-status-wrap .order-create-inline-status {
  min-width: 2.35rem;
  justify-content: center;
  background: rgba(5, 5, 5, 0.88);
  border-color: rgba(159, 158, 156, 0.3);
  color: rgba(234, 233, 231, 0.9);
}

.order-create-inline-status.is-loading {
  color: rgba(164, 163, 161, 0.95);
}

.order-create-inline-status.is-valid {
  color: #22c55e;
}

.order-create-inline-status.is-invalid {
  color: #f87171;
}

.order-create-own-shipping-panel .form-text.is-valid {
  color: #4ade80;
}

.order-create-own-shipping-panel .form-text.is-invalid {
  color: #fca5a5;
}

/* Keep async validation and marketplace lookup messages from moving fields. */
.order-create-own-shipping-panel [data-order-create-marketplace-order-status-text],
.order-create-own-shipping-panel [data-order-create-tracking-status-text] {
  min-height: 1.35rem;
}

.order-create-shipping-lookup-feedback {
  height: 5.4rem;
  overflow-y: auto;
  padding-top: 1.5rem;
  color: rgba(219, 218, 216, 0.95);
  font-size: 0.8rem;
  line-height: 1.35;
}

.order-create-shipping-lookup-feedback :is([data-order-create-trendyol-lookup-status], [data-order-create-ikas-shipping-lookup-status]):empty {
  display: none;
}

.order-create-shipping-lookup-feedback .is-invalid {
  color: #fca5a5;
}

.order-create-shipping-lookup-feedback .is-valid {
  color: #4ade80;
}

@media (max-width: 767.98px) {
  .order-create-shipping-lookup-feedback {
    height: 3.5rem;
    padding-top: 0;
  }
}

.order-create-sku-search {
  position: relative;
}

.order-create-sku-suggestions {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  z-index: 90;
  background: linear-gradient(145deg, rgba(26, 25, 23, 0.995), rgba(36, 35, 33, 0.99));
  border: 1px solid rgba(159, 158, 156, 0.44);
  border-radius: 0.9rem;
  box-shadow: 0 24px 38px -24px rgba(112, 111, 109, 0.8);
  overflow: hidden;
  max-height: 380px;
  overflow-y: auto;
}

.order-create-sku-suggestions__hint {
  font-size: 0.78rem;
  line-height: 1.35;
  color: rgba(219, 218, 216, 0.92);
  padding: 0.6rem 0.8rem;
  border-bottom: 1px solid rgba(164, 163, 161, 0.2);
  background: rgba(18, 17, 15, 0.98);
}

.order-create-sku-suggestions__empty {
  color: rgba(164, 163, 161, 0.95);
  font-size: 0.88rem;
  padding: 0.75rem 0.85rem;
}

.order-create-sku-suggestion {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(164, 163, 161, 0.16);
  background: transparent;
  color: inherit;
  text-align: left;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.64rem 0.8rem;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.order-create-sku-suggestion:last-child {
  border-bottom: 0;
}

.order-create-sku-suggestion:hover,
.order-create-sku-suggestion:focus,
.order-create-sku-suggestion.is-active {
  background: rgba(126, 125, 123, 0.16);
  outline: none;
}

.order-create-sku-suggestion__thumb {
  width: 42px;
  height: 42px;
  border-radius: 0.55rem;
  object-fit: cover;
  flex: 0 0 42px;
  border: 1px solid rgba(164, 163, 161, 0.34);
  background: rgba(25, 25, 24, 0.7);
}

.order-create-sku-suggestion__thumb--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(164, 163, 161, 0.8);
  font-size: 0.7rem;
}

.order-create-sku-suggestion__body {
  min-width: 0;
  flex: 1 1 auto;
}

.order-create-sku-suggestion__name {
  display: block;
  color: rgba(241, 245, 249, 0.98);
  font-size: 0.91rem;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0.14rem;
}

.order-create-sku-suggestion__sku {
  display: block;
  color: rgba(164, 163, 161, 0.95);
  font-size: 0.76rem;
}

.order-create-sku-suggestion__variant {
  display: block;
  color: rgba(219, 218, 216, 0.94);
  font-size: 0.76rem;
  margin-top: 0.12rem;
}

.order-create-item__details {
  flex: 1 1 auto;
  min-width: 0;
}

.order-create-item__controls {
  flex: 0 0 auto;
  margin-left: auto;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.order-create-item__qty {
  background: rgba(25, 25, 24, 0.55);
  border: 1px solid rgba(164, 163, 161, 0.2);
  border-radius: 999px;
  padding: 0.15rem;
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.35);
}

.order-create-item__qty-input {
  min-width: 56px;
  width: 56px;
  border: none;
  background: transparent;
  color: #fff;
  font-weight: 600;
  padding: 0.1rem 0.25rem;
}

.order-create-item__qty-input:focus {
  box-shadow: none;
}

.order-create-item__qty-btn {
  border-radius: 999px;
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.order-create-item__remove {
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: rgba(248, 113, 113, 0.95);
  border: 1px solid rgba(248, 113, 113, 0.35);
  background: rgba(248, 113, 113, 0.12);
}

.order-create-item__remove:hover,
.order-create-item__remove:focus {
  color: rgba(254, 202, 202, 0.98);
  border-color: rgba(248, 113, 113, 0.6);
  background: rgba(248, 113, 113, 0.2);
}

.stat-card {
  border-radius: 1rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.65), rgba(40, 40, 38, 0.75));
  border: 1px solid rgba(164, 163, 161, 0.18);
  box-shadow: 0 18px 40px -32px rgba(115, 115, 111, 0.5);
  height: 100%;
}

.stat-card__label {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(234, 233, 231, 0.75);
  margin-bottom: 0.5rem;
}

.stat-card__value {
  font-size: 2.05rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.35rem;
}

.stat-card__meta {
  font-size: 0.85rem;
}

body:is(.is-admin-control, .is-partner-control) .nav-menu--primary {
  gap: 0.45rem;
}

body:is(.is-admin-control, .is-partner-control) .nav-chip {
  min-height: 40px;
  padding: 0.42rem 0.72rem;
  border-radius: 0.5rem;
  font-size: 0.84rem;
  font-weight: 700;
}

body:is(.is-admin-control, .is-partner-control) .nav-chip__icon {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 0.45rem;
}

body:is(.is-admin-control, .is-partner-control) {
  --ds-control-radius: 0.5rem;
  --ds-control-surface: rgba(25, 25, 24, 0.78);
  --ds-control-surface-strong: rgba(25, 25, 24, 0.9);
  --ds-control-border: rgba(164, 163, 161, 0.2);
  isolation: isolate;
  background: #050505;
}

body:is(.is-admin-control, .is-partner-control)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 10%, rgba(110, 109, 105, 0.2), transparent 34rem),
    radial-gradient(circle at 78% 2%, rgba(115, 115, 111, 0.13), transparent 30rem),
    radial-gradient(circle at 46% 58%, rgba(25, 25, 24, 0.78), transparent 42rem),
    linear-gradient(180deg, rgba(8, 8, 8, 0.74) 0%, rgba(5, 5, 5, 0.98) 58%, #050505 100%);
}

body:is(.is-admin-control, .is-partner-control) :is(
  .card,
  .card-modern,
  .filter-panel,
  .panel-card,
  .settings-pane,
  .product-form,
  .imports-summary,
  .import-card,
  .order-card,
  .ticket-summary-panel,
  .ticket-overview-panel,
  .admin-orders-search-card,
  .stat-card
) {
  border-radius: var(--ds-control-radius);
}

body:is(.is-admin-control, .is-partner-control) :is(
  .card.bg-dark-subtle,
  .filter-panel,
  .panel-card,
  .settings-pane,
  .product-form,
  .imports-summary,
  .import-card,
  .order-card,
  .ticket-summary-panel,
  .ticket-overview-panel,
  .admin-orders-search-card,
  .stat-card
) {
  border-color: var(--ds-control-border);
  background:
    linear-gradient(180deg, rgba(25, 25, 24, 0.86), rgba(5, 5, 5, 0.72));
  box-shadow: 0 22px 54px -42px rgba(25, 25, 24, 0.95);
}

body:is(.is-admin-control, .is-partner-control) :is(
  .form-control,
  .form-select,
  .input-group-text,
  .btn,
  .dropdown-menu,
  .modal-modern .modal-content,
  .nav-dropdown__menu,
  .orders-status-tabs,
  .orders-search,
  .product-tab-nav .nav-link,
  .variants-video-cta,
  .supplier-variant-item,
  .supplier-action-modal .modal-content
) {
  border-radius: var(--ds-control-radius);
}

body:is(.is-admin-control, .is-partner-control) :is(
  .form-control,
  .form-select,
  .input-group-text
) {
  border-color: rgba(164, 163, 161, 0.22);
  background-color: rgba(5, 5, 5, 0.36);
}

body.is-admin-control .navbar .container-fluid {
  align-items: center;
  gap: 1rem;
}

body.is-admin-control {
  overflow-x: clip;
}

body.is-admin-control .nav-panel {
  min-width: 0;
}

body.is-admin-control .nav-menu-group {
  gap: 0.75rem;
}

body.is-admin-control .nav-menu--primary {
  flex-wrap: nowrap;
  gap: 0.5rem;
}

body.is-admin-control .nav-dropdown__menu {
  min-width: 17rem;
  max-width: min(17rem, calc(100vw - 1rem));
  overflow: hidden;
}

body.is-admin-control .nav-dropdown__link {
  min-height: 44px;
}

body.is-admin-control .nav-chip__label {
  white-space: nowrap;
}

@media (min-width: 992px) {
  body.is-admin-control .nav-menu-group {
    justify-content: flex-end;
  }

  body.is-admin-control .nav-menu--primary {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
  }

  body.is-admin-control .nav-menu-group__end {
    flex: 0 0 auto;
  }
}

@media (max-width: 1199.98px) {
  body.is-admin-control .nav-menu--primary {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.admin-coupons-page {
  color: var(--ds-text-primary);
}

.admin-coupons-shell {
  max-width: 1240px;
}

.admin-coupons-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.admin-coupons-header h1 {
  color: #fff;
  font-size: clamp(1.9rem, 2vw, 2.45rem);
  font-weight: 800;
  margin: 0;
}

.admin-coupons-eyebrow,
.admin-coupon-modal__eyebrow {
  display: inline-flex;
  margin-bottom: 0.35rem;
  color: #cbc8c0;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-coupons-card {
  overflow: hidden;
}

.admin-coupons-table {
  min-width: 920px;
}

.admin-coupons-table th {
  color: rgba(234, 233, 231, 0.72);
  font-size: 0.76rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.admin-coupons-table td {
  vertical-align: middle;
}

.admin-coupons-table .coupon-code {
  color: #fff;
  letter-spacing: 0.04em;
}

.admin-coupon-modal .modal-dialog {
  max-width: min(1120px, calc(100vw - 2rem));
  height: calc(100dvh - 2rem);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.admin-coupon-modal .modal-content {
  border-radius: 0.75rem;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-coupon-modal form[data-coupon-form] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.admin-coupon-modal .modal-header,
.admin-coupon-modal .modal-footer {
  flex: 0 0 auto;
}

.admin-coupon-modal .modal-body {
  display: grid;
  flex: 1 1 auto;
  gap: 1rem;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: rgba(5, 5, 5, 0.2);
  scrollbar-color: rgba(159, 158, 156, 0.7) rgba(25, 25, 24, 0.72);
}

.admin-coupon-section {
  padding: 1rem;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 0.65rem;
  background: rgba(25, 25, 24, 0.48);
}

.admin-coupon-section__heading {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.admin-coupon-section__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.55rem;
  background: rgba(110, 109, 105, 0.2);
  color: #d9d6cf;
  flex: 0 0 auto;
}

.admin-coupon-section h3 {
  margin: 0 0 0.2rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
}

.admin-coupon-section p {
  margin: 0;
  color: var(--ds-text-secondary);
  font-size: 0.86rem;
}

.admin-coupon-scope-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(159, 158, 156, 0.24);
  border-radius: 0.65rem;
  background: rgba(68, 67, 65, 0.14);
}

.admin-coupon-scope-toggle strong,
.admin-coupon-scope-toggle span {
  display: block;
}

.admin-coupon-scope-toggle strong {
  color: #fff;
}

.admin-coupon-scope-toggle span {
  color: var(--ds-text-secondary);
  font-size: 0.84rem;
}

.admin-coupon-section--scope .is-disabled {
  opacity: 0.5;
}

.admin-coupon-modal .select2-container {
  width: 100% !important;
}

.admin-coupon-modal .select2-container--default .select2-selection--multiple {
  min-height: 42px;
  border: 1px solid rgba(164, 163, 161, 0.3);
  border-radius: 0.5rem;
  background: rgba(25, 25, 24, 0.72);
  color: var(--ds-text-primary);
}

.admin-coupon-modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(159, 158, 156, 0.36);
  border-radius: 0.4rem;
  background: rgba(110, 109, 105, 0.24);
  color: #e6e3dc;
}

.admin-coupon-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #d9d6cf;
}

.admin-coupon-modal .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: rgba(25, 25, 24, 0.28);
}

@media (max-width: 767.98px) {
  .admin-coupons-header {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-coupons-create-btn {
    width: 100%;
  }

  .admin-coupon-scope-toggle {
    align-items: flex-start;
  }
}

/* Plans — focused, premium comparison */
.plan-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin: 0 0 1.75rem;
  padding: 0.5rem 0 0;
}

.plan-hero__eyebrow {
  display: block;
  margin-bottom: 0.45rem;
  color: #c5c1b8;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.plan-hero h1 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(1.8rem, 3vw, 2.45rem);
  font-weight: 680;
  letter-spacing: -0.035em;
}

.plan-hero p {
  margin: 0.55rem 0 0;
  color: #a4a3a1;
  font-size: 0.96rem;
}

.plan-hero__billing-note {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 0.55rem;
  padding: 0.55rem 0.8rem;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 999px;
  background: rgba(25, 25, 24, 0.52);
  color: #a4a3a1;
  font-size: 0.78rem;
}

.plan-hero__billing-note i {
  color: #c5c1b8;
  font-size: 0.9rem;
}

.plan-hero__billing-note strong {
  color: #e6e3dc;
  font-weight: 650;
}

.shopify-plan-transfer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(220px, auto);
  align-items: center;
  gap: 1.15rem;
  margin: 0 0 1.25rem;
  padding: 1.15rem;
  border: 1px solid rgba(159, 158, 156, 0.3);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(126, 125, 123, 0.14), transparent 42%),
    rgba(22, 21, 19, 0.94);
  box-shadow: 0 22px 48px -38px rgba(110, 109, 105, 0.9);
}

.shopify-plan-transfer__icon {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(159, 158, 156, 0.3);
  border-radius: 14px;
  background: rgba(110, 109, 105, 0.12);
  color: #cbc8c0;
  font-size: 1.2rem;
}

.shopify-plan-transfer__eyebrow {
  color: #c5c1b8;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.shopify-plan-transfer h2 {
  margin: 0.18rem 0 0.35rem;
  color: #f8fafc;
  font-size: 1.12rem;
  font-weight: 680;
  letter-spacing: -0.02em;
}

.shopify-plan-transfer p {
  max-width: 780px;
  margin: 0;
  color: #a4a3a1;
  font-size: 0.84rem;
  line-height: 1.55;
}

.shopify-plan-transfer__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.85rem;
  margin-top: 0.7rem;
}

.shopify-plan-transfer__facts span,
.shopify-plan-transfer__saved {
  color: #d7d6d4;
  font-size: 0.75rem;
}

.shopify-plan-transfer__facts i,
.shopify-plan-transfer__saved i {
  margin-right: 0.3rem;
  color: #c5c1b8;
}

.shopify-plan-transfer__facts strong {
  color: #f8f7f5;
}

.shopify-plan-transfer__saved {
  margin-top: 0.65rem;
  color: #d9d6cf;
}

.shopify-plan-transfer__actions {
  display: grid;
  gap: 0.5rem;
  min-width: 220px;
}

.shopify-plan-transfer__actions form,
.shopify-plan-transfer__actions .btn {
  width: 100%;
}

.shopify-plan-transfer__actions .btn {
  min-height: 42px;
  border-radius: 11px;
  font-size: 0.82rem;
  font-weight: 650;
}

.shopify-plan-transfer__actions small {
  color: #757472;
  font-size: 0.68rem;
  line-height: 1.4;
  text-align: center;
}

body.page-plans .plan-layout {
  gap: 0;
}

body.page-plans .plan-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

body.page-plans .plan-card {
  gap: 1.35rem;
  min-width: 0;
  padding: 1.65rem;
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 18px;
  background: rgba(22, 21, 19, 0.88);
  box-shadow: 0 18px 45px -34px rgba(0, 0, 0, 0.85);
  overflow: hidden;
}

body.page-plans .plan-card::after {
  display: none;
}

body.page-plans .plan-card--highlight {
  border-color: rgba(159, 158, 156, 0.42);
  background:
    linear-gradient(180deg, rgba(110, 109, 105, 0.09), transparent 38%),
    rgba(22, 21, 19, 0.96);
  box-shadow: 0 22px 52px -36px rgba(110, 109, 105, 0.75);
}

body.page-plans .plan-card--current {
  border-color: rgba(159, 158, 156, 0.32);
}

body.page-plans .plan-card__eyebrow {
  margin-bottom: 0.3rem;
  color: #757472;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.13em;
}

body.page-plans .plan-card__title {
  font-size: 1.35rem;
  font-weight: 650;
  letter-spacing: -0.02em;
}

body.page-plans .plan-card__badge {
  padding: 0.3rem 0.65rem;
  border: 1px solid rgba(159, 158, 156, 0.25);
  background: rgba(110, 109, 105, 0.12);
  color: #d9d6cf;
  box-shadow: none;
  font-size: 0.65rem;
  letter-spacing: 0.07em;
}

body.page-plans .plan-card__price-block {
  min-height: 4.5rem;
  gap: 0.35rem;
}

body.page-plans .plan-card__price {
  align-items: baseline;
  gap: 0.22rem;
  font-size: 2.55rem;
  font-weight: 680;
  letter-spacing: -0.045em;
}

body.page-plans .plan-card__price--free {
  color: #f8fafc;
  font-size: 2rem;
}

body.page-plans .plan-card__currency {
  font-size: 1.15rem;
}

body.page-plans .plan-card__price-term {
  margin: 0;
  color: #757472;
  font-size: 0.85rem;
}

body.page-plans .plan-card__price-subtext {
  color: #757472;
  font-size: 0.78rem;
}

body.page-plans .plan-card__features {
  gap: 0;
  border-top: 1px solid rgba(164, 163, 161, 0.12);
}

body.page-plans .plan-card__feature {
  gap: 0.7rem;
  min-height: 2.65rem;
  padding: 0.62rem 0;
  border-bottom: 1px solid rgba(164, 163, 161, 0.09);
  color: #d7d6d4;
  font-size: 0.9rem;
  line-height: 1.4;
}

body.page-plans .plan-card__feature > i {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: rgba(159, 158, 156, 0.1);
  color: #c5c1b8;
  font-size: 0.75rem;
}

body.page-plans .plan-card__feature strong {
  color: #f1f5f9;
  font-weight: 630;
}

body.page-plans .plan-card__included {
  margin-top: -0.25rem;
}

body.page-plans .plan-card__included > span {
  color: #757472;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.page-plans .plan-card__included p {
  margin: 0.3rem 0 0;
  color: #a4a3a1;
  font-size: 0.78rem;
  line-height: 1.5;
}

body.page-plans .plan-card__footer {
  gap: 0.65rem;
  margin-top: auto;
  padding-top: 0.15rem;
}

body.page-plans .plan-card__button {
  min-height: 46px;
  padding: 0.7rem 1.25rem;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 650;
}

body.page-plans .plan-card--highlight .plan-card__button {
  border-color: rgba(159, 158, 156, 0.38);
  background: linear-gradient(135deg, #74716c, #8d8a84);
  box-shadow: 0 16px 30px -22px rgba(126, 125, 123, 0.95);
}

body.page-plans .plan-card__note {
  color: #757472;
  font-size: 0.74rem;
  line-height: 1.45;
  text-align: center;
}

body.page-plans .plan-card__coupon {
  border-radius: 12px;
  background: rgba(5, 5, 5, 0.25);
}

body.page-plans .plan-card__coupon-toggle {
  padding: 0.62rem 0.75rem;
}

body.page-plans .plan-card__coupon-toggle small,
body.page-plans .plan-card__coupon-icon {
  display: none;
}

body.page-plans .plan-card__coupon-toggle strong {
  color: #a4a3a1;
  font-size: 0.78rem;
  font-weight: 550;
}

@media (max-width: 767.98px) {
  .plan-hero {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
  }

  .plan-hero__billing-note {
    white-space: normal;
  }

  body.page-plans .plan-grid {
    grid-template-columns: 1fr;
  }

  .shopify-plan-transfer {
    grid-template-columns: 1fr;
  }

  .shopify-plan-transfer__icon {
    width: 2.6rem;
    height: 2.6rem;
  }

  .shopify-plan-transfer__actions {
    min-width: 0;
  }
}

@media (max-width: 575.98px) {
  body.page-plans .plan-card {
    padding: 1.35rem;
    border-radius: 16px;
  }
}

.admin-dashboard {
  max-width: 1440px;
}

.admin-dashboard__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(19rem, 26rem);
  gap: 1rem;
  align-items: stretch;
  margin-bottom: 1rem;
}

.admin-dashboard__hero-main,
.admin-dashboard__admin-card,
.admin-metric-card,
.admin-action-group,
.admin-panel-card {
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 0.5rem;
  background: rgba(25, 25, 24, 0.78);
  box-shadow: 0 20px 48px -38px rgba(25, 25, 24, 0.95);
}

.admin-dashboard__hero-main {
  padding: 1.35rem;
}

.admin-dashboard__eyebrow {
  display: block;
  margin-bottom: 0.45rem;
  color: #cbc8c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-dashboard__hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.75rem, 2vw, 2.3rem);
  font-weight: 800;
}

.admin-dashboard__hero p {
  max-width: 54rem;
  margin: 0.45rem 0 0;
  color: rgba(219, 218, 216, 0.86);
  font-size: 1rem;
}

.admin-dashboard__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}

.admin-dashboard__admin-card {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1.1rem;
  background: rgba(40, 40, 38, 0.88);
}

.admin-dashboard__admin-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.5rem;
  background: rgba(110, 109, 105, 0.28);
  color: #d9d6cf;
  flex: 0 0 auto;
}

.admin-dashboard__admin-copy {
  min-width: 0;
}

.admin-dashboard__admin-copy span,
.admin-dashboard__admin-copy small,
.admin-metric-card span,
.admin-metric-card small,
.admin-action-card small,
.admin-list-row small {
  color: rgba(215, 214, 212, 0.78);
}

.admin-dashboard__admin-copy span,
.admin-metric-card span {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.admin-dashboard__admin-copy strong {
  display: block;
  color: #f8fafc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-dashboard__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.admin-metric-card {
  padding: 1rem;
}

.admin-metric-card strong {
  display: block;
  margin: 0.35rem 0 0.25rem;
  color: #fff;
  font-size: clamp(1.55rem, 2vw, 2rem);
  font-weight: 800;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.admin-dashboard__section,
.admin-dashboard__data-grid,
.admin-panel-card--wide {
  margin-top: 1rem;
}

.admin-dashboard__section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.admin-dashboard__section-heading h2,
.admin-panel-card__header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 1.08rem;
  font-weight: 800;
}

.admin-action-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.admin-action-group {
  padding: 0.85rem;
}

.admin-action-group h3 {
  margin: 0 0 0.65rem;
  color: #d7d6d4;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.admin-action-group__list,
.admin-list-stack {
  display: grid;
  gap: 0.55rem;
}

.admin-action-card {
  display: grid;
  grid-template-columns: 2.15rem minmax(0, 1fr) 1.45rem;
  gap: 0.65rem;
  align-items: center;
  min-height: 4.6rem;
  padding: 0.7rem;
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.5rem;
  background: rgba(5, 5, 5, 0.32);
  color: #f8fafc;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.admin-action-card:hover,
.admin-action-card:focus {
  color: #fff;
  border-color: rgba(159, 158, 156, 0.48);
  background: rgba(40, 40, 38, 0.72);
  transform: translateY(-1px);
}

.admin-action-card--alert {
  border-color: rgba(239, 68, 68, 0.42);
  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.08), 0 14px 34px rgba(127, 29, 29, 0.12);
}

.admin-action-card--alert:hover,
.admin-action-card--alert:focus {
  border-color: rgba(248, 113, 113, 0.68);
}

.admin-action-card__icon,
.admin-action-card__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
}

.admin-action-card__icon {
  position: relative;
  width: 2.15rem;
  height: 2.15rem;
  background: rgba(110, 109, 105, 0.2);
  color: #d9d6cf;
}

.admin-action-card--alert .admin-action-card__icon::after {
  content: '';
  position: absolute;
  top: 0.18rem;
  right: 0.18rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

.admin-action-card__copy {
  min-width: 0;
}

.admin-action-card strong,
.admin-action-card small {
  display: block;
}

.admin-action-card strong {
  margin-bottom: 0.18rem;
  font-size: 0.94rem;
}

.admin-action-card__title-row {
  display: flex !important;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.admin-action-card__title-row > span:first-child {
  min-width: 0;
}

.admin-action-card__badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 1.38rem;
  height: 1.38rem;
  padding: 0 0.42rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.17);
}

.admin-action-card small {
  line-height: 1.35;
}

.admin-action-card__arrow {
  color: rgba(219, 218, 216, 0.82);
  font-size: 1.3rem;
}

.admin-dashboard__data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.admin-panel-card {
  padding: 1rem;
  min-width: 0;
}

.admin-panel-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.admin-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem;
  border: 1px solid rgba(164, 163, 161, 0.14);
  border-radius: 0.5rem;
  background: rgba(5, 5, 5, 0.26);
}

.admin-list-row__main {
  min-width: 0;
}

.admin-list-row strong {
  display: block;
  color: #f8fafc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-table {
  --bs-table-bg: transparent;
  --bs-table-border-color: rgba(164, 163, 161, 0.18);
}

.admin-table thead th {
  color: rgba(215, 214, 212, 0.86);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 1199.98px) {
  .admin-dashboard__metrics,
  .admin-action-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .admin-dashboard__hero,
  .admin-dashboard__data-grid {
    grid-template-columns: 1fr;
  }

  body:is(.is-admin-control, .is-partner-control) .nav-chip {
    min-height: 44px;
    padding: 0.55rem 0.85rem;
  }
}

@media (max-width: 767.98px) {
  .admin-dashboard__metrics,
  .admin-action-groups {
    grid-template-columns: 1fr;
  }

  .admin-dashboard__hero-actions,
  .admin-panel-card__header,
  .admin-list-row {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-dashboard__hero-actions .btn,
  .admin-panel-card__header .btn,
  .admin-list-row .btn,
  .admin-list-row form {
    width: 100%;
  }

  .admin-action-card {
    grid-template-columns: 2.15rem minmax(0, 1fr);
  }

  .admin-action-card__arrow {
    display: none;
  }
}

.admin-affiliates {
  max-width: 1600px;
}

.admin-affiliates__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1.25rem;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 0.65rem;
  background: linear-gradient(135deg, rgba(40, 40, 38, 0.94), rgba(25, 25, 24, 0.8));
}

.admin-affiliates__hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.7rem, 2.2vw, 2.35rem);
  font-weight: 800;
}

.admin-affiliates__hero p {
  max-width: 60rem;
  margin: 0.45rem 0 0;
  color: rgba(219, 218, 216, 0.84);
}

.admin-affiliates__metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.admin-affiliate-metric {
  display: block;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(164, 163, 161, 0.2);
  border-radius: 0.6rem;
  background: rgba(25, 25, 24, 0.78);
  color: inherit;
  text-decoration: none;
}

.admin-affiliate-metric--link {
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.admin-affiliate-metric--link:hover,
.admin-affiliate-metric--link:focus {
  border-color: rgba(96, 165, 250, 0.65);
  background: rgba(30, 58, 88, 0.45);
  color: inherit;
  transform: translateY(-1px);
}

.admin-affiliate-metric span,
.admin-affiliate-metric small {
  display: block;
  color: rgba(215, 214, 212, 0.76);
}

.admin-affiliate-metric span {
  overflow: hidden;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-affiliate-metric strong {
  display: block;
  margin: 0.38rem 0 0.25rem;
  color: #fff;
  font-size: clamp(1.35rem, 1.8vw, 1.85rem);
  font-variant-numeric: tabular-nums;
}

.admin-affiliates__alerts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.admin-affiliate-alert {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
  padding: 0.85rem;
  border: 1px solid rgba(164, 163, 161, 0.2);
  border-radius: 0.6rem;
  color: #f8fafc;
  text-decoration: none;
}

.admin-affiliate-alert:hover,
.admin-affiliate-alert:focus {
  color: #fff;
  filter: brightness(1.08);
}

.admin-affiliate-alert--info { background: rgba(30, 64, 175, 0.2); border-color: rgba(96, 165, 250, 0.35); }
.admin-affiliate-alert--warning { background: rgba(146, 64, 14, 0.2); border-color: rgba(251, 191, 36, 0.35); }
.admin-affiliate-alert--danger { background: rgba(153, 27, 27, 0.2); border-color: rgba(248, 113, 113, 0.4); }

.admin-affiliate-alert span,
.admin-affiliate-alert strong,
.admin-affiliate-alert small {
  display: block;
  min-width: 0;
}

.admin-affiliate-alert small {
  margin-top: 0.2rem;
  color: rgba(226, 232, 240, 0.72);
  line-height: 1.35;
}

.admin-affiliates__filter-card,
.admin-affiliates__list-card {
  border: 1px solid rgba(164, 163, 161, 0.2) !important;
  background: rgba(25, 25, 24, 0.78);
}

.admin-affiliates__filter-card {
  margin-bottom: 1rem;
}

.admin-affiliates__table {
  --bs-table-bg: transparent;
  --bs-table-color: #f8fafc;
  --bs-table-border-color: rgba(164, 163, 161, 0.16);
  --bs-table-hover-bg: rgba(96, 165, 250, 0.08);
  --bs-table-hover-color: #fff;
  min-width: 1120px;
}

.admin-affiliates__list-card .card-header h2 {
  color: #f8fafc;
}

.admin-affiliates__table thead th {
  padding: 0.8rem;
  color: rgba(215, 214, 212, 0.82);
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-affiliates__table tbody td {
  padding: 0.8rem;
  color: #f8fafc;
  vertical-align: middle;
}

.admin-affiliates__table tbody tr.table-danger > td {
  background: rgba(153, 27, 27, 0.2);
  color: #fff;
}

.admin-affiliates__table td strong,
.admin-affiliates__table td small {
  display: block;
}

.admin-affiliates__table td small {
  margin-top: 0.2rem;
  color: rgba(215, 214, 212, 0.7);
  line-height: 1.35;
}

.admin-affiliates__table code {
  color: #93c5fd;
}

@media (max-width: 1199.98px) {
  .admin-affiliates__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .admin-affiliates__hero {
    flex-direction: column;
  }

  .admin-affiliates__alerts {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .admin-affiliates__metrics {
    grid-template-columns: 1fr;
  }

  .admin-affiliates__hero .btn {
    flex: 1 1 100%;
  }
}

.summary-tile {
  border-radius: 1rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(164, 163, 161, 0.12), rgba(40, 40, 38, 0.22));
  border: 1px solid rgba(164, 163, 161, 0.18);
  height: 100%;
}

.summary-tile__label {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: rgba(234, 233, 231, 0.75);
  margin-bottom: 0.45rem;
}

.summary-tile__value {
  font-size: 1.65rem;
  font-weight: 600;
}

.summary-tile--designs {
  display: flex;
  flex-direction: column;
  min-height: 120px;
}

.summary-tile__meta {
  font-size: 0.78rem;
  color: rgba(234, 233, 231, 0.72);
}

.service-fees-page .service-fees-hero {
  margin-bottom: 2rem;
}

.service-fees-page .service-fees-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  padding: 0.5rem 0;
}

.service-fees-page .service-fees-intro__eyebrow {
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 0.9rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: rgba(126, 125, 123, 0.12);
  border: 1px solid rgba(159, 158, 156, 0.18);
  color: rgba(219, 218, 216, 0.9);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.service-fees-page .service-fees-intro__lead {
  max-width: 34rem;
  color: rgba(234, 233, 231, 0.72);
  font-size: 1.1rem;
  line-height: 1.55;
}

.service-fees-page .service-fees-overview-card .card-body {
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
  padding: 1.35rem;
}

.service-fees-page .service-fees-overview-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.9rem;
}

.service-fees-page .service-fees-overview-card__value {
  font-size: clamp(1.9rem, 2vw, 2.4rem);
  line-height: 1.05;
  font-weight: 700;
}

.service-fees-page .service-fees-overview-card__meta,
.service-fees-page .service-fees-overview-card__pill {
  flex-shrink: 0;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  background: rgba(25, 25, 24, 0.5);
  border: 1px solid rgba(164, 163, 161, 0.18);
  color: rgba(234, 233, 231, 0.78);
  font-size: 0.78rem;
  font-weight: 600;
}

.service-fees-page .service-fees-overview-card__hint {
  color: rgba(234, 233, 231, 0.68);
  font-size: 0.92rem;
  line-height: 1.45;
  max-width: 28rem;
}

.service-fees-page .service-fees-filter-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: auto;
}

.service-fees-page .service-fees-filter-form__inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.service-fees-page .service-fees-filter-form__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.65rem;
}

.service-fees-page .service-fees-ledger-amount--credit {
  color: #4ade80 !important;
}

.service-fees-page .service-fees-ledger-amount--debit {
  color: #fb7185 !important;
}

.service-fees-page .service-fees-overview-card__stack {
  display: grid;
  gap: 0.6rem;
  margin-top: auto;
}

.service-fees-page .service-fees-overview-card__stack-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(164, 163, 161, 0.12);
  color: rgba(234, 233, 231, 0.72);
  font-size: 0.88rem;
}

.service-fees-page .service-fees-overview-card__stack-item strong {
  color: var(--ds-text-primary);
  font-size: 0.95rem;
}

.service-fees-page .service-fees-tile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 148px;
  padding: 1.15rem 1.2rem;
}

.service-fees-page .service-fees-tile .summary-tile__label {
  margin-bottom: 0.6rem;
}

.service-fees-page .service-fees-tile .summary-tile__value {
  line-height: 1.08;
}

.service-fees-page .service-fees-tile__meta {
  margin-top: 0.6rem;
  font-size: 0.9rem;
  line-height: 1.4;
  color: rgba(234, 233, 231, 0.62);
}

@media (max-width: 1199.98px) {
  .service-fees-page .service-fees-intro__lead {
    max-width: none;
  }
}

@media (max-width: 767.98px) {
  .service-fees-page .service-fees-filter-form__inputs {
    grid-template-columns: 1fr;
  }

  .service-fees-page .service-fees-overview-card__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .service-fees-page .service-fees-overview-card__stack-item {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.3rem;
  }
}

.recent-designs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(68px, 1fr));
  gap: 0.5rem;
}

.recent-designs-grid__item {
  display: block;
  border-radius: 0.65rem;
  border: 1px solid rgba(164, 163, 161, 0.2);
  background: rgba(25, 25, 24, 0.55);
  overflow: hidden;
  aspect-ratio: 1 / 1;
  text-decoration: none;
}

.recent-designs-grid__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.partner-summary-card {
  background: linear-gradient(145deg, rgba(40, 39, 37, 0.5), rgba(25, 25, 24, 0.9));
  border: 1px solid rgba(164, 163, 161, 0.12);
  border-radius: 1.25rem;
}

.partner-summary__header h4 {
  margin-bottom: 0.35rem;
}

.partner-summary__alert {
  border: 1px solid rgba(253, 224, 71, 0.35);
  background: rgba(253, 224, 71, 0.08);
  color: #fef9c3;
}

.summary-stat {
  border-radius: 1rem;
  padding: 1.1rem 1.2rem;
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.9), rgba(29, 29, 28, 0.75));
  border: 1px solid rgba(164, 163, 161, 0.18);
  box-shadow: 0 18px 40px -32px rgba(0, 0, 0, 0.5);
}

.summary-stat--accent {
  background: linear-gradient(135deg, rgba(126, 125, 123, 0.18), rgba(25, 25, 24, 0.9));
  border-color: rgba(126, 125, 123, 0.35);
  box-shadow: 0 22px 48px -38px rgba(126, 125, 123, 0.5);
}

.summary-stat__label {
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  color: rgba(234, 233, 231, 0.72);
  margin-bottom: 0.25rem;
}

.summary-stat__value {
  font-size: 1.65rem;
  font-weight: 700;
  color: #e5e7eb;
}

.summary-stat__meta {
  font-size: 0.95rem;
  color: rgba(234, 233, 231, 0.72);
}

.partner-summary__section {
  padding: 1.15rem 1.25rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02), rgba(25, 25, 24, 0.85));
  border: 1px solid rgba(164, 163, 161, 0.16);
  height: 100%;
}

.partner-summary__section-title {
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: rgba(234, 233, 231, 0.7);
  margin-bottom: 0.85rem;
}

.summary-detail-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  font-size: 0.97rem;
  color: #e5e7eb;
  padding: 0.4rem 0;
  border-bottom: 1px dashed rgba(164, 163, 161, 0.18);
}

.summary-detail-row:last-child {
  border-bottom: none;
}

.partner-summary__table thead {
  background: rgba(255, 255, 255, 0.03);
}

.partner-summary__table tbody tr {
  border-color: rgba(164, 163, 161, 0.15);
}

.partner-summary__table tbody tr:hover {
  background: rgba(126, 125, 123, 0.04);
}

.metric-progress {
  height: 0.6rem;
  background: rgba(164, 163, 161, 0.18);
  border-radius: 999px;
  overflow: hidden;
  box-shadow: 0 18px 40px -32px rgba(115, 115, 111, 0.45);
}

.metric-progress .progress-bar {
  height: 100%;
  border-radius: 999px;
}

.metric-progress__bar--credit {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.85), rgba(115, 115, 111, 0.6));
}

.metric-progress__bar--debit {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.78), rgba(249, 115, 22, 0.6));
}

.table.table-dark {
  --bs-table-bg: rgba(25, 25, 24, 0.78);
  --bs-table-striped-bg: rgba(40, 40, 38, 0.72);
  --bs-table-hover-bg: rgba(62, 61, 59, 0.72);
  --bs-table-border-color: rgba(164, 163, 161, 0.2);
  color: var(--ds-text-primary);
  border-color: rgba(164, 163, 161, 0.18);
  backdrop-filter: blur(8px);
}

.table.table-dark thead tr {
  background: rgba(23, 22, 20, 0.9);
  border-bottom: 1px solid rgba(105, 104, 101, 0.22);
}

.table.table-dark th {
  color: var(--ds-text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  border-color: rgba(105, 104, 101, 0.18) !important;
}

.table.table-dark td {
  border-color: rgba(105, 104, 101, 0.12) !important;
}

.table.table-dark tbody tr {
  transition: background 0.2s ease;
}

.table.table-dark tbody tr:hover {
  background: rgba(62, 61, 59, 0.72);
}

.admin-partners-table-wrap {
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 8px;
  background: rgba(25, 25, 24, 0.58);
  scrollbar-color: rgba(159, 158, 156, 0.6) rgba(25, 25, 24, 0.72);
}

.admin-partners-table-wrap .dropdown-menu {
  z-index: 1080;
}

.admin-partners-filter-card,
.admin-partners-list-card {
  border: 1px solid rgba(164, 163, 161, 0.14) !important;
}

.admin-partners-filter-card .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-width: 6.25rem;
  white-space: nowrap;
}

.admin-partners-table {
  min-width: 920px;
  margin-bottom: 0;
  table-layout: fixed;
}

.admin-partners-table th,
.admin-partners-table td {
  padding: 0.85rem 0.7rem;
  vertical-align: middle;
}

.admin-partners-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  white-space: normal;
  line-height: 1.25;
}

.admin-partners-table tbody td {
  line-height: 1.35;
}

.admin-partners-table tbody tr {
  min-height: 64px;
}

.admin-partners-table .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

.marketplace-summary-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 0.9rem;
  margin-top: 0.7rem;
}

.marketplace-summary-counts span {
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.15;
}

.marketplace-summary-counts strong {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--ds-text-primary);
  font-size: 1.2rem;
}

.marketplace-status-list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.marketplace-status-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.65rem;
  height: 1.65rem;
  padding: 0 0.28rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1;
  cursor: help;
}

.marketplace-status-dot.is-active {
  border-color: rgba(34, 197, 94, 0.46);
  background: rgba(22, 163, 74, 0.22);
  color: #bbf7d0;
}

.marketplace-status-dot.is-missing {
  border-color: rgba(251, 113, 133, 0.46);
  background: rgba(190, 24, 93, 0.2);
  color: #fecdd3;
}

.xml-feed-count {
  padding: 0.28rem 0.42rem;
  border: 1px solid rgba(159, 158, 156, 0.3);
  border-radius: 999px;
  background: rgba(68, 67, 65, 0.16);
  color: #d9d6cf;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.admin-partners-table__id,
.admin-partners-table__money {
  white-space: nowrap;
}

.admin-partners-table__partner {
  overflow: hidden;
}

.admin-partners-table__email {
  max-width: 100%;
  overflow: hidden;
  color: var(--ds-text-primary);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-partners-table__actions .dropdown {
  display: inline-block;
}

.admin-partners-table__actions .btn {
  white-space: nowrap;
}

.admin-partners-table th:nth-child(1),
.admin-partners-table td:nth-child(1) {
  width: 70px;
}

.admin-partners-table th:nth-child(2),
.admin-partners-table td:nth-child(2) {
  width: 290px;
}

.admin-partners-table th:nth-child(3),
.admin-partners-table td:nth-child(3) {
  width: 130px;
}

.admin-partners-table th:nth-child(4),
.admin-partners-table td:nth-child(4) {
  width: 185px;
}

.admin-partners-table th:nth-child(5),
.admin-partners-table td:nth-child(5) {
  width: 90px;
}

.admin-partners-table th:nth-child(6),
.admin-partners-table td:nth-child(6) {
  width: 120px;
}

.admin-partners-table th:nth-child(7),
.admin-partners-table td:nth-child(7) {
  width: 100px;
}

.admin-partner-detail-modal .modal-dialog {
  max-width: min(1120px, calc(100vw - 2rem));
}

.admin-partner-detail-modal .modal-content {
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(5, 5, 5, 0.55);
}

.admin-partner-detail-modal__badges,
.admin-partner-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.admin-partner-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.admin-partner-detail-stat,
.admin-partner-detail-section {
  border: 1px solid rgba(164, 163, 161, 0.14);
  border-radius: 8px;
  background: rgba(25, 25, 24, 0.58);
}

.admin-partner-detail-stat {
  padding: 0.8rem;
}

.admin-partner-detail-stat span {
  display: block;
  color: var(--ds-text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-partner-detail-stat strong {
  display: block;
  margin-top: 0.25rem;
  color: var(--ds-text-primary);
  font-size: 1rem;
}

.admin-partner-detail-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.admin-partner-detail-section {
  padding: 1rem;
}

.admin-partner-detail-section--full {
  grid-column: 1 / -1;
}

.admin-partner-source-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-partner-source-item {
  min-width: 0;
}

.admin-partner-source-item + .admin-partner-source-item {
  border-left: 1px solid rgba(164, 163, 161, 0.14);
  padding-left: 1rem;
  margin-left: 1rem;
}

.admin-partner-source-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.admin-partner-detail-section .admin-partner-source-heading h6 {
  margin: 0;
}

.admin-partner-source-time {
  color: var(--ds-text-muted);
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

.admin-partner-referral-link {
  display: block;
  overflow-wrap: anywhere;
  color: var(--bs-info);
  font-size: 0.9rem;
}

.admin-partner-referral-link:hover {
  color: #8de8ff;
}

.admin-partner-detail-section h6 {
  margin-bottom: 0.8rem;
  color: var(--ds-text-primary);
  font-weight: 700;
}

.admin-partner-detail-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.admin-partner-detail-actions {
  border-top: 1px solid rgba(164, 163, 161, 0.14);
  padding-top: 1rem;
}

.admin-partner-detail-actions form {
  margin: 0;
}

.admin-partner-danger-zone {
  border: 1px solid rgba(239, 68, 68, 0.28);
  border-radius: 8px;
  padding: 0.85rem 1rem;
  background: rgba(127, 29, 29, 0.14);
}

.admin-partner-danger-zone summary {
  cursor: pointer;
  color: #fecaca;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .admin-partner-source-grid {
    grid-template-columns: 1fr;
  }

  .admin-partner-source-item + .admin-partner-source-item {
    border-left: 0;
    border-top: 1px solid rgba(164, 163, 161, 0.14);
    padding-left: 0;
    padding-top: 0.85rem;
    margin-left: 0;
    margin-top: 0.85rem;
  }
}

@media (max-width: 575.98px) {
  .admin-partners-filter-card .card-body,
  .admin-partners-list-card .card-body {
    padding: 1rem;
  }

  .admin-partners-table {
    min-width: 860px;
  }

  .admin-partner-detail-grid,
  .admin-partner-detail-sections,
  .admin-partner-detail-checks {
    grid-template-columns: 1fr;
  }
}

.badge.bg-success-subtle {
  background: rgba(22, 163, 74, 0.22);
  color: #bbf7d0;
  border: 1px solid rgba(34, 197, 94, 0.35);
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
}

.badge.bg-danger-subtle {
  background: rgba(239, 68, 68, 0.18);
  color: #F44336;
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
}

.alert-modern {
  border-radius: 18px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(25, 25, 24, 0.85);
  color: inherit;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.5rem;
  box-shadow: 0 18px 45px -25px rgba(105, 104, 101, 0.45);
}

.alert-modern.alert-success {
  border-color: rgba(34, 197, 94, 0.45);
}

.alert-modern.alert-danger,
.alert-modern.alert-warning {
  border-color: rgba(239, 68, 68, 0.45);
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 {
  margin: 0;
  font-weight: 700;
}

.hero {
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.22), rgba(115, 115, 111, 0.18));
  border: 1px solid rgba(164, 163, 161, 0.35);
  border-radius: 30px;
  padding: 4rem 3rem;
  box-shadow: 0 35px 60px -40px rgba(15, 118, 110, 0.55);
  overflow: hidden;
  position: relative;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 10%, rgba(115, 115, 111, 0.35), transparent 55%);
  pointer-events: none;
}

.hero h1 {
  font-size: clamp(2.5rem, 4vw, 3.75rem);
  font-weight: 800;
  margin-bottom: 1rem;
  color: #fff;
}

.hero p {
  font-size: 1.125rem;
  color: var(--ds-text-secondary);
  max-width: 540px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.35rem;
}

.btn-cta {
  background: linear-gradient(135deg, var(--ds-primary), var(--ds-secondary));
  border: none;
  color: #fff;
  padding: 0.85rem 2.4rem;
  font-weight: 600;
  border-radius: 999px;
  box-shadow: 0 18px 40px -22px rgba(105, 104, 101, 0.75);
  position: relative;
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

.btn-cta:hover,
.btn-cta:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 18px 32px -18px rgba(105, 104, 101, 0.9);
}

.btn-cta-alt {
  background: linear-gradient(135deg, #363533, #4f4e4c);
  box-shadow: 0 18px 40px -22px rgba(79, 78, 76, 0.75);
}

.btn-cta-alt:hover,
.btn-cta-alt:focus-visible {
  box-shadow: 0 18px 32px -18px rgba(79, 78, 76, 0.92);
}

.btn-cta.is-loading {
  opacity: 0.9;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  overflow: hidden;
}

.btn-cta.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.25) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-100%);
  animation: btn-cta-shimmer 1.4s ease-in-out infinite;
  pointer-events: none;
  mix-blend-mode: screen;
}

.btn-cta.is-loading .spinner-border {
  width: 0.95em;
  height: 0.95em;
  border: 0.15em solid rgba(255, 255, 255, 0.4);
  border-right-color: #fff;
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
  animation: btn-cta-spin 0.8s linear infinite;
}

.btn-cta.is-loading .spinner-border-sm {
  width: 0.85em;
  height: 0.85em;
  border-width: 0.14em;
}

@keyframes btn-cta-shimmer {
  100% {
    transform: translateX(100%);
  }
}

@keyframes btn-cta-spin {
  100% {
    transform: rotate(360deg);
  }
}

.btn-ghost {
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.4);
  color: var(--ds-text-primary);
  padding: 0.85rem 2.2rem;
  background: transparent;
}

.btn-ghost:hover,
.btn-ghost:focus {
  color: var(--ds-text-secondary);
  border-color: rgba(164, 163, 161, 0.55);
}

.card-modern {
  background: rgba(25, 25, 24, 0.82);
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 20px;
  padding: 0;
  box-shadow: 0 25px 45px -30px rgba(105, 104, 101, 0.4);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  overflow: hidden;
}

.card-modern--imported {
  border-color: rgba(34, 197, 94, 0.55);
  box-shadow: 0 30px 55px -32px rgba(34, 197, 94, 0.45);
}

.card-modern--imported-trendyol {
  border-color: rgba(242, 122, 26, 0.58);
  box-shadow: 0 30px 55px -32px rgba(242, 122, 26, 0.48);
}

.card-modern--imported-both {
  border-color: rgba(132, 204, 22, 0.54);
  box-shadow:
    0 28px 50px -34px rgba(34, 197, 94, 0.52),
    0 32px 60px -40px rgba(242, 122, 26, 0.48);
}

.card-modern:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 35px 60px -35px rgba(115, 115, 111, 0.5);
}

.page-catalog .catalog-grid .card-modern {
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.page-catalog .catalog-grid .card-modern:hover {
  transform: none;
  background: rgba(28, 28, 27, 0.9);
  border-color: rgba(199, 198, 196, 0.38);
  box-shadow: 0 30px 56px -34px rgba(5, 5, 5, 0.92), 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.card-modern:focus-visible {
  outline: 2px solid rgba(105, 104, 101, 0.65);
  outline-offset: 4px;
}

.card-modern .card-media {
  position: relative;
  width: 100%;
  height: 220px;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.18), rgba(115, 115, 111, 0.12));
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  isolation: isolate;
  padding: 0;
}

.card-modern .card-media-link {
  position: absolute;
  inset: 0;
  display: block;
  color: inherit;
  text-decoration: none;
}

.card-modern .card-media-link:focus-visible {
  outline: 2px solid rgba(115, 115, 111, 0.8);
  outline-offset: -2px;
}

@media (min-width: 768px) {
  .card-modern .card-media {
    height: 280px;
  }
}

@media (min-width: 1280px) {
  .card-modern .card-media {
    height: 320px;
  }
}

.card-modern .card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(25, 25, 24, 0.08);
  opacity: 0;
  transition: opacity 0.18s ease;
  z-index: 1;
  pointer-events: none;
}

.card-modern:hover .card-media::after {
  opacity: 1;
}

.card-modern .card-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  z-index: 0;
  transition: transform 0.25s ease;
  aspect-ratio: inherit;
}

.card-modern:hover .card-media img {
  transform: scale(1.01);
}

.card-modern .card-media--empty::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(105, 104, 101, 0.35), transparent 65%);
  opacity: 1;
}

.card-modern .card-body {
  margin-top: auto;
  padding: 1.18rem 1.25rem 1.25rem;
  color: var(--ds-text-primary);
  display: flex;
  flex-direction: column;
  gap: 0.82rem;
  flex: 1;
}

.card-modern .product-meta {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.card-modern .product-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  flex-wrap: nowrap;
  margin-top: auto;
  min-height: 2rem;
}

.product-import-count {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  max-width: 100%;
  padding: 0.28rem 0.62rem 0.28rem 0.3rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(244, 243, 240, 0.88);
  background: rgba(13, 13, 12, 0.34);
  border: 1px solid rgba(199, 198, 196, 0.18);
  line-height: 1.2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  white-space: nowrap;
}

.product-import-count__icon {
  display: inline-grid;
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  place-items: center;
  border-radius: 50%;
  color: rgba(242, 190, 24, 0.95);
  background: rgba(242, 190, 24, 0.1);
  border: 1px solid rgba(242, 190, 24, 0.2);
}

.product-import-count__icon i {
  font-size: 0.78rem;
  line-height: 1;
}

.card-modern .product-title {
  margin: 0;
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-modern .product-price {
  position: absolute;
  top: 12px;
  left: 12px;
  background: linear-gradient(140deg, rgba(25, 25, 24, 0.92), rgba(68, 67, 65, 0.9));
  color: #f8fafc;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem 0.9rem;
  min-width: max-content;
  box-shadow: 0 18px 35px -24px rgba(25, 25, 24, 0.85);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  z-index: 2;
  border: 1px solid rgba(164, 163, 161, 0.3);
  backdrop-filter: blur(8px);
}

.card-modern:hover .product-price {
  transform: translateY(-2px);
  box-shadow: 0 26px 45px -26px rgba(115, 115, 111, 0.7);
}

.page-catalog .catalog-grid .card-modern:hover .product-price {
  transform: none;
  box-shadow: 0 22px 38px -26px rgba(5, 5, 5, 0.9);
}

.product-badges {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.42rem;
  z-index: 2;
}

.product-status {
  display: inline-flex;
  align-items: center;
  gap: 0.36rem;
  min-height: 1.9rem;
  padding: 0.36rem 0.62rem;
  border-radius: 0.62rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  min-width: max-content;
  color: #f8fafc;
  background: rgba(20, 20, 19, 0.82);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 12px 24px -18px rgba(0, 0, 0, 0.9), inset 0 1px rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
}

.product-status i {
  font-size: 0.86rem;
  color: inherit;
}

.product-status--imported {
  gap: 0;
  min-height: auto;
  padding: 0.24rem;
  background: rgba(13, 13, 12, 0.76);
  border-color: rgba(255, 255, 255, 0.15);
  color: #ecfdf5;
  box-shadow: 0 12px 24px -18px rgba(0, 0, 0, 0.9), inset 0 1px rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
}

.product-status--imported-trendyol {
  background: rgba(13, 13, 12, 0.76);
  border-color: rgba(255, 255, 255, 0.15);
}

.product-status--imported-both {
  background: rgba(13, 13, 12, 0.76);
  border-color: rgba(255, 255, 255, 0.15);
}

.product-status--imported i {
  display: none;
}

.product-status--imported-trendyol i,
.product-status--imported-both i {
  display: none;
}

.product-status__marketplaces {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.product-status__marketplace {
  display: inline-grid;
  place-items: center;
  width: 1.62rem;
  height: 1.62rem;
  border-radius: 0.48rem;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 10px 18px -14px rgba(0, 0, 0, 0.78);
  overflow: hidden;
}

.product-status__marketplace img {
  display: block;
  position: static;
  inset: auto;
  width: auto;
  height: auto;
  max-width: 1.42rem;
  max-height: 1.04rem;
  object-fit: contain;
  object-position: center center;
  aspect-ratio: auto;
  z-index: auto;
}

.card-modern .card-media .product-status__marketplace img {
  position: static;
  inset: auto;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center center;
  aspect-ratio: auto;
  z-index: auto;
}

.product-status__marketplace--shopier {
  background: linear-gradient(135deg, #050505, #1d1d1d);
  border-color: rgba(155, 152, 145, 0.24);
}

.product-status__marketplace--trendyol {
  background: linear-gradient(135deg, #1c1209, #3b1d0a);
  border-color: rgba(251, 146, 60, 0.36);
}

.product-status__marketplace--shopify {
  background: linear-gradient(135deg, #07130b, #162312);
  border-color: rgba(132, 204, 22, 0.38);
}

.product-status__marketplace--shopier img {
  max-width: 1.52rem;
  max-height: 1.02rem;
}

.product-status__marketplace--trendyol img {
  max-width: 1.08rem;
  max-height: 1.08rem;
}

.product-status__marketplace--shopify img {
  max-width: 1.5rem;
  max-height: 1.06rem;
}

.product-status--new {
  background: rgba(28, 28, 27, 0.86);
  border-color: rgba(210, 208, 202, 0.24);
  color: #f0efeb;
}

.product-status--new i {
  color: #d9d6cf;
}

.product-status--bestseller {
  background: linear-gradient(135deg, rgba(43, 36, 14, 0.92), rgba(25, 24, 19, 0.92));
  border-color: rgba(242, 190, 24, 0.42);
  color: #fff3bf;
}

.product-status--bestseller i {
  color: #f2be18;
}

.product-status--out {
  background: linear-gradient(135deg, rgba(53, 25, 25, 0.92), rgba(27, 22, 21, 0.92));
  border-color: rgba(248, 113, 113, 0.36);
  color: #fecaca;
}

.product-status--out i {
  color: #fecaca;
}

.card-modern .product-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.card-modern .product-category {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  background: none;
  color: var(--ds-text-secondary);
  border-radius: 0;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.45;
  padding: 0.15rem 0 0.15rem 0.75rem;
  letter-spacing: 0.02em;
  border-left: 3px solid rgba(105, 104, 101, 0.55);
}

.card-media-cta {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  max-width: calc(100% - 24px);
  min-height: 38px;
  padding: 0.48rem 0.72rem 0.48rem 0.82rem;
  border-radius: 999px;
  color: rgba(248, 250, 252, 0.96);
  background: rgba(25, 25, 24, 0.54);
  border: 1px solid rgba(234, 233, 231, 0.28);
  box-shadow: 0 18px 34px -24px rgba(5, 5, 5, 0.9);
  backdrop-filter: blur(12px);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(2px);
  opacity: 0.92;
  transition: transform 0.18s ease, opacity 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.card-media-cta i {
  font-size: 0.95rem;
  line-height: 1;
}

.card-modern:hover .card-media-cta,
.card-modern .card-media-link:focus-visible .card-media-cta {
  transform: translateY(0);
  opacity: 1;
  background: rgba(115, 115, 111, 0.62);
  border-color: rgba(225, 224, 222, 0.48);
}

.btn-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 0 1.75rem;
  min-height: 44px;
  min-width: 180px;
  font-weight: 600;
  font-size: 0.95rem;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.95), rgba(115, 115, 111, 0.95));
  color: #191919;
  border: none;
  text-align: center;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  box-shadow: 0 18px 35px -22px rgba(105, 104, 101, 0.65);
  pointer-events: auto;
  align-self: flex-start;
}

.card-modern .btn-card {
  margin-top: auto;
}

.btn-card:hover,
.btn-card:focus-visible {
  color: #191919;
  transform: translateY(-2px);
  box-shadow: 0 26px 40px -24px rgba(115, 115, 111, 0.75);
}

.card-modern:hover .btn-card {
  transform: translateY(-2px);
  box-shadow: 0 26px 40px -24px rgba(115, 115, 111, 0.75);
}

.btn-card:focus-visible {
  outline: 2px solid rgba(105, 104, 101, 0.55);
  outline-offset: 3px;
}

.btn-card:active {
  transform: translateY(0);
  box-shadow: 0 18px 30px -26px rgba(115, 115, 111, 0.65);
}

.btn-card:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  box-shadow: none;
}

.badge-soft {
  background: rgba(105, 104, 101, 0.18);
  color: var(--ds-text-secondary);
  border-radius: 999px;
  padding: 0.45rem 1rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.catalog-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 2rem;
  align-items: start;
}

.filter-panel {
  position: sticky;
  top: 96px;
  background: rgba(25, 25, 24, 0.78);
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 20px;
  padding: 1.35rem;
  box-shadow: 0 25px 40px -35px rgba(115, 115, 111, 0.45);
}

.filter-panel label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--ds-text-secondary);
}

.filter-panel .form-control,
.filter-panel .form-select {
  background: rgba(25, 25, 24, 0.9);
  border: 1px solid rgba(164, 163, 161, 0.35);
  color: #f8fafc;
  border-radius: 14px;
}

.filter-panel .form-control::placeholder {
  color: rgba(248, 250, 252, 0.7);
}

.filter-panel .form-control:focus,
.filter-panel .form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(105, 104, 101, 0.25);
  border-color: rgba(105, 104, 101, 0.65);
}

.filter-panel .select2-container {
  width: 100% !important;
}

.filter-panel .select2-container--default .select2-selection--single {
  min-height: 40px;
  background: rgba(25, 25, 24, 0.9);
  border: 1px solid rgba(164, 163, 161, 0.35);
  border-radius: 12px;
}

.filter-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f8fafc;
  line-height: 38px;
  padding-left: 0.82rem;
  padding-right: 2.25rem;
}

.filter-panel .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(248, 250, 252, 0.7);
}

.filter-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
  min-height: 38px;
  right: 0.5rem;
}

.catalog-filter-form {
  display: grid;
  gap: 0.78rem;
}

.catalog-filter-field {
  display: grid;
  gap: 0.36rem;
}

.catalog-filter-field .form-label {
  margin-bottom: 0;
}

.catalog-filter-search {
  position: relative;
}

.catalog-filter-search > i {
  position: absolute;
  left: 0.82rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(164, 163, 161, 0.92);
  pointer-events: none;
  z-index: 2;
}

.catalog-filter-search .form-control {
  min-height: 40px;
  padding-left: 2.2rem;
}

/* Paint the catalog search field in its floating-label geometry before the
 * progressive form enhancer runs, so first paint and hydrated paint align. */
.page-catalog .filter-panel .catalog-filter-field--search {
  --floating-label-bg: #1d1d1c;
  position: relative;
  padding-top: 0.42rem;
}

.page-catalog .filter-panel .catalog-filter-field--search > .form-label {
  position: absolute;
  top: 0;
  left: 0.86rem;
  z-index: 8;
  max-width: calc(100% - 1.72rem);
  margin: 0;
  padding: 0 0.38rem;
  overflow: hidden;
  color: #a4a3a1;
  background: var(--floating-label-bg);
  font-size: 0.68rem;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(0.32rem);
  pointer-events: none;
  transition: color 0.18s ease, transform 0.18s ease;
}

.page-catalog .filter-panel .catalog-filter-field--search:focus-within > .form-label {
  color: #eeeae1;
  transform: translateY(0.18rem);
}

.filter-panel .catalog-filter-select,
.filter-panel .catalog-filter-field .form-control {
  min-height: 40px;
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
  border-radius: 12px;
  font-size: 0.9rem;
}

/* Match the pre-enhancement select box to the Select2 selection that replaces it.
 * This keeps the filter panel's height stable during first paint. */
.page-catalog .filter-panel {
  --catalog-filter-select-height: 54.375px;
}

.page-catalog .filter-panel .catalog-filter-select {
  height: var(--catalog-filter-select-height);
  min-height: var(--catalog-filter-select-height);
}

.page-catalog .filter-panel .select2-container--default .select2-selection--single {
  height: var(--catalog-filter-select-height);
  min-height: var(--catalog-filter-select-height);
}

.filter-panel .select2-container--default .select2-selection--single {
  min-height: 40px;
}

.filter-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  font-size: 0.9rem;
}

.filter-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
  min-height: 38px;
}

.catalog-filter-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.62rem;
  align-items: center;
}

.catalog-filter-actions .btn {
  min-height: 40px;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 800;
}

.catalog-filter-advanced-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  padding-inline: 0.78rem;
  color: #e2e1df;
  border: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.72);
}

.catalog-filter-advanced-trigger:hover,
.catalog-filter-advanced-trigger:focus-visible,
.catalog-filter-advanced-trigger.is-active {
  color: #fff;
  border-color: rgba(159, 158, 156, 0.62);
  background: rgba(110, 109, 105, 0.18);
}

.catalog-filter-advanced-trigger em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.28rem;
  color: #191919;
  background: #cbc8c0;
  border-radius: 999px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

.catalog-advanced-filters {
  border: 1px solid rgba(164, 163, 161, 0.2);
  border-radius: 16px;
  background: rgba(25, 25, 24, 0.48);
  overflow: hidden;
}

.catalog-advanced-filters summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.82rem 0.95rem;
  color: #f0efed;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
}

.catalog-advanced-filters summary::-webkit-details-marker {
  display: none;
}

.catalog-advanced-filters summary > span {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.catalog-advanced-filters summary .bi-sliders {
  color: #c5c1b8;
}

.catalog-advanced-filters__meta {
  flex-shrink: 0;
  color: rgba(215, 214, 212, 0.86);
  font-size: 0.76rem;
  font-weight: 800;
}

.catalog-advanced-filters__meta .bi-chevron-down {
  transition: transform 0.18s ease;
}

.catalog-advanced-filters[open] .catalog-advanced-filters__meta .bi-chevron-down {
  transform: rotate(180deg);
}

.catalog-advanced-filters__body {
  display: grid;
  gap: 0.72rem;
  padding: 0 0.95rem 0.95rem;
}

.catalog-filter-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  margin: 0;
  padding: 0.72rem 0.78rem;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 14px;
  background: rgba(5, 5, 5, 0.28);
  cursor: pointer;
}

.catalog-filter-toggle span {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.catalog-filter-toggle strong {
  color: #f6f5f3;
  font-size: 0.88rem;
  line-height: 1.25;
}

.catalog-filter-toggle small {
  color: rgba(164, 163, 161, 0.86);
  font-size: 0.74rem;
  line-height: 1.25;
}

.catalog-filter-toggle .form-check-input {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 1.24rem;
  margin: 0;
  border-color: rgba(164, 163, 161, 0.45);
  background-color: rgba(25, 25, 24, 0.96);
  cursor: pointer;
}

.catalog-filter-toggle .form-check-input:checked {
  border-color: rgba(34, 197, 94, 0.72);
  background-color: #22c55e;
}

.catalog-filter-modal .modal-dialog {
  width: min(620px, calc(100vw - 1.5rem));
  max-width: none;
}

.catalog-filter-modal.show {
  z-index: 10100;
}

body:has(.catalog-filter-modal.show) .modal-backdrop {
  z-index: 10090;
}

.catalog-filter-modal .modal-content {
  color: #f0efed;
  border: 1px solid rgba(159, 158, 156, 0.28);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(126, 125, 123, 0.16), transparent 32%),
    linear-gradient(145deg, #191919, #1d1d1d 62%, #141311);
  box-shadow: 0 34px 88px rgba(5, 5, 5, 0.74);
}

.catalog-filter-modal .modal-header,
.catalog-filter-modal .modal-footer {
  border-color: rgba(164, 163, 161, 0.16);
}

.catalog-filter-modal .modal-header {
  padding: 1.05rem 1.15rem 0.95rem;
}

.catalog-filter-modal .modal-body {
  padding: 1rem 1.15rem 1.1rem;
}

.catalog-filter-modal .modal-footer {
  gap: 0.55rem;
  padding: 0.9rem 1.15rem 1.05rem;
}

.catalog-filter-modal .modal-title {
  margin: 0.15rem 0 0;
  color: #f8fafc;
  font-size: 1.08rem;
  font-weight: 850;
}

.catalog-filter-modal .modal-eyebrow {
  color: #c5c1b8;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.catalog-filter-modal-grid {
  display: grid;
  gap: 0.78rem;
}

.catalog-filter-modal .form-label {
  margin-bottom: 0;
  color: #b1b0ae;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.catalog-filter-modal .form-select,
.catalog-filter-modal .select2-container--default .select2-selection--single {
  min-height: 42px;
  border: 1px solid rgba(164, 163, 161, 0.26);
  border-radius: 12px;
  background: rgba(5, 5, 5, 0.42);
}

.catalog-filter-modal .select2-container {
  width: 100% !important;
}

.catalog-filter-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f8fafc;
  line-height: 40px;
  padding-left: 0.85rem;
  padding-right: 2.25rem;
  font-size: 0.92rem;
}

.catalog-filter-modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(215, 214, 212, 0.78);
}

.catalog-filter-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
  min-height: 40px;
  right: 0.45rem;
}

.catalog-filter-modal .catalog-filter-toggle {
  padding: 0.82rem 0.9rem;
  border-color: rgba(164, 163, 161, 0.2);
  background: rgba(5, 5, 5, 0.32);
}

.catalog-filter-modal .catalog-filter-toggle strong {
  font-size: 0.94rem;
  letter-spacing: 0;
  text-transform: none;
}

.catalog-filter-modal .catalog-filter-toggle small {
  font-size: 0.76rem;
}

.catalog-filter-modal .btn {
  border-radius: 12px;
  font-weight: 800;
}

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.75rem;
  }
}

@media (min-width: 1280px) {
  .catalog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
  }
}

.catalog-grid .empty-state {
  padding: 3rem;
  text-align: center;
  border-radius: 24px;
  border: 1px dashed rgba(164, 163, 161, 0.35);
  color: var(--ds-text-secondary);
  background: rgba(25, 25, 24, 0.4);
}

.catalog-pagination {
  margin-top: 2.5rem;
  padding: 1.25rem 1.5rem;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.85), rgba(68, 67, 65, 0.65));
  border: 1px solid rgba(105, 104, 101, 0.35);
  box-shadow: 0 25px 40px -35px rgba(115, 115, 111, 0.35);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  color: #f8fafc;
  justify-content: space-between;
}

.catalog-pagination__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid rgba(248, 250, 252, 0.25);
  border-radius: 999px;
  padding: 0.55rem 1.25rem;
  background: rgba(25, 25, 24, 0.55);
  color: inherit;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.catalog-pagination__pill:hover,
.catalog-pagination__pill:focus-visible {
  background: rgba(105, 104, 101, 0.25);
  border-color: rgba(248, 250, 252, 0.45);
  color: #fff;
  transform: translateY(-1px);
}

.catalog-pagination__pill:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.catalog-pagination__pages {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 140px;
}

.catalog-pagination__page-btn {
  border: none;
  background: rgba(25, 25, 24, 0.45);
  color: inherit;
  padding: 0.35rem 0.95rem;
  border-radius: 14px;
  font-weight: 600;
  min-width: 44px;
  text-align: center;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.catalog-pagination__page-btn:hover,
.catalog-pagination__page-btn:focus-visible {
  background: rgba(105, 104, 101, 0.35);
  color: #fff;
  transform: translateY(-1px);
}

.catalog-pagination__page-btn.is-active {
  background: linear-gradient(135deg, rgba(115, 115, 111, 0.85), rgba(105, 104, 101, 0.85));
  color: #fff;
  cursor: default;
  transform: none;
}

.catalog-pagination__page-btn:disabled {
  opacity: 0.9;
}

.catalog-pagination__ellipsis {
  color: rgba(248, 250, 252, 0.65);
  padding: 0 0.25rem;
}

.catalog-pagination__count {
  font-size: 0.95rem;
  font-weight: 500;
  color: rgba(248, 250, 252, 0.85);
}

.catalog-pagination__meta {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.catalog-inline-loader {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(248, 250, 252, 0.85);
  letter-spacing: 0.01em;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.catalog-inline-loader[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}

.catalog-inline-loader__dots {
  display: inline-flex;
  gap: 0.25rem;
}

.catalog-inline-loader__dots span {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.8);
  animation: catalog-inline-loader-bounce 0.9s ease-in-out infinite;
}

.catalog-inline-loader__dots span:nth-child(2) {
  animation-delay: 0.12s;
}

.catalog-inline-loader__dots span:nth-child(3) {
  animation-delay: 0.24s;
}

.catalog-grid {
  transition: opacity 0.2s ease, filter 0.2s ease;
}

.catalog-grid.is-loading {
  opacity: 0.45;
  filter: blur(1px);
  pointer-events: none;
}

@media (max-width: 640px) {
  .catalog-pagination {
    flex-direction: column;
    align-items: stretch;
  }

  .catalog-pagination__pages {
    width: 100%;
  }

  .catalog-pagination__count {
    text-align: center;
  }

  .catalog-pagination__meta {
    justify-content: center;
  }
}

@keyframes catalog-inline-loader-bounce {
  0%,
  80%,
  100% {
    transform: scale(0.6);
    opacity: 0.55;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

.product-detail {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 2rem;
  align-items: flex-start;
}

@media (max-width: 992px) {
  .product-detail {
    grid-template-columns: 1fr;
  }
}

.product-gallery {
  display: grid;
  gap: 1.5rem;
}

.product-gallery .image-stack {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}

.product-gallery img {
  border-radius: 18px;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid rgba(164, 163, 161, 0.2);
}

.product-form {
  background: rgba(25, 25, 24, 0.78);
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 24px;
  padding: 2rem 2.25rem;
  box-shadow: 0 25px 45px -32px rgba(105, 104, 101, 0.45);
}

.product-form__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.product-form__header h4 {
  margin: 0;
  font-weight: 600;
}

.product-form__header p {
  margin: 0;
}

.product-form-layout {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

.product-form .form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem 1.5rem;
}

.product-form .form-field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.product-form .form-field-full {
  grid-column: 1 / -1;
}

.product-form .image-input-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
}

.product-form .image-input-grid .form-control {
  min-height: 44px;
}

.product-form .form-text {
  margin-top: 0.25rem;
}

.product-form .form-control,
.product-form .form-select {
  background: rgba(25, 25, 24, 0.9);
  border: 1px solid rgba(164, 163, 161, 0.35);
  border-radius: 14px;
  color: var(--ds-text-primary);
}

.product-form .form-control:focus,
.product-form .form-select:focus {
  border-color: rgba(105, 104, 101, 0.8);
  box-shadow: 0 0 0 0.25rem rgba(105, 104, 101, 0.2);
}

.ds-html-editor {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ds-html-editor .pell {
  border: 1px solid rgba(164, 163, 161, 0.35);
  border-radius: 14px;
  background: rgba(25, 25, 24, 0.9);
  color: var(--ds-text-primary);
  overflow: hidden;
}

.ds-html-editor .pell-actionbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(164, 163, 161, 0.2);
  background: rgb(15 21 34);
}

.ds-html-editor .pell-button {
  border: none;
  border-radius: 8px;
  padding: 0.35rem 0.6rem;
  background: transparent;
  color: var(--ds-text-secondary);
  font-size: 0.85rem;
  line-height: 1;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.ds-html-editor .pell-button:hover,
.ds-html-editor .pell-button:focus-visible {
  background: rgba(105, 104, 101, 0.2);
  color: #fff;
  outline: none;
}

.ds-html-editor .pell-button-active {
  background: rgba(105, 104, 101, 0.35);
  color: #fff;
}

.ds-html-editor__content {
  min-height: 320px;
  padding: 0.85rem 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ds-text-primary);
  background: #171717;
}

.ds-html-editor__content p {
  margin-bottom: 0.75rem;
}

.ds-html-editor__content ul,
.ds-html-editor__content ol {
  margin: 0.75rem 0 0.75rem 1.25rem;
}

.ds-html-editor__input {
  display: none !important;
}

.variant-section {
  display: grid;
  gap: 1.25rem;
}

.variant-section__header {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.variant-card {
  border-radius: 18px;
  border: 1px solid rgba(164, 163, 161, 0.2);
  background: rgba(25, 25, 24, 0.6);
  padding: 1.75rem;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem 1.5rem;
}

.variant-card .variant-field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.variant-card .form-text {
  margin-top: 0;
}

.variant-card .input-group-text {
  background: rgba(105, 104, 101, 0.15);
  border: 1px solid rgba(105, 104, 101, 0.3);
  color: var(--ds-text-secondary);
}

.variant-card .input-group {
  flex-wrap: nowrap;
}

.variant-card .input-group .form-select {
  min-width: 0;
}

.variant-card .input-group .btn {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .variant-card {
    padding: 1.25rem;
    grid-template-columns: 1fr;
  }
}

.form-check-modern {
  background: rgba(25, 25, 24, 0.45);
  border-radius: 16px;
  padding: 1rem 1.25rem;
  border: 1px solid rgba(164, 163, 161, 0.2);
}

.catalog-bestseller-toggle {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  cursor: pointer;
}

.catalog-bestseller-toggle strong,
.catalog-bestseller-toggle small {
  display: block;
}

.catalog-bestseller-toggle strong {
  color: rgba(254, 243, 199, 0.98);
  font-size: 0.92rem;
}

.catalog-bestseller-toggle small {
  margin-top: 0.15rem;
  color: rgba(215, 214, 212, 0.76);
  font-size: 0.75rem;
  line-height: 1.25;
}

.catalog-bestseller-toggle .form-check-input {
  flex: 0 0 auto;
  margin: 0;
}

.auth-wrapper {
  width: min(100%, 440px);
  margin: 0 auto;
}

.auth-wrapper--ikas {
  width: min(100%, 900px);
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(290px, 0.88fr);
  align-items: stretch;
  gap: 1.25rem;
}

.auth-wrapper--ikas .auth-card {
  width: 100%;
}

.auth-card--login {
  position: relative;
  z-index: 1;
}

.auth-card.auth-card--ikas-register {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
  background: linear-gradient(155deg, rgba(40, 39, 37, 0.98), rgba(22, 21, 19, 0.98));
  border-color: rgba(199, 198, 196, 0.34);
  box-shadow: 0 28px 70px -44px rgba(115, 115, 111, 0.72), 0 18px 42px -32px rgba(105, 104, 101, 0.78), inset 0 1px rgba(255, 255, 255, 0.04);
}

.auth-card__ikas-brand {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgba(164, 163, 161, 0.17);
}

.auth-card__ikas-brand-copy {
  display: grid;
  min-width: 0;
  gap: 0.2rem;
}

.auth-card__ikas-brand-eyebrow {
  color: #e6e5e3;
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

.auth-card__ikas-brand-copy strong {
  overflow: hidden;
  color: #f8fafc;
  font-size: 1.05rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-card__ikas-heading {
  display: grid;
  gap: 0.38rem;
}

.auth-card--ikas-register .auth-card__eyebrow,
.auth-card.auth-card--ikas-register h2 {
  text-align: left;
}

.auth-card.auth-card--ikas-register h2 {
  margin: 0;
  font-size: clamp(1.3rem, 3vw, 1.65rem);
  letter-spacing: -0.025em;
}

.auth-card__ikas-mark {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border: 1px solid rgba(203, 242, 0, 0.55);
  border-radius: 16px;
  background: radial-gradient(circle at 32% 20%, rgba(38, 56, 40, 0.95), rgba(17, 16, 14, 0.98));
  font-size: 1.45rem;
  line-height: 1;
  box-shadow: 0 0 0 5px rgba(203, 242, 0, 0.07), 0 12px 28px -14px rgba(203, 242, 0, 0.9), inset 0 1px rgba(255, 255, 255, 0.1);
}

.auth-card__ikas-mark img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.auth-card__store-context {
  display: grid;
  gap: 0.28rem;
  margin-top: -0.15rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(199, 198, 196, 0.2);
  border-radius: 13px;
  background: rgba(22, 21, 19, 0.55);
}

.auth-card__store-context span {
  color: #cbc8c0;
  font-size: 0.61rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1;
}

.auth-card__store-context strong {
  overflow: hidden;
  color: #f8fafc;
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-card__ikas-note {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  padding: 0.75rem 0.8rem;
  border: 1px solid rgba(52, 211, 153, 0.35);
  border-radius: 12px;
  background: rgba(6, 78, 59, 0.24);
  color: #d1fae5;
  font-size: 0.8rem;
  line-height: 1.45;
}

.auth-card__ikas-note .bi {
  flex: 0 0 auto;
  color: #6ee7b7;
  font-size: 1rem;
}

.auth-card--ikas-register .btn-outline-light {
  min-height: 46px;
  border-color: rgba(219, 218, 216, 0.28);
  background: rgba(25, 25, 24, 0.32);
  font-weight: 750;
}

.auth-card--ikas-register .btn-outline-light:hover,
.auth-card--ikas-register .btn-outline-light:focus-visible {
  border-color: rgba(230, 229, 227, 0.6);
  background: rgba(68, 67, 65, 0.24);
  box-shadow: 0 8px 22px -14px rgba(155, 152, 145, 0.9);
}

@media (max-width: 760px) {
  .auth-wrapper--ikas {
    width: min(100%, 440px);
    grid-template-columns: 1fr;
  }

  .auth-card--ikas-register {
    order: 2;
  }

  .auth-card__ikas-brand-copy strong {
    font-size: 1rem;
  }
}

.auth-card {
  background: linear-gradient(155deg, rgba(31, 30, 28, 0.94), rgba(18, 17, 15, 0.94));
  border-radius: 24px;
  border: 1px solid rgba(164, 163, 161, 0.2);
  padding: clamp(1.75rem, 4vw, 2.35rem);
  box-shadow: 0 28px 70px -44px rgba(155, 152, 145, 0.65), 0 18px 42px -32px rgba(105, 104, 101, 0.8);
}

body:is(.page-login, .page-forgot-password) main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(2rem, 6vh, 4.75rem);
  padding-bottom: clamp(3rem, 8vh, 6rem);
}

.auth-card__header {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  margin-bottom: 1.9rem;
  text-align: center;
}

.auth-card__eyebrow {
  color: #cbc8c0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.auth-card h1 {
  margin: 0;
  font-size: clamp(1.55rem, 4vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.025em;
}

.auth-card__intro {
  margin: 0;
  color: var(--ds-text-muted);
  font-size: 0.88rem;
}

.auth-card .form-label {
  font-size: 0.86rem;
  font-weight: 650;
}

.auth-card .form-control {
  min-height: 48px;
  border-radius: 11px;
  background: rgba(5, 5, 5, 0.38);
  border-color: rgba(164, 163, 161, 0.22);
}

.auth-card .form-control:focus {
  background: rgba(5, 5, 5, 0.52);
  border-color: rgba(159, 158, 156, 0.72);
  box-shadow: 0 0 0 3px rgba(126, 125, 123, 0.14);
}

.auth-card .btn-cta {
  min-height: 48px;
  margin-top: 0.2rem;
  border-radius: 11px;
}

.auth-card__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem 0.55rem;
  margin-top: 0.25rem;
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.auth-card__links a {
  color: #c8c4bb;
}

.auth-card__links a:hover,
.auth-card__links a:focus-visible {
  color: #ddd9d1;
}

.auth-card__secondary-link {
  font-weight: 600;
}

.auth-card__divider {
  width: 3px;
  height: 3px;
  margin-inline: 0.15rem;
  border-radius: 50%;
  background: rgba(164, 163, 161, 0.55);
}

.register-landing {
  display: grid;
  gap: 2rem;
  margin: clamp(2rem, 5vh, 4rem) auto 0;
  max-width: 1200px;
  align-items: stretch;
}

.register-landing__intro {
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.22), rgba(115, 115, 111, 0.14));
  border: 1px solid rgba(164, 163, 161, 0.26);
  border-radius: 24px;
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: 0 35px 70px -45px rgba(115, 115, 111, 0.55);
  position: relative;
  overflow: hidden;
}

.register-landing__intro::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 15% 20%, rgba(100, 99, 96, 0.35), transparent 60%),
    radial-gradient(circle at 85% 80%, rgba(115, 115, 111, 0.25), transparent 55%);
  opacity: 0.85;
  pointer-events: none;
  mix-blend-mode: screen;
}

.register-landing__intro > * {
  position: relative;
  z-index: 1;
}

.register-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(25, 25, 24, 0.35);
  color: #fff;
  box-shadow: 0 16px 32px -26px rgba(25, 25, 24, 0.85);
}

.register-landing__intro h1 {
  font-size: clamp(2rem, 3.4vw, 2.85rem);
  line-height: 1.15;
  font-weight: 800;
}

.register-highlight {
  color: #fff;
  font-weight: 700;
  background: linear-gradient(120deg, rgba(236, 72, 153, 0.4), rgba(126, 125, 123, 0.4));
  padding: 0 0.25em;
  border-radius: 0.4rem;
}

.register-selling-points {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.register-selling-points li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-weight: 500;
  color: var(--ds-text-secondary);
}

.register-selling-points li::before {
  content: "\f26a";
  font-family: "bootstrap-icons";
  color: var(--ds-secondary);
  font-size: 1.1rem;
  line-height: 1.3;
}

.register-pod-spotlight {
  padding: 1rem 1.1rem;
  border-radius: 16px;
  border: 1px solid rgba(244, 114, 182, 0.38);
  background: linear-gradient(130deg, rgba(244, 114, 182, 0.18), rgba(126, 125, 123, 0.14));
  box-shadow: 0 22px 42px -34px rgba(244, 114, 182, 0.8);
}

.register-pod-spotlight__label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.76rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  font-weight: 700;
  color: #fbcfe8;
  margin-bottom: 0.45rem;
}

.register-pod-spotlight__label::before {
  content: "\f26a";
  font-family: "bootstrap-icons";
  color: #f9a8d4;
}

.register-pod-spotlight p {
  color: #f8fafc;
  font-size: 0.96rem;
  line-height: 1.45;
}

.register-landing__video {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: auto;
}

.register-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 28px 60px -36px rgba(25, 25, 24, 0.95);
  border: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.6);
}

.register-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.register-video-caption {
  font-size: 0.9rem;
  color: var(--ds-text-muted);
}

.register-form-card {
  background: linear-gradient(155deg, rgba(31, 30, 28, 0.94), rgba(18, 17, 15, 0.94));
  border-radius: 24px;
  border: 1px solid rgba(164, 163, 161, 0.2);
  padding: clamp(1.75rem, 4vw, 2.35rem);
  box-shadow: 0 38px 70px -45px rgba(105, 104, 101, 0.65);
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  position: relative;
}

.register-form-card__eyebrow {
  color: #cbc8c0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-align: center;
}

.register-form-card__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  padding-right: 0;
  text-align: center;
}

.register-form-card__header h2 {
  margin: 0;
  font-size: clamp(1.45rem, 3vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.025em;
}

.register-form-card__header p {
  margin: 0;
  color: var(--ds-text-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.register-form-card .form-label {
  margin-bottom: 0.5rem;
  font-size: 0.86rem;
  font-weight: 650;
}

.register-form-card .form-control {
  min-height: 48px;
  border-radius: 11px;
  background: rgba(5, 5, 5, 0.38);
  border-color: rgba(164, 163, 161, 0.22);
}

.register-form-card .form-control:focus {
  background: rgba(5, 5, 5, 0.52);
  border-color: rgba(159, 158, 156, 0.72);
  box-shadow: 0 0 0 3px rgba(126, 125, 123, 0.14);
}

.register-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.1rem 1.25rem;
}

.register-form-grid .form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.register-form-grid .form-group label {
  font-size: 0.86rem;
}

.register-form-grid .form-group input {
  min-height: 3.1rem;
}

.register-form-grid .form-note,
.register-form-grid .form-actions {
  grid-column: 1 / -1;
}

.register-form-grid .form-note {
  margin-top: -0.35rem;
  font-size: 0.75rem;
  line-height: 1.4;
}

.register-form-grid .form-actions {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.register-form-grid .form-actions .btn {
  min-height: 48px;
  padding: 0.75rem 1.25rem;
  border-radius: 11px;
  font-size: 1rem;
  font-weight: 600;
}

.register-form-grid .form-actions .form-text {
  text-align: center;
  font-size: 0.76rem;
}

.register-email-alert {
  background: rgba(255, 244, 213, 0.14);
  border-color: rgba(255, 208, 102, 0.55);
  color: #f8f2de;
  font-weight: 500;
}

.register-email-alert .bi {
  color: #ffd166;
}

.register-email-alert a,
.register-email-alert .btn {
  color: #fdf7e4;
  border-color: rgba(255, 208, 102, 0.7);
}

.register-email-alert .btn:hover,
.register-email-alert .btn:focus {
  background-color: rgba(255, 208, 102, 0.18);
  border-color: rgba(255, 208, 102, 0.9);
  color: #fffaf0;
}

@media (min-width: 992px) {
  .register-landing {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: stretch;
  }
}

@media (max-width: 991.98px) {
  .register-landing {
    margin-top: 2.5rem;
  }

  .register-form-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .register-landing__intro,
  .register-form-card {
    border-radius: 24px;
    padding: 1.75rem;
  }

  .register-video-frame {
    border-radius: 18px;
  }

}

.auth-card h2 {
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.modal-modern .modal-content {
  background: linear-gradient(135deg, rgba(25, 25, 24, 1), rgba(29, 29, 28, 1));
  border-radius: 26px;
  border: 1px solid rgba(105, 104, 101, 0.28);
  box-shadow: 0 36px 70px -38px rgba(105, 104, 101, 0.65);
  color: var(--ds-text-primary);
}

.modal {
  z-index: 2100;
}

.modal-backdrop {
  z-index: 2000;
}

.modal-modern .modal-header,
.modal-modern .modal-footer {
  border-color: rgba(164, 163, 161, 0.18);
}

.modal-modern .modal-title {
  font-weight: 700;
  letter-spacing: 0.01em;
}

.modal-modern .modal-body p,
.modal-modern .modal-body small {
  color: var(--ds-text-secondary);
}

.modal-modern .modal-body .form-control,
.modal-modern .modal-body .form-select,
.modal-modern .modal-body textarea {
  background: rgba(25, 25, 24, 0.72);
  border-color: rgba(164, 163, 161, 0.3);
  color: var(--ds-text-primary);
}

.modal-modern .modal-body .form-control:focus,
.modal-modern .modal-body .form-select:focus,
.modal-modern .modal-body textarea:focus {
  border-color: rgba(105, 104, 101, 0.55);
  box-shadow: 0 0 0 0.25rem rgba(105, 104, 101, 0.18);
}

.modal-modern .modal-footer {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.modal-backdrop.show {
  background: rgba(5, 5, 5, 0.9);
}

.form-control,
.form-select {
  border-radius: 14px;
}

label.form-label {
  color: var(--ds-text-secondary);
  font-weight: 600;
}

label.form-label .form-label__required {
  display: inline-block;
  margin-left: 0.28rem;
  color: #fb7185;
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
}

.site-footer {
  border-top: 1px solid rgba(164, 163, 161, 0.2);
  padding: 2.25rem 1.5rem 2.75rem;
  color: var(--ds-text-secondary);
  font-size: 0.92rem;
  background: rgba(25, 25, 24, 0.8);
  margin-top: auto;
}

.site-footer__container {
  width: 100%;
  max-width: min(1600px, calc(100vw - 3rem));
  margin: 0 auto;
}

.site-footer__nav-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1.75rem;
}

.site-footer__nav-column {
  flex: 1 1 240px;
}

.site-footer__brand-card {
  height: 100%;
}

.site-footer__brand {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.site-footer__brand-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ds-primary);
  color: #111111;
  border: 1px solid var(--ds-primary);
  box-shadow: 0 10px 30px -18px rgba(246, 184, 0, 0.9);
  font-size: 1.35rem;
}

.site-footer__brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 1.45rem;
  font-weight: 800;
}

.site-footer__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--ds-text-primary);
}

.site-footer__section-heading {
  font-size: 0.95rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--ds-text-primary);
  margin-bottom: 0.9rem;
}

.site-footer__nav ul {
  display: grid;
  gap: 0.65rem;
}

.site-footer__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.45rem;
  border-radius: 0.65rem;
  color: var(--ds-text-secondary);
  font-weight: 600;
}

.site-footer__link i {
  color: var(--ds-primary);
}

.site-footer__link:hover,
.site-footer__link:focus-visible {
  color: var(--ds-text-primary);
  background: rgba(255, 255, 255, 0.04);
}

::placeholder,
input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.form-select::placeholder {
  color: #a4a3a1 !important;
  opacity: .18 !important;
}

@media (max-width: 992px) {
  .catalog-layout {
    grid-template-columns: 1fr;
  }

  .filter-panel {
    position: relative;
    top: 0;
  }
}

@media (max-width: 768px) {
  main {
    padding: 0.5rem 15px 1rem;
  }

  .hero {
    padding: 3rem 1.75rem;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .site-footer {
    text-align: center;
    padding: 2rem 1.25rem 2.25rem;
  }

  .site-footer__nav-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.85rem;
    row-gap: 1.1rem;
  }

  .site-footer__nav-column {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
  }

  .site-footer__brand-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    padding: 1.1rem 1rem;
    background: linear-gradient(145deg, rgba(105, 104, 101, 0.08), rgba(115, 115, 111, 0.06));
    border: 1px solid rgba(164, 163, 161, 0.3);
    border-radius: 16px;
    box-shadow: 0 12px 28px -20px rgba(0, 0, 0, 0.45);
  }

  .site-footer__brand {
    flex-direction: column;
    justify-content: center;
    gap: 0.55rem;
    text-align: center;
  }

  .site-footer__brand-text {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.9rem;
  }

  .site-footer__brand-text p {
    margin-bottom: 0;
    line-height: 1.35;
  }

  .site-footer__title {
    font-size: 0.92rem;
  }

  .site-footer__nav ul {
    grid-template-columns: 1fr;
    gap: 0.25rem 0.45rem;
  }

  .site-footer__link {
    justify-content: center;
    font-size: 0.9rem;
    padding: 0.28rem 0.35rem;
    gap: 0.35rem;
  }

  .site-footer__link i {
    font-size: 0.95rem;
  }

  .site-footer__section-heading {
    margin: 0.2rem 0 0.45rem;
  }
}

.fade-out {
  opacity: 0;
  transition: opacity 0.45s ease;
}

.container-wide {
  width: 100%;
  max-width: min(1600px, calc(100vw - 3rem));
  margin: 0 auto;
}

.product-page {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.product-breadcrumbs {
  font-size: 0.85rem;
  color: var(--ds-text-muted);
  margin-bottom: 15px;
}

.product-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-breadcrumbs a {
  color: var(--ds-text-secondary);
  text-decoration: none;
}

.product-breadcrumbs li[aria-current='page'] {
  color: var(--ds-text-primary);
  font-weight: 600;
}

.product-hero__grid {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}

.product-gallery,
.product-summary {
  background: rgba(25, 25, 24, 0.78);
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 28px;
  padding: 2rem;
  box-shadow: 0 35px 60px -45px rgba(115, 115, 111, 0.45);
}

.product-gallery__main {
  border-radius: 22px;
  overflow: hidden;
  background: rgba(25, 25, 24, 0.6);
  height: clamp(320px, 60vh, 720px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-gallery__main img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.product-gallery__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 0.95rem;
  color: var(--ds-text-muted);
}

.product-gallery__thumbs {
  margin-top: 1.25rem;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(72px, 1fr);
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.product-gallery__thumb {
  border: 2px solid transparent;
  border-radius: 18px;
  padding: 0;
  background: rgba(25, 25, 24, 0.65);
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.product-gallery__thumb:is(:hover, :focus-visible) {
  border-color: rgba(105, 104, 101, 0.65);
  outline: none;
  transform: translateY(-2px);
}

.product-gallery__thumb.is-active {
  border-color: var(--ds-primary);
}

.product-gallery__thumb img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
  border-radius: 16px;
  pointer-events: none;
  aspect-ratio: inherit;
}

@media (min-width: 769px) {
  .product-gallery__thumbs {
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
    user-select: none;
  }

  .product-gallery__thumbs::-webkit-scrollbar {
    display: none;
  }

  .product-gallery__thumbs.is-dragging {
    cursor: grabbing;
  }
}

.product-summary {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product-summary__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.import-status {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  padding: 0.9rem 1.15rem;
  border-radius: 18px;
  border: 1px solid rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.08);
  color: var(--ds-text-primary);
  box-shadow: 0 24px 45px -28px rgba(34, 197, 94, 0.35);
  margin-top: -0.25rem;
}

.import-status--active {
  background: rgba(34, 197, 94, 0.12);
}

.import-status i {
  font-size: 1.35rem;
  line-height: 1;
  color: var(--ds-success);
  margin-top: 0.1rem;
}

.import-status strong {
  font-size: 0.95rem;
  display: block;
}

.import-status span {
  display: block;
  font-size: 0.85rem;
  color: var(--ds-text-secondary);
  margin-top: 0.2rem;
}

.product-summary__caption {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-text-muted);
}

.product-summary__badge {
  background: rgba(105, 104, 101, 0.22);
  border-radius: 999px;
  padding: 0.45rem 1.15rem;
  font-size: 0.75rem;
  color: var(--ds-text-secondary);
}

.product-summary__title {
  font-size: clamp(1.05rem, 1.45vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
}

.supplier-card {
  padding: 1.05rem 1.15rem;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
  min-width: 0;
}
.supplier-card__header { display: flex; gap: 0.75rem; align-items: center; }
.supplier-card__logo { flex: 0 0 2.75rem; width: 2.75rem; height: 2.75rem; object-fit: contain; border-radius: 12px; background: rgba(255, 255, 255, 0.07); }
.supplier-card__logo--placeholder { display: grid; place-items: center; color: #ffbd24; font-size: 1.2rem; }
.supplier-card__identity { min-width: 0; }
.supplier-card__contact { margin-left: auto; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; }
@media (max-width: 767.98px) {
  .supplier-card__contact { width: 44px; height: 44px; padding: 0; }
  .supplier-card__contact-label { display: none; }
}
.supplier-card__eyebrow { display: block; color: var(--ds-text-muted); text-transform: uppercase; font-size: 0.65rem; letter-spacing: 0.08em; }
.supplier-card__name { display: flex; align-items: center; gap: 0.4rem; color: var(--ds-text-primary); font-size: 1rem; }
.supplier-card__name strong { overflow-wrap: anywhere; }
.supplier-card__verified { display: inline-grid; place-items: center; border: 0; background: none; color: #6fcaff; padding: 0.2rem; min-width: 28px; min-height: 28px; flex-shrink: 0; font-size: 1.1rem; }
.supplier-card__company { display: block; margin-top: 0.15rem; color: var(--ds-text-secondary); font-size: 0.72rem; overflow-wrap: anywhere; }
.supplier-card__timing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1rem; }
.supplier-card__timing > div { display: flex; align-items: center; gap: 0.65rem; }
.supplier-card__timing > div > i { display: grid; place-items: center; flex: 0 0 2rem; height: 2rem; border-radius: 9px; background: rgba(255, 184, 0, 0.1); color: #ffbd24; }
.supplier-card__timing span { display: grid; gap: 0.15rem; }
.supplier-card__timing small { font-size: 0.71rem; color: var(--ds-text-secondary); }
.supplier-card__timing strong { font-size: 0.91rem; color: var(--ds-text-primary); }
.supplier-card__channels { display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.9rem; }
.supplier-card__channel-label { color: var(--ds-text-secondary); font-size: 0.7rem; margin-right: 0.15rem; }
.supplier-card__channel { font-size: 0.66rem; line-height: 1.3; padding: 0.25rem 0.5rem; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 6px; color: var(--ds-text-secondary); }
.supplier-card__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.3rem 0.9rem; margin-top: 0.9rem; padding-top: 0.7rem; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.supplier-card__carriers { display: flex; align-items: baseline; gap: 0.45rem; font-size: 0.73rem; color: var(--ds-text-secondary); overflow-wrap: anywhere; }
.supplier-card__policies { display: flex; flex-wrap: wrap; gap: 0.7rem; }
.supplier-card__policies button { border: 0; background: none; color: #ffbd24; padding: 0.4rem 0; font-size: 0.76rem; font-weight: 600; text-align: left; }
.supplier-card__policies button:hover { color: #ffcf60; text-decoration: underline; }
.supplier-card button:focus-visible { outline: 2px solid #ffbd24; outline-offset: 3px; border-radius: 4px; }
.supplier-policy-text { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ds-text-secondary); font-size: 0.88rem; line-height: 1.65; }
.supplier-policy-summary { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 0.78rem; color: var(--ds-text-secondary); }
.supplier-policy-summary strong { display: block; color: var(--ds-text-primary); font-size: 0.95rem; }
.supplier-policy-summary small { flex-basis: 100%; }
.supplier-return-address { margin-top: 1.25rem; padding: 1rem; border: 1px solid rgba(255, 184, 0, 0.2); border-radius: 12px; background: rgba(255, 184, 0, 0.06); }
.supplier-return-address address, .supplier-return-address p { margin-bottom: 0; font-size: 0.84rem; line-height: 1.6; overflow-wrap: anywhere; }
.supplier-settings { min-width: 0; }
.supplier-settings > .settings-card__header { display: flex; flex-direction: row; align-items: flex-start; }
.supplier-settings__plus { display: inline-block; color: #ffbd24; background: rgba(255, 184, 0, 0.12); border-radius: 6px; padding: 0.2rem 0.45rem; vertical-align: middle; font-size: 0.67rem; margin-left: 0.3rem; }
.supplier-settings__section { padding-top: 1.25rem; margin-top: 1.25rem; border-top: 1px solid rgba(255,255,255,0.1); }
.supplier-settings__section h6 { margin-bottom: 0.9rem; }
.supplier-settings__timing, .supplier-settings__policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.supplier-settings__range { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0.6rem; }
.supplier-settings__choices { min-width: 0; margin-top: 1.2rem; }
.supplier-settings__choices legend { float: none; font-size: 0.88rem; font-weight: 600; margin-bottom: 0.6rem; }
.supplier-settings__options { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.supplier-settings__choice { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.75rem; border: 1px solid rgba(255,255,255,0.16); border-radius: 10px; cursor: pointer; color: var(--ds-text-secondary); font-size: 0.8rem; min-height: 44px; }
.supplier-settings__choice:has(input:checked) { border-color: rgba(255,184,0,0.5); background: rgba(255,184,0,0.08); color: var(--ds-text-primary); }
.supplier-settings input[type=checkbox] { accent-color: #ffbd24; width: 1rem; height: 1rem; flex: 0 0 1rem; }
.supplier-settings__section-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; }
.supplier-settings__limit { color: var(--ds-text-secondary); font-size: 0.75rem; }
.supplier-settings__policy-fields { min-width: 0; }
.supplier-settings__policy-fields[disabled] textarea { opacity: 0.85; }
.supplier-settings__policy-grid textarea { resize: vertical; min-height: 180px; line-height: 1.6; }
.supplier-settings__return { margin-top: 1.25rem; }
.supplier-settings__billing-toggle { display: flex; align-items: center; gap: 0.6rem; min-height: 44px; font-size: 0.88rem; }
.supplier-settings__address-preview { padding: 0.9rem; border-radius: 10px; background: rgba(255,255,255,0.04); color: var(--ds-text-secondary); font-size: 0.83rem; overflow-wrap: anywhere; }
.supplier-settings__address-fields { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0.9rem; min-width: 0; }
.supplier-settings__address-fields[hidden], .supplier-settings__address-preview[hidden] { display: none; }
.supplier-settings__wide { grid-column: 1 / -1; }
.supplier-settings__actions { display: flex; margin-top: 1.4rem; }

@media (max-width: 575.98px) {
  .supplier-card { padding: 0.9rem; }
  .supplier-card__timing { gap: 0.5rem; }
  .supplier-card__timing > div { gap: 0.45rem; align-items: flex-start; }
  .supplier-card__timing > div > i { flex-basis: 1.7rem; height: 1.7rem; }
  .supplier-card__timing strong { font-size: 0.85rem; }
  .supplier-card__policies button { min-height: 44px; }
  .supplier-card__verified { min-width: 44px; min-height: 44px; }
  .supplier-settings__timing, .supplier-settings__policy-grid, .supplier-settings__address-fields { grid-template-columns: minmax(0,1fr); }
  .supplier-settings__actions .btn { width: 100%; }
}

.product-policy-modal .modal-dialog { max-width: 34rem; }
.product-policy-modal .modal-header { align-items: flex-start; padding: 1.4rem 1.5rem 1rem; }
.product-policy-modal .modal-body { padding: 1.25rem 1.5rem 1.5rem; }
.product-policy-modal__eyebrow { display: block; margin-bottom: 0.25rem; color: #ffbd24; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; }
.product-policy-modal__intro { line-height: 1.55; }
.product-policy-modal__details { margin: 1.1rem 0 0; }
.product-policy-modal__details div { padding: 0.85rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.product-policy-modal__details dt { margin-bottom: 0.25rem; color: var(--ds-text-primary); font-size: 0.86rem; }
.product-policy-modal__details dd { margin: 0; color: var(--ds-text-secondary); font-size: 0.84rem; line-height: 1.5; }
.product-policy-modal__steps { display: grid; gap: 0.7rem; padding-left: 1.35rem; color: var(--ds-text-secondary); font-size: 0.84rem; line-height: 1.5; }
.product-policy-modal__steps strong { color: var(--ds-text-primary); }
.product-policy-modal__note { padding: 0.85rem; border-radius: 12px; background: rgba(255, 184, 0, 0.08); font-size: 0.8rem; line-height: 1.5; }
.product-policy-modal__more { display: inline-flex; align-items: center; gap: 0.4rem; color: #ffbd24; font-size: 0.85rem; font-weight: 600; }

@media (max-width: 575.98px) {
  .product-policy-modal .modal-dialog { margin: 0.75rem; }
  .product-policy-modal .modal-header, .product-policy-modal .modal-body { padding-left: 1rem; padding-right: 1rem; }
}

.product-price-block {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(22rem, 0.92fr);
  gap: 0.9rem;
  align-items: stretch;
}

.product-price-block__group {
  min-width: 0;
  display: grid;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(44, 43, 41, 0.8), rgba(23, 22, 20, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(5, 5, 5, 0.15);
}

.product-price-block__group--primary {
  grid-template-columns: minmax(0, 1.28fr) minmax(8.5rem, 0.72fr);
}

.product-price-block__group--costs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-price-block__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.3rem;
  padding: 1rem 1.05rem;
}

.product-price-block__group--primary .product-price-block__item--price {
  background: linear-gradient(135deg, rgba(101, 100, 98, 0.22), rgba(34, 197, 94, 0.035));
}

.product-price-block__group--primary .product-price-block__item--profit {
  border-inline-start: 1px solid rgba(164, 163, 161, 0.18);
}

.product-price-block__group--costs .product-price-block__item + .product-price-block__item {
  border-inline-start: 1px solid rgba(164, 163, 161, 0.16);
}

.product-price-block__group--costs .product-price-block__item {
  padding-inline: 0.7rem;
}

.product-price-block__group--costs .product-price-block__label {
  font-size: 0.59rem;
  letter-spacing: 0.07em;
}

.product-price-block__group--costs .settings-info-button {
  margin-left: 0.1rem;
  transform: scale(0.82);
  transform-origin: center;
}

.product-price-block__label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: var(--ds-text-muted);
  white-space: nowrap;
}

.product-price-block__value {
  font-size: clamp(1.05rem, 1.22vw, 1.28rem);
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.product-price-block__item--price .product-price-block__value {
  font-size: clamp(1.45rem, 1.9vw, 1.8rem);
}

.product-price-block__item--profit .product-price-block__value {
  font-size: clamp(1.2rem, 1.52vw, 1.5rem);
}

.product-price-block__value--profit {
  color: var(--ds-success);
}

.product-price-block__note {
  font-size: 0.72rem;
  color: var(--ds-text-muted);
  display: block;
  line-height: 1.3;
}

.product-primary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.marketplace-action--complete:disabled,
.marketplace-action--complete[aria-disabled="true"] {
  border-color: rgba(52, 211, 153, 0.34);
  background: rgba(6, 78, 59, 0.28);
  color: #bbf7d0;
  opacity: 1;
}

.marketplace-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.marketplace-action__icon {
  display: block;
  flex: 0 0 1.05rem;
  width: 1.05rem;
  height: 1.05rem;
  padding: 0.12rem;
  border-radius: 0.28rem;
  background: rgba(255, 255, 255, 0.94);
  object-fit: contain;
}

.marketplace-action__icon--ikas {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.marketplace-action__icon--shopier {
  flex-basis: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border-radius: 0.35rem;
  background: transparent;
}

.marketplace-action__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-transfer-status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.product-transfer-status::before {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 999px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  animation: ds-spin 0.75s linear infinite;
}

.product-summary__description {
  display: grid;
  gap: 0.75rem;
}

.product-summary__quickfacts {
  display: grid;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-summary__quickfacts li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.95rem;
  color: var(--ds-text-secondary);
}

.product-summary__quickfacts .label {
  color: var(--ds-text-muted);
  font-weight: 500;
}

.product-form-modern {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.product-tabs {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  border-bottom: 1px solid rgba(164, 163, 161, 0.2);
  padding-bottom: 0.5rem;
}

.tabs-nav button {
  border: none;
  border-radius: 999px;
  padding: 0.65rem 1.5rem;
  background: rgba(25, 25, 24, 0.65);
  color: var(--ds-text-secondary);
  font-weight: 500;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.tabs-nav button.tab-attention-pulse {
  position: relative;
}

.tabs-nav button.tab-attention-pulse::after {
  content: '';
  position: absolute;
  top: 6px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #f97316;
  box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.55);
  animation: tabAttentionPulse 1.8s ease-out infinite;
}

@keyframes tabAttentionPulse {
  0% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.55);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(249, 115, 22, 0);
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);
  }
}

.tabs-nav button[aria-selected='true'] {
  background: linear-gradient(135deg, var(--ds-primary), var(--ds-secondary));
  color: #fff;
  transform: translateY(-2px);
}

.tabs-nav button:focus-visible {
  outline: 2px solid var(--ds-primary);
  outline-offset: 2px;
}

.tab-panel[hidden] {
  display: none;
}

.panel-card {
  background: rgba(25, 25, 24, 0.82);
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 28px;
  box-shadow: 0 35px 60px -45px rgba(105, 104, 101, 0.5);
  padding: 2rem 2.25rem;
  display: grid;
  gap: 1.5rem;
}

@media (max-width: 576px) {
  .panel-card {
    padding: 20px 15px;
  }
}

.panel-card__header h2 {
  margin: 0 0 0.35rem 0;
  font-size: 1.35rem;
}

.panel-card__header p {
  margin: 0;
  color: var(--ds-text-secondary);
}

.panel-card__body {
  display: grid;
  gap: 1.5rem;
}

.feature-list h3 {
  font-size: 1.05rem;
  margin-bottom: 0.75rem;
}

.feature-list ul {
  margin: 0;
  padding-left: 1.25rem;
  display: grid;
  gap: 0.5rem;
  color: var(--ds-text-secondary);
}

.accordion {
  display: grid;
  gap: 1rem;
}

.accordion__item {
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 22px;
  background: rgba(25, 25, 24, 0.65);
  overflow: hidden;
}

.accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
}

.accordion__trigger {
  background: none;
  border: none;
  color: var(--ds-text-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: 0;
  text-align: left;
}

.accordion__trigger:focus-visible {
  outline: 2px solid var(--ds-primary);
  outline-offset: 2px;
}

.accordion__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  background: rgba(164, 163, 161, 0.15);
  color: var(--ds-text-secondary);
  font-size: 0.85rem;
}

.meta-pill.is-success {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

.meta-pill.is-warning {
  background: rgba(251, 191, 36, 0.2);
  color: #fcd34d;
}

.standard-variant-list__row {
  min-height: 78px;
}

.standard-variant-list__identity {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.standard-variant-list__eyebrow {
  color: var(--ds-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.standard-variant-list__identity .accordion__title {
  color: var(--ds-text-primary);
  overflow-wrap: anywhere;
}

.standard-variant-list__meta {
  justify-content: flex-end;
}

@media (max-width: 767.98px) {
  .standard-variant-list__row {
    align-items: flex-start;
    flex-direction: column;
  }

  .standard-variant-list__meta {
    justify-content: flex-start;
    width: 100%;
  }
}

.btn-sync {
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.35);
  background: transparent;
  color: var(--ds-text-secondary);
  padding: 0.4rem 0.9rem;
  font-size: 0.85rem;
}

.btn-sync:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.accordion__panel {
  border-top: 1px solid rgba(164, 163, 161, 0.18);
  padding: 1.5rem;
  display: grid;
  gap: 1.25rem;
}

.form-row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-row-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.variant-selection-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.form-row .form-text,
.form-row small.form-text {
  color: var(--ds-text-muted);
}

.form-control,
.form-select,
.select2-container--default .select2-selection--single {
  background: #171717;
  border: 1px solid #343431;
  color: #efeeec;
  color-scheme: dark;
  border-radius: 12px;
  padding: 10px 12px;
}

.xml-feed-wizard .modal-dialog {
  width: min(780px, calc(100vw - 2rem));
  max-width: none;
}

.xml-feed-wizard .modal-content {
  min-height: 570px;
  overflow: hidden;
}

.xml-feed-wizard .modal-header,
.xml-feed-wizard .modal-footer {
  padding: 1rem 1.25rem;
}

.xml-feed-wizard .modal-body {
  padding: 1rem 1.25rem 1.25rem;
}

.xml-feed-wizard__progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.45rem;
  margin-bottom: 0.9rem;
}

.xml-feed-wizard__progress-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  color: #757472;
  background: rgba(5, 5, 5, 0.35);
  border: 1px solid rgba(164, 163, 161, 0.14);
  border-radius: 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
}

.xml-feed-wizard__progress-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: rgba(117, 116, 114, 0.16);
}

.xml-feed-wizard__progress-item.is-active {
  color: #eeeae3;
  background: rgba(115, 115, 111, 0.1);
  border-color: rgba(155, 152, 145, 0.4);
}

.xml-feed-wizard__progress-item.is-complete {
  color: #a7f3d0;
  border-color: rgba(52, 211, 153, 0.22);
}

.xml-feed-wizard__summary {
  min-height: 38px;
  margin-bottom: 0.9rem;
  color: #a4a3a1;
  font-size: 0.76rem;
}

.xml-feed-wizard__step {
  display: none;
}

.xml-feed-wizard__step.is-active {
  display: block;
  animation: xml-feed-step-in 150ms ease;
}

@keyframes xml-feed-step-in {
  from { opacity: 0; transform: translateX(5px); }
  to { opacity: 1; transform: translateX(0); }
}

.xml-feed-wizard__step-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.xml-feed-wizard__step-heading > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  color: #eeeae1;
  background: rgba(115, 115, 111, 0.11);
  border: 1px solid rgba(155, 152, 145, 0.24);
  border-radius: 0.65rem;
}

.xml-feed-wizard__step-heading strong,
.xml-feed-wizard__step-heading small {
  display: block;
}

.xml-feed-wizard__step-heading strong {
  color: #f1f5f9;
}

.xml-feed-wizard__step-heading small {
  margin-top: 0.12rem;
  color: #a4a3a1;
  font-size: 0.72rem;
}

.xml-feed-option-grid {
  display: grid;
  gap: 0.7rem;
}

.xml-feed-option-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.xml-feed-option-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.xml-feed-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 76px;
  padding: 0.8rem;
  cursor: pointer;
  background: rgba(5, 5, 5, 0.38);
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 0.75rem;
  transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.xml-feed-option:hover {
  background: rgba(40, 40, 38, 0.62);
  border-color: rgba(155, 152, 145, 0.32);
  transform: translateY(-1px);
}

.xml-feed-option:has(input:checked) {
  background: rgba(115, 115, 111, 0.1);
  border-color: rgba(155, 152, 145, 0.52);
  box-shadow: inset 0 0 0 1px rgba(155, 152, 145, 0.08);
}

.xml-feed-option__content {
  min-width: 0;
}

.xml-feed-option__content strong,
.xml-feed-option__content small {
  display: block;
}

.xml-feed-option__content strong {
  color: #eae9e7;
  font-size: 0.86rem;
}

.xml-feed-option__content small {
  margin-top: 0.18rem;
  color: #a4a3a1;
  font-size: 0.7rem;
}

.xml-feed-option__info {
  margin-left: auto;
  color: #eeeae1;
  cursor: help;
}

.xml-feed-wizard__note {
  padding: 1rem;
  background: rgba(5, 5, 5, 0.38);
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.8rem;
}

.xml-feed-wizard__review {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
  margin-top: 1rem;
}

.xml-feed-wizard__review span {
  padding: 0.6rem;
  background: rgba(25, 25, 24, 0.72);
  border: 1px solid rgba(164, 163, 161, 0.14);
  border-radius: 0.55rem;
}

.xml-feed-wizard__review small,
.xml-feed-wizard__review strong {
  display: block;
}

.xml-feed-wizard__review small {
  color: #757472;
  font-size: 0.62rem;
  text-transform: uppercase;
}

.xml-feed-wizard__review strong {
  margin-top: 0.18rem;
  color: #d7d6d4;
  font-size: 0.73rem;
}

@media (max-width: 767.98px) {
  .xml-feed-option-grid--two,
  .xml-feed-option-grid--three,
  .xml-feed-wizard__review {
    grid-template-columns: 1fr;
  }

  .xml-feed-wizard__progress-item {
    justify-content: center;
    font-size: 0;
  }
}

.form-control:focus,
.form-select:focus {
  outline: 0;
  background: #171717;
  border-color: #81807e;
  color: #f8fafc;
  caret-color: #f8fafc;
  box-shadow: 0 0 0 3px rgba(129, 128, 126, 0.15);
}

input.form-control,
textarea.form-control,
input.form-control:focus,
textarea.form-control:focus {
  -webkit-text-fill-color: #f8fafc;
}

input.form-control:-webkit-autofill,
input.form-control:-webkit-autofill:hover,
input.form-control:-webkit-autofill:focus,
textarea.form-control:-webkit-autofill,
textarea.form-control:-webkit-autofill:hover,
textarea.form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #f8fafc;
  caret-color: #f8fafc;
  box-shadow: 0 0 0 1000px #171717 inset;
  transition: background-color 9999s ease-out 0s;
}

.select2-container--default .select2-selection--single {
  height: 42px;
  display: flex;
  align-items: center;
  background: #171717;
  border: 1px solid #343431;
  border-radius: 12px;
  padding: 0 12px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #efeeec;
  line-height: 1;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px;
}

.panel-card__header--with-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.panel-card__header-content {
  display: grid;
  gap: 0.25rem;
}

.panel-card__header-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}

.variants-video-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
  text-align: right;
  max-width: 320px;
}

.variants-video-cta__badge {
  align-self: flex-end;
  background: rgba(129, 128, 126, 0.18);
  color: var(--ds-primary);
  border-radius: 999px;
  padding: 0.2rem 0.6rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.variants-video-cta__link {
  font-weight: 600;
  color: var(--ds-primary);
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.variants-video-cta__link:hover,
.variants-video-cta__link:focus-visible {
  color: #a6a5a3;
}

.variants-video-cta__copy {
  margin: 0;
  font-size: 0.85rem;
  color: var(--ds-text-muted);
}

@media (max-width: 640px) {
  .panel-card__header-actions {
    align-items: flex-start;
  }

  .variants-video-cta {
    align-items: flex-start;
    text-align: left;
  }
}

.panel-card__meta {
  font-size: 0.85rem;
  color: var(--ds-text-muted);
}

.btn-round {
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ds-primary), var(--ds-secondary));
  border: none;
  color: #fff;
  padding: 0.6rem 1.4rem;
  font-weight: 600;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.btn-round:hover,
.btn-round:focus-visible {
  transform: translateY(-1px);
  opacity: 0.92;
}

.btn-round:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.btn.is-busy {
  position: relative;
  pointer-events: none;
}

.btn.is-busy::after {
  content: '';
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 0.75rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-right-color: transparent;
  animation: ds-spin 0.75s linear infinite;
}

@keyframes ds-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.input-with-action,
.select-with-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.input-with-action .form-control,
.select-with-action .form-select {
  flex: 1 1 auto;
  min-width: 0;
}

.input-with-action .btn,
.select-with-action .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

.settings-test-status {
  border-radius: 14px;
  border: 1px solid rgba(164, 163, 161, 0.3);
  background: rgba(25, 25, 24, 0.7);
  color: var(--ds-text-muted);
  font-size: 0.9rem;
  padding: 0.5rem 0.85rem;
  transition: opacity 0.2s ease;
}

.settings-test-status--success {
  border-color: rgba(34, 197, 94, 0.45);
  color: #bbf7d0;
}

.settings-test-status--error {
  border-color: rgba(239, 68, 68, 0.55);
  color: #fecaca;
}

.settings-test-status--pending {
  border-color: rgba(164, 163, 161, 0.4);
  color: var(--ds-text-secondary);
}

.settings-test-status.is-success {
  border-color: rgba(34, 197, 94, 0.45);
  background: rgba(34, 197, 94, 0.08);
  color: #bbf7d0;
}

.settings-test-status.is-error {
  border-color: rgba(239, 68, 68, 0.55);
  background: rgba(239, 68, 68, 0.08);
  color: #fecaca;
}

.settings-test-status.is-info {
  border-color: rgba(164, 163, 161, 0.4);
  background: rgba(25, 25, 24, 0.7);
  color: var(--ds-text-secondary);
}

.shopify-import-modal .select2-container {
  width: 100% !important;
}

.shopify-import-modal .select2-container--default .select2-selection--multiple {
  min-height: 46px;
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(164, 163, 161, 0.35);
  border-radius: 12px;
  background: #171717;
  color: var(--ds-text-primary);
}

.shopify-import-modal .select2-container--default.select2-container--focus .select2-selection--multiple,
.shopify-import-modal .select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: rgba(159, 158, 156, 0.78);
  box-shadow: 0 0 0 0.2rem rgba(126, 125, 123, 0.14);
}

.shopify-import-modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  margin: 0.16rem 0.2rem 0.16rem 0;
  padding: 0.22rem 0.5rem;
  border: 1px solid rgba(159, 158, 156, 0.46);
  border-radius: 0.45rem;
  background: rgba(110, 109, 105, 0.24);
  color: #e6e3dc;
  font-weight: 600;
}

.shopify-import-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  order: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin: 0 0 0 0.08rem;
  border: 0;
  color: #d9d6cf;
  font-size: 1rem;
  line-height: 1;
}

.shopify-import-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.shopify-import-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  color: #fff;
}

.shopify-import-modal .select2-container--default .select2-selection--multiple .select2-search__field {
  margin-top: 0.28rem;
  color: var(--ds-text-primary);
}

.shopify-import-modal .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
  color: var(--ds-text-muted);
}

.shopify-import-modal .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: rgba(24, 23, 21, 0.72);
  color: var(--ds-text-muted);
}

.shopify-import-modal .select2-dropdown {
  border-color: rgba(159, 158, 156, 0.34);
  background: #1d1d1d;
  color: var(--ds-text-primary);
}

.shopify-import-modal .select2-results__option {
  color: var(--ds-text-secondary);
}

.shopify-import-modal .select2-results__option--highlighted[aria-selected] {
  background: var(--ds-primary);
  color: #fff;
}

.switch-line {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  color: #e5e7eb;
  font-weight: 700;
  cursor: pointer;
}

.switch-line input[type="checkbox"] {
  width: 2.7rem;
  height: 1.45rem;
  appearance: none;
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.45);
  background: rgba(25, 25, 24, 0.86);
  position: relative;
  flex: 0 0 auto;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.switch-line input[type="checkbox"]::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0.17rem;
  left: 0.18rem;
  border-radius: 999px;
  background: #e5e7eb;
  transition: transform 0.18s ease;
}

.switch-line input[type="checkbox"]:checked {
  border-color: rgba(155, 152, 145, 0.65);
  background: linear-gradient(135deg, #74716c, #22c55e);
}

.switch-line input[type="checkbox"]:checked::after {
  transform: translateX(1.22rem);
}

.settings-panel {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.settings-tabs {
  border-bottom: 1px solid rgba(164, 163, 161, 0.25);
  gap: 0.5rem;
  flex-wrap: wrap;
}

.settings-tabs .nav-link {
  border: none;
  border-radius: 14px 14px 0 0;
  color: var(--ds-text-secondary);
  background: transparent;
  font-weight: 500;
  padding: 0.65rem 1.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.settings-tabs .nav-link .bi {
  font-size: 1rem;
}

.settings-tabs .settings-tab-icon {
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-right: 0 !important;
}

.settings-tabs .settings-tab-icon--asset {
  object-fit: contain;
}

.settings-tabs .settings-tab-icon--ikas {
  width: 1.05rem;
  height: 1.05rem;
}

.settings-tabs .nav-link:hover,
.settings-tabs .nav-link:focus {
  color: var(--ds-text-primary);
  background: rgba(164, 163, 161, 0.12);
}

.settings-tabs .nav-link.active {
  color: var(--ds-text-primary);
  background: rgba(105, 104, 101, 0.18);
  box-shadow: 0 18px 35px -28px rgba(105, 104, 101, 0.8);
}

.settings-tab-content {
  padding-top: 1rem;
}

.settings-pane {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 0.5rem;
}

.tab-content > .settings-pane.active {
  display: flex;
}

.settings-pane__header {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.settings-pane__header h4 {
  margin: 0;
  font-weight: 600;
}

.settings-pane__header p {
  margin: 0;
  font-size: 0.95rem;
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem 1.25rem;
}

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

.settings-grid--narrow {
  grid-template-columns: minmax(260px, 1fr);
}

.settings-grid--pricing {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
}

.settings-card--pricing {
  background:
    radial-gradient(circle at top right, rgba(126, 125, 123, 0.08), transparent 38%),
    rgba(25, 25, 24, 0.65);
}

.profit-margin-mode {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(164, 163, 161, 0.18);
}

.profit-margin-mode__intro,
.profit-margin-advanced__footer,
.profit-margin-advanced__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.profit-margin-mode__switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.3rem;
  padding: 0.3rem;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 12px;
  background: rgba(5, 5, 5, 0.48);
  flex-shrink: 0;
}

.profit-margin-mode__button {
  min-width: 118px;
  min-height: 2.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.5rem 0.85rem;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--ds-text-muted);
  background: transparent;
  font-weight: 700;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.profit-margin-mode__button[data-margin-mode="general"] {
  min-width: 7rem;
}

.profit-margin-mode__button.is-dirty {
  border-color: rgba(155, 152, 145, 0.72);
  box-shadow: 0 0 0 3px rgba(155, 152, 145, 0.1);
}

.profit-margin-mode__button:hover,
.profit-margin-mode__button:focus-visible {
  color: var(--ds-text-primary);
  outline: none;
}

.profit-margin-mode__button.is-active {
  color: #eeeae3;
  border-color: rgba(155, 152, 145, 0.38);
  background: linear-gradient(135deg, rgba(100, 99, 96, 0.35), rgba(115, 115, 111, 0.25));
}

.profit-margin-advanced {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid rgba(155, 152, 145, 0.22);
  border-radius: 14px;
  background: rgba(5, 5, 5, 0.28);
}

.profit-margin-advanced[hidden] {
  display: none;
}

.profit-margin-advanced__notice {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.7rem 0.8rem;
  border-radius: 11px;
  color: #ddd9d1;
  background: rgba(115, 115, 111, 0.09);
  font-size: 0.88rem;
  line-height: 1.45;
}

.profit-margin-rules {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.profit-margin-rules__head,
.profit-margin-rule {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(210px, 1.25fr) minmax(150px, 0.85fr) 42px;
  gap: 0.75rem;
  align-items: center;
}

.profit-margin-rules__head {
  padding: 0 0.75rem;
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.profit-margin-rule {
  padding: 0.75rem;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 12px;
  background: rgba(25, 25, 24, 0.54);
}

.profit-margin-rule.has-error {
  border-color: rgba(239, 68, 68, 0.6);
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.08);
}

.profit-margin-rule__field {
  min-width: 0;
  position: relative;
}

.profit-margin-rule__field > label:first-child {
  display: none;
}

.profit-margin-rule__field .form-control {
  min-height: 2.65rem;
}

.profit-margin-rule__field .form-control[readonly],
.profit-margin-rule__field .form-control:disabled {
  color: rgba(234, 233, 231, 0.74);
  background: rgba(40, 40, 38, 0.62);
}

.profit-margin-rule__open {
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.25rem 0.45rem;
  border-radius: 7px;
  color: #ddd9d1;
  background: rgba(25, 25, 24, 0.88);
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
}

.profit-margin-rule__open input:disabled + span {
  opacity: 0.45;
}

.profit-margin-rule__remove {
  width: 2.55rem;
  height: 2.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(248, 113, 113, 0.2);
  border-radius: 10px;
  color: #fca5a5;
  background: rgba(127, 29, 29, 0.12);
}

.profit-margin-rule__remove:hover:not(:disabled),
.profit-margin-rule__remove:focus-visible:not(:disabled) {
  border-color: rgba(248, 113, 113, 0.48);
  background: rgba(127, 29, 29, 0.24);
  outline: none;
}

.profit-margin-rule__remove:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.profit-margin-advanced__count {
  color: var(--ds-text-muted);
  font-size: 0.85rem;
}

.profit-margin-advanced__status {
  padding: 0.7rem 0.85rem;
  border: 1px solid rgba(164, 163, 161, 0.24);
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 600;
}

.profit-margin-advanced__status.is-success {
  color: #bbf7d0;
  border-color: rgba(34, 197, 94, 0.38);
  background: rgba(34, 197, 94, 0.1);
}

.profit-margin-advanced__status.is-error {
  color: #fecaca;
  border-color: rgba(239, 68, 68, 0.38);
  background: rgba(239, 68, 68, 0.1);
}

.profit-margin-advanced__status.is-info {
  color: #d9d6cf;
  border-color: rgba(126, 125, 123, 0.38);
  background: rgba(126, 125, 123, 0.1);
}

.settings-grid__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.settings-grid__field--full {
  grid-column: 1 / -1;
}

.settings-form-status {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 12px;
  padding: 0.7rem 0.9rem;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(25, 25, 24, 0.65);
  font-weight: 500;
  font-size: 0.95rem;
}

.settings-form-status .bi {
  font-size: 1.05rem;
}

.settings-form-status--error {
  border-color: rgba(239, 68, 68, 0.45);
  background: rgba(239, 68, 68, 0.12);
  color: #fecaca;
}

.settings-form-status--success {
  border-color: rgba(34, 197, 94, 0.45);
  background: rgba(34, 197, 94, 0.12);
  color: #bbf7d0;
}

.settings-form-status--info {
  border-color: rgba(126, 125, 123, 0.45);
  background: rgba(126, 125, 123, 0.12);
  color: #d9d6cf;
}

.settings-form .form-text {
  color: var(--ds-text-muted);
}

.settings-pane .btn.btn-cta {
  align-self: flex-start;
}

.settings-pane .input-with-action .btn {
  margin-left: 0.75rem;
}

.settings-pane .input-with-action {
  gap: 0.75rem;
}

.settings-pane .input-with-action .form-control {
  min-height: 2.75rem;
}

.settings-pane .affiliate-slug-prefix {
  color: var(--ds-text-secondary);
  background: rgba(40, 40, 38, 0.9);
  border-color: rgba(164, 163, 161, 0.34);
  font-weight: 600;
}

.settings-card {
  background: rgba(25, 25, 24, 0.65);
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 16px;
  padding: 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  box-shadow: 0 24px 48px -34px rgba(25, 25, 24, 0.8);
}

.settings-card--integration,
.settings-card--section,
.settings-card--guide {
  background: rgba(25, 25, 24, 0.54);
}

.settings-card--integration {
  max-width: none;
}

.settings-card--guide {
  gap: 0.95rem;
}


.settings-profile-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
}

.settings-card--profile-block {
  height: 100%;
}

.settings-card--profile-block .settings-grid {
  gap: 1rem 1.25rem;
}
.settings-card--branding {
  gap: 1.25rem;
}

.settings-card--warning {
  border-color: rgba(251, 191, 36, 0.45);
  background: linear-gradient(135deg, rgba(120, 53, 15, 0.18), rgba(25, 25, 24, 0.72));
}

.settings-card--warehouse {
  border-color: rgba(115, 115, 111, 0.34);
  background: linear-gradient(135deg, rgba(115, 115, 111, 0.1), rgba(25, 25, 24, 0.68));
  gap: 1rem;
}

.settings-card__header--warning {
  flex-direction: row;
  align-items: flex-start;
  gap: 0.9rem;
}

.settings-card__warning-icon {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.14);
  border: 1px solid rgba(251, 191, 36, 0.35);
  flex-shrink: 0;
}

.warehouse-warning-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.85rem;
}

.settings-card--warehouse .warehouse-warning-grid {
  grid-template-columns: minmax(150px, 0.9fr) minmax(280px, 2fr) minmax(150px, 0.9fr) minmax(150px, 0.9fr);
  gap: 0.7rem;
}

.warehouse-warning-grid__item {
  border: 1px solid rgba(251, 191, 36, 0.2);
  border-radius: 12px;
  padding: 0.75rem 0.9rem;
  background: rgba(25, 25, 24, 0.45);
}

.settings-card--warehouse .warehouse-warning-grid__item {
  border-color: rgba(115, 115, 111, 0.24);
  background: rgba(25, 25, 24, 0.34);
}

.warehouse-warning-grid__item--full {
  grid-column: 1 / -1;
}

.warehouse-warning-grid__item--wide {
  grid-column: auto;
}

.warehouse-warning-grid__label {
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fcd34d;
  margin-bottom: 0.35rem;
}

.settings-card__header {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.settings-card--warehouse .settings-card__warning-icon {
  color: #d1cec6;
  background: rgba(115, 115, 111, 0.14);
  border-color: rgba(199, 198, 196, 0.34);
}

.settings-card--warehouse .warehouse-warning-grid__label {
  color: #eeeae1;
}

.settings-card--warehouse .warehouse-warning-grid__item p {
  color: rgba(234, 233, 231, 0.9);
  font-weight: 600;
}

.settings-card__header.settings-card__header--warning {
  flex-direction: row;
  align-items: center;
  gap: 0.85rem;
}

.settings-card__header--between {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}

.settings-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  background: rgba(105, 104, 101, 0.22);
  color: var(--ds-text-secondary);
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
}

.settings-card--integration .settings-grid--narrow {
  grid-template-columns: minmax(0, 1fr);
}

/* ikas targets are a compact decision set, not a long settings form. */
.settings-card--ikas .ikas-settings-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.42fr);
  gap: 1.25rem;
  align-items: start;
}

.settings-card--ikas .ikas-settings-layout__main,
.settings-card--ikas .ikas-settings-layout__aside {
  min-width: 0;
}

.settings-card--ikas .ikas-settings-layout__aside {
  padding-top: 0.1rem;
}

.settings-card--ikas .ikas-settings-note {
  margin: 0;
  height: 100%;
  align-items: flex-start;
  line-height: 1.55;
}

.settings-card--ikas .ikas-target-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.15rem;
  max-width: none;
}

.settings-card--ikas .ikas-target-grid .settings-grid__field--full {
  grid-column: 1 / -1;
}

.settings-card--ikas .ikas-target-grid .form-select,
.settings-card--ikas .ikas-target-grid .form-control {
  min-height: 3rem;
}

.ikas-target-actions {
  display: flex;
  align-items: center;
  padding-top: 0.15rem;
}

.ikas-target-actions__main {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.ikas-target-actions__main .btn {
  width: auto;
  min-width: 12rem;
}

.ikas-danger-zone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 0.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(248, 113, 113, 0.28);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.16), rgba(25, 25, 24, 0.3));
}

.ikas-danger-zone__eyebrow {
  display: block;
  margin-bottom: 0.2rem;
  color: rgba(252, 165, 165, 0.9);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ikas-danger-zone strong {
  display: block;
  color: #fee2e2;
  font-size: 0.96rem;
}

.ikas-danger-zone p {
  margin: 0.25rem 0 0;
  color: rgba(234, 233, 231, 0.72);
  font-size: 0.85rem;
}

.ikas-danger-zone .btn {
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .settings-card--ikas .ikas-settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .settings-card--ikas .ikas-settings-layout__aside {
    padding-top: 0;
  }

  .settings-card--ikas .ikas-target-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ikas-target-actions,
  .ikas-target-actions__main,
  .ikas-target-actions__main .btn {
    width: 100%;
  }

  .ikas-danger-zone {
    align-items: stretch;
    flex-direction: column;
  }

  .ikas-danger-zone .btn {
    width: 100%;
  }
}

.settings-card--integration .input-with-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.settings-card--integration .input-with-action .btn {
  margin-left: 0;
  min-height: 2.75rem;
}

.settings-card--integration .d-flex.gap-3,
.settings-card--section .d-flex.gap-3 {
  gap: 0.75rem !important;
}

.settings-card--guide ol {
  display: grid;
  gap: 0.45rem;
  line-height: 1.55;
}

.settings-card--guide li::marker {
  color: rgba(199, 198, 196, 0.85);
  font-weight: 700;
}

.settings-security-callout {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.95rem;
  border: 1px solid rgba(115, 115, 111, 0.28);
  border-radius: 14px;
  background: rgba(115, 115, 111, 0.08);
}

.settings-security-callout__icon,
.settings-security-box__icon {
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 999px;
  color: #eeeae1;
  background: rgba(115, 115, 111, 0.14);
  border: 1px solid rgba(199, 198, 196, 0.28);
}

.settings-security-callout__body {
  min-width: 0;
  flex: 1 1 auto;
}

.settings-security-callout__body h6,
.settings-security-box h6 {
  color: var(--ds-text-primary);
  font-weight: 700;
}

.settings-security-callout__action {
  flex-shrink: 0;
}

.settings-security-modal .modal-body {
  padding-top: 1rem;
}

.settings-security-modal__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.settings-security-box {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 16px;
  background: rgba(25, 25, 24, 0.48);
}

.settings-security-box__header {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
}

.settings-security-box__header--between {
  justify-content: space-between;
}

.settings-security-box__fields {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  flex: 1 1 auto;
}

.settings-security-toggle,
.settings-label-with-info {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.settings-info-button {
  width: 1.35rem;
  height: 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: var(--ds-text-muted);
  background: transparent;
  line-height: 1;
}

.settings-info-button:hover,
.settings-info-button:focus-visible {
  color: #eeeae1;
  background: rgba(115, 115, 111, 0.12);
  outline: none;
}

.settings-grid--pricing .form-check {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.settings-grid--pricing .form-check-label {
  line-height: 1.35;
}

.settings-grid--pricing .form-control,
.settings-grid--pricing .form-select {
  min-height: 2.75rem;
}

.branding-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: stretch;
}

.branding-layout__fields {
  flex: 1 1 340px;
  min-width: 0;
}

.settings-grid--branding {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.branding-layout__preview {
  flex: 0 0 240px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.branding-preview {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  border: 1px dashed rgba(164, 163, 161, 0.35);
  background: rgba(25, 25, 24, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.branding-preview img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.branding-preview__placeholder {
  color: var(--ds-text-muted);
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.branding-preview__hint {
  text-align: center;
  color: var(--ds-text-muted);
  font-size: 0.85rem;
}

.branding-dropzone {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 0.9rem;
  align-items: center;
  min-height: 96px;
  padding: 1rem;
  border: 1px dashed rgba(199, 198, 196, 0.38);
  border-radius: 16px;
  color: var(--ds-text-primary);
  background: linear-gradient(145deg, rgba(115, 115, 111, 0.08), rgba(25, 25, 24, 0.68));
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.branding-dropzone:hover,
.branding-dropzone:focus-visible,
.branding-dropzone.is-dragging {
  border-color: rgba(199, 198, 196, 0.78);
  background: linear-gradient(145deg, rgba(115, 115, 111, 0.16), rgba(40, 40, 38, 0.82));
  box-shadow: 0 18px 36px -28px rgba(155, 152, 145, 0.9), 0 0 0 3px rgba(155, 152, 145, 0.1);
  outline: none;
}

.branding-dropzone.is-dragging {
  transform: translateY(-1px);
}

.branding-dropzone__icon {
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(199, 198, 196, 0.28);
  border-radius: 14px;
  color: #eeeae1;
  background: rgba(115, 115, 111, 0.12);
  font-size: 1.25rem;
}

.branding-dropzone__copy {
  display: grid;
  min-width: 0;
  gap: 0.2rem;
}

.branding-dropzone__copy strong {
  font-size: 0.92rem;
}

.branding-dropzone__copy small {
  color: var(--ds-text-muted);
  font-size: 0.76rem;
}

.branding-dropzone__action {
  padding: 0.58rem 0.78rem;
  border: 1px solid rgba(199, 198, 196, 0.32);
  border-radius: 11px;
  color: #e6e3dc;
  background: rgba(25, 25, 24, 0.78);
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .settings-grid--pricing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-card--warehouse .warehouse-warning-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profit-margin-rules__head,
  .profit-margin-rule {
    grid-template-columns: minmax(125px, 0.85fr) minmax(190px, 1.15fr) minmax(125px, 0.8fr) 42px;
  }
}

@media (max-width: 767.98px) {
  .settings-tabs {
    gap: 0.35rem;
  }

  .settings-tabs .nav-link {
    font-size: 0.95rem;
    padding: 0.5rem 0.85rem;
  }

  .settings-grid,
  .settings-grid--compact,
  .settings-grid--narrow,
  .settings-grid--pricing {
    grid-template-columns: minmax(0, 1fr);
  }

  .settings-grid--branding {
    grid-template-columns: minmax(0, 1fr);
  }

  .settings-pane {
    gap: 1.25rem;
  }

  .settings-card {
    padding: 1.25rem;
  }

  .settings-card__header--between,
  .settings-card__header--warning {
    flex-direction: column;
    align-items: flex-start;
  }

  .profit-margin-mode__intro,
  .profit-margin-advanced__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .profit-margin-mode__switch {
    width: 100%;
  }

  .profit-margin-mode__button {
    min-width: 0;
  }

  .profit-margin-rules__head {
    display: none;
  }

  .profit-margin-rule {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
    position: relative;
    padding: 0.9rem 3.6rem 0.9rem 0.9rem;
  }

  .profit-margin-rule__field > label:first-child {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ds-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
  }

  .profit-margin-rule__remove {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
  }

  .profit-margin-advanced__actions {
    flex-wrap: wrap;
  }

  .warehouse-warning-grid__item--wide {
    grid-column: 1 / -1;
  }

  .settings-card--warehouse .warehouse-warning-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .settings-card--integration .input-with-action {
    grid-template-columns: minmax(0, 1fr);
  }

  .settings-security-callout {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .settings-security-callout__action {
    width: 100%;
  }

  .settings-security-modal__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .branding-layout {
    flex-direction: column;
  }

  .branding-layout__preview {
    width: 100%;
    max-width: none;
  }
}

.select2-container--default .select2-selection--single {
  background: rgba(25, 25, 24, 0.85);
  border: 1px solid rgba(164, 163, 161, 0.35);
  border-radius: 14px;
  height: auto;
  min-height: 2.75rem;
  padding: 0.45rem 0.75rem;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--ds-text-primary);
  padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--ds-text-muted);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 0.5rem;
}

.select2-dropdown {
  background: rgba(25, 25, 24, 0.95);
  border: 1px solid rgba(164, 163, 161, 0.3);
  border-radius: 14px;
  color: var(--ds-text-secondary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--ds-primary);
  color: #fff;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
  background: rgba(105, 104, 101, 0.18);
  color: var(--ds-text-primary);
}

.select2-search--dropdown .select2-search__field {
  background: rgba(25, 25, 24, 0.85);
  border: 1px solid rgba(164, 163, 161, 0.35);
  color: var(--ds-text-primary);
}

.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
  color: var(--ds-text-muted);
}

.image-input-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

textarea[data-expandable-textarea] {
  max-height: 10rem;
  transition: max-height 0.25s ease;
}

textarea[data-expandable-textarea][data-expanded='true'] {
  max-height: none;
}

.form-footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 2rem;
  border: 1px solid rgba(164, 163, 161, 0.2);
  border-radius: 24px;
  background: rgba(25, 25, 24, 0.72);
}

.form-footer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.btn-ghost.btn-ghost-sm,
.btn.btn-ghost.btn-ghost-sm {
  padding: 0.45rem 1rem;
  font-size: 0.85rem;
}

.collapsible {
  position: relative;
}

.collapsible__content {
  display: block;
  line-height: 1.65;
  color: var(--ds-text-secondary);
}

.collapsible[data-expanded='false'] .collapsible__content {
  max-height: 11rem;
  overflow: hidden;
}

.collapsible[data-expanded='false'] .collapsible__content::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 3.5rem;
  background: linear-gradient(to bottom, rgba(25, 25, 24, 0), rgba(25, 25, 24, 0.95));
  pointer-events: none;
}

.collapsible__toggle,
[data-textarea-toggle] {
  align-self: flex-start;
  border: none;
  border-radius: 999px;
  padding: 0.45rem 1rem;
  background: rgba(105, 104, 101, 0.15);
  color: var(--ds-text-secondary);
  font-weight: 500;
  font-size: 0.85rem;
}

.collapsible__toggle:hover,
.collapsible__toggle:focus-visible,
[data-textarea-toggle]:hover,
[data-textarea-toggle]:focus-visible {
  background: rgba(105, 104, 101, 0.3);
  color: #fff;
  outline: none;
}

[data-textarea-toggle] {
  margin-top: -0.25rem;
}

.data-list {
  display: grid;
  gap: 1rem;
}

.data-list div {
  display: grid;
  gap: 0.25rem;
}

.data-list dt {
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-text-muted);
}

.data-list dd {
  margin: 0;
  font-size: 0.95rem;
}

.scroll-top-btn {
  position: fixed;
  right: clamp(1rem, 2vw, 1.5rem);
  bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
  width: 2.85rem;
  height: 2.85rem;
  border: 1px solid rgba(164, 163, 161, 0.34);
  border-radius: 999px;
  background: linear-gradient(155deg, rgba(25, 25, 24, 0.92), rgba(40, 40, 38, 0.9));
  color: var(--ds-text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 35px -24px rgba(25, 25, 24, 0.9);
  backdrop-filter: blur(10px);
  opacity: 0;
  transform: translateY(14px) scale(0.92);
  pointer-events: none;
  z-index: 90;
  transition: opacity 0.24s ease, transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.scroll-top-btn i {
  font-size: 1.05rem;
  line-height: 1;
}

.scroll-top-btn.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.scroll-top-btn:hover,
.scroll-top-btn:focus-visible {
  border-color: rgba(105, 104, 101, 0.55);
  box-shadow: 0 24px 40px -22px rgba(105, 104, 101, 0.5);
  color: #fff;
  outline: none;
}

.toast-stack,
[data-toast-stack] {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  display: grid;
  gap: 0.75rem;
  width: min(24rem, calc(100vw - 2rem));
  pointer-events: none;
  z-index: 10000;
}

.toast-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.85rem;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(25, 25, 24, 0.98), rgba(18, 17, 15, 0.97));
  border: 1px solid rgba(105, 104, 101, 0.35);
  border-radius: 18px;
  padding: 1rem;
  font-size: 0.9rem;
  color: var(--ds-text-secondary);
  box-shadow:
    0 24px 55px -24px rgba(25, 25, 24, 0.92),
    0 12px 32px -20px rgba(155, 152, 145, 0.5);
  pointer-events: auto;
  transform-origin: right bottom;
  animation: toast-card-in 220ms cubic-bezier(0.2, 0.75, 0.25, 1);
  transition: opacity 180ms ease, transform 180ms ease;
  backdrop-filter: blur(18px);
}

.toast-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #d1cec6, #777570);
}

.toast-card.fade-out {
  opacity: 0;
  transform: translateX(16px) scale(0.98);
}

.toast-card__icon {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 12px;
  color: #eeeae1;
  background: rgba(115, 115, 111, 0.13);
  border: 1px solid rgba(155, 152, 145, 0.24);
  font-size: 1.05rem;
}

.toast-card__content {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.toast-card__title {
  color: #f8fafc;
  font-size: 0.88rem;
  font-weight: 750;
  letter-spacing: -0.01em;
}

.toast-card__message {
  color: #d7d6d4;
  font-size: 0.84rem;
  line-height: 1.48;
}

.toast-card__close {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  margin: -0.15rem -0.15rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 9px;
  color: #a4a3a1;
  background: transparent;
  cursor: pointer;
  transition: color 160ms ease, background 160ms ease;
}

.toast-card__close:hover,
.toast-card__close:focus-visible {
  color: #f8fafc;
  background: rgba(164, 163, 161, 0.14);
  outline: none;
}

.toast-card--success {
  border-color: rgba(34, 197, 94, 0.45);
}

.toast-card--success::before {
  background: linear-gradient(180deg, #4ade80, #16a34a);
}

.toast-card--success .toast-card__icon {
  color: #86efac;
  background: rgba(34, 197, 94, 0.13);
  border-color: rgba(34, 197, 94, 0.28);
}

.toast-card--error {
  border-color: rgba(239, 68, 68, 0.55);
}

.toast-card--error::before {
  background: linear-gradient(180deg, #fb7185, #dc2626);
}

.toast-card--error .toast-card__icon {
  color: #fda4af;
  background: rgba(239, 68, 68, 0.13);
  border-color: rgba(239, 68, 68, 0.3);
}

.toast-card--warning {
  border-color: rgba(245, 158, 11, 0.5);
  box-shadow:
    0 24px 55px -24px rgba(25, 25, 24, 0.92),
    0 12px 32px -20px rgba(245, 158, 11, 0.5);
}

.toast-card--warning::before {
  background: linear-gradient(180deg, #fbbf24, #ea580c);
}

.toast-card--warning .toast-card__icon {
  color: #fcd34d;
  background: rgba(245, 158, 11, 0.13);
  border-color: rgba(245, 158, 11, 0.3);
}

@keyframes toast-card-in {
  from {
    opacity: 0;
    transform: translateX(20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-top-btn {
    transition: none;
  }
  .toast-card {
    animation: none;
    transition: none;
  }
}

@media (max-width: 768px) {
  .scroll-top-btn {
    width: 2.65rem;
    height: 2.65rem;
    right: 1rem;
    bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
  }
}

.draft-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (min-width: 1024px) {
  .product-hero__grid {
    grid-template-columns: clamp(420px, 56vw, 640px) minmax(0, 1fr);
    column-gap: 2rem;
  }

  .product-gallery,
  .product-summary {
    grid-column: auto;
  }

  .product-summary {
    position: sticky;
    top: 3rem;
  }

}

@media (min-width: 1440px) {
  .product-hero__grid {
    grid-template-columns: clamp(460px, 48vw, 680px) minmax(0, 1fr);
  }

  .product-gallery,
  .product-summary {
    padding: 2.25rem;
  }
}

@media (max-width: 1023px) {
  .product-summary,
  .product-gallery {
    padding: 1.75rem;
  }

  .product-price-block {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }

  .product-price-block__group--costs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-primary-actions {
    width: 100%;
  }

  .product-primary-actions .btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .product-gallery,
  .product-summary {
    padding: 1.25rem 1rem;
  }

  .product-summary__caption {
    font-size: 0.72rem;
    line-height: 1.4;
  }

  .product-summary__badge {
    padding: 0.35rem 0.95rem;
    font-size: 0.7rem;
    line-height: 1.25;
  }

  .product-summary__title {
    font-size: clamp(1.15rem, 4.2vw, 1.45rem);
    line-height: 1.2;
    white-space: normal;
  }

  .product-price-block {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .product-price-block__value {
    font-size: 1.15rem;
    line-height: 1.2;
  }

  .product-price-block__item--price .product-price-block__value {
    font-size: 1.55rem;
  }

  .product-gallery__main {
    height: clamp(300px, 52vh, 400px);
  }

  .product-gallery__thumbs {
    grid-auto-columns: minmax(76px, 1fr);
    gap: 0.65rem;
  }

}

@media (max-width: 640px) {
  .product-price-block__group--primary,
  .product-price-block__group--costs {
    grid-template-columns: 1fr;
  }

  .product-price-block__group--primary .product-price-block__item--profit,
  .product-price-block__group--costs .product-price-block__item + .product-price-block__item {
    border-inline-start: 0;
    border-top: 1px solid rgba(164, 163, 161, 0.16);
  }

  .product-summary__quickfacts li {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-gallery__thumbs {
    grid-auto-columns: minmax(72px, 0.85fr);
  }

  .tabs-nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    width: 100%;
    overflow: visible;
    padding-bottom: 0.35rem;
  }

  .tabs-nav button {
    width: 100%;
    padding: 0.55rem 0.85rem;
    font-size: 0.95rem;
    text-align: center;
  }
}

.imports-toolbar {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.imports-title-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.import-sync-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.import-sync-btn.is-loading {
  pointer-events: none;
  position: relative;
  overflow: hidden;
  opacity: 0.9;
}

.import-sync-btn .spinner-border {
  width: 0.9em;
  height: 0.9em;
  border: 0.14em solid rgba(255, 255, 255, 0.4);
  border-right-color: #fff;
  border-radius: 999px;
  flex: 0 0 auto;
  animation: btn-cta-spin 0.8s linear infinite;
}

.imports-sync-status {
  border: 1px solid rgba(164, 163, 161, 0.28);
  border-radius: 12px;
  padding: 0.75rem 1rem;
  margin: -0.4rem 0 1.2rem;
  color: var(--ds-text-secondary);
  background: rgba(25, 25, 24, 0.72);
  font-size: 0.92rem;
}

.imports-sync-status.is-success {
  border-color: rgba(34, 197, 94, 0.35);
  color: #bbf7d0;
  background: rgba(22, 101, 52, 0.16);
}

.imports-sync-status.is-error {
  border-color: rgba(244, 63, 94, 0.4);
  color: #fecdd3;
  background: rgba(127, 29, 29, 0.18);
}

.imports-sync-status.is-info {
  border-color: rgba(159, 158, 156, 0.35);
  color: #d9d6cf;
  background: rgba(68, 67, 65, 0.16);
}

.imports-search,
.orders-search {
  width: 100%;
  max-width: 460px;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.imports-search {
  margin-left: auto;
}

.orders-search {
  margin-left: auto;
}

.imports-summary {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.95rem;
  background: rgba(25, 25, 24, 0.8);
  border: 1px solid rgba(164, 163, 161, 0.32);
  border-radius: 16px;
  color: var(--ds-text-secondary);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.12);
  min-width: fit-content;
}

.imports-summary__icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.15), rgba(155, 152, 145, 0.15));
  color: rgba(126, 125, 123, 0.9);
  border: 1px solid rgba(105, 104, 101, 0.3);
}

.imports-summary__body {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.imports-summary__label {
  font-size: 0.85rem;
  color: var(--ds-text-muted);
  letter-spacing: 0.01em;
}

.imports-summary__value {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 700;
  white-space: nowrap;
}

.imports-summary__limit {
  color: var(--ds-text-muted);
  font-weight: 600;
}

.imports-summary__frozen {
  color: #fbbf24;
  font-weight: 600;
}

.imports-summary--warning {
  border-color: rgba(248, 113, 113, 0.45);
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.12), rgba(164, 163, 161, 0.08));
  box-shadow: inset 0 1px 0 rgba(248, 113, 113, 0.22), 0 20px 46px -32px rgba(248, 113, 113, 0.45);
}

.imports-search__group,
.orders-search__group {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.55rem 0.55rem 0.95rem;
  border-radius: 999px;
  background: rgba(25, 25, 24, 0.82);
  border: 1px solid rgba(164, 163, 161, 0.32);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.12), 0 18px 38px -28px rgba(105, 104, 101, 0.55);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.imports-search__group:focus-within,
.orders-search__group:focus-within {
  border-color: rgba(105, 104, 101, 0.55);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.18), 0 18px 46px -26px rgba(105, 104, 101, 0.65);
}

.imports-search__icon,
.orders-search__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--ds-text-muted);
}

.imports-search__input,
.orders-search__input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: transparent;
  color: var(--ds-text-primary);
  font-size: 0.95rem;
  padding: 0;
}

.imports-search__input:focus,
.orders-search__input:focus {
  outline: none;
  box-shadow: none;
}

.imports-search__input::placeholder,
.orders-search__input::placeholder {
  color: var(--ds-text-muted);
}

.orders-search__date-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.2rem 0.3rem 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(40, 40, 38, 0.62);
  border: 1px solid rgba(164, 163, 161, 0.26);
  min-height: 36px;
  flex: 0 0 auto;
}

.orders-search__date-icon {
  border: none;
  background: transparent;
  padding: 0;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ds-text-muted);
  font-size: 0.9rem;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.orders-search__date-icon:hover,
.orders-search__date-icon:focus-visible {
  color: var(--ds-text-primary);
  background: rgba(164, 163, 161, 0.16);
  outline: none;
}

.orders-search__date-input {
  border: none;
  background: transparent;
  color: var(--ds-text-primary);
  font-size: 0.85rem;
  min-width: 132px;
  padding: 0 0.2rem;
}

.orders-search__date-input:focus {
  outline: none;
  box-shadow: none;
}

.orders-search__date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  pointer-events: none;
}

.orders-search__date-clear {
  border: none;
  background: transparent;
  color: var(--ds-text-muted);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.orders-search__date-clear:hover,
.orders-search__date-clear:focus-visible {
  color: var(--ds-text-primary);
  background: rgba(164, 163, 161, 0.16);
  outline: none;
}

.imports-search__submit,
.orders-search__submit {
  border: none;
  border-radius: 999px;
  padding: 0.45rem 1.35rem;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.85), rgba(155, 152, 145, 0.65));
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  box-shadow: 0 20px 38px -26px rgba(105, 104, 101, 0.75);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.imports-search__submit:hover,
.imports-search__submit:focus,
.orders-search__submit:hover,
.orders-search__submit:focus {
  transform: translateY(-1px);
  box-shadow: 0 24px 42px -24px rgba(105, 104, 101, 0.8);
  filter: brightness(1.05);
}

.imports-search__submit:focus,
.orders-search__submit:focus {
  outline: none;
}

.imports-search__submit:focus-visible,
.orders-search__submit:focus-visible {
  outline: 2px solid rgba(105, 104, 101, 0.5);
  outline-offset: 3px;
}

.imports-search__reset,
.orders-search__reset {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--ds-text-muted);
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
  align-self: flex-end;
}

.imports-search__reset i,
.orders-search__reset i {
  font-size: 0.9rem;
}

.imports-search__reset:hover,
.imports-search__reset:focus,
.orders-search__reset:hover,
.orders-search__reset:focus {
  color: var(--ds-text-secondary);
}

.imports-search__reset:focus,
.orders-search__reset:focus {
  outline: none;
}

.imports-search__reset:focus-visible,
.orders-search__reset:focus-visible {
  outline: 2px solid rgba(105, 104, 101, 0.45);
  outline-offset: 2px;
}

.import-list {
  display: grid;
  gap: 1.5rem;
}

.import-card {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 1.5rem;
  padding: 1.5rem;
  border-radius: 26px;
  border: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.82);
  box-shadow: 0 30px 55px -35px rgba(105, 104, 101, 0.45);
}

.import-card__media {
  width: min(180px, 100%);
  height: 160px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.18), rgba(115, 115, 111, 0.18));
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(164, 163, 161, 0.25);
  color: var(--ds-text-muted);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.import-card__media img {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: inherit;
}

.import-card__media--empty {
  border-style: dashed;
}

.import-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  min-width: 220px;
}

.import-card__header {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-start;
  justify-content: space-between;
}

.import-card__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--ds-text-primary);
  flex: 1 1 420px;
  min-width: min(100%, 260px);
}

.import-card__badge-group {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.45rem;
  max-width: min(100%, 560px);
  margin-left: auto;
}

.import-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: #bbf7d0;
  border-radius: 999px;
  padding: 0.35rem 0.8rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.import-card__badge-label {
  color: rgba(234, 233, 231, 0.68);
  font-size: 0.68rem;
  letter-spacing: 0.02em;
}

.import-card__badge-value,
.import-card__badge > a {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.import-card__badge--summary {
  border-color: rgba(148, 147, 145, 0.35);
  background: rgba(105, 104, 101, 0.12);
  color: #d9d6cf;
}

.import-card__ids-trigger {
  border: 0;
  padding: 0.2rem 0.35rem;
  color: #eeeae1;
  background: transparent;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 700;
}

.import-card__ids-trigger:hover,
.import-card__ids-trigger:focus-visible {
  color: #fff;
  text-decoration: underline;
}

.import-card__meta {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.35rem;
}

.import-card__meta li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.9rem;
}

.import-card__meta .label {
  color: var(--ds-text-muted);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}

.import-card__form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.import-card__switch {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--ds-text-secondary);
}

.import-card__switch .form-check-input,
.import-card__switch .form-check-label {
  cursor: pointer;
}

.import-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto;
  width: 100%;
}

.import-card__view-btn {
  flex: 0 0 auto;
}

.import-card__actions-menu {
  position: relative;
}

.import-card__actions-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 36px;
  border-color: rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.72);
}

.import-card__dropdown-menu {
  min-width: 210px;
  padding: 0.45rem;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 0.85rem;
  background: rgba(25, 25, 24, 0.98);
  box-shadow: 0 18px 45px rgba(5, 5, 5, 0.42);
}

.import-card__dropdown-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  width: 100%;
  min-height: 38px;
  border-radius: 0.6rem;
  color: rgba(234, 233, 231, 0.94);
  font-weight: 700;
  padding: 0.55rem 0.7rem;
  text-align: left;
  white-space: nowrap;
}

.import-card__dropdown-menu .import-sync-btn {
  display: flex;
  justify-content: flex-start;
}

.import-card__dropdown-action:hover,
.import-card__dropdown-action:focus {
  background: rgba(164, 163, 161, 0.12);
  color: #fff;
}

.import-card__dropdown-action--trendyol {
  color: #ff9a3d;
}

.import-card__dropdown-action--trendyol:hover,
.import-card__dropdown-action--trendyol:focus {
  background: rgba(242, 122, 26, 0.14);
  color: #ffb46c;
}

.import-card__dropdown-action--info {
  color: #d1d0ce;
}

.import-card__dropdown-action--danger {
  color: #fca5a5;
}

.import-card__dropdown-action--danger:hover,
.import-card__dropdown-action--danger:focus {
  background: rgba(239, 68, 68, 0.14);
  color: #fecaca;
}

.import-actions-modal .modal-dialog {
  max-width: min(410px, calc(100vw - 1rem));
}

.import-actions-modal .modal-body {
  display: grid;
  gap: 0.8rem;
}

.import-actions-modal__groups {
  display: grid;
  gap: 0.55rem;
}

.import-actions-modal__group {
  display: grid;
  gap: 0.25rem;
  padding: 0.65rem;
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.85rem;
  background: rgba(25, 25, 24, 0.52);
}

.import-actions-modal__group h6 {
  margin: 0 0 0.15rem;
  color: rgba(234, 233, 231, 0.62);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.import-actions-modal__group--danger {
  border-color: rgba(248, 113, 113, 0.22);
}

.import-actions-modal__group--danger h6 {
  color: #fca5a5;
}

.import-actions-modal .import-card__dropdown-action {
  min-height: 36px;
}

.import-identifier-list {
  display: grid;
  gap: 0.6rem;
}

.import-identifier-list__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.45rem 0.6rem;
  align-items: center;
  padding: 0.75rem;
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 0.8rem;
  background: rgba(25, 25, 24, 0.56);
}

.import-identifier-list__item strong {
  color: #eae9e7;
  font-size: 0.78rem;
}

.import-identifier-list__item code {
  grid-column: 2;
  overflow-wrap: anywhere;
  color: #f8fafc;
  font-size: 0.76rem;
}

.import-variations-actions .btn.is-loading {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  opacity: 0.9;
  pointer-events: none;
}

.import-variations-actions .btn.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.18) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-100%);
  animation: btn-cta-shimmer 1.4s ease-in-out infinite;
  pointer-events: none;
  mix-blend-mode: screen;
}

.import-variations-actions .btn.is-loading .spinner-border {
  width: 0.95em;
  height: 0.95em;
  border: 0.15em solid rgba(255, 255, 255, 0.4);
  border-right-color: #fff;
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
  animation: btn-cta-spin 0.8s linear infinite;
}

.import-variations-actions .btn.is-success {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  border-color: rgba(52, 211, 153, 0.62);
  color: #dcfce7;
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.92), rgba(16, 185, 129, 0.86));
  box-shadow: 0 12px 24px -18px rgba(52, 211, 153, 0.9);
}

.imports-pagination {
  margin-top: 2.5rem;
  border-radius: 26px;
  border: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.86);
  padding: 1.25rem 1.5rem;
  box-shadow: 0 30px 55px -35px rgba(105, 104, 101, 0.45);
}

.imports-pagination__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  align-items: center;
  justify-content: space-between;
}

.imports-pagination__summary {
  color: var(--ds-text-muted);
  font-size: 0.9rem;
}

.imports-pagination__controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.imports-pagination__arrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 1.1rem;
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.32);
  color: var(--ds-text-secondary);
  background: rgba(25, 25, 24, 0.6);
  text-decoration: none;
  font-weight: 600;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.imports-pagination__arrow:hover,
.imports-pagination__arrow:focus {
  color: #fff;
  border-color: rgba(105, 104, 101, 0.55);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.35), rgba(155, 152, 145, 0.25));
  box-shadow: 0 18px 32px -26px rgba(105, 104, 101, 0.6);
}

.imports-pagination__arrow:focus {
  outline: none;
}

.imports-pagination__arrow:focus-visible {
  outline: 2px solid rgba(105, 104, 101, 0.4);
  outline-offset: 3px;
}

.imports-pagination__arrow.is-disabled {
  opacity: 0.45;
  pointer-events: none;
  background: rgba(25, 25, 24, 0.45);
  border-color: rgba(164, 163, 161, 0.2);
  color: var(--ds-text-muted);
}

.imports-pagination__list {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.imports-pagination__item {
  display: inline-flex;
}

.imports-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  border: 1px solid rgba(164, 163, 161, 0.32);
  background: rgba(25, 25, 24, 0.6);
  color: var(--ds-text-secondary);
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.imports-pagination__page:hover,
.imports-pagination__page:focus {
  color: #fff;
  border-color: rgba(105, 104, 101, 0.55);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.35), rgba(155, 152, 145, 0.25));
  box-shadow: 0 18px 32px -26px rgba(105, 104, 101, 0.6);
}

.imports-pagination__page:focus {
  outline: none;
}

.imports-pagination__page:focus-visible {
  outline: 2px solid rgba(105, 104, 101, 0.4);
  outline-offset: 3px;
}

.imports-pagination__page.is-active {
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.7), rgba(155, 152, 145, 0.55));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 20px 40px -28px rgba(105, 104, 101, 0.75);
  cursor: default;
}

.imports-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  color: var(--ds-text-muted);
}

@media (max-width: 768px) {
  .imports-toolbar {
    justify-content: stretch;
  }

  .section-title .imports-title-actions {
    justify-content: stretch;
    width: 100%;
  }

  .section-title .imports-title-actions .btn {
    flex: 1 1 150px;
  }

  .imports-search,
  .orders-search {
    max-width: 100%;
  }

  .imports-search__reset,
  .orders-search__reset {
    align-self: flex-start;
  }

  .imports-pagination__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .imports-pagination__summary {
    text-align: center;
  }

  .imports-pagination__controls {
    justify-content: center;
  }

  .imports-pagination__list {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .import-card {
    padding: 1.25rem;
  }

  .import-card__media {
    width: 100%;
    height: 200px;
  }
}

.orders-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.orders-section-subtitle-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.7rem;
  margin-top: 0.2rem;
}

.orders-markup-indicator {
  --orders-markup-accent: #9c9b99;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  min-height: 1.95rem;
  padding: 0.34rem 0.58rem 0.34rem 0.5rem;
  border: 1px solid rgba(156, 155, 153, 0.35);
  border-radius: 0.68rem;
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.14), rgba(156, 155, 153, 0.08));
  color: rgba(234, 233, 231, 0.9);
  font-size: 0.72rem;
  line-height: 1;
  white-space: nowrap;
  cursor: help;
  box-shadow: 0 8px 22px -16px rgba(156, 155, 153, 0.9);
  outline: none;
}

.orders-markup-indicator.is-qualified {
  --orders-markup-accent: #d1d0ce;
  border-color: rgba(209, 208, 206, 0.42);
  background: linear-gradient(135deg, rgba(115, 115, 111, 0.18), rgba(45, 212, 191, 0.1));
  color: #cffafe;
  box-shadow: 0 10px 26px -16px rgba(178, 177, 175, 0.9);
}

.orders-markup-indicator > i {
  color: var(--orders-markup-accent);
  font-size: 0.78rem;
}

.orders-markup-indicator__label {
  color: rgba(215, 214, 212, 0.78);
}

.orders-markup-indicator__volume {
  color: #f8fafc;
  font-weight: 700;
}

.orders-markup-indicator__volume span {
  color: rgba(164, 163, 161, 0.82);
  font-weight: 500;
}

.orders-markup-indicator__meter {
  display: inline-block;
  width: 3.8rem;
  height: 0.28rem;
  overflow: hidden;
  border-radius: 0.3rem;
  background: rgba(164, 163, 161, 0.18);
}

.orders-markup-indicator__meter span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #aaa69e, #9c9b99);
  transition: width 180ms ease;
}

.orders-markup-indicator.is-qualified .orders-markup-indicator__meter span {
  background: linear-gradient(90deg, #b2b1af, #2dd4bf);
}

.orders-markup-tooltip__content {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.75rem);
  left: 0;
  width: min(18rem, calc(100vw - 2rem));
  padding: 0.9rem 1rem;
  border: 1px solid rgba(164, 163, 161, 0.28);
  border-radius: 0.85rem;
  background: rgba(25, 25, 24, 0.97);
  box-shadow: 0 20px 44px -20px rgba(5, 5, 5, 0.95), 0 0 0 1px rgba(105, 104, 101, 0.08);
  color: #eae9e7;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.35rem);
  transition: opacity 160ms ease, transform 160ms ease;
  white-space: normal;
}

.orders-markup-tooltip__content::before {
  position: absolute;
  top: -0.35rem;
  left: 1.4rem;
  width: 0.7rem;
  height: 0.7rem;
  border-top: 1px solid rgba(164, 163, 161, 0.28);
  border-left: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.97);
  content: "";
  transform: rotate(45deg);
}

.orders-markup-indicator:hover .orders-markup-tooltip__content,
.orders-markup-indicator:focus .orders-markup-tooltip__content,
.orders-markup-indicator:focus-within .orders-markup-tooltip__content {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.orders-markup-tooltip__eyebrow,
.orders-markup-tooltip__title,
.orders-markup-tooltip__copy,
.orders-markup-tooltip__note {
  display: block;
}

.orders-markup-tooltip__eyebrow {
  margin-bottom: 0.22rem;
  color: #c8c4bb;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.orders-markup-tooltip__title {
  margin-bottom: 0.62rem;
  color: #f8fafc;
  font-size: 0.82rem;
  font-weight: 700;
}

.orders-markup-tooltip__meter {
  display: block;
  height: 0.26rem;
  margin-bottom: 0.62rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(164, 163, 161, 0.18);
}

.orders-markup-tooltip__meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #aaa69e, #b2b1af);
}

.orders-markup-tooltip__copy {
  color: rgba(234, 233, 231, 0.82);
  font-size: 0.73rem;
  line-height: 1.5;
}

.orders-markup-tooltip__copy strong {
  color: #f8fafc;
}

.orders-markup-tooltip__note {
  margin-top: 0.55rem;
  color: rgba(164, 163, 161, 0.8);
  font-size: 0.67rem;
}

.orders-sync-btn {
  position: relative;
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.4);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.22), rgba(115, 115, 111, 0.18));
  color: var(--ds-text-primary);
  padding: 0.75rem 2.2rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  box-shadow: 0 18px 45px -28px rgba(105, 104, 101, 0.55);
}

.orders-sync-btn [data-default-label] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.orders-sync-btn:hover,
.orders-sync-btn:focus {
  color: #fff;
  border-color: rgba(164, 163, 161, 0.6);
}

.orders-sync-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}

.orders-sync-btn .orders-sync-spinner {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  border: 2px solid rgba(164, 163, 161, 0.35);
  border-top-color: #fff;
  animation: orders-spin 0.8s linear infinite;
  margin-right: 0.4rem;
}

@keyframes orders-spin {
  to {
    transform: rotate(360deg);
  }
}

.orders-callout {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-radius: 22px;
  border: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.78);
  box-shadow: 0 24px 48px -32px rgba(105, 104, 101, 0.45);
}

.orders-callout + .orders-callout {
  margin-top: 0.85rem;
}

.orders-callout i {
  font-size: 1.35rem;
  margin-top: 0.2rem;
}

.orders-callout--compact {
  gap: 0.65rem;
  padding: 0.6rem 1rem;
  border-radius: 16px;
}

.orders-callout--compact i {
  font-size: 1rem;
  margin-top: 0.1rem;
}

.orders-callout--compact h3 {
  font-size: 1rem;
  line-height: 1.25;
}

.orders-callout--compact p {
  font-size: 0.9rem;
  line-height: 1.4;
}

.orders-callout--danger {
  border-color: rgba(239, 68, 68, 0.55);
  background: rgba(153, 27, 27, 0.25);
}

.orders-callout--info {
  border-color: rgba(115, 115, 111, 0.45);
  background: rgba(99, 98, 96, 0.25);
}

.orders-callout--billing {
  border-color: rgba(250, 204, 21, 0.5);
  background:
    linear-gradient(135deg, rgba(113, 63, 18, 0.34), rgba(25, 25, 24, 0.88));
  box-shadow: 0 24px 50px -34px rgba(250, 204, 21, 0.7);
}

.orders-callout--billing > i {
  color: #fde047;
}

.orders-callout--billing h2 {
  color: #fef9c3;
}

.orders-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  min-height: 1.45rem;
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--ds-text-muted);
}

.orders-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.25rem;
}

.orders-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.orders-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.4rem;
  border-radius: 999px;
  background: rgba(25, 25, 24, 0.68);
  border: 1px solid rgba(164, 163, 161, 0.22);
}

.orders-tab {
  border: none;
  background: transparent;
  color: var(--ds-text-muted);
  font-weight: 600;
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.orders-tab:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(105, 104, 101, 0.3);
}

.orders-tab:hover {
  color: #fff;
}

.orders-tab.is-active {
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.45), rgba(155, 152, 145, 0.35));
  color: #fff;
  box-shadow: 0 18px 38px -28px rgba(105, 104, 101, 0.6);
}

.orders-tab__count {
  font-size: 0.85rem;
  color: rgba(234, 233, 231, 0.82);
}

.orders-search {
  margin-left: auto;
}

@media (max-width: 768px) {
  .orders-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .orders-section .section-title {
    flex-direction: column;
    align-items: stretch;
  }

  .orders-tabs {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .orders-search {
    width: 100%;
    margin-left: 0;
  }

  .orders-search__group {
    width: 100%;
    flex-wrap: wrap;
  }

  .orders-tab {
    min-height: 44px;
    padding: 0.6rem 0.9rem;
    font-size: 0.95rem;
    line-height: 1.3;
  }

  .orders-search__input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    line-height: 1.4;
  }

  .orders-search__submit {
    width: 100%;
    justify-content: center;
  }

  .orders-search__date-wrap {
    width: 100%;
    min-height: 42px;
  }

  .orders-search__date-input {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    font-size: 0.95rem;
  }

  .orders-sync-btn {
    width: 100%;
    justify-content: center;
    padding: 0.85rem 1.25rem;
  }
}

.orders-feedback {
  border-radius: 18px;
  padding: 1rem 1.35rem;
  font-weight: 500;
}

.orders-feedback--error {
  background: rgba(239, 68, 68, 0.18);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #fecaca;
}

.orders-loader {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 18px;
  padding: 0.85rem 1.2rem;
  background: rgba(25, 25, 24, 0.72);
  border: 1px solid rgba(164, 163, 161, 0.25);
  width: fit-content;
}

.orders-loader__spinner {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  border: 2px solid rgba(164, 163, 161, 0.35);
  border-top-color: var(--ds-secondary);
  animation: orders-spin 0.8s linear infinite;
}

.orders-empty {
  text-align: center;
  padding: 3rem 1.5rem;
  border-radius: 28px;
  border: 1px dashed rgba(164, 163, 161, 0.32);
  background: rgba(25, 25, 24, 0.55);
  display: grid;
  gap: 0.75rem;
  justify-items: center;
  color: var(--ds-text-secondary);
}

.orders-empty i {
  font-size: 2.5rem;
  color: rgba(105, 104, 101, 0.75);
}

.orders-list {
  display: grid;
  gap: 1.75rem;
}

.orders-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(164, 163, 161, 0.18);
}

.orders-pagination__info {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--ds-text-muted);
}

.orders-pagination__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.orders-pagination__actions .btn {
  min-width: 7.5rem;
}

.orders-pagination__actions .btn.disabled,
.orders-pagination__actions .btn[disabled] {
  pointer-events: none;
  opacity: 0.55;
}

.order-card {
  border-radius: 26px;
  border: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 25, 24, 0.82);
  box-shadow: 0 30px 55px -34px rgba(105, 104, 101, 0.45);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.order-card__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.order-card.is-collapsible .order-card__header {
  cursor: pointer;
}

.order-card.is-collapsible .order-card__header:hover {
  color: var(--ds-text-primary);
}

.order-card__details[hidden] {
  display: none;
}

.order-card__details-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.order-card.is-collapsible.is-expanded .order-card__details {
  animation: order-card-details-reveal 0.18s ease-out;
}

@keyframes order-card-details-reveal {
  from {
    opacity: 0;
    transform: translateY(-0.3rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .order-card.is-collapsible.is-expanded .order-card__details {
    animation: none;
  }
}

.order-card__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.order-card__id {
  font-size: 1.2rem;
  font-weight: 700;
}

.order-card__number-group {
  position: relative;
  display: inline-flex;
  min-width: 0;
  align-items: flex-start;
}

.order-card__woo-order-copy {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: calc(100% + 0.18rem);
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.28rem;
  margin: 0;
  padding: 0.1rem 0.28rem;
  border: 1px solid rgba(159, 158, 156, 0.35);
  border-radius: 0.42rem;
  background: rgba(68, 67, 65, 0.16);
  color: #c8c7c5;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.order-card__woo-order-copy:hover,
.order-card__woo-order-copy:focus-visible {
  border-color: rgba(193, 192, 190, 0.75);
  background: rgba(110, 109, 105, 0.28);
  color: #e6e3dc;
}

.order-card__woo-order-copy:focus-visible {
  outline: 2px solid rgba(193, 192, 190, 0.8);
  outline-offset: 2px;
}

.order-card__woo-order-copy-label {
  color: #b4b3b1;
  font-size: 0.58rem;
  text-transform: uppercase;
}

.order-card__woo-order-copy-feedback {
  color: #bbf7d0;
}

.order-card__woo-order-copy.is-copied {
  border-color: rgba(74, 222, 128, 0.55);
  background: rgba(22, 101, 52, 0.2);
}

.order-card__meta .order-card__date-compact {
  display: none;
}

.order-card__customer-control {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.5rem;
}

.order-card__customer-summary {
  max-width: 14rem;
  color: #d7d6d4;
}

.order-card__customer-summary > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-card__accordion-toggle {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(159, 158, 156, 0.28);
  border-radius: 0.65rem;
  background: rgba(68, 67, 65, 0.12);
  color: #c8c7c5;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.order-card__accordion-toggle:hover,
.order-card__accordion-toggle:focus-visible {
  border-color: rgba(193, 192, 190, 0.62);
  background: rgba(110, 109, 105, 0.24);
  color: #f8f7f5;
}

.order-card__accordion-toggle:focus-visible {
  outline: 2px solid rgba(193, 192, 190, 0.8);
  outline-offset: 2px;
}

.order-card.is-collapsed {
  border-color: rgba(164, 163, 161, 0.2);
  background: rgba(25, 25, 24, 0.72);
  box-shadow: 0 18px 40px -34px rgba(105, 104, 101, 0.4);
}

.order-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: var(--ds-text-muted);
}

.order-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.order-card__meta-paid-total,
.order-card__paid-total {
  color: #9fd8bb;
  font-weight: 500;
}

.order-card__meta-paid-total {
  border: 1px solid rgba(34, 197, 94, 0.18);
  background: rgba(22, 101, 52, 0.08);
  border-radius: 999px;
  padding: 0.18rem 0.5rem;
}


.order-card__invoice-link {
  min-height: 2rem;
  border-radius: 999px;
  padding: 0.3rem 0.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border: 1px solid rgba(105, 104, 101, 0.45);
  background: rgba(105, 104, 101, 0.12);
  color: #d9d6cf;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.order-card__invoice-link:hover,
.order-card__invoice-link:focus {
  background: rgba(105, 104, 101, 0.2);
  border-color: rgba(148, 147, 145, 0.65);
  color: #eae9e7;
  transform: translateY(-1px);
}

.order-card__invoice-link:focus-visible {
  outline: 2px solid rgba(148, 147, 145, 0.8);
  outline-offset: 2px;
}

.order-card__invoice-link-text {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.order-card__invoice-link--ready {
  border-color: rgba(34, 197, 94, 0.55);
  background: rgba(22, 163, 74, 0.18);
  color: #86efac;
}

.order-card__invoice-link--ready:hover,
.order-card__invoice-link--ready:focus {
  border-color: rgba(34, 197, 94, 0.75);
  background: rgba(22, 163, 74, 0.24);
  color: #bbf7d0;
}

.order-card__invoice-link--ready:focus-visible {
  outline-color: rgba(34, 197, 94, 0.8);
}

.order-card__invoice-link--pending {
  border-color: rgba(164, 163, 161, 0.45);
  background: rgba(117, 116, 114, 0.16);
  color: #d7d6d4;
  cursor: default;
}

.order-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  padding: 0.35rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border: 1px solid transparent;
}

.order-badge--success {
  background: rgba(34, 197, 94, 0.18);
  border-color: rgba(34, 197, 94, 0.45);
  color: #bbf7d0;
}

.order-badge--info {
  background: rgba(115, 115, 111, 0.18);
  border-color: rgba(115, 115, 111, 0.45);
  color: #ddd9d1;
}

.order-badge--warning {
  background: rgba(250, 204, 21, 0.2);
  border-color: rgba(250, 204, 21, 0.45);
  color: #fef08a;
}

.order-badge--danger {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.45);
  color: #fecaca;
}

.btn-cta.is-loading-no-shift {
  pointer-events: none;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  opacity: 0.96;
}

.btn-cta.is-loading-no-shift::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.24) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-100%);
  animation: btn-cta-shimmer 1.15s ease-in-out infinite;
  pointer-events: none;
  mix-blend-mode: screen;
}

.order-badge--refund {
  background: rgba(117, 116, 114, 0.2);
  border-color: rgba(117, 116, 114, 0.45);
  color: #dfdedc;
}

.order-badge--muted {
  background: rgba(164, 163, 161, 0.18);
  border-color: rgba(164, 163, 161, 0.35);
  color: var(--ds-text-secondary);
}

.order-card__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.order-card__customer,
.order-card__items {
  background: rgba(25, 25, 24, 0.65);
  border-radius: 20px;
  border: 1px solid rgba(164, 163, 161, 0.18);
  padding: 1.35rem;
  display: grid;
  gap: 1rem;
  align-content: start;
}

.order-card__customer h3,
.order-card__items h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
}

.order-card__customer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}

.order-card__customer li {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: start;
  column-gap: 0.75rem;
  font-size: 0.95rem;
}

.order-card__customer .label {
  color: var(--ds-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  white-space: nowrap;
}

.order-card__customer li span:not(.label) {
  min-width: 0;
  word-break: break-word;
}

.order-card__customer-note {
  border-top: 1px dashed rgba(164, 163, 161, 0.35);
  padding-top: 0.75rem;
  display: grid;
  gap: 0.35rem;
}

.order-card__customer-note-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.order-card__customer-note-text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--ds-text-primary);
  white-space: pre-wrap;
}

.order-card__note-edit {
  color: var(--ds-text-muted);
  padding: 0.25rem 0.5rem;
}

.order-card__note-edit:hover,
.order-card__note-edit:focus {
  color: var(--ds-text-primary);
}

.order-card__items ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}

.order-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 0.9rem;
  align-items: start;
}

.order-item__media {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(25, 25, 24, 0.55);
  border: 1px solid rgba(164, 163, 161, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-item__media img {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: inherit;
}

.order-item--out-of-stock {
  opacity: 0.6;
}

.order-item--out-of-stock .order-item__media img {
  filter: grayscale(1);
}

.order-item--returned {
  opacity: 0.8;
}

.order-item--returned .order-item__media img {
  filter: grayscale(1);
}

.order-item--partially-returned {
  opacity: 0.88;
}

.order-item__content {
  display: grid;
  gap: 0.65rem;
  grid-column: 1 / -1;
  min-width: 0;
}

.order-item__media + .order-item__content {
  grid-column: 2;
}

.order-item__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.65rem;
  align-items: center;
  min-width: 0;
}

.order-item__title {
  font-weight: 600;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.order-item__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  padding: 0.3rem 0.7rem;
  font-size: 0.75rem;
  background: rgba(105, 104, 101, 0.18);
  border: 1px solid rgba(105, 104, 101, 0.35);
  color: var(--ds-text-secondary);
}

.order-item__badge--muted {
  background: rgba(164, 163, 161, 0.12);
  border-color: rgba(164, 163, 161, 0.25);
}

.order-item__badge--out-of-stock {
  background: rgba(164, 163, 161, 0.2);
  border-color: rgba(164, 163, 161, 0.5);
  color: var(--ds-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.order-item__badge--active {
  background: rgba(34, 197, 94, 0.18);
  border-color: rgba(34, 197, 94, 0.4);
  color: #16a34a;
}

.order-item__badge--refunded {
  background: rgba(164, 163, 161, 0.24);
  border-color: rgba(164, 163, 161, 0.55);
  color: var(--ds-text-secondary);
}

.order-item__badge--partially-refunded {
  background: rgba(155, 152, 145, 0.2);
  border-color: rgba(155, 152, 145, 0.45);
  color: #d1d0ce;
}

.order-item__badge-btn {
  cursor: pointer;
  font: inherit;
  line-height: 1;
}

.order-item__badge--refresh {
  background: rgba(155, 152, 145, 0.14);
  border-color: rgba(155, 152, 145, 0.38);
  color: #d4d3d1;
  padding: 0.28rem 0.5rem;
}

.order-item__badge--refresh:hover,
.order-item__badge--refresh:focus {
  background: rgba(155, 152, 145, 0.24);
  border-color: rgba(155, 152, 145, 0.55);
  color: #efeeec;
}

.order-item__badge--refresh:disabled,
.order-item__badge--refresh.is-loading {
  opacity: 0.75;
  cursor: not-allowed;
}

.order-item__meta {
  display: grid;
  gap: 0.35rem;
  font-size: 0.9rem;
  color: var(--ds-text-secondary);
  min-width: 0;
}

.order-item__meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.order-item__quantity {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.35);
  background: rgba(25, 25, 24, 0.6);
  color: var(--ds-text-primary);
  font-weight: 600;
}

.order-item__quantity span {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ds-text-muted);
}

.order-card__totals {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.9rem;
  color: var(--ds-text-secondary);
  border-top: 1px solid rgba(164, 163, 161, 0.18);
  padding-top: 0.75rem;
}

.order-card__totals-group {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  align-content: start;
}

.order-card__totals-group:not(:last-child) {
  padding-right: 1.25rem;
  border-right: 1px solid rgba(164, 163, 161, 0.12);
}

.order-card__totals-group:not(:first-child) {
  padding-left: 1.25rem;
}

.order-card__totals-title {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ds-text-muted);
}

.order-card__totals-group--partner {
  color: var(--ds-secondary);
}

.order-card__totals-group--partner .order-card__totals-title {
  color: var(--ds-secondary);
}

.order-wallet-discount-remove {
  border: 0;
  background: transparent;
  color: inherit;
  opacity: 0.85;
  padding: 0;
  margin-left: 0.45rem;
  line-height: 1;
  cursor: pointer;
}

.order-wallet-discount-remove:hover,
.order-wallet-discount-remove:focus {
  opacity: 1;
}

.order-wallet-discount-remove:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.order-card__actions {
  margin: 1.5rem;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-end;
  justify-content: flex-end;
}

.order-card__reservation-note {
  width: auto;
  max-width: min(100%, 430px);
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.7rem 0.95rem;
  border-radius: 12px;
  border: 1px solid rgba(163, 162, 160, 0.35);
  background: rgba(75, 74, 72, 0.2);
  color: rgba(235, 234, 232, 0.95);
  font-size: 0.92rem;
  font-weight: 600;
  white-space: nowrap;
}

.order-card__reservation-note--warning {
  border-color: rgba(244, 173, 79, 0.45);
  background: rgba(130, 74, 22, 0.24);
  color: rgba(255, 233, 200, 0.95);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

.order-card__actions .order-card__reservation-note--warning,
.order-card__actions .order-card__reservation-note--block {
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.order-card__reservation-note-text {
  flex: 1 1 auto;
}

.order-card__reservation-retry-link {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.38rem 0.82rem;
  border-radius: 999px;
  border: 1px solid rgba(254, 240, 138, 0.85);
  background: linear-gradient(135deg, #fde68a, #fbbf24);
  color: #5b3a00;
  font-weight: 700;
  font-size: 0.82rem;
  text-decoration: none;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: 0 10px 26px -18px rgba(251, 191, 36, 0.85);
}

.order-card__reservation-retry-link:hover,
.order-card__reservation-retry-link:focus-visible {
  color: #4a3000;
  background: linear-gradient(135deg, #fde047, #f59e0b);
  border-color: rgba(252, 211, 77, 0.95);
}

.order-card__reservation-retry-link:disabled,
.order-card__reservation-retry-link.is-loading {
  opacity: 0.85;
  color: #7f5710;
  cursor: not-allowed;
  background: linear-gradient(135deg, #f5deb3, #f1c87a);
  border-color: rgba(239, 195, 117, 0.95);
  box-shadow: none;
}

.order-card__actions-group {
  display: flex;
  width: 100%;
  gap: 0.75rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.order-card__actions-group--joined {
  zoom: 0.84;
  width: auto;
  display: inline-flex;
  gap: 0;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-end;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(164, 163, 161, 0.28);
  background: rgba(25, 24, 22, 0.5);
  box-shadow: 0 18px 40px -28px rgba(25, 25, 24, 0.9);
}

.order-card__actions-group--joined>* {
  margin-left: 0;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  box-shadow: none !important;
}

.order-card__actions-group--joined>*+* {
  box-shadow: inset 1px 0 0 rgba(164, 163, 161, 0.24) !important;
}

.order-card__actions-group--joined>*:first-child {
  margin-left: 0 !important;
}

.order-card__actions-group--joined .btn,
.order-card__actions-group--joined .btn-wallet,
.order-card__actions-group--joined .order-card__reservation-note--inline {
  border-radius: 0 !important;
}

.order-card__actions-group--joined>*:first-child {
  border-top-left-radius: 999px !important;
  border-bottom-left-radius: 999px !important;
}

.order-card__actions-group--joined>*:last-child {
  border-top-right-radius: 999px !important;
  border-bottom-right-radius: 999px !important;
}

.order-card__actions-group--joined .btn {
  min-width: 228px;
  padding: 0.74rem 1.8rem;
}

.order-card__actions .btn {
  min-width: 210px;
  padding: 0.85rem 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 999px;
}

.order-card__actions .btn.is-loading {
  opacity: 0.85;
  pointer-events: none;
}

.order-card__actions .btn i {
  line-height: 1;
}

.btn-label--mobile {
  display: none;
}

.btn-label--desktop {
  display: inline;
}

.btn-amount {
  display: inline;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.order-card__reservation-note--inline {
  min-width: 276px;
  justify-content: center;
  padding-inline: 1rem;
  white-space: nowrap;
  background: rgba(75, 74, 72, 0.28);
}

.order-card__reservation-note-time {
  display: inline-block;
  min-width: 8ch;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.btn-wallet {
  background: linear-gradient(135deg, #fde68a, #fbbf24);
  border: 1px solid #f3c565;
  color: #7a4c02;
  font-weight: 600;
  padding: 0.85rem 2.4rem;
  border-radius: 999px;
  box-shadow: 0 18px 40px -22px rgba(247, 185, 59, 0.55);
}

.btn-wallet:hover,
.btn-wallet:focus {
  color: #7a4c02;
  background: linear-gradient(135deg, #fcd34d, #f59e0b);
  border-color: #f0b429;
}

.btn-wallet:disabled,
.btn-wallet.is-loading {
  color: #8c5a04;
  background: linear-gradient(135deg, #f5deb3, #f1c87a);
  border-color: #e9c17a;
  box-shadow: none;
}

.btn-reactivate {
  background: linear-gradient(135deg, #34d399, #10b981);
  border: 1px solid #22c18d;
  color: #053d2f;
  font-weight: 600;
  box-shadow: 0 18px 40px -22px rgba(16, 185, 129, 0.55);
}

.btn-reactivate:hover,
.btn-reactivate:focus {
  color: #043629;
  background: linear-gradient(135deg, #2ec88f, #0ea371);
  border-color: #1cae7f;
}

.btn-reactivate:disabled,
.btn-reactivate.is-loading {
  color: #07543f;
  background: linear-gradient(135deg, #7fd7b2, #66c9a0);
  border-color: #69bf9d;
  box-shadow: none;
}

.order-card__return {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.order-card__operations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

.order-card__operations.is-single {
  grid-template-columns: minmax(0, 1fr);
}

.order-card__operations > .order-card__footer,
.order-card__operations > .order-card__return {
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 1rem;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 14px;
  background: rgba(5, 5, 5, 0.12);
}

.order-card__return-heading {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--ds-text);
}

.order-card__return-title {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.order-card__return-status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.order-card__return-status-text {
  color: var(--ds-text-secondary);
}

.order-card__return-info {
  color: var(--ds-text-secondary);
  font-size: 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.order-card__return-info--meta span {
  display: inline-flex;
  gap: 0.35rem;
  align-items: baseline;
}

.order-card__return-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
}

.order-card__return-actions .btn {
  min-width: 220px;
}

.order-return-scope {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.order-return-scope__option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(164, 163, 161, 0.35);
  border-radius: 12px;
  background: rgba(25, 25, 24, 0.5);
  cursor: pointer;
}

.order-return-scope__option input[type="radio"] {
  margin: 0;
}

.order-return-tracking-label {
  align-items: center;
  display: inline-flex;
  gap: 0.4rem;
  position: relative;
}

@media (min-width: 576px) {
  .floating-field > label.form-label.order-return-tracking-label {
    max-width: calc(100% - 3.5rem);
  }

  .floating-field > .floating-field__info.order-create-info-tooltip {
    top: 1.2rem;
    right: 0.72rem;
    width: 1.55rem;
    height: 1.55rem;
    transform: none;
  }
}

.order-return-tracking-status-text.is-valid {
  color: #4ade80;
}

.order-return-tracking-status-text.is-invalid {
  color: #fca5a5;
}

.modal-modern [data-order-return-hepsijet-panel] {
  background: linear-gradient(135deg, rgba(69, 48, 12, 0.72), rgba(25, 25, 24, 0.92));
  border: 1px solid rgba(245, 158, 11, 0.52);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(251, 191, 36, 0.16);
  color: #fdecc8;
}

.modal-modern [data-order-return-hepsijet-panel] .small {
  color: #fdecc8;
}

.modal-modern [data-order-return-hepsijet-link] {
  background: rgba(25, 25, 24, 0.82);
  border-color: rgba(251, 191, 36, 0.72);
  color: #fff7df;
  font-weight: 600;
}

.modal-modern [data-order-return-hepsijet-link]:hover,
.modal-modern [data-order-return-hepsijet-link]:focus-visible {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(251, 191, 36, 0.95);
  color: #ffffff;
}

.modal-modern [data-order-return-hepsijet-panel] .form-check-input {
  background-color: rgba(25, 25, 24, 0.96);
  border-color: rgba(251, 191, 36, 0.78);
}

.modal-modern [data-order-return-hepsijet-panel] .form-check-input:checked {
  background-color: #f59e0b;
  border-color: #fbbf24;
}

.modal-modern [data-order-return-hepsijet-panel] .form-check-input:focus {
  border-color: #fbbf24;
  box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.22);
}

.modal-modern [data-order-return-hepsijet-panel] .form-check-label {
  color: #fff1c7;
  font-weight: 600;
}

.order-return-items {
  max-height: 220px;
  overflow: auto;
  border: 1px solid rgba(164, 163, 161, 0.3);
  border-radius: 12px;
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  background: rgba(25, 25, 24, 0.45);
}

.order-return-item {
  display: grid;
  grid-template-columns: auto 52px 1fr auto;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 10px;
  padding: 0.45rem 0.55rem;
}

.order-return-item__thumb {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
  background: rgba(25, 25, 24, 0.5);
}

.order-return-item__meta {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.order-return-item__meta strong {
  font-size: 0.9rem;
}

.order-return-item__meta span {
  color: var(--ds-text-secondary);
  font-size: 0.8rem;
}

.order-return-item__qty {
  width: 72px;
}

.order-item__variant {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 500;
  min-width: 0;
}

.order-item__partner {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--ds-secondary);
  font-weight: 500;
  min-width: 0;
}

@media (max-width: 640px) {
  .order-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .order-item__title {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .order-item__meta-row,
  .order-item__variant,
  .order-item__partner {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .order-item__media {
    width: 64px;
    height: 64px;
  }

  .order-item__media + .order-item__content {
    grid-column: 1;
  }

  .order-card__return-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .order-card__return-actions .btn {
    width: 100%;
  }

  .order-return-scope {
    grid-template-columns: 1fr;
  }

  .order-return-item {
    grid-template-columns: auto 48px 1fr;
  }

  .order-return-item__qty {
    width: 64px;
  }
}

.order-card__footer {
  display: grid;
  gap: 0.9rem;
}

.order-card__shipping {
  display: grid;
  gap: 0.6rem;
}

.order-card__shipping-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.order-card__shipping-title {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.order-card__shipping-action {
  appearance: none;
  border: 1px solid rgba(115, 115, 111, 0.45);
  background: rgba(115, 115, 111, 0.18);
  color: #ddd9d1;
  border-radius: 999px;
  padding: 0.34rem 0.82rem;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

button.order-card__shipping-action {
  cursor: pointer;
}

button.order-card__shipping-action:hover,
button.order-card__shipping-action:focus-visible {
  background: rgba(115, 115, 111, 0.26);
  border-color: rgba(115, 115, 111, 0.6);
  color: #eeeae3;
  transform: translateY(-1px);
}

button.order-card__shipping-action:focus-visible {
  outline: 2px solid rgba(115, 115, 111, 0.5);
  outline-offset: 2px;
}

.order-card__shipping-action--passive {
  border-color: rgba(164, 163, 161, 0.35);
  background: rgba(164, 163, 161, 0.14);
  color: var(--ds-text-secondary);
  cursor: default;
  transform: none;
}

.order-card__shipping-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.9rem;
  color: var(--ds-text-secondary);
}

.order-card__tracking-copy {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  padding: 0.08rem 0.3rem;
  border: 1px solid transparent;
  border-radius: 0.35rem;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.order-card__tracking-copy:hover,
.order-card__tracking-copy:focus-visible {
  border-color: currentColor;
  color: var(--ds-text-primary);
}

.order-card__tracking-copy:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.order-card__tracking-copy.is-copied {
  color: #a7f3d0;
}

.order-card__tracking {
  background-color: var(--ds-surface-subtle);
  border: 1px solid var(--ds-border-subtle);
  border-radius: 0.75rem;
  padding: 0.9rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.9rem;
}

.order-card__tracking-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.order-card__tracking-number {
  font-weight: 600;
}

.order-card__tracking-history {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.order-card__tracking-history-title {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--ds-text-primary);
}

.order-card__tracking-history-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.order-card__tracking-item {
  display: grid;
  grid-template-columns: minmax(110px, 0.45fr) 1fr;
  gap: 0.75rem;
  align-items: start;
}

.order-card__tracking-item-time {
  font-weight: 500;
  font-size: 0.85rem;
  color: var(--ds-text-secondary);
}

.order-card__tracking-item-body {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.order-card__tracking-item-status {
  font-weight: 600;
  color: var(--ds-text-primary);
}

.order-card__tracking-item-desc {
  color: var(--ds-text-secondary);
}

.order-card__tracking-item-location {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--ds-text-secondary);
}

.order-card__tracking a {
  color: var(--ds-secondary);
}

@media (max-width: 768px) {
  .order-card__tracking-item {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }

  .order-card__tracking-item-time {
    font-size: 0.8rem;
  }
}

@media (max-width: 1023px) {
  .order-card__body {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .order-card {
    padding: 1.35rem;
  }

  .order-card__meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .order-card__shipping-header {
    align-items: flex-start;
  }

  .order-card__totals {
    flex-direction: column;
    align-items: flex-start;
  }

  .order-card__totals-group {
    border-right: none;
    padding: 0;
  }

  .order-card__actions-group {
    justify-content: space-between;
  }

  .order-card__actions-group--joined {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 0.5rem;
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }

  .order-card__actions-group--joined>* {
    margin-left: 0;
    border-radius: 10px !important;
    min-height: 48px;
    box-shadow: none !important;
  }

  .order-card__reservation-note {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    white-space: normal;
  }

  .order-card__reservation-retry-link {
    width: 100%;
    margin-left: 0;
    margin-top: 0.45rem;
    min-height: 36px;
  }

  .order-card__reservation-note--inline {
    grid-column: 1 / -1;
    min-width: 100%;
    justify-content: center;
    min-height: 44px;
    padding: 0.6rem 0.85rem;
    font-size: 0.9rem;
  }

  .order-card__actions .btn,
  .order-card__actions .btn-wallet {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    padding: 0.66rem 0.6rem;
    min-height: 48px;
    border-radius: 10px !important;
    font-size: 0.86rem;
    gap: 0.3rem;
    white-space: nowrap;
  }

  .order-card__actions-group--joined .btn i,
  .order-card__actions-group--joined .btn-wallet i {
    margin-right: 0 !important;
    font-size: 0.9em;
  }

  .btn-label--desktop {
    display: none;
  }

  .btn-label--mobile {
    display: inline;
  }

  .btn-amount {
    display: block;
    font-size: 0.9em;
    line-height: 1.1;
  }
}

.plan-layout {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.plan-details {
  margin-top: 3rem;
  padding: 2.5rem;
  border-radius: 2rem;
  background: rgba(25, 25, 24, 0.78);
  border: 1px solid rgba(164, 163, 161, 0.24);
  box-shadow: 0 28px 55px -32px rgba(115, 115, 111, 0.45);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.plan-details__intro {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 680px;
}

.plan-details__intro h2 {
  font-size: 2rem;
  margin: 0;
}

.plan-details__intro p {
  margin: 0;
  font-size: 1rem;
  color: var(--ds-text-secondary);
}

.plan-details__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.75rem;
}

.plan-details__card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.9rem;
  border-radius: 1.5rem;
  background: rgba(25, 25, 24, 0.65);
  border: 1px solid rgba(164, 163, 161, 0.22);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.12);
}

.plan-details__card--highlight {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.16), rgba(126, 125, 123, 0.12));
  border-color: rgba(249, 115, 22, 0.45);
  box-shadow: 0 24px 48px -32px rgba(249, 115, 22, 0.45);
}

.plan-details__card-title {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 600;
  color: var(--ds-text-primary);
}

.plan-details__card-lead {
  margin: 0;
  font-size: 1rem;
  color: var(--ds-text-secondary);
}

.plan-details__list {
  margin: 0;
  padding-left: 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  color: var(--ds-text-secondary);
}

.plan-details__list li {
  line-height: 1.55;
}

.plan-details__list strong {
  color: var(--ds-text-primary);
}

.plan-details__cta {
  margin: 0;
  font-size: 0.95rem;
  color: var(--ds-text-muted);
}

.plan-details__cta a {
  color: var(--ds-secondary);
  font-weight: 600;
}

.plan-details__cta a:hover,
.plan-details__cta a:focus {
  color: var(--ds-primary);
}

.plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  border-radius: 1.75rem;
  background: rgba(25, 25, 24, 0.82);
  border: 1px solid rgba(164, 163, 161, 0.24);
  box-shadow: 0 28px 55px -32px rgba(115, 115, 111, 0.45);
  overflow: hidden;
}

.plan-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 85% 10%, rgba(115, 115, 111, 0.18), transparent 60%);
  pointer-events: none;
}

.plan-card--highlight {
  border-color: rgba(249, 115, 22, 0.55);
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.18), rgba(115, 115, 111, 0.12));
  box-shadow: 0 32px 60px -28px rgba(249, 115, 22, 0.45);
}

.plan-card--highlight::after {
  background: radial-gradient(circle at 80% 0%, rgba(249, 115, 22, 0.35), transparent 55%);
}

.plan-card--current {
  border-color: rgba(155, 152, 145, 0.55);
  box-shadow: 0 30px 60px -34px rgba(155, 152, 145, 0.45);
}

.plan-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.plan-card__eyebrow {
  display: inline-block;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-text-muted);
  margin-bottom: 0.25rem;
}

.plan-card__title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.plan-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(155, 152, 145, 0.9), rgba(110, 109, 105, 0.85));
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  box-shadow: 0 16px 32px -24px rgba(110, 109, 105, 0.55);
}

.plan-card__price-block {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.plan-card__price {
  display: flex;
  align-items: flex-end;
  gap: 0.35rem;
  font-size: 2.8rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

.plan-card__price--free {
  font-size: 2.2rem;
  color: var(--ds-secondary);
}

.plan-card__currency {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(248, 250, 252, 0.85);
}

.plan-card__price-term {
  font-size: 1rem;
  font-weight: 500;
  color: var(--ds-text-muted);
  margin-bottom: 0.35rem;
}

.plan-card__price-subtext {
  margin: 0;
  font-size: 0.9rem;
  color: var(--ds-text-muted);
}

.plan-card__features {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.plan-card__feature {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.plan-card__feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.85rem;
  background: rgba(164, 163, 161, 0.14);
  color: var(--ds-secondary);
  font-size: 1.2rem;
  box-shadow: inset 0 0 0 1px rgba(164, 163, 161, 0.25);
}

.plan-card--highlight .plan-card__feature-icon {
  background: rgba(249, 115, 22, 0.14);
  color: rgba(249, 115, 22, 0.95);
  box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.35);
}

.plan-card__feature-copy {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.plan-card__feature-label {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ds-text-muted);
}

.plan-card__feature-value {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
}

.plan-card__feature-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(135deg, rgba(164, 163, 161, 0.95), rgba(86, 85, 83, 0.9));
  box-shadow: 0 8px 20px -14px rgba(117, 116, 114, 0.55), inset 0 0 0 1px rgba(248, 250, 252, 0.2);
}

.plan-card__feature-badge--plus {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.95), rgba(234, 88, 12, 0.92));
  box-shadow: 0 8px 20px -14px rgba(249, 115, 22, 0.55), inset 0 0 0 1px rgba(253, 230, 138, 0.35);
}

.plan-card__feature-badge--muted {
  background: linear-gradient(135deg, rgba(164, 163, 161, 0.9), rgba(86, 85, 83, 0.9));
  box-shadow: 0 8px 20px -14px rgba(117, 116, 114, 0.5), inset 0 0 0 1px rgba(248, 250, 252, 0.18);
}

.plan-card__footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.plan-card__action {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.plan-card__coupon {
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 1rem;
  background: rgba(20, 19, 17, 0.5);
  overflow: hidden;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.plan-card__coupon:hover,
.plan-card__coupon[open] {
  border-color: rgba(249, 115, 22, 0.42);
  background: rgba(20, 19, 17, 0.7);
}

.plan-card__coupon[open] {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 18px 35px -30px rgba(249, 115, 22, 0.65);
}

.plan-card__coupon-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.78rem 0.9rem;
  color: var(--ds-text-primary);
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.plan-card__coupon-toggle::-webkit-details-marker {
  display: none;
}

.plan-card__coupon-toggle:focus-visible {
  outline: 2px solid rgba(155, 152, 145, 0.9);
  outline-offset: -3px;
  border-radius: 0.85rem;
}

.plan-card__coupon-toggle-copy {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}

.plan-card__coupon-toggle-copy > span:last-child {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}

.plan-card__coupon-toggle strong {
  color: #f8fafc;
  font-size: 0.88rem;
  font-weight: 650;
}

.plan-card__coupon-toggle small {
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.plan-card__coupon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 0.68rem;
  color: #fb923c;
  background: rgba(249, 115, 22, 0.12);
  box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.25);
}

.plan-card__coupon-chevron {
  flex: 0 0 auto;
  color: var(--ds-text-muted);
  font-size: 0.8rem;
  transition: transform 180ms ease, color 180ms ease;
}

.plan-card__coupon[open] .plan-card__coupon-chevron {
  transform: rotate(180deg);
  color: #fb923c;
}

.plan-card__coupon-panel {
  display: grid;
  gap: 0.5rem;
  padding: 0 0.9rem 0.9rem;
  border-top: 1px solid rgba(164, 163, 161, 0.12);
}

.plan-card__coupon-label {
  padding-top: 0.8rem;
  color: rgba(234, 233, 231, 0.92);
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.025em;
}

.plan-card__coupon-field {
  position: relative;
}

.plan-card__coupon-field > i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0.9rem;
  transform: translateY(-50%);
  color: rgba(164, 163, 161, 0.82);
  pointer-events: none;
}

.plan-card__coupon-field .form-control {
  min-height: 2.8rem;
  padding-left: 2.55rem;
  border-radius: 0.82rem;
  border-color: rgba(164, 163, 161, 0.24);
  background: rgba(20, 19, 17, 0.9);
  color: #f8fafc;
  font-weight: 650;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.plan-card__coupon-field .form-control::placeholder {
  color: rgba(164, 163, 161, 0.58);
  font-weight: 500;
  letter-spacing: 0.015em;
  text-transform: none;
}

.plan-card__coupon-field .form-control:focus {
  border-color: rgba(155, 152, 145, 0.7);
  box-shadow: 0 0 0 0.2rem rgba(155, 152, 145, 0.12);
  background: rgba(20, 19, 17, 0.98);
}

.plan-card__coupon-help {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--ds-text-muted);
  font-size: 0.74rem;
  line-height: 1.4;
}

.plan-card__coupon-help i {
  color: rgba(52, 211, 153, 0.9);
}

.plan-card__button {
  width: 100%;
  justify-content: center;
  padding: 0.85rem 1.6rem;
  font-size: 1rem;
  border-radius: 1rem;
}

.plan-card--highlight .plan-card__button {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.95), rgba(234, 88, 12, 0.9));
  box-shadow: 0 24px 48px -28px rgba(249, 115, 22, 0.55);
}

.plan-card__note {
  margin: 0;
  font-size: 0.9rem;
  color: var(--ds-text-muted);
}

.onboarding-card {
  background: linear-gradient(140deg, rgba(105, 104, 101, 0.12), rgba(115, 115, 111, 0.08)), #191919;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.35);
  color: var(--ds-text-primary);
}

.onboarding-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.onboarding-card__meta h3 {
  color: var(--ds-text-primary);
}

.onboarding-eyebrow {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
}

.onboarding-count-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(105, 104, 101, 0.18);
  color: #d9d8d6;
  border: 1px solid rgba(105, 104, 101, 0.35);
  font-weight: 700;
  font-size: 0.95rem;
}

.onboarding-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  color: var(--ds-text-muted);
}

.onboarding-progress__bar {
  flex: 1;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background-color: rgba(164, 163, 161, 0.25);
  box-shadow: inset 0 0 0 1px rgba(164, 163, 161, 0.08);
}

.onboarding-progress__bar .progress-bar {
  background: linear-gradient(90deg, #d1cec6, #777570);
}

.onboarding-progress__label {
  min-width: 120px;
  text-align: right;
  font-size: 0.95rem;
}

.onboarding-card__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}

.onboarding-task {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.onboarding-task--hidden {
  display: none;
}

.onboarding-task--complete {
  background: rgba(34, 197, 94, 0.08);
  border-color: rgba(34, 197, 94, 0.45);
  box-shadow: 0 14px 28px rgba(34, 197, 94, 0.12);
}

.onboarding-task--summary {
  box-shadow: none;
  border-style: dashed;
}

.onboarding-task__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.onboarding-task__content--integrations {
  align-items: stretch;
  flex-direction: column;
}

.onboarding-integration-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

.onboarding-integration-option {
  display: flex;
  min-height: 116px;
  gap: 10px;
  padding: 13px;
  color: var(--ds-text-secondary);
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 12px;
  background: rgba(25, 25, 24, 0.42);
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.onboarding-integration-option:hover {
  color: var(--ds-text-primary);
  border-color: rgba(159, 158, 156, 0.62);
  background: rgba(68, 67, 65, 0.18);
  transform: translateY(-1px);
}

.onboarding-integration-option--recommended {
  border-color: rgba(159, 158, 156, 0.72);
  background: linear-gradient(135deg, rgba(110, 109, 105, 0.23), rgba(25, 25, 24, 0.52));
  box-shadow: inset 0 1px 0 rgba(219, 218, 216, 0.12), 0 8px 18px rgba(68, 67, 65, 0.16);
}

.onboarding-integration-option__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  color: #cbc8c0;
  border-radius: 10px;
  background: rgba(126, 125, 123, 0.16);
}

.onboarding-integration-option__icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.onboarding-integration-option__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  font-size: .8rem;
  line-height: 1.35;
}

.onboarding-integration-option__heading {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--ds-text-primary);
  font-size: .9rem;
}

.onboarding-recommended-pill {
  padding: 2px 6px;
  color: #d9d6cf;
  border: 1px solid rgba(193, 192, 190, 0.3);
  border-radius: 999px;
  background: rgba(126, 125, 123, 0.18);
  font-size: .63rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.onboarding-integration-option__action {
  align-self: flex-end;
  color: #cbc8c0;
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}

.onboarding-task__content h5 {
  margin-bottom: 4px;
  color: var(--ds-text-primary);
}

@media (max-width: 991.98px) and (min-width: 576px) {
  .onboarding-integration-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.onboarding-task__status .status-pill {
  font-size: 0.9rem;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.status-pill--pending {
  color: #facc15;
  border-color: rgba(250, 204, 21, 0.4);
  background: rgba(250, 204, 21, 0.12);
}

.status-pill--done {
  color: #22c55e;
  border-color: rgba(34, 197, 94, 0.45);
  background: rgba(34, 197, 94, 0.12);
}

.onboarding-complete-state {
  margin-top: 10px;
}

.onboarding-task__content p {
  color: var(--ds-text-secondary);
}

.onboarding-dismiss {
  color: var(--ds-text-muted);
}

@media (max-width: 575.98px) {
  .plan-card {
    padding: 1.5rem;
    border-radius: 1.35rem;
  }

  .plan-card__title {
    font-size: 1.6rem;
  }

  .plan-grid {
    gap: 1.2rem;
  }

  .plan-details {
    padding: 18px;
    border-radius: 1.6rem;
  }

  .plan-details__intro h2 {
    font-size: 1.6rem;
  }

  .plan-details__grid {
    gap: 1.25rem;
  }
}

/* Landing layout enhancements */
.landing-hero {
  display: grid;
  gap: 2.5rem;
  align-items: center;
  overflow: hidden;
  margin-bottom: 2rem !important;
}

.landing-hero > * {
  min-width: 0;
}

@media (min-width: 992px) {
  .landing-hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    padding: 3rem 4rem;
  }
}

.hero-copy h1 {
  line-height: 1.1;
  font-size: clamp(2.25rem, 3vw, 2.85rem);
  overflow-wrap: anywhere;
}

.trust-cues {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
  margin-top: 1.15rem;
}

.trust-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0.9rem;
  border-radius: 12px;
  background: rgba(25, 25, 24, 0.4);
  border: 1px solid rgba(164, 163, 161, 0.25);
  color: var(--ds-text-secondary);
  font-weight: 600;
  box-shadow: 0 16px 35px -28px rgba(105, 104, 101, 0.6);
}

.marketplace-strip {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.55rem;
  margin-top: 1rem;
  overflow-x: auto;
  padding-bottom: 0.1rem;
  scrollbar-width: none;
}

.marketplace-strip::-webkit-scrollbar {
  display: none;
}

.marketplace-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
  padding: 0.34rem 0.62rem;
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.26);
  background: rgba(25, 25, 24, 0.34);
  color: rgba(234, 233, 231, 0.86);
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}

.hero-media {
  position: relative;
}

.hero-device {
  position: relative;
  border-radius: 22px;
  border: 1px solid rgba(164, 163, 161, 0.35);
  background: radial-gradient(circle at 20% 20%, rgba(105, 104, 101, 0.25), transparent 50%),
    radial-gradient(circle at 80% 10%, rgba(115, 115, 111, 0.25), transparent 55%),
    rgba(25, 25, 24, 0.6);
  box-shadow: 0 35px 55px -32px rgba(115, 115, 111, 0.45);
  padding: 1.25rem;
}

.hero-device__header {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgba(164, 163, 161, 0.25);
}

.hero-device__header .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(234, 233, 231, 0.55);
}

.hero-device__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.floating-card {
  border-radius: 16px;
  background: rgba(25, 25, 24, 0.75);
  border: 1px solid rgba(164, 163, 161, 0.35);
  padding: 1rem 1.1rem;
  box-shadow: 0 25px 50px -35px rgba(105, 104, 101, 0.55);
}

.floating-card--secondary {
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.15), rgba(115, 115, 111, 0.15));
}

.floating-card .progress {
  background: rgba(164, 163, 161, 0.2);
}

.floating-card .progress-bar {
  background: linear-gradient(135deg, var(--ds-primary), var(--ds-secondary));
}

.mini-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.85rem;
  margin-top: 0.35rem;
}

.hero-channel-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.hero-channel-board span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 3rem;
  padding: 0.65rem 0.7rem;
  border-radius: 14px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(5, 5, 5, 0.28);
  color: rgba(234, 233, 231, 0.9);
  font-weight: 700;
  text-align: center;
}

.hero-channel-board i {
  color: #eeeae1;
}

/* Platform overview */
.platform-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1rem;
}

.platform-feature-card {
  min-height: 100%;
  padding: 1.15rem;
  border-radius: 16px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: linear-gradient(180deg, rgba(25, 25, 24, 0.68), rgba(25, 25, 24, 0.48));
  box-shadow: 0 24px 50px -40px rgba(115, 115, 111, 0.58);
}

.platform-feature-card__icon {
  width: 2.9rem;
  height: 2.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  border-radius: 12px;
  border: 1px solid rgba(199, 198, 196, 0.34);
  background: linear-gradient(135deg, rgba(115, 115, 111, 0.2), rgba(105, 104, 101, 0.22));
  color: #d9d6cf;
  font-size: 1.25rem;
  box-shadow: 0 16px 32px -24px rgba(115, 115, 111, 0.75);
}

.platform-feature-card__icon i {
  display: block;
  width: 1em;
  height: 1em;
  line-height: 1;
}

.platform-feature-card__icon i::before {
  display: block;
  line-height: 1;
  vertical-align: 0;
}

.platform-feature-card h3 {
  margin-bottom: 0.55rem;
  color: #fff;
  font-size: 1.08rem;
  font-weight: 800;
}

.platform-feature-card p {
  margin: 0;
  color: var(--ds-text-secondary);
  line-height: 1.58;
}

.commerce-ops {
  display: grid;
  gap: 1.25rem;
  align-items: stretch;
  padding: 1.25rem;
  border-radius: 20px;
  border: 1px solid rgba(164, 163, 161, 0.22);
  background: radial-gradient(circle at 12% 20%, rgba(115, 115, 111, 0.16), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(34, 197, 94, 0.11), transparent 34%),
    rgba(25, 25, 24, 0.48);
  box-shadow: 0 32px 70px -55px rgba(115, 115, 111, 0.72);
}

.commerce-ops__copy h2 {
  max-width: 760px;
  margin-bottom: 0.85rem;
  color: #fff;
  font-weight: 800;
}

.commerce-ops__copy p {
  max-width: 760px;
  color: var(--ds-text-secondary);
  line-height: 1.65;
}

.commerce-ops__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.commerce-ops__metrics div {
  padding: 0.85rem;
  border-radius: 14px;
  border: 1px solid rgba(164, 163, 161, 0.24);
  background: rgba(5, 5, 5, 0.22);
}

.commerce-ops__metrics strong,
.commerce-ops__metrics span {
  display: block;
}

.commerce-ops__metrics strong {
  color: #fff;
  font-size: 1.05rem;
}

.commerce-ops__metrics span {
  margin-top: 0.25rem;
  color: rgba(215, 214, 212, 0.78);
  font-size: 0.9rem;
  line-height: 1.45;
}

.commerce-ops__panel {
  display: grid;
  gap: 0.75rem;
}

.ops-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: center;
  padding: 1rem;
  border-radius: 16px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(5, 5, 5, 0.26);
}

.ops-row .ops-row__icon {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3rem;
  border-radius: 14px;
  border: 1px solid rgba(199, 198, 196, 0.26);
  background: linear-gradient(135deg, rgba(115, 115, 111, 0.16), rgba(105, 104, 101, 0.24));
  color: #e6e3dc;
  font-size: 1.2rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 16px 30px -24px rgba(105, 104, 101, 0.8);
}

.ops-row .ops-row__icon i {
  display: block;
  width: 1em;
  height: 1em;
  line-height: 1;
}

.ops-row .ops-row__icon i::before {
  display: block;
  line-height: 1;
  vertical-align: 0;
}

.ops-row strong,
.ops-row span {
  display: block;
}

.ops-row strong {
  color: #fff;
  font-weight: 800;
}

.ops-row span {
  margin-top: 0.15rem;
  color: rgba(215, 214, 212, 0.78);
  line-height: 1.45;
}

@media (min-width: 992px) {
  .commerce-ops {
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
    padding: 1.5rem;
  }

  .trust-cues {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .trust-item {
    padding: 0.55rem 0.7rem;
    font-size: 0.9rem;
  }
}

@media (max-width: 575.98px) {
  .onboarding-integration-grid {
    grid-template-columns: 1fr;
  }

  .onboarding-integration-option {
    min-height: 0;
  }

  .landing-hero {
    gap: 1.25rem;
    padding: 2rem 1.25rem;
  }

  .hero-copy h1 {
    font-size: 2rem;
  }

  .hero-copy p {
    font-size: 1rem;
  }

  .landing-hero .hero-media {
    display: none;
  }

  .trust-cues {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.1rem;
    scrollbar-width: none;
  }

  .trust-cues::-webkit-scrollbar {
    display: none;
  }

  .trust-item {
    flex: 0 0 auto;
    min-height: 2.35rem;
    padding: 0.5rem 0.7rem;
    font-size: 0.84rem;
    white-space: nowrap;
  }

  .marketplace-strip {
    gap: 0.45rem;
  }

  .marketplace-strip span {
    min-height: 2rem;
    font-size: 0.8rem;
    padding: 0.38rem 0.58rem;
  }

  .hero-channel-board {
    grid-template-columns: 1fr;
  }

  .platform-feature-grid {
    grid-template-columns: 1fr;
  }

  .commerce-ops {
    padding: 1rem;
    border-radius: 16px;
  }

  .ops-row {
    align-items: flex-start;
  }
}



.usage-card {
  border: 1px solid rgba(251, 146, 60, 0.28);
  background: linear-gradient(160deg, rgba(25, 25, 24, 0.92), rgba(40, 40, 38, 0.82));
  box-shadow: 0 22px 45px -38px rgba(251, 146, 60, 0.85);
}

.usage-card__badge {
  align-self: flex-start;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fdba74;
  background: rgba(251, 146, 60, 0.16);
  border: 1px solid rgba(251, 146, 60, 0.3);
  border-radius: 999px;
  padding: 0.34rem 0.75rem;
}

.usage-legend {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.85rem;
}

.usage-legend__item {
  border-radius: 0.9rem;
  border: 1px solid rgba(164, 163, 161, 0.24);
  background: rgba(25, 25, 24, 0.46);
  padding: 0.7rem 0.9rem;
}

.usage-legend__label {
  display: block;
  color: rgba(215, 214, 212, 0.78);
  font-size: 0.78rem;
  margin-bottom: 0.2rem;
}

.usage-progress {
  height: 0.95rem;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(164, 163, 161, 0.22);
  border: 1px solid rgba(164, 163, 161, 0.26);
  box-shadow: inset 0 1px 6px rgba(25, 25, 24, 0.7);
}

.usage-progress__bar {
  height: 100%;
  border-radius: 999px;
  min-width: 0;
  background: linear-gradient(90deg, #f97316 0%, #fb923c 55%, #fdba74 100%);
  box-shadow: 0 10px 22px -10px rgba(251, 146, 60, 0.9);
  transition: width 0.35s ease;
}

.usage-note {
  color: rgba(234, 233, 231, 0.88);
  font-size: 0.92rem;
}

.usage-summary {
  border-top: 1px dashed rgba(164, 163, 161, 0.34);
  padding-top: 0.85rem;
}

.usage-alerts {
  border-color: rgba(251, 146, 60, 0.3) !important;
  background: rgba(51, 30, 13, 0.45);
}

/* Value stack */
.value-stack {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.value-step {
  display: grid;
  gap: 1.25rem;
}

.value-copy h3 {
  font-weight: 700;
}

.value-bullets li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--ds-text-secondary);
  margin-bottom: 0.35rem;
}

.value-bullets i {
  color: var(--ds-primary);
}

.value-media {
  border-radius: 18px;
  padding: 1.25rem;
  border: 1px solid rgba(164, 163, 161, 0.3);
  background: rgba(25, 25, 24, 0.6);
  box-shadow: 0 25px 40px -35px rgba(105, 104, 101, 0.5);
}

.gradient-card {
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.15), rgba(115, 115, 111, 0.12));
}

.product-rail {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
}

.product-pill {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  align-items: center;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgba(25, 25, 24, 0.35);
}

.filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.5rem;
}

.filter-chip {
  padding: 0.65rem 0.75rem;
  border-radius: 12px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  text-align: center;
  background: rgba(25, 25, 24, 0.3);
  color: var(--ds-text-secondary);
  font-weight: 600;
}

.filter-chip.active {
  border-color: rgba(105, 104, 101, 0.65);
  background: rgba(105, 104, 101, 0.12);
  color: #eae9e7;
}

@media (min-width: 992px) {
  .value-step {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
  }

  .value-step--alt .value-copy {
    order: 2;
  }

  .value-step--alt .value-media {
    order: 1;
  }
}

/* Brand strip */
.brand-strip {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.brand-strip--inline {
  margin-top: 1.5rem;
  padding: 0.75rem 1rem;
  background: rgba(25, 25, 24, 0.5);
  border: 1px solid rgba(164, 163, 161, 0.25);
  border-radius: 14px;
  box-shadow: 0 24px 45px -38px rgba(115, 115, 111, 0.5);
}

.brand-strip__title {
  font-weight: 600;
  font-size: 0.95rem;
}

.brand-strip .logo-rail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.75rem;
  align-items: stretch;
  justify-items: center;
}

.logo-card {
  padding: 0.75rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(164, 163, 161, 0.25);
  background: rgb(20 29 54);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  min-width: 128px;
  box-shadow: 0 20px 45px -35px rgba(105, 104, 101, 0.45);
}

.logo-card img {
  max-width: 120px;
  width: 100%;
  height: auto;
  filter: grayscale(12%);
  opacity: 0.95;
}

@media (max-width: 767.98px) {
  .brand-strip--inline {
    padding: 0.6rem 0.75rem;
    background: rgba(25, 25, 24, 0.4);
  }

  .brand-strip .logo-rail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(140px, 1fr);
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    scroll-snap-type: x mandatory;
  }

  .brand-strip .logo-card {
    min-height: 52px;
    padding: 0.5rem 0.75rem;
    scroll-snap-align: start;
  }
  }

/* Product rail */
.latest-products .section-title {
  margin-bottom: 1rem;
}

.latest-products__rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scroll-snap-type: x mandatory;
}

.latest-products__rail::-webkit-scrollbar {
  height: 8px;
}

.latest-products__rail::-webkit-scrollbar-track {
  background: rgba(25, 25, 24, 0.4);
}

.latest-products__rail::-webkit-scrollbar-thumb {
  background: rgba(105, 104, 101, 0.45);
  border-radius: 99px;
}

@media (min-width: 992px) {
  .latest-products__rail {
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    overflow: visible;
  }
}

.product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1rem;
  border-radius: 16px;
  border: 1px solid rgba(164, 163, 161, 0.2);
  background: linear-gradient(180deg, rgba(25, 25, 24, 0.7), rgba(25, 25, 24, 0.55));
  box-shadow: 0 20px 45px -38px rgba(105, 104, 101, 0.5);
  scroll-snap-align: start;
}

.product-card__media {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(164, 163, 161, 0.08);
  height: 220px;
}

.product-card__price-badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.45rem 0.75rem;
  border-radius: 12px;
  background: rgba(25, 25, 24, 0.78);
  color: #eae9e7;
  font-weight: 700;
  font-size: 0.95rem;
  border: 1px solid rgba(105, 104, 101, 0.35);
  box-shadow: 0 12px 32px -22px rgba(105, 104, 101, 0.75);
}

.product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (min-width: 992px) {
  .product-card__media {
    height: 240px;
  }
}

.product-card__placeholder {
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 30% 30%, rgba(105, 104, 101, 0.3), rgba(25, 25, 24, 0.65));
}

.product-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-top: 0.1rem;
}

.product-card__title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-card__price {
  font-size: 0.95rem;
  font-weight: 600;
}

.product-card__profit {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.86rem;
  color: #c7f9cc;
  white-space: nowrap;
}

.product-card__profit-label {
  color: #eae9e7;
  letter-spacing: 0.01em;
}

.product-card__profit-value {
  color: #34d399;
  font-weight: 700;
}

.product-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  width: fit-content;
  padding: 0.5rem 0.75rem;
  border-radius: 12px;
  background: rgba(105, 104, 101, 0.15);
  border: 1px solid rgba(105, 104, 101, 0.25);
  color: #d9d6cf;
  font-weight: 600;
}

.product-card__cta:hover,
.product-card__cta:focus-visible {
  background: rgba(105, 104, 101, 0.3);
  color: #fff;
}

.latest-products__rail--skeleton .product-card__media,
.product-card--skeleton .product-card__media {
  min-height: 160px;
}

.skeleton-box,
.skeleton-line,
.skeleton-pill,
.product-card__placeholder {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.6s ease-in-out infinite;
}

.skeleton-line {
  height: 12px;
  border-radius: 8px;
}

.skeleton-line--short {
  width: 45%;
}

.skeleton-line--long {
  width: 70%;
}

.skeleton-pill {
  width: 90px;
  height: 30px;
  border-radius: 999px;
  margin-top: 0.35rem;
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Plan teaser */
.plan-teaser {
  margin-bottom: 4rem;
}

.plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}

.plan-card {
  padding: 1.25rem;
  border-radius: 16px;
  border: 1px solid rgba(164, 163, 161, 0.3);
  background: rgba(25, 25, 24, 0.55);
  box-shadow: 0 25px 45px -35px rgba(115, 115, 111, 0.4);
}

.plan-price-tag {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}

.plan-price-subtext {
  font-size: 0.95rem;
}

.plan-card--highlight {
  border-color: rgba(105, 104, 101, 0.7);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.18), rgba(115, 115, 111, 0.2));
  box-shadow: 0 25px 60px -35px rgba(105, 104, 101, 0.55);
}

.plan-perks li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--ds-text-secondary);
  margin-bottom: 0.4rem;
  font-weight: 600;
}

.plan-perks i {
  color: var(--ds-primary);
}

.plan-cta .btn {
  min-width: 260px;
}

/* Product rail utility (carousel/rail friendly) */
.product-rail--horizontal {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  overflow-x: auto;
  gap: 1rem;
  scroll-snap-type: x mandatory;
  padding-bottom: 0.5rem;
}

.product-rail--horizontal > * {
  scroll-snap-align: start;
}

.pod-designer-shell {
  width: 100%;
  min-height: 78vh;
  border: 1px solid rgba(149, 148, 146, 0.28);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(16, 15, 13, 0.9);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.32);
}

.pod-designer-shell iframe {
  display: block;
  width: 100%;
  min-height: 78vh;
  border: 0;
  background: #12110f;
}

.page-wallet-topup .table th:nth-child(3),
.page-wallet-topup .table td:nth-child(3),
.page-wallet-topup .table th:nth-child(4),
.page-wallet-topup .table td:nth-child(4),
.page-wallet-topup .table th:nth-child(7),
.page-wallet-topup .table td:nth-child(7) {
  white-space: nowrap;
}

.page-wallet-topup .table th:nth-child(6),
.page-wallet-topup .table td:nth-child(6) {
  width: 20%;
  max-width: 260px;
  min-width: 180px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.page-admin-returns .admin-returns-partner-meta {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.page-admin-returns .admin-returns-detail-meta,
.page-admin-returns .admin-returns-detail-badges {
  min-width: 0;
}

.page-admin-returns .admin-returns-detail-badges .badge {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.page-admin-returns .admin-returns-list-table {
  font-size: 0.93rem;
  table-layout: auto;
}

.page-admin-returns .admin-returns-list-table th,
.page-admin-returns .admin-returns-list-table td {
  padding: 0.55rem 0.45rem;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.page-admin-returns .admin-returns-list-table td .badge {
  white-space: normal;
  overflow-wrap: anywhere;
}

.page-admin-returns .admin-returns-list-table th:last-child,
.page-admin-returns .admin-returns-list-table td:last-child {
  min-width: 110px;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .modal-dialog {
  max-width: min(1200px, 96vw);
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .modal-content {
  background: linear-gradient(180deg, #2b2b29 0%, #252525 100%);
  background-color: #252525 !important;
  color: #f1f0ee;
  border: 1px solid rgba(255, 255, 255, 0.08);
  --bs-modal-bg: #252525;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .modal-body,
:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .modal-footer {
  background: transparent;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(16, 15, 13, 0.28);
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .modal-title,
:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal h3,
:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal h5,
:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .form-label {
  color: #f6f5f3;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .text-muted,
:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .small.text-muted {
  color: #b1b0ae !important;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .card {
  background: rgba(22, 21, 19, 0.58) !important;
  border-color: rgba(202, 201, 199, 0.18) !important;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .alert {
  border-color: rgba(202, 201, 199, 0.22);
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .form-control,
:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .form-select {
  background-color: #1c1b19;
  border-color: rgba(255, 255, 255, 0.14);
  color: #f9f8f6;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .form-control::placeholder {
  color: #a9a8a6;
}

:is(.page-admin-returns, .page-admin-return-detail) .admin-returns-detail-modal .btn-close {
  filter: invert(1) grayscale(100%) brightness(180%);
}

body:is(.page-admin-returns, .page-admin-return-detail) .modal-backdrop.show {
  opacity: 0.68;
}

@media (max-width: 1399.98px) {
  .page-admin-returns .admin-returns-list-table {
    font-size: 0.88rem;
  }
}

@media (max-width: 991.98px) {
  .page-admin-returns .admin-returns-detail-header {
    align-items: flex-start;
  }

  .page-admin-returns .admin-returns-partner-meta {
    width: 100%;
    text-align: left !important;
  }

  .page-admin-returns .admin-returns-list-table {
    font-size: 0.82rem;
  }

  .page-admin-returns .admin-returns-list-table th:last-child,
  .page-admin-returns .admin-returns-list-table td:last-child {
    min-width: 96px;
  }
}

.page-partner-returns .returns-tracker-section {
  max-width: 1280px;
  margin: 2rem auto 3rem;
}

.page-partner-returns .returns-tracker-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.page-partner-returns .returns-tracker-filter-form .form-select {
  min-width: 220px;
}

.page-partner-returns .returns-filter-group {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid rgba(159, 158, 156, 0.35);
  border-radius: 0.9rem;
  overflow: hidden;
  background: rgba(20, 19, 17, 0.72);
}

.page-partner-returns .returns-filter-group .form-select {
  min-width: 260px;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  background-color: transparent;
  color: #f4f3f1;
}

.page-partner-returns .returns-filter-group .form-select option {
  background-color: #20201e;
  color: #f4f3f1;
}

.page-partner-returns .returns-filter-group .btn {
  border: 0;
  border-left: 1px solid rgba(159, 158, 156, 0.35);
  border-radius: 0;
  box-shadow: none;
  padding-left: 1rem;
  padding-right: 1rem;
}

.page-partner-returns .returns-filter-group:focus-within {
  border-color: rgba(186, 185, 183, 0.75);
  box-shadow: 0 0 0 2px rgba(141, 140, 138, 0.25);
}

.page-partner-returns .returns-tracker-list-card,
.page-partner-returns .returns-tracker-detail-card {
  background: linear-gradient(180deg, #2b2b29 0%, #252525 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.page-partner-returns .returns-tracker-modal-content {
  background: linear-gradient(180deg, #2b2b29 0%, #252525 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.page-partner-returns .returns-tracker-order-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.page-partner-returns .returns-tracker-order-meta .badge {
  background: #20201e !important;
  color: #f4f3f1 !important;
  border: 1px solid rgba(197, 196, 194, 0.45) !important;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.page-partner-returns .returns-tracker-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.page-partner-returns .returns-tracker-amount-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.page-partner-returns .returns-tracker-summary-item,
.page-partner-returns .returns-tracker-amount-item {
  background: rgba(22, 21, 19, 0.58);
  border: 1px solid rgba(202, 201, 199, 0.18);
  border-radius: 0.55rem;
  padding: 0.65rem 0.75rem;
}

.page-partner-returns .returns-tracker-summary-label {
  font-size: 0.78rem;
  color: #b1b0ae;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.2rem;
}

.page-partner-returns .returns-tracker-summary-value {
  color: #f4f3f1;
  font-weight: 600;
  line-height: 1.2;
}

.page-partner-returns .returns-tracker-detail-card .returns-tracker-meta-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.45rem;
}

.page-partner-returns .returns-tracker-note {
  min-height: 48px;
  background: rgba(22, 21, 19, 0.58);
  border: 1px solid rgba(202, 201, 199, 0.18);
  border-radius: 0.5rem;
  padding: 0.65rem 0.75rem;
  color: #efeeec;
}

.page-partner-returns .returns-tracker-table__label--mobile,
.page-partner-returns .returns-tracker-status-badge__icon {
  display: none;
}

@media (max-width: 991.98px) {
  .page-partner-returns .returns-filter-group {
    width: 100%;
  }

  .page-partner-returns .returns-filter-group .form-select {
    min-width: 0;
    width: 100%;
  }

  .page-partner-returns .returns-tracker-summary-grid {
    grid-template-columns: 1fr;
  }

  .page-partner-returns .returns-tracker-amount-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .page-partner-returns .returns-tracker-section {
    margin: 0.75rem auto 1.25rem;
  }

  .page-partner-returns .section-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.7rem;
  }

  .page-partner-returns .section-title h1 {
    font-size: 1.35rem;
    line-height: 1.08;
  }

  .page-partner-returns .section-title > .d-flex {
    gap: 0.4rem !important;
  }

  .page-partner-returns .section-title > .d-flex .btn {
    min-height: 38px;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    font-size: 0.74rem;
    white-space: nowrap;
  }

  .page-partner-returns .returns-tracker-toolbar {
    gap: 0.5rem;
    margin-bottom: 0.65rem;
  }

  .page-partner-returns .returns-tracker-filter-form {
    flex: 1 1 auto;
    min-width: 0;
  }

  .page-partner-returns .returns-tracker-filter-form > .d-flex {
    flex-wrap: nowrap !important;
    gap: 0.4rem !important;
  }

  .page-partner-returns .returns-tracker-filter-form .form-label {
    font-size: 0.67rem;
  }

  .page-partner-returns .returns-filter-group {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 42px;
    border-radius: 0.7rem;
  }

  .page-partner-returns .returns-filter-group .form-select {
    min-width: 0;
    height: 42px;
    min-height: 42px;
    padding: 0.45rem 0.55rem;
    font-size: 0.72rem;
    line-height: 1.2;
  }

  .page-partner-returns .returns-filter-group .btn {
    height: 42px;
    min-height: 42px;
    padding: 0.45rem 0.68rem;
    font-size: 0.72rem;
    line-height: 1.2;
  }

  .page-partner-returns .returns-filter-clear {
    display: inline-grid;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    place-items: center;
    border-radius: 0.7rem;
  }

  .page-partner-returns .returns-filter-clear__label {
    display: none;
  }

  .page-partner-returns .returns-filter-clear i {
    margin: 0 !important;
    font-size: 0.78rem;
  }

  .page-partner-returns .returns-tracker-list-card {
    overflow: hidden;
    border-radius: 14px;
  }

  .page-partner-returns .returns-tracker-list-card .table-responsive {
    overflow-x: hidden;
  }

  .page-partner-returns .returns-tracker-table {
    width: 100%;
    table-layout: fixed;
    font-size: 0.68rem;
  }

  .page-partner-returns .returns-tracker-table th,
  .page-partner-returns .returns-tracker-table td {
    padding: 0.48rem 0.34rem;
    overflow-wrap: anywhere;
    vertical-align: middle;
  }

  .page-partner-returns .returns-tracker-table th:nth-child(2),
  .page-partner-returns .returns-tracker-table td:nth-child(2) {
    width: 55%;
  }

  .page-partner-returns .returns-tracker-table th:nth-child(3),
  .page-partner-returns .returns-tracker-table td:nth-child(3) {
    width: 16%;
  }

  .page-partner-returns .returns-tracker-table th:nth-child(4),
  .page-partner-returns .returns-tracker-table td:nth-child(4) {
    width: 29%;
  }

  .page-partner-returns .returns-tracker-table th:nth-child(1),
  .page-partner-returns .returns-tracker-table td:nth-child(1) {
    display: none;
  }

  .page-partner-returns .returns-tracker-table th:nth-child(5),
  .page-partner-returns .returns-tracker-table td:nth-child(5),
  .page-partner-returns .returns-tracker-table th:nth-child(6),
  .page-partner-returns .returns-tracker-table td:nth-child(6),
  .page-partner-returns .returns-tracker-table th:nth-child(7),
  .page-partner-returns .returns-tracker-table td:nth-child(7) {
    display: none;
  }

  .page-partner-returns .returns-tracker-table th:nth-child(8),
  .page-partner-returns .returns-tracker-table td:nth-child(8) {
    display: none;
  }

  .page-partner-returns .returns-tracker-table th {
    font-size: 0.62rem;
    line-height: 1.15;
    white-space: nowrap;
  }

  .page-partner-returns .returns-tracker-row {
    cursor: pointer;
  }

  .page-partner-returns .returns-tracker-row:focus-visible {
    outline: 2px solid rgba(199, 198, 196, 0.8);
    outline-offset: -2px;
  }

  .page-partner-returns .returns-tracker-table__label--full {
    display: none;
  }

  .page-partner-returns .returns-tracker-table__label--mobile {
    display: inline;
  }

  .page-partner-returns .returns-tracker-table td .badge {
    padding: 0.25rem 0.38rem;
    font-size: 0.6rem;
    white-space: normal;
  }

  .page-partner-returns .returns-tracker-table td:nth-child(2) {
    font-size: 0.61rem;
    line-height: 1.18;
    letter-spacing: -0.015em;
  }

  .page-partner-returns .returns-tracker-order-label {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: anywhere;
  }

  .page-partner-returns .returns-tracker-status-badge {
    display: inline-grid;
    width: 1.8rem;
    height: 1.45rem;
    padding: 0 !important;
    place-items: center;
    border-radius: 0.48rem;
    line-height: 1;
  }

  .page-partner-returns .returns-tracker-status-badge__label {
    display: none;
  }

  .page-partner-returns .returns-tracker-status-badge__icon {
    display: inline-block;
    font-size: 0.78rem;
  }

  .page-partner-returns .returns-tracker-table td:last-child .btn {
    display: inline-grid;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    padding: 0;
    place-items: center;
    font-size: 0.62rem;
  }

  .page-partner-returns .returns-tracker-detail-action__label {
    display: none;
  }

  .page-partner-returns .returns-tracker-detail-action i {
    margin: 0 !important;
    font-size: 0.78rem;
  }

  .page-partner-returns .orders-empty {
    gap: 0.45rem;
    padding: 1.35rem 0.8rem;
    border-radius: 17px;
  }

  .page-partner-returns .orders-empty i {
    font-size: 1.8rem;
  }

  .page-partner-returns .orders-empty h3 {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .page-partner-returns .orders-empty p {
    max-width: 17rem;
    margin-bottom: 0;
    font-size: 0.72rem;
    line-height: 1.4;
  }

  .page-partner-returns .returns-tracker-modal-dialog {
    width: calc(100vw - 1rem);
    max-width: none;
    margin: 0.5rem auto;
  }

  .page-partner-returns .returns-tracker-modal-content {
    max-height: calc(100dvh - 1rem);
    border-radius: 15px;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-header,
  .page-partner-returns .returns-tracker-modal-content .modal-body,
  .page-partner-returns .returns-tracker-modal-content .modal-footer {
    padding-inline: 0.8rem;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-header {
    padding-top: 0.75rem;
    padding-bottom: 0.6rem;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-title {
    font-size: 1rem;
    line-height: 1.15;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-header .text-muted {
    max-width: 15rem;
    font-size: 0.72rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .page-partner-returns .returns-tracker-order-meta {
    gap: 0.25rem;
    margin-top: 0.45rem !important;
  }

  .page-partner-returns .returns-tracker-order-meta .badge {
    padding: 0.25rem 0.38rem;
    font-size: 0.61rem;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-body {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }

  .page-partner-returns .returns-tracker-summary-grid,
  .page-partner-returns .returns-tracker-amount-grid {
    gap: 0.42rem;
    margin-bottom: 0.65rem !important;
  }

  .page-partner-returns .returns-tracker-summary-item,
  .page-partner-returns .returns-tracker-amount-item {
    padding: 0.5rem 0.6rem;
    border-radius: 0.5rem;
  }

  .page-partner-returns .returns-tracker-summary-label {
    margin-bottom: 0.12rem;
    font-size: 0.65rem;
  }

  .page-partner-returns .returns-tracker-summary-value {
    font-size: 0.76rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-body > .vstack {
    gap: 0.65rem !important;
  }

  .page-partner-returns .returns-tracker-modal-content [data-return-modal-items-wrap] {
    margin-top: 0.85rem !important;
  }

  .page-partner-returns .returns-tracker-modal-content [data-return-modal-items-wrap] h6 {
    margin-bottom: 0.55rem !important;
    font-size: 0.9rem;
  }

  .page-partner-returns .returns-tracker-modal-content [data-return-modal-items-wrap] .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page-partner-returns .returns-tracker-selected-items-table {
    width: max-content;
    min-width: 34rem;
    table-layout: auto;
    font-size: 0.62rem;
  }

  .page-partner-returns .returns-tracker-selected-items-table th,
  .page-partner-returns .returns-tracker-selected-items-table td {
    padding: 0.38rem 0.28rem;
    vertical-align: middle;
    line-height: 1.25;
    white-space: nowrap;
  }

  .page-partner-returns .returns-tracker-selected-items-table th:nth-child(1),
  .page-partner-returns .returns-tracker-selected-items-table td:nth-child(1) {
    min-width: 11rem;
  }

  .page-partner-returns .returns-tracker-selected-items-table th:nth-child(2),
  .page-partner-returns .returns-tracker-selected-items-table td:nth-child(2) {
    min-width: 8rem;
  }

  .page-partner-returns .returns-tracker-selected-items-table th:nth-child(3),
  .page-partner-returns .returns-tracker-selected-items-table td:nth-child(3) {
    min-width: 3.2rem;
    text-align: center;
  }

  .page-partner-returns .returns-tracker-selected-items-table th:nth-child(4),
  .page-partner-returns .returns-tracker-selected-items-table td:nth-child(4),
  .page-partner-returns .returns-tracker-selected-items-table th:nth-child(5),
  .page-partner-returns .returns-tracker-selected-items-table td:nth-child(5) {
    min-width: 6.5rem;
  }

  .page-partner-returns .returns-tracker-selected-items-table th {
    font-size: 0.58rem;
  }

  .page-partner-returns .returns-tracker-note {
    min-height: 40px;
    padding: 0.5rem 0.6rem;
    font-size: 0.74rem;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-footer {
    padding-top: 0.55rem;
    padding-bottom: 0.65rem;
  }

  .page-partner-returns .returns-tracker-modal-content .modal-footer .btn {
    min-height: 36px;
    padding: 0.4rem 0.75rem;
    font-size: 0.74rem;
  }
}

.supplier-product-form {
  --supplier-field-bg: rgba(25, 25, 24, 0.78);
  --supplier-field-border: rgba(164, 163, 161, 0.28);
  --supplier-field-border-focus: rgba(126, 125, 123, 0.55);
  --supplier-field-radius: 14px;
}

.supplier-product-form .form-label {
  color: #e4e3e1;
}

.supplier-product-form .form-control,
.supplier-product-form .form-select {
  min-height: 44px;
  border-radius: var(--supplier-field-radius);
}

.supplier-product-form .select2-container--default .select2-selection--single {
  min-height: 44px;
  border-radius: var(--supplier-field-radius);
  background: var(--supplier-field-bg);
  border-color: var(--supplier-field-border);
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.35);
}

.supplier-product-form .select2-container--default.select2-container--focus .select2-selection--single,
.supplier-product-form .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--supplier-field-border-focus);
  box-shadow: 0 0 0 0.2rem rgba(110, 109, 105, 0.13);
}

.supplier-visibility-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 78px;
  padding: 1rem 1.1rem;
  cursor: pointer;
  background: rgba(25, 25, 24, 0.82);
  border: 1px solid rgba(126, 125, 123, 0.24);
  border-radius: var(--supplier-field-radius);
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.24);
}

.supplier-visibility-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.supplier-visibility-toggle__copy {
  display: grid;
  gap: 0.25rem;
}

.supplier-visibility-toggle__title {
  color: #f7f6f4;
  font-weight: 700;
}

.supplier-visibility-toggle__hint {
  color: #b1b0ae;
  font-size: 0.9rem;
}

.supplier-visibility-toggle__switch {
  position: relative;
  flex: 0 0 auto;
  width: 64px;
  height: 34px;
  background: rgba(86, 85, 83, 0.9);
  border-radius: 999px;
  border: 1px solid rgba(164, 163, 161, 0.36);
  transition: background-color 0.18s ease, border-color 0.18s ease;
}

.supplier-visibility-toggle__switch::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f8fafc;
  box-shadow: 0 6px 14px rgba(25, 25, 24, 0.35);
  transition: transform 0.18s ease;
}

.supplier-visibility-toggle:focus-within {
  border-color: var(--supplier-field-border-focus);
  box-shadow: 0 0 0 0.2rem rgba(110, 109, 105, 0.13);
}

.supplier-visibility-toggle input:checked + .supplier-visibility-toggle__switch {
  background: #74716c;
  border-color: rgba(193, 192, 190, 0.8);
}

.supplier-visibility-toggle input:checked + .supplier-visibility-toggle__switch::after {
  transform: translateX(30px);
}

.supplier-file-control {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  min-height: 44px;
  padding: 0.3rem;
  background: var(--supplier-field-bg);
  border: 1px solid var(--supplier-field-border);
  border-radius: var(--supplier-field-radius);
  color: #efeeec;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.35);
}

.supplier-file-control:focus-within,
.supplier-file-control:hover {
  border-color: var(--supplier-field-border-focus);
}

.supplier-file-control__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.supplier-file-control__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0.35rem 0.8rem;
  border-radius: 11px;
  background: rgba(126, 125, 123, 0.18);
  border: 1px solid rgba(159, 158, 156, 0.35);
  color: #e6e3dc;
  font-weight: 700;
  white-space: nowrap;
}

.supplier-file-control__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #d7d6d4;
  font-weight: 600;
}

.supplier-gallery-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.supplier-gallery-thumb,
.supplier-variant-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(25, 25, 24, 0.9);
  border: 1px solid rgba(164, 163, 161, 0.32);
  border-radius: 12px;
  overflow: hidden;
}

.supplier-gallery-thumb {
  width: 72px;
  height: 92px;
}

.supplier-variants-header {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.supplier-variants-header__copy {
  min-width: 0;
  max-width: 880px;
}

.supplier-variants-header__hint {
  font-size: 0.82rem;
  line-height: 1.42;
  max-width: 820px;
}

.supplier-variant-shell {
  border: 1px solid rgba(164, 163, 161, 0.34);
  border-radius: 12px;
  background: rgba(19, 18, 16, 0.7);
  overflow: visible;
}

.supplier-variant-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.supplier-variant-col--color {
  width: 13%;
}

.supplier-variant-col--size {
  width: 14%;
}

.supplier-variant-col--price {
  width: 14%;
}

.supplier-variant-col--retail-price {
  width: 13%;
}

.supplier-variant-col--qty {
  width: 9%;
}

.supplier-variant-col--desi {
  width: 8%;
}

.supplier-variant-col--image {
  width: 24%;
}

.supplier-variant-col--action {
  width: 5%;
}

.supplier-variant-table thead th {
  padding: 0.75rem 0.85rem;
  background: rgba(17, 16, 14, 0.78);
  border-bottom: 1px solid rgba(164, 163, 161, 0.24);
  color: #e8e7e5;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.supplier-variant-table tbody tr {
  background: rgba(25, 25, 24, 0.56);
}

.supplier-variant-table tbody td {
  padding: 0.75rem 0.5rem;
  border-top: 1px solid rgba(164, 163, 161, 0.14);
  vertical-align: middle;
}

.supplier-variant-table tbody td:first-child {
  padding-left: 0.85rem;
}

.supplier-variant-table tbody td:last-child {
  padding-right: 0.85rem;
}

.supplier-variant-table .form-control,
.supplier-variant-table .form-select {
  height: 44px;
  min-height: 44px;
  border-color: var(--supplier-field-border);
  border-radius: var(--supplier-field-radius);
}

.supplier-desi-input {
  max-width: 92px;
}

.supplier-money-input {
  display: flex;
  align-items: stretch;
  height: 44px;
  background: var(--supplier-field-bg);
  border: 1px solid var(--supplier-field-border);
  border-radius: var(--supplier-field-radius);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.35);
}

.supplier-money-input:focus-within {
  border-color: var(--supplier-field-border-focus);
  box-shadow: 0 0 0 0.2rem rgba(110, 109, 105, 0.13);
}

.supplier-money-input .form-control {
  height: 42px;
  min-height: 42px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding-left: 0.8rem;
}

.supplier-money-input .form-control:focus {
  box-shadow: none;
}

.supplier-money-input span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding: 0 0.75rem;
  background: rgba(25, 25, 24, 0.98);
  border-left: 1px solid rgba(164, 163, 161, 0.24);
  color: #e6e3dc;
  font-weight: 800;
}

.supplier-price-heading {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
  white-space: nowrap;
}

.supplier-price-info-tooltip {
  align-items: center;
  color: rgba(193, 192, 190, 0.95);
  cursor: help;
  display: inline-flex;
  font-size: 0.9rem;
  line-height: 1;
  outline: none;
  position: relative;
  text-transform: none;
}

.supplier-price-info-tooltip:focus-visible {
  color: #e6e3dc;
}

.supplier-price-info-tooltip__content {
  background: #fff;
  border: 1px solid rgba(25, 25, 24, 0.14);
  border-radius: 8px;
  bottom: calc(100% + 0.65rem);
  box-shadow: 0 24px 60px -20px rgba(5, 5, 5, 0.5);
  color: #191919;
  display: none;
  font-size: 0.82rem;
  font-weight: 700;
  left: 50%;
  line-height: 1.35;
  max-width: min(90vw, 320px);
  padding: 0.7rem 0.75rem;
  position: absolute;
  text-transform: none;
  transform: translateX(-50%);
  white-space: normal;
  width: max-content;
  z-index: 150;
}

.supplier-price-info-tooltip__content::before {
  background: #fff;
  border-bottom: 1px solid rgba(25, 25, 24, 0.14);
  border-right: 1px solid rgba(25, 25, 24, 0.14);
  bottom: -0.42rem;
  content: "";
  height: 0.75rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) rotate(45deg);
  width: 0.75rem;
}

.supplier-price-info-tooltip:hover .supplier-price-info-tooltip__content,
.supplier-price-info-tooltip:focus .supplier-price-info-tooltip__content,
.supplier-price-info-tooltip:focus-within .supplier-price-info-tooltip__content {
  display: block;
}

.supplier-price-info-tooltip__content--right {
  left: auto;
  right: 0;
  transform: none;
}

.supplier-price-info-tooltip__content--right::before {
  left: auto;
  right: 0.7rem;
  transform: rotate(45deg);
}

.supplier-add-variant-btn {
  align-items: center;
  display: inline-flex;
  gap: 0.28rem;
  font-size: 0.84rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.18;
  min-height: 40px;
  min-width: 142px;
  padding: 0.42rem 0.7rem;
  white-space: nowrap;
}

.supplier-add-variant-btn > .bi-plus-lg {
  font-size: 0.86rem;
  margin-right: 0.15rem !important;
}

.supplier-add-variant-btn__info {
  color: rgba(219, 218, 216, 0.9);
  font-size: 0.76rem;
  margin-left: 0;
}

.supplier-retail-price-display {
  height: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 0.9rem;
  border: 1px solid rgba(164, 163, 161, 0.24);
  border-radius: var(--supplier-field-radius);
  background: rgba(25, 25, 24, 0.58);
  color: #d9d6cf;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(25, 25, 24, 0.28);
}

.supplier-variant-image-cell {
  display: grid;
  grid-template-columns: minmax(132px, max-content);
  align-items: center;
  gap: 0.65rem;
}

.supplier-variant-image-cell.has-image {
  grid-template-columns: 64px minmax(0, 1fr);
}

.supplier-variant-thumb {
  position: relative;
  width: 64px;
  height: 72px;
  border-radius: 12px;
}

.supplier-variant-thumb[hidden],
.supplier-file-control[hidden] {
  display: none !important;
}

.supplier-variant-thumb__remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(248, 113, 113, 0.55);
  border-radius: 999px;
  background: rgba(25, 25, 24, 0.86);
  color: #fecaca;
  line-height: 1;
  padding: 0;
}

.supplier-variant-thumb__remove:hover,
.supplier-variant-thumb__remove:focus-visible {
  background: rgba(220, 38, 38, 0.92);
  color: #fff;
  outline: 0;
}

.supplier-file-control--variant {
  width: max-content;
  min-width: 132px;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  gap: 0;
}

.supplier-file-control--variant .supplier-file-control__button {
  min-width: 132px;
  min-height: 44px;
  border-radius: 14px;
}

.supplier-file-control--variant .supplier-file-control__name {
  display: none;
}

.supplier-variant-table [data-remove-supplier-variant] {
  width: 38px;
  height: 38px;
  border-radius: 12px;
}

@media (max-width: 767.98px) {
  .supplier-variants-header {
    grid-template-columns: 1fr;
  }

  .supplier-variants-header__copy,
  .supplier-variants-header__hint {
    max-width: none;
  }

  .supplier-add-variant-btn {
    justify-self: start;
  }

  .supplier-variant-shell {
    overflow-x: auto;
  }

  .supplier-variant-table {
    min-width: 1080px;
  }

  .supplier-variant-image-cell {
    grid-template-columns: 60px minmax(170px, 1fr);
  }

  .supplier-file-control__button {
    padding-inline: 0.65rem;
  }
}

/* Partner button hierarchy: one visual language across partner-facing surfaces. */
body:not(.page-admin) :where(.btn, .imports-search__submit, .orders-search__submit, .orders-sync-btn, .catalog-pagination__pill, .catalog-pagination__page-btn, .imports-pagination__arrow, .imports-pagination__page, .orders-tab, .order-card__shipping-action, .order-card__reservation-retry-link, .supplier-file-control__button) {
  min-height: var(--ds-btn-height);
  border-radius: var(--ds-btn-radius);
  font-weight: var(--ds-btn-font-weight);
  line-height: 1.2;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease, opacity 0.16s ease;
}

body:not(.page-admin) :where(.btn, .imports-search__submit, .orders-search__submit, .orders-sync-btn, .catalog-pagination__pill, .imports-pagination__arrow, .orders-tab) {
  padding: var(--ds-btn-padding-y) var(--ds-btn-padding-x);
}

body:not(.page-admin) :where(.btn-sm, .btn.btn-sm, .catalog-pagination__page-btn, .imports-pagination__page, .order-create-item__qty-btn, .order-create-item__remove, .order-card__note-edit, .order-item__badge-btn) {
  min-height: var(--ds-btn-height-sm);
  padding: 0.42rem 0.85rem;
  border-radius: 10px;
  font-size: 0.86rem;
}

body:not(.page-admin) :where(.btn-lg, .btn.btn-lg) {
  min-height: var(--ds-btn-height-lg);
  padding: 0.78rem 1.7rem;
  border-radius: 14px;
  font-size: 1rem;
}

body:not(.page-admin) :where(.btn-primary, .btn-cta, .btn-card, .btn-round, .plan-card__button, .product-card__cta, .imports-search__submit, .orders-search__submit) {
  background: var(--ds-btn-bg-primary);
  border: 1px solid rgba(199, 198, 196, 0.28);
  color: #fff;
  box-shadow: var(--ds-btn-shadow-primary);
}

body:not(.page-admin) :where(.btn-primary, .btn-cta, .btn-card, .btn-round, .plan-card__button, .product-card__cta, .imports-search__submit, .orders-search__submit):hover,
body:not(.page-admin) :where(.btn-primary, .btn-cta, .btn-card, .btn-round, .plan-card__button, .product-card__cta, .imports-search__submit, .orders-search__submit):focus-visible {
  color: #fff;
  border-color: rgba(219, 218, 216, 0.52);
  box-shadow: 0 22px 42px -22px rgba(155, 152, 145, 0.72);
  transform: translateY(-1px);
  filter: none;
}

body:not(.page-admin) :where(.btn-cta-alt, .btn-ghost, .btn-light, .btn-dark, .btn-outline-light, .btn-outline-dark, .btn-outline-secondary, .btn-outline-primary, .btn-outline-info, .orders-sync-btn, .catalog-pagination__pill, .imports-pagination__arrow, .order-card__shipping-action, .supplier-file-control__button) {
  background: var(--ds-btn-bg-secondary);
  border: 1px solid rgba(164, 163, 161, 0.34);
  color: var(--ds-text-secondary);
  box-shadow: var(--ds-btn-shadow-secondary);
}

body:not(.page-admin) :where(.btn-cta-alt, .btn-ghost, .btn-light, .btn-dark, .btn-outline-light, .btn-outline-dark, .btn-outline-secondary, .btn-outline-primary, .btn-outline-info, .orders-sync-btn, .catalog-pagination__pill, .imports-pagination__arrow, .order-card__shipping-action, .supplier-file-control__button):hover,
body:not(.page-admin) :where(.btn-cta-alt, .btn-ghost, .btn-light, .btn-dark, .btn-outline-light, .btn-outline-dark, .btn-outline-secondary, .btn-outline-primary, .btn-outline-info, .orders-sync-btn, .catalog-pagination__pill, .imports-pagination__arrow, .order-card__shipping-action, .supplier-file-control__button):focus-visible {
  background: linear-gradient(135deg, rgba(66, 65, 63, 0.94), rgba(40, 40, 38, 0.9));
  border-color: rgba(219, 218, 216, 0.45);
  color: #fff;
  box-shadow: 0 18px 36px -26px rgba(105, 104, 101, 0.58);
  transform: translateY(-1px);
}

body:not(.page-admin) :where(.btn-danger, .btn-outline-danger) {
  background: var(--ds-btn-bg-danger);
  border: 1px solid rgba(252, 165, 165, 0.3);
  color: #fff;
  box-shadow: 0 18px 38px -24px rgba(239, 68, 68, 0.72);
}

body:not(.page-admin) :where(.btn-danger, .btn-outline-danger):hover,
body:not(.page-admin) :where(.btn-danger, .btn-outline-danger):focus-visible {
  color: #fff;
  border-color: rgba(254, 202, 202, 0.55);
  box-shadow: 0 22px 42px -24px rgba(239, 68, 68, 0.82);
  transform: translateY(-1px);
}

body:not(.page-admin) :where(.btn-warning, .btn-outline-warning, .btn-wallet, .order-card__reservation-retry-link) {
  background: var(--ds-btn-bg-warning);
  border: 1px solid rgba(253, 230, 138, 0.5);
  color: #4a3000;
  box-shadow: 0 18px 38px -24px rgba(245, 158, 11, 0.7);
}

body:not(.page-admin) :where(.btn-warning, .btn-outline-warning, .btn-wallet, .order-card__reservation-retry-link):hover,
body:not(.page-admin) :where(.btn-warning, .btn-outline-warning, .btn-wallet, .order-card__reservation-retry-link):focus-visible {
  color: #3b2500;
  border-color: rgba(254, 240, 138, 0.72);
  box-shadow: 0 22px 42px -24px rgba(245, 158, 11, 0.82);
  transform: translateY(-1px);
}

body:not(.page-admin) :where(.btn-success, .btn-outline-success, .btn-reactivate, .btn-info) {
  background: var(--ds-btn-bg-success);
  border: 1px solid rgba(167, 243, 208, 0.4);
  color: #042f2e;
  box-shadow: 0 18px 38px -24px rgba(16, 185, 129, 0.72);
}

body:not(.page-admin) :where(.btn-success, .btn-outline-success, .btn-reactivate, .btn-info):hover,
body:not(.page-admin) :where(.btn-success, .btn-outline-success, .btn-reactivate, .btn-info):focus-visible {
  color: #042f2e;
  border-color: rgba(209, 250, 229, 0.62);
  box-shadow: 0 22px 42px -24px rgba(16, 185, 129, 0.84);
  transform: translateY(-1px);
}

body:not(.page-admin) :where(.btn:focus, .btn:focus-visible, .imports-search__submit:focus-visible, .orders-search__submit:focus-visible, .orders-sync-btn:focus-visible, .catalog-pagination__pill:focus-visible, .catalog-pagination__page-btn:focus-visible, .imports-pagination__arrow:focus-visible, .imports-pagination__page:focus-visible, .orders-tab:focus-visible, .order-card__shipping-action:focus-visible, .order-card__reservation-retry-link:focus-visible, .supplier-file-control__button:focus-visible) {
  outline: none;
  box-shadow: var(--ds-btn-focus), var(--ds-btn-shadow-secondary);
}

body:not(.page-admin) :where(.btn:active, .imports-search__submit:active, .orders-search__submit:active, .orders-sync-btn:active, .catalog-pagination__pill:active, .catalog-pagination__page-btn:active, .imports-pagination__arrow:active, .imports-pagination__page:active, .order-card__shipping-action:active, .order-card__reservation-retry-link:active) {
  transform: translateY(0);
}

body:not(.page-admin) :where(.btn:disabled, .btn.disabled, .btn[aria-disabled="true"], .imports-search__submit:disabled, .orders-search__submit:disabled, .orders-sync-btn:disabled, .catalog-pagination__pill.is-disabled, .catalog-pagination__page-btn.is-disabled, .imports-pagination__arrow.is-disabled, .imports-pagination__page.is-disabled, .order-card__reservation-retry-link:disabled) {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  box-shadow: none;
  filter: grayscale(0.15);
}

body:not(.page-admin) :where(.btn.is-loading, .btn.is-busy, .btn-cta.is-loading, .import-sync-btn.is-loading, .orders-sync-btn.is-loading, .order-card__reservation-retry-link.is-loading) {
  cursor: wait;
  pointer-events: none;
  opacity: 0.86;
  overflow: hidden;
}

body:not(.page-admin) :where(.btn-icon, .order-card__note-edit, .order-create-item__qty-btn, .order-create-item__remove, .orders-search__date-icon, .orders-search__date-clear, .supplier-variant-thumb__remove, .scroll-top-btn) {
  width: var(--ds-btn-height-sm);
  min-width: var(--ds-btn-height-sm);
  height: var(--ds-btn-height-sm);
  min-height: var(--ds-btn-height-sm);
  padding: 0;
  border-radius: 10px;
}

body:not(.page-admin) .scroll-top-btn {
  border-radius: var(--ds-btn-radius-pill);
}

body:not(.page-admin) .btn-card {
  min-width: 168px;
  align-self: flex-start;
}

body:not(.page-admin) .product-primary-actions .btn,
body:not(.page-admin) .form-footer__actions .btn,
body:not(.page-admin) .modal-footer .btn,
body:not(.page-admin) .order-card__actions .btn,
body:not(.page-admin) .order-card__return-actions .btn {
  min-width: 0;
}

/* Shopify action: use the brand's signature green so the destination is
   immediately recognizable beside the other marketplace actions. */
body:not(.page-admin) .product-primary-actions .btn-shopify {
  background: linear-gradient(135deg, #a6cf57, #6f9f3d);
  border-color: rgba(190, 229, 112, 0.7);
  color: #10220d;
  box-shadow: 0 16px 30px -20px rgba(149, 191, 71, 0.9);
  text-shadow: none;
}

body:not(.page-admin) .product-primary-actions .btn-shopify:hover,
body:not(.page-admin) .product-primary-actions .btn-shopify:focus-visible {
  background: linear-gradient(135deg, #b5dc68, #7eaf47);
  border-color: rgba(218, 244, 157, 0.9);
  color: #0d1c0b;
  box-shadow: 0 20px 34px -20px rgba(149, 191, 71, 0.95);
}

body:not(.page-admin) .product-primary-actions .btn-shopify:disabled,
body:not(.page-admin) .product-primary-actions .btn-shopify[aria-disabled="true"] {
  background: linear-gradient(135deg, rgba(95, 122, 58, 0.58), rgba(65, 88, 42, 0.62));
  border-color: rgba(166, 207, 87, 0.35);
  color: rgba(230, 247, 202, 0.62);
  box-shadow: none;
}

body:not(.page-admin) .order-card__actions .btn {
  min-width: 190px;
  border-radius: var(--ds-btn-radius-pill);
}

body:not(.page-admin) .order-card__actions-group--joined {
  border-radius: var(--ds-btn-radius-pill);
  border-color: rgba(164, 163, 161, 0.32);
}

body:not(.page-admin) .orders-tab {
  min-height: 38px;
  color: var(--ds-text-muted);
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

body:not(.page-admin) .orders-tab:hover,
body:not(.page-admin) .orders-tab:focus-visible {
  color: #fff;
  background: rgba(164, 163, 161, 0.12);
  transform: none;
}

body:not(.page-admin) .orders-tab.is-active {
  background: var(--ds-btn-bg-primary);
  border-color: rgba(199, 198, 196, 0.3);
  color: #fff;
  box-shadow: 0 16px 32px -24px rgba(105, 104, 101, 0.72);
}

body:not(.page-admin) .catalog-pagination__page-btn,
body:not(.page-admin) .imports-pagination__page {
  min-width: var(--ds-btn-height-sm);
  color: var(--ds-text-secondary);
  background: rgba(25, 25, 24, 0.72);
  border: 1px solid rgba(164, 163, 161, 0.28);
}

body:not(.page-admin) .catalog-pagination__page-btn.is-active,
body:not(.page-admin) .imports-pagination__page.is-active {
  background: var(--ds-btn-bg-primary);
  border-color: rgba(199, 198, 196, 0.38);
  color: #fff;
  box-shadow: 0 14px 30px -22px rgba(105, 104, 101, 0.72);
}

body:not(.page-admin) .imports-search__reset,
body:not(.page-admin) .orders-search__reset {
  color: var(--ds-text-muted);
}

body:not(.page-admin) .supplier-add-variant-btn {
  min-width: 148px;
}

@media (max-width: 575.98px) {
  body:not(.page-admin) :where(.btn, .imports-search__submit, .orders-search__submit, .orders-sync-btn, .catalog-pagination__pill, .imports-pagination__arrow) {
    min-height: 42px;
    padding-inline: 1rem;
  }

  body:not(.page-admin) .btn-card,
  body:not(.page-admin) .order-card__actions .btn,
  body:not(.page-admin) .order-card__return-actions .btn {
    width: 100%;
    min-width: 0;
  }
}

/* Orders search refinement: compact date filter, wider search text, calmer radius. */
body:not(.page-admin) .orders-search {
  flex: 1 1 520px;
  width: min(100%, 560px);
  max-width: 560px;
}

body:not(.page-admin) .orders-search__group {
  min-height: 56px;
  gap: 0.5rem;
  padding: 0.42rem 0.42rem 0.42rem 0.9rem;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.9), rgba(25, 25, 24, 0.74));
  border-color: rgba(164, 163, 161, 0.28);
}

body:not(.page-admin) .orders-search__group:focus-within {
  border-color: rgba(105, 104, 101, 0.58);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.16), 0 20px 46px -30px rgba(105, 104, 101, 0.7);
}

body:not(.page-admin) .orders-search__icon {
  flex: 0 0 auto;
  width: 1.25rem;
  color: #cbc8c0;
}

body:not(.page-admin) .orders-search__input {
  flex: 1 1 230px;
  min-width: 155px;
  min-height: 40px;
  font-size: 0.94rem;
}

body:not(.page-admin) .orders-search__date-wrap {
  position: relative;
  flex: 0 0 auto;
  width: 112px;
  min-height: 40px;
  gap: 0.35rem;
  padding: 0.28rem 0.42rem;
  border-radius: 13px;
  background: rgba(40, 40, 38, 0.58);
  border: 1px solid rgba(164, 163, 161, 0.24);
  color: var(--ds-text-secondary);
  cursor: pointer;
  transition: width 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body:not(.page-admin) .orders-search__date-wrap.has-date {
  width: 142px;
  border-color: rgba(105, 104, 101, 0.46);
  background: rgba(56, 55, 53, 0.22);
}

body:not(.page-admin) .orders-search__date-wrap:hover,
body:not(.page-admin) .orders-search__date-wrap:focus-within {
  border-color: rgba(193, 192, 190, 0.5);
  background: rgba(66, 65, 63, 0.62);
}

body:not(.page-admin) .orders-search__date-icon,
body:not(.page-admin) .orders-search__date-clear {
  flex: 0 0 auto;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  border-radius: 9px;
  color: #d9d6cf;
}

body:not(.page-admin) .orders-search__date-icon {
  background: rgba(25, 25, 24, 0.36);
}

body:not(.page-admin) .orders-search__date-clear {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: auto;
  color: rgba(234, 233, 231, 0.68);
}

body:not(.page-admin) .orders-search__date-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  font-weight: 700;
  color: #e6e3dc;
  font-variant-numeric: tabular-nums;
  user-select: none;
}

body:not(.page-admin) .orders-search__date-input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-width: 0;
  min-height: 0;
  opacity: 0;
  pointer-events: none;
  inset: auto 0 0 auto;
  padding: 0;
}

body:not(.page-admin) .orders-search__submit {
  flex: 0 0 auto;
  min-width: 72px;
  min-height: 44px;
  padding: 0.62rem 1.15rem;
  border-radius: 13px;
}

body:not(.page-admin) .orders-search__reset {
  margin-top: 0.45rem;
  padding-left: 0.15rem;
}

body:not(.page-admin) .orders-tabs {
  min-height: 56px;
  padding: 0.42rem;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.9), rgba(25, 25, 24, 0.74));
  border-color: rgba(164, 163, 161, 0.28);
  box-shadow: inset 0 1px 0 rgba(164, 163, 161, 0.12), 0 18px 38px -30px rgba(105, 104, 101, 0.55);
  align-items: center;
}

body:not(.page-admin) .orders-tab {
  --orders-tab-accent-rgb: 56, 189, 248;
  --orders-tab-accent-strong-rgb: 99, 102, 241;
  min-height: 40px;
  padding: 0.58rem 1.2rem;
  border-radius: 13px;
  flex: 0 0 auto;
  color: rgba(219, 218, 216, 0.82);
  background: linear-gradient(135deg, rgba(var(--orders-tab-accent-rgb), 0.045), transparent 68%);
  border-color: transparent;
}

body:not(.page-admin) .orders-tab[data-orders-tab="unpaid"] {
  --orders-tab-accent-rgb: 245, 158, 11;
  --orders-tab-accent-strong-rgb: 217, 119, 6;
}

body:not(.page-admin) .orders-tab[data-orders-tab="processing"] {
  --orders-tab-accent-rgb: 56, 189, 248;
  --orders-tab-accent-strong-rgb: 99, 102, 241;
}

body:not(.page-admin) .orders-tab[data-orders-tab="completed"] {
  --orders-tab-accent-rgb: 34, 197, 94;
  --orders-tab-accent-strong-rgb: 20, 184, 166;
}

body:not(.page-admin) .orders-tab[data-orders-tab="refunded"] {
  --orders-tab-accent-rgb: 45, 212, 191;
  --orders-tab-accent-strong-rgb: 124, 58, 237;
}

body:not(.page-admin) .orders-tab[data-orders-tab="cancelled"] {
  --orders-tab-accent-rgb: 244, 63, 94;
  --orders-tab-accent-strong-rgb: 190, 24, 93;
}

body:not(.page-admin) .orders-tab:hover,
body:not(.page-admin) .orders-tab:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, rgba(var(--orders-tab-accent-rgb), 0.14), rgba(25, 25, 24, 0.18));
  border-color: rgba(var(--orders-tab-accent-rgb), 0.22);
}

body:not(.page-admin) .orders-tab.is-active {
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, rgba(var(--orders-tab-accent-strong-rgb), 0.96), rgba(var(--orders-tab-accent-rgb), 0.9));
  border-color: rgba(var(--orders-tab-accent-rgb), 0.36);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 16px 32px -24px rgba(var(--orders-tab-accent-rgb), 0.82);
}

@media (max-width: 991.98px) {
  body:not(.page-admin) .orders-search {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 575.98px) {
  body:not(.page-admin) .orders-search__group {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.55rem;
    padding: 0.55rem;
    border-radius: 18px;
  }

  body:not(.page-admin) .orders-search__input {
    min-width: 0;
    width: auto;
  }

  body:not(.page-admin) .orders-search__date-wrap {
    grid-column: 1 / 3;
    width: 100%;
  }

  body:not(.page-admin) .orders-search__date-wrap.has-date {
    width: 100%;
  }

  body:not(.page-admin) .orders-search__submit {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: stretch;
    width: auto;
    min-width: 76px;
  }

  body:not(.page-admin) .orders-tabs {
    border-radius: 18px;
    padding: 0.5rem;
  }

  body:not(.page-admin) .orders-tab {
    min-height: 42px;
    border-radius: 13px;
    flex: 1 1 auto;
  }
}

@media (max-width: 575.98px) {
  .orders-meta {
    min-height: 2.8rem;
    align-content: center;
    row-gap: 0.25rem;
  }
}

body.page-admin-supplier-products .supplier-products-card {
  overflow: visible;
}

body.page-admin-supplier-products .supplier-products-table-wrap,
body.page-admin-supplier-products .supplier-variant-table-wrap {
  overflow-x: visible;
}

body.page-admin-supplier-products .supplier-products-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

body.page-admin-supplier-products .supplier-products-table th,
body.page-admin-supplier-products .supplier-products-table td {
  white-space: normal;
  vertical-align: top;
}

body.page-admin-supplier-products .supplier-products-table thead th {
  padding: 0.75rem 0.55rem;
  font-size: 0.75rem;
}

body.page-admin-supplier-products .supplier-products-table tbody td {
  padding: 0.85rem 0.55rem;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(1) {
  width: 23%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(2) {
  width: 13%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(3) {
  width: 10%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(4) {
  width: 10%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(5) {
  width: 35%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(6) {
  width: 9%;
}

body.page-admin-supplier-products .supplier-product-cell,
body.page-admin-supplier-products .supplier-partner-cell,
body.page-admin-supplier-products .supplier-status-cell,
body.page-admin-supplier-products .supplier-stock-cell,
body.page-admin-supplier-products .supplier-variants-cell,
body.page-admin-supplier-products .supplier-action-cell {
  min-width: 0;
}

body.page-admin-supplier-products .supplier-product-cell img,
body.page-admin-supplier-products .supplier-variant-mini-table img {
  flex: 0 0 auto;
}

body.page-admin-supplier-products .supplier-product-cell .d-flex {
  min-width: 0;
}

body.page-admin-supplier-products .supplier-product-cell .fw-semibold,
body.page-admin-supplier-products .supplier-partner-cell,
body.page-admin-supplier-products .supplier-variant-mini-table code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.page-admin-supplier-products .supplier-variant-mini-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  font-size: 0.78rem;
}

body.page-admin-supplier-products .supplier-variant-mini-table th,
body.page-admin-supplier-products .supplier-variant-mini-table td {
  padding: 0.38rem 0.28rem;
}

body.page-admin-supplier-products .supplier-variant-mini-table th {
  font-size: 0.68rem;
  line-height: 1.15;
}

body.page-admin-supplier-products .supplier-variant-mini-table th:nth-child(1) {
  width: 46px;
}

body.page-admin-supplier-products .supplier-variant-mini-table th:nth-child(2) {
  width: 31%;
}

body.page-admin-supplier-products .supplier-variant-mini-table th:nth-child(3),
body.page-admin-supplier-products .supplier-variant-mini-table th:nth-child(4),
body.page-admin-supplier-products .supplier-variant-mini-table th:nth-child(5) {
  width: 12%;
}

body.page-admin-supplier-products .supplier-variant-mini-table th:nth-child(6) {
  width: 21%;
}

body.page-admin-supplier-products .supplier-count-input {
  width: 100%;
  min-width: 0;
  padding-left: 0.45rem;
  padding-right: 0.35rem;
}

body.page-admin-supplier-products .supplier-action-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}

body.page-admin-supplier-products .supplier-action-modal .modal-dialog {
  max-width: min(520px, calc(100vw - 2rem));
}

body.page-admin-supplier-products .supplier-action-stack {
  display: grid;
  gap: 0.8rem;
}

body.page-admin-supplier-products .supplier-action-row {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  gap: 0.75rem;
  align-items: start;
}

body.page-admin-supplier-products .supplier-action-row form,
body.page-admin-supplier-products .supplier-action-modal form {
  min-width: 0;
}

body.page-admin-supplier-products .supplier-action-row .btn,
body.page-admin-supplier-products .supplier-action-modal form > .btn {
  width: 100%;
}

body.page-admin-supplier-products .supplier-action-modal .form-control {
  margin-top: 0.5rem;
}

@media (max-width: 1199.98px) {
  body.page-admin-supplier-products .supplier-products-table thead th:nth-child(1) {
    width: 25%;
  }

  body.page-admin-supplier-products .supplier-products-table thead th:nth-child(2) {
    width: 14%;
  }

  body.page-admin-supplier-products .supplier-products-table thead th:nth-child(5) {
    width: 32%;
  }
}

@media (max-width: 767.98px) {
  body.page-admin-supplier-products .supplier-products-table-wrap {
    overflow-x: auto;
  }

  body.page-admin-supplier-products .supplier-products-table {
    min-width: 760px;
  }

  body.page-admin-supplier-products .supplier-action-row {
    grid-template-columns: 1fr;
  }
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(1) {
  width: 30%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(2) {
  width: 16%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(3) {
  width: 12%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(4) {
  width: 14%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(5) {
  width: 14%;
}

body.page-admin-supplier-products .supplier-products-table thead th:nth-child(6) {
  width: 14%;
}

body.page-admin-supplier-products .supplier-product-row > td {
  background: rgba(25, 25, 24, 0.42);
}

body.page-admin-supplier-products .supplier-product-summary {
  display: grid;
  grid-template-columns: 36px 52px minmax(0, 1fr);
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}

body.page-admin-supplier-products .supplier-variants-toggle {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  border-radius: 10px;
}

body.page-admin-supplier-products .supplier-variants-toggle__minus {
  display: none;
}

body.page-admin-supplier-products .supplier-variants-toggle[aria-expanded="true"] .supplier-variants-toggle__plus {
  display: none;
}

body.page-admin-supplier-products .supplier-variants-toggle[aria-expanded="true"] .supplier-variants-toggle__minus {
  display: inline-block;
}

body.page-admin-supplier-products .supplier-product-thumb {
  width: 52px;
  height: 68px;
  object-fit: cover;
  border-radius: 8px;
}

body.page-admin-supplier-products .supplier-product-copy {
  min-width: 0;
}

body.page-admin-supplier-products .supplier-variant-summary-cell {
  min-width: 0;
}

body.page-admin-supplier-products .supplier-variant-count,
body.page-admin-supplier-products .supplier-variant-waiting {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.page-admin-supplier-products .supplier-variant-count {
  color: #e6e3dc;
  background: rgba(126, 125, 123, 0.15);
  border: 1px solid rgba(159, 158, 156, 0.3);
}

body.page-admin-supplier-products .supplier-variant-waiting {
  margin-top: 0.4rem;
  color: #ddd9d1;
  background: rgba(115, 115, 111, 0.13);
  border: 1px solid rgba(155, 152, 145, 0.28);
}

body.page-admin-supplier-products .supplier-variants-detail-row > td {
  background: rgba(16, 15, 13, 0.72);
  border-top: 0;
}

body.page-admin-supplier-products .supplier-variants-collapse {
  background: rgba(16, 15, 13, 0.72);
}

body.page-admin-supplier-products .supplier-variants-panel {
  padding: 1rem;
  border-top: 1px solid rgba(164, 163, 161, 0.18);
}

body.page-admin-supplier-products .supplier-variants-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

body.page-admin-supplier-products .supplier-variants-panel__title {
  color: #f8fafc;
  font-weight: 800;
}

body.page-admin-supplier-products .supplier-variant-list {
  display: grid;
  gap: 0.65rem;
}

body.page-admin-supplier-products .supplier-variant-item {
  display: grid;
  grid-template-columns: 56px minmax(140px, 1.4fr) repeat(3, minmax(72px, 0.55fr)) minmax(120px, 0.8fr);
  align-items: center;
  gap: 0.85rem;
  padding: 0.75rem;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 8px;
  background: rgba(25, 25, 24, 0.72);
}

body.page-admin-supplier-products .supplier-variant-item__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 58px;
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.35);
  overflow: hidden;
}

body.page-admin-supplier-products .supplier-variant-item__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.page-admin-supplier-products .supplier-variant-item__main {
  min-width: 0;
}

body.page-admin-supplier-products .supplier-variant-item__main code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.page-admin-supplier-products .supplier-variant-metric {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

body.page-admin-supplier-products .supplier-variant-metric span,
body.page-admin-supplier-products .supplier-variant-count-control label {
  color: rgba(229, 228, 226, 0.72);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.page-admin-supplier-products .supplier-variant-metric strong {
  color: #f8fafc;
  font-size: 0.95rem;
}

body.page-admin-supplier-products .supplier-variant-count-control {
  min-width: 0;
}

body.page-admin-supplier-products .supplier-variant-count-control .supplier-count-input {
  max-width: 120px;
}

body.page-admin-supplier-products .supplier-action-modal {
  z-index: 2200;
}

body.page-admin-supplier-products .supplier-action-modal .modal-content {
  border-radius: 18px;
}

body.page-wallet-withdraw .wallet-withdraw-info {
  color: #d9d6cf;
  line-height: 1;
  text-decoration: none;
}

body.page-wallet-withdraw .wallet-withdraw-info:hover,
body.page-wallet-withdraw .wallet-withdraw-info:focus-visible {
  color: #ffffff;
}

body.page-wallet-withdraw .wallet-bank-panel__summary {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.95rem;
  border: 1px solid rgba(164, 163, 161, 0.22);
  border-radius: 0.85rem;
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.92), rgba(40, 40, 38, 0.72));
}

body.page-wallet-withdraw .wallet-bank-panel__summary strong,
body.page-wallet-withdraw .wallet-bank-panel__summary small {
  display: block;
}

body.page-wallet-withdraw .wallet-bank-panel__summary strong {
  color: #f8fafc;
}

body.page-wallet-withdraw .wallet-bank-panel__summary small {
  color: #d7d6d4;
}

body.page-wallet-withdraw .wallet-bank-panel__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 0.75rem;
  background: rgba(115, 115, 111, 0.18);
  color: #ddd9d1;
  box-shadow: inset 0 0 0 1px rgba(199, 198, 196, 0.18);
}

body.page-wallet-withdraw .wallet-bank-modal .modal-dialog {
  max-width: min(760px, calc(100vw - 1.5rem));
}

body.page-wallet-withdraw .wallet-bank-account-list {
  display: grid;
  gap: 0.75rem;
}

body.page-wallet-withdraw .wallet-bank-account-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(199, 198, 196, 0.2);
  border-radius: 0.95rem;
  background: linear-gradient(135deg, rgba(25, 25, 24, 0.96), rgba(40, 40, 38, 0.82));
  box-shadow: 0 14px 36px rgba(5, 5, 5, 0.18);
}

body.page-wallet-withdraw .wallet-bank-account-card__main {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.8rem;
}

body.page-wallet-withdraw .wallet-bank-account-card__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.75rem;
  background: rgba(110, 109, 105, 0.26);
  color: #e6e3dc;
}

body.page-wallet-withdraw .wallet-bank-account-card__bank {
  color: #ffffff;
  font-weight: 800;
}

body.page-wallet-withdraw .wallet-bank-account-card__holder {
  color: #e6e3dc;
  font-size: 0.9rem;
}

body.page-wallet-withdraw .wallet-bank-account-card__iban {
  color: #cbc8c0;
  font-size: 0.85rem;
  letter-spacing: 0.01em;
  overflow-wrap: anywhere;
}

body.page-wallet-withdraw .wallet-bank-empty {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem;
  border: 1px dashed rgba(164, 163, 161, 0.35);
  border-radius: 0.95rem;
  background: rgba(25, 25, 24, 0.55);
  color: #d7d6d4;
}

body.page-wallet-withdraw .wallet-bank-empty i {
  color: #cbc8c0;
  font-size: 1.25rem;
}

body.page-wallet-withdraw .wallet-bank-add-form {
  padding: 0.95rem;
  border: 1px solid rgba(164, 163, 161, 0.18);
  border-radius: 1rem;
  background: rgba(5, 5, 5, 0.24);
}

body.page-wallet-withdraw .wallet-bank-add-form .form-control,
body.page-wallet-withdraw .wallet-bank-add-form .form-select,
body.page-wallet-withdraw .wallet-bank-add-form .select2-container--default .select2-selection--single {
  min-height: 46px;
  border-radius: 0.75rem !important;
  background: rgba(25, 25, 24, 0.92);
  border-color: rgba(159, 158, 156, 0.28);
  color: #f8fafc;
}

body.page-wallet-withdraw .wallet-bank-add-form .select2-container {
  width: 100% !important;
}

body.page-wallet-withdraw .wallet-bank-add-form .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
}

body.page-wallet-withdraw .wallet-bank-add-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f8fafc;
  line-height: 1.2;
  padding-left: 0;
}

body.page-wallet-withdraw .wallet-bank-add-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #d7d6d4;
}

body.page-wallet-withdraw .wallet-bank-add-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
}

body.page-wallet-withdraw .select2-dropdown {
  border-radius: 0.75rem;
  border-color: rgba(159, 158, 156, 0.3);
  background: #1a1917;
}

@media (max-width: 575.98px) {
  body.page-wallet-withdraw .wallet-bank-account-card {
    align-items: stretch;
    flex-direction: column;
  }

  body.page-wallet-withdraw .wallet-bank-account-card form,
  body.page-wallet-withdraw .wallet-bank-account-card .btn {
    width: 100%;
  }
}

body.page-admin-supplier-products .supplier-action-modal .modal-body {
  padding: 1rem;
}

body.page-admin-supplier-products .supplier-action-stack {
  gap: 0.75rem;
}

@media (max-width: 1199.98px) {
  body.page-admin-supplier-products .supplier-products-table thead th:nth-child(1) {
    width: 32%;
  }

  body.page-admin-supplier-products .supplier-products-table thead th:nth-child(2) {
    width: 15%;
  }

  body.page-admin-supplier-products .supplier-products-table thead th:nth-child(5),
  body.page-admin-supplier-products .supplier-products-table thead th:nth-child(6) {
    width: 13%;
  }

  body.page-admin-supplier-products .supplier-variant-item {
    grid-template-columns: 56px minmax(130px, 1.2fr) repeat(3, minmax(66px, 0.5fr)) minmax(112px, 0.75fr);
    gap: 0.65rem;
  }
}

@media (max-width: 767.98px) {
  body.page-admin-supplier-products .supplier-products-table {
    min-width: 820px;
  }

  body.page-admin-supplier-products .supplier-variant-item {
    grid-template-columns: 48px minmax(0, 1fr) minmax(104px, auto);
  }

  body.page-admin-supplier-products .supplier-variant-metric {
    grid-template-columns: 64px 1fr;
    grid-column: 2 / 4;
    align-items: center;
  }

body.page-admin-supplier-products .supplier-variant-count-control {
    grid-column: 2 / 4;
  }
}

.xml-feed-list {
  border-top: 1px solid rgba(164, 163, 161, 0.18);
  padding-top: 1rem;
}

.xml-feed-table {
  min-width: 900px;
  border-color: rgba(164, 163, 161, 0.16);
}

.xml-feed-table th {
  color: rgba(234, 233, 231, 0.72);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.xml-feed-table td {
  color: #e5e7eb;
  vertical-align: middle;
}

.xml-feed-list .icon-button {
  align-items: center;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px;
}

.settings-empty-state {
  border: 1px dashed rgba(164, 163, 161, 0.22);
  border-radius: 8px;
  color: rgba(234, 233, 231, 0.68);
  margin-top: 0.75rem;
  padding: 0.875rem 1rem;
  text-align: center;
}
/* Trendyol marketplace integration */
.btn-trendyol {
  background: #f27a1a;
  border-color: #f27a1a;
  color: #111;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(242, 122, 26, 0.24);
}

.btn-trendyol:hover,
.btn-trendyol:focus {
  background: #ff8a2a;
  border-color: #ff8a2a;
  color: #111;
}

.btn-trendyol:disabled {
  background: rgba(242, 122, 26, 0.45);
  border-color: rgba(242, 122, 26, 0.25);
  color: rgba(17, 17, 17, 0.65);
  box-shadow: none;
}

.trendyol-status {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-top: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(242, 122, 26, 0.28);
  border-radius: 0.75rem;
  background: rgba(242, 122, 26, 0.08);
  color: var(--text-primary, #fff);
}

.trendyol-status > i {
  flex: 0 0 auto;
  color: #f27a1a;
  font-size: 1.15rem;
  margin-top: 0.1rem;
}

.trendyol-status > div {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

.trendyol-status strong,
.trendyol-status span {
  display: block;
}

.trendyol-status span {
  color: var(--text-muted, rgba(255, 255, 255, 0.68));
  font-size: 0.9rem;
  line-height: 1.45;
  margin-top: 0.2rem;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.trendyol-status--error {
  border-color: rgba(255, 96, 96, 0.35);
  background: rgba(255, 96, 96, 0.1);
}

.trendyol-status--error > i {
  color: #ff6b6b;
}

.import-card__badge--trendyol {
  border-color: rgba(242, 122, 26, 0.35);
  background: rgba(242, 122, 26, 0.12);
  color: #ff9a3d;
}

#deleteImportModal .modal-body > .d-flex > .text-warning {
  display: none;
}

.import-delete-marketplaces {
  display: grid;
  gap: 0.55rem;
}

.import-delete-marketplaces__title {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.import-delete-marketplace {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.75rem 0.85rem;
}

.import-delete-marketplace span {
  display: grid;
  gap: 0.18rem;
}

.import-delete-marketplace strong {
  color: rgba(255, 255, 255, 0.92);
}

.import-delete-marketplace small {
  color: rgba(255, 255, 255, 0.58);
}

.trendyol-import-modal .modal-dialog {
  max-width: min(1380px, calc(100vw - 1rem));
}

.trendyol-import-form {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.trendyol-modal-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.9rem;
}

.trendyol-modal-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 1rem;
}

.trendyol-modal-panel:first-child {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(420px, 2fr) auto;
  gap: 0.9rem;
  align-items: center;
  padding: 0.9rem 1rem;
}

.trendyol-modal-panel:first-child h6 {
  margin: 0;
}

.trendyol-modal-panel:first-child .trendyol-modal-panel__eyebrow {
  grid-column: 1 / -1;
  margin-bottom: -0.35rem;
}

.trendyol-modal-panel--mapping {
  padding: 1rem;
}

.trendyol-modal-panel__eyebrow {
  display: inline-flex;
  margin-bottom: 0.35rem;
  color: #f27a1a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.trendyol-original-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 0;
}

.trendyol-original-list div {
  display: grid;
  gap: 0.15rem;
}

.trendyol-original-list dt {
  color: var(--text-muted, rgba(255, 255, 255, 0.64));
  font-size: 0.78rem;
}

.trendyol-original-list dd {
  margin: 0;
  font-weight: 650;
}

.trendyol-barcode-note {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem;
  border-radius: 0.65rem;
  background: rgba(242, 122, 26, 0.1);
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.88rem;
  white-space: nowrap;
}

.trendyol-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.trendyol-form-grid .form-row:nth-child(1),
.trendyol-form-grid .form-row:nth-child(2) {
  grid-column: span 2;
}

.trendyol-category-field {
  position: relative;
}

.trendyol-category-loading {
  position: absolute;
  top: 0.38rem;
  right: 0.75rem;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.12rem 0.42rem;
  border-radius: 999px;
  background: #1d1d1c;
  color: rgba(255, 173, 90, 0.96);
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.01em;
  line-height: 1.15;
  pointer-events: none;
}

.trendyol-category-loading[hidden] {
  display: none;
}

.trendyol-category-loading__spinner {
  width: 0.62rem;
  height: 0.62rem;
  border: 1.5px solid rgba(255, 173, 90, 0.3);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: trendyol-category-loading-spin 0.7s linear infinite;
}

@keyframes trendyol-category-loading-spin {
  to { transform: rotate(360deg); }
}

.trendyol-brand-picker {
  position: relative;
}

.trendyol-brand-results {
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.25rem;
  max-height: 220px;
  overflow: auto;
  padding: 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.65rem;
  background: #1c1b19;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
}

.trendyol-brand-results button {
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: #fff;
  padding: 0.55rem 0.65rem;
  text-align: left;
}

.trendyol-brand-results button:hover,
.trendyol-brand-results button:focus {
  background: rgba(242, 122, 26, 0.14);
}

.trendyol-price-preview {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(242, 122, 26, 0.18);
  border-radius: 0.75rem;
  background: linear-gradient(135deg, rgba(242, 122, 26, 0.12), rgba(16, 15, 13, 0.38));
}

.trendyol-price-preview__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.trendyol-price-preview__main span,
.trendyol-price-preview__grid span {
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.trendyol-price-preview__main strong {
  color: #ff9a3d;
  font-size: 1.45rem;
}

.trendyol-price-preview__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}

.trendyol-price-preview__grid > div {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.trendyol-price-preview__grid strong {
  color: rgba(255, 255, 255, 0.92);
  font-size: 1rem;
}

.trendyol-price-preview__commission .form-label {
  margin-bottom: 0.25rem;
}

.trendyol-attributes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1rem;
}

.trendyol-import-modal .form-control,
.trendyol-import-modal .form-select {
  min-height: 52px;
  border-radius: 0.6rem;
}

.trendyol-import-modal .select2-container {
  width: 100% !important;
}

.trendyol-import-modal .select2-container--default .select2-selection--single {
  height: 52px;
  min-height: 52px;
  border-color: rgba(255, 255, 255, 0.14);
  border-radius: 0.6rem;
  background: rgba(16, 15, 13, 0.58);
}

.trendyol-import-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  line-height: 50px;
  padding-left: 0.85rem;
  padding-right: 2.5rem;
}

.trendyol-import-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  top: 1px;
}

.trendyol-import-modal .select2-dropdown {
  border-color: rgba(242, 122, 26, 0.25);
  background: #1d1d1d;
  color: #fff;
}

.trendyol-import-modal .select2-search__field {
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-radius: 0.45rem;
  background: rgba(16, 15, 13, 0.86);
  color: #fff;
}

.trendyol-import-modal .select2-results__option--highlighted[aria-selected] {
  background: #f27a1a;
}

.trendyol-variant-mapping {
  margin-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 1rem;
  position: relative;
}

.trendyol-variant-mapping__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.trendyol-variant-mapping__header h6 {
  margin: 0;
}

.trendyol-variant-mapping__header small {
  border-radius: 999px;
  background: rgba(242, 122, 26, 0.12);
  color: #ff9a3d;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  white-space: nowrap;
}

.trendyol-optimize-btn {
  position: absolute;
  top: 1rem;
  right: 7.35rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  border: 1px solid rgba(242, 122, 26, 0.35);
  border-radius: 999px;
  background: rgba(242, 122, 26, 0.12);
  color: #ffad5a;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1;
  padding: 0.48rem 0.72rem;
}

.trendyol-optimize-btn:hover,
.trendyol-optimize-btn:focus {
  background: rgba(242, 122, 26, 0.2);
  border-color: rgba(242, 122, 26, 0.55);
  color: #ffc28a;
}

.trendyol-variant-list {
  display: grid;
  gap: 0.65rem;
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.trendyol-variant-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 2.2fr);
  gap: 0.9rem;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.7rem;
  background: rgba(16, 15, 13, 0.38);
  padding: 0.75rem 0.85rem;
}

.trendyol-variant-card__summary {
  display: grid;
  gap: 0.25rem;
}

.trendyol-variant-card__summary span {
  color: var(--text-muted, rgba(255, 255, 255, 0.64));
  font-size: 0.82rem;
}

.trendyol-variant-card__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 0.7rem;
  align-items: end;
}

.trendyol-variant-card__fields .form-row {
  min-width: 0;
}

@media (max-width: 860px) {
  .trendyol-modal-grid,
  .trendyol-form-grid,
  .trendyol-price-preview__grid,
  .trendyol-attributes,
  .trendyol-variant-card,
  .trendyol-variant-card__fields {
    grid-template-columns: 1fr;
  }

  .trendyol-modal-panel:first-child {
    grid-template-columns: 1fr;
  }

  .trendyol-optimize-btn {
    position: static;
    margin: 0 0 0.75rem 0;
  }

  .trendyol-barcode-note {
    white-space: normal;
  }
}
body.page-plan-invoices .container {
  max-width: 1360px;
}

.plan-invoices-page {
  color: var(--ds-text-primary);
}

.plan-invoices-shell {
  max-width: 1260px;
}

.plan-invoices-hero,
.plan-invoices-list__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.plan-invoices-hero {
  margin-bottom: 1.25rem;
}

.plan-invoices-eyebrow {
  display: inline-flex;
  margin-bottom: 0.45rem;
  color: #cbc8c0;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.plan-invoices-hero h1,
.plan-invoices-list__header h2 {
  margin: 0;
  color: #fff;
  font-weight: 800;
  letter-spacing: 0;
}

.plan-invoices-hero h1 {
  font-size: clamp(2rem, 3vw, 2.7rem);
}

.plan-invoices-hero p {
  max-width: 780px;
  margin: 0;
  color: var(--ds-text-secondary);
  font-size: 1rem;
}

.plan-invoices-hero__meta {
  display: grid;
  min-width: 9rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 8px;
  background: rgba(25, 25, 24, 0.56);
}

.plan-invoices-hero__meta span,
.plan-invoice-summary-card span,
.plan-invoice-card__details span,
.plan-invoice-amount span,
.plan-invoice-docs > span,
.plan-invoice-coupon > span {
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.plan-invoices-hero__meta strong {
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.1;
}

.plan-invoices-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.95fr) minmax(16rem, 0.75fr);
  gap: 1rem;
  margin-bottom: 1rem;
}

.plan-invoice-summary-card,
.plan-invoices-policy,
.plan-invoice-card,
.plan-invoice-empty {
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(25, 25, 24, 0.86), rgba(25, 25, 24, 0.58));
  box-shadow: 0 22px 54px -42px rgba(5, 5, 5, 0.95);
}

.plan-invoice-summary-card {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 9.5rem;
  padding: 1.15rem;
}

.plan-invoice-summary-card strong {
  color: #fff;
  font-size: 1.85rem;
  line-height: 1.1;
}

.plan-invoice-summary-card small,
.plan-invoice-summary-card__note {
  color: var(--ds-text-secondary);
}

.order-card__shopify-sync {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid rgba(126, 125, 123, 0.28);
  border-radius: 0.85rem;
  background: rgba(68, 67, 65, 0.12);
  color: #d9d6cf;
  font-size: 0.88rem;
}

.order-card__shopify-sync-label {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}

.order-card__shopify-sync-error {
  color: inherit;
  opacity: 0.88;
  text-align: right;
}

.order-card__sync-info {
  appearance: none;
  margin-left: 0.2rem;
  padding: 0 0.15rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: help;
}

.order-card__sync-info:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 0.2rem;
}

.order-card__shopify-sync--success {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(5, 150, 105, 0.12);
  color: #a7f3d0;
}

.order-card__shopify-sync--warning {
  border-color: rgba(245, 158, 11, 0.38);
  background: rgba(180, 83, 9, 0.12);
  color: #fde68a;
}

.order-card__shopify-sync--danger {
  border-color: rgba(244, 63, 94, 0.42);
  background: rgba(159, 18, 57, 0.15);
  color: #fecdd3;
}

.order-card__shopify-sync--neutral {
  border-color: rgba(164, 163, 161, 0.3);
  background: rgba(66, 65, 63, 0.16);
  color: var(--ds-text-secondary);
}

@media (max-width: 767.98px) {
  .order-card__shopify-sync {
    flex-direction: column;
  }

  .order-card__shopify-sync-error {
    text-align: left;
  }
}

.plan-invoice-summary-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: auto;
}

.plan-invoice-summary-card--wallet {
  background: linear-gradient(135deg, rgba(40, 40, 38, 0.92), rgba(110, 109, 105, 0.26));
}

.plan-invoice-summary-card--due {
  border-color: rgba(251, 191, 36, 0.36);
  background: linear-gradient(135deg, rgba(120, 53, 15, 0.38), rgba(25, 25, 24, 0.72));
}

.plan-invoice-summary-card--clear {
  border-color: rgba(34, 197, 94, 0.26);
  background: linear-gradient(135deg, rgba(20, 83, 45, 0.32), rgba(25, 25, 24, 0.72));
}

.plan-invoice-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: auto;
}

.plan-invoice-mini-stats > div {
  padding: 0.75rem;
  border: 1px solid rgba(164, 163, 161, 0.14);
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.24);
}

.plan-invoice-mini-stats strong,
.plan-invoice-mini-stats small {
  display: block;
}

.plan-invoice-mini-stats strong {
  font-size: 1.35rem;
}

.plan-invoices-policy {
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.plan-invoices-policy summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  cursor: pointer;
  color: #d9d6cf;
  font-weight: 800;
  list-style: none;
}

.plan-invoices-policy summary::-webkit-details-marker {
  display: none;
}

.plan-invoices-policy summary span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.plan-invoices-policy p {
  margin: 0;
  padding: 0 1rem 1rem;
  color: var(--ds-text-secondary);
}

.plan-invoices-policy[open] summary .bi-chevron-down {
  transform: rotate(180deg);
}

.plan-invoices-list {
  display: grid;
  gap: 0.85rem;
}

.plan-invoices-list__header {
  margin-bottom: 0.1rem;
}

.plan-invoices-list__header h2 {
  font-size: 1.35rem;
}

.plan-invoices-list__header > span {
  color: var(--ds-text-muted);
  font-size: 0.9rem;
}

.plan-invoice-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(19rem, 24rem);
  gap: 1rem;
  padding: 1rem;
}

.plan-invoice-card--action {
  border-color: rgba(159, 158, 156, 0.28);
}

.plan-invoice-card__main {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.plan-invoice-card__title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.plan-invoice-card__number,
.plan-invoice-card__title small {
  display: block;
}

.plan-invoice-card__number {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 800;
}

.plan-invoice-card__title small {
  color: var(--ds-text-secondary);
}

.plan-invoice-status {
  border-radius: 999px;
  padding: 0.45rem 0.7rem;
  white-space: nowrap;
}

.plan-invoice-card__details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.plan-invoice-card__details > div,
.plan-invoice-amount,
.plan-invoice-docs,
.plan-invoice-paybox,
.plan-invoice-done {
  border: 1px solid rgba(164, 163, 161, 0.14);
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.24);
}

.plan-invoice-card__details > div,
.plan-invoice-amount,
.plan-invoice-docs,
.plan-invoice-done {
  padding: 0.85rem;
}

.plan-invoice-card__details strong {
  display: block;
  margin-top: 0.2rem;
  color: #e5e7eb;
  font-size: 0.95rem;
}

.plan-invoice-amount strong {
  display: block;
  margin-top: 0.2rem;
  color: #fff;
  font-size: 1.45rem;
}

.plan-invoice-amount small,
.plan-invoice-amount em {
  display: block;
  color: var(--ds-text-secondary);
  font-style: normal;
}

.plan-invoice-amount em {
  color: #86efac;
  font-weight: 700;
}

.plan-invoice-card__side {
  display: grid;
  align-content: start;
  gap: 0.75rem;
}

.plan-invoice-docs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.plan-invoice-paybox {
  display: grid;
  gap: 0.85rem;
  padding: 0.9rem;
}

.plan-invoice-coupon {
  display: grid;
  gap: 0.4rem;
}

.plan-invoice-coupon .input-group-text,
.plan-invoice-coupon .form-control {
  border-color: rgba(164, 163, 161, 0.22);
  background-color: rgba(25, 25, 24, 0.72);
  color: #fff;
}

.plan-invoice-coupon .btn {
  position: relative;
  border-color: rgba(164, 163, 161, 0.28);
  font-weight: 800;
}

.plan-invoice-coupon .btn.is-loading {
  color: transparent !important;
  pointer-events: none;
}

.plan-invoice-coupon .btn.is-loading i {
  opacity: 0;
}

.plan-invoice-coupon .btn.is-loading::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  content: "";
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  color: #eeeae3;
  animation: planInvoiceCouponSpin 0.7s linear infinite;
}

@keyframes planInvoiceCouponSpin {
  to {
    transform: rotate(360deg);
  }
}

.plan-invoice-coupon__clear {
  width: 2.35rem;
  padding-right: 0;
  padding-left: 0;
  color: #fecaca;
}

.plan-invoice-coupon__clear:hover,
.plan-invoice-coupon__clear:focus-visible {
  color: #fff;
}

.plan-invoice-coupon small {
  color: var(--ds-text-muted);
}

.plan-invoice-coupon__meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  min-height: 0.25rem;
}

.plan-invoice-coupon__meta small {
  text-align: right;
}

.plan-invoice-coupon__meta small.is-success {
  color: #86efac;
}

.plan-invoice-coupon__meta small.is-error {
  color: #fca5a5;
}

.plan-invoice-methods {
  display: grid;
  gap: 0.55rem;
}

.plan-invoice-method {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 3.35rem;
  padding: 0.7rem;
  border: 1px solid rgba(164, 163, 161, 0.16);
  border-radius: 8px;
  background: rgba(25, 25, 24, 0.52);
  cursor: pointer;
}

.plan-invoice-method.is-disabled {
  cursor: not-allowed;
  opacity: 0.56;
}

.plan-invoice-method strong,
.plan-invoice-method small {
  display: block;
}

.plan-invoice-method strong {
  color: #f8fafc;
}

.plan-invoice-method small {
  color: var(--ds-text-secondary);
}

.plan-invoice-balance-warning {
  color: #facc15;
  font-size: 0.86rem;
}

.plan-invoice-balance-warning a {
  color: #fff;
  font-weight: 800;
}

.plan-invoice-done {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: #bbf7d0;
  font-weight: 800;
}

.plan-invoice-empty {
  padding: 3rem 1rem;
  text-align: center;
}

.plan-invoice-empty i {
  color: var(--ds-text-muted);
  font-size: 2.5rem;
}

.plan-invoice-empty h2 {
  margin: 0.75rem 0 0.4rem;
  color: #fff;
  font-size: 1.25rem;
}

.plan-invoice-empty p {
  margin: 0;
  color: var(--ds-text-secondary);
}

.plan-invoices-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
}

@media (max-width: 1199.98px) {
  .plan-invoices-summary-grid,
  .plan-invoice-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .plan-invoices-hero,
  .plan-invoices-list__header,
  .plan-invoice-card__title,
  .plan-invoices-pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .plan-invoices-summary-grid,
  .plan-invoice-card__details {
    grid-template-columns: 1fr;
  }

  .plan-invoice-summary-card__actions .btn,
  .plan-invoice-docs .btn {
    width: 100%;
  }

  .plan-invoice-docs {
    align-items: stretch;
    flex-direction: column;
  }
}

body:is(.page-wallet-topup, .page-wallet-withdraw) .container {
  max-width: 1360px;
}

.wallet-page {
  color: var(--ds-text-primary);
}

.wallet-page-shell {
  max-width: 1260px;
}

.wallet-page-hero {
  align-items: flex-end !important;
}

.wallet-page-hero h1 {
  margin: 0 0 0.35rem;
  color: #fff;
  font-size: clamp(2rem, 3vw, 2.7rem);
  font-weight: 800;
  letter-spacing: 0;
}

.wallet-page-hero p {
  max-width: 760px;
  color: var(--ds-text-secondary) !important;
}

.wallet-balance-card,
.wallet-primary-card,
.wallet-secondary-card,
.wallet-ledger-card {
  border: 1px solid rgba(164, 163, 161, 0.16) !important;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(25, 25, 24, 0.86), rgba(25, 25, 24, 0.58)) !important;
  box-shadow: 0 22px 54px -42px rgba(5, 5, 5, 0.95) !important;
}

.wallet-balance-card {
  min-width: 12rem;
  background: linear-gradient(135deg, rgba(40, 40, 38, 0.92), rgba(110, 109, 105, 0.26)) !important;
}

.wallet-balance-card .card-body {
  padding: 1rem;
}

.wallet-balance-card .fs-3 {
  color: #fff;
  font-weight: 800 !important;
}

.wallet-action-grid {
  margin-bottom: 1rem;
}

.wallet-primary-card .card-body,
.wallet-secondary-card .card-body,
.wallet-ledger-card .card-body {
  padding: 1rem;
}

.wallet-primary-card .card-title,
.wallet-secondary-card .card-title,
.wallet-ledger-card .card-title {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 800;
}

.wallet-primary-card p,
.wallet-secondary-card p,
.wallet-secondary-card ol,
.wallet-ledger-card small,
.wallet-ledger-card .text-muted {
  color: var(--ds-text-secondary) !important;
}

.wallet-primary-card .form-label,
.wallet-withdraw-page .form-label {
  color: #e6e3dc;
  font-weight: 800;
}

.wallet-primary-card .input-group-text,
.wallet-primary-card .form-control,
.wallet-primary-card .form-select,
.wallet-primary-card textarea,
.wallet-bank-modal .form-control,
.wallet-bank-modal .form-select {
  border-color: rgba(164, 163, 161, 0.22);
  background-color: rgba(25, 25, 24, 0.72);
  color: #fff;
}

.wallet-primary-card .form-control:focus,
.wallet-primary-card .form-select:focus,
.wallet-primary-card textarea:focus,
.wallet-bank-modal .form-control:focus,
.wallet-bank-modal .form-select:focus {
  border-color: rgba(159, 158, 156, 0.55);
  box-shadow: 0 0 0 0.22rem rgba(159, 158, 156, 0.16);
}

.wallet-secondary-card .alert-info {
  border: 1px solid rgba(159, 158, 156, 0.2);
  border-radius: 8px;
  background: rgba(110, 109, 105, 0.14);
  color: #d9d6cf;
}

.wallet-ledger-card {
  overflow: hidden;
}

.wallet-ledger-card .table-responsive {
  border: 1px solid rgba(164, 163, 161, 0.14);
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.24);
}

.wallet-ledger-card .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--ds-text-primary);
  --bs-table-border-color: rgba(164, 163, 161, 0.14);
  margin-bottom: 0;
}

.wallet-ledger-card .table thead th {
  border-bottom-color: rgba(164, 163, 161, 0.16);
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.wallet-ledger-card .table tbody td {
  color: var(--ds-text-secondary);
  vertical-align: middle;
}

.wallet-ledger-card .table tbody td.text-body,
.wallet-ledger-card .table tbody td .text-body {
  color: #e5e7eb !important;
}

.wallet-ledger-card .table tbody td.text-muted,
.wallet-ledger-card .table tbody td .text-muted {
  color: #d7d6d4 !important;
}

.wallet-ledger-card .table tbody td.text-body-secondary,
.wallet-ledger-card .table tbody td .text-body-secondary {
  color: #a4a3a1 !important;
}

.wallet-ledger-card .table tbody tr {
  background: rgba(25, 25, 24, 0.34);
}

.wallet-ledger-card .table tbody tr + tr {
  border-top: 1px solid rgba(164, 163, 161, 0.1);
}

.wallet-ledger-card .badge {
  border-radius: 999px;
}

.wallet-ledger-card .wallet-reference-badge {
  align-items: center;
  border: 1px solid rgba(164, 163, 161, 0.62);
  background: #363533;
  color: #f8fafc !important;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.15;
  padding: 0.34rem 0.56rem;
  white-space: nowrap;
}

.wallet-ledger-card .wallet-reference-badge--woo {
  border-color: #c5c1b8;
  background: #3d3c3a;
  color: #f8f7f5 !important;
}

.wallet-ledger-card .wallet-reference-badge--shopify {
  border-color: #84cc16;
  background: #365314;
  color: #f7fee7 !important;
}

.wallet-ledger-card .wallet-reference-badge--shopier {
  border-color: #b2b1af;
  background: #535250;
  color: #ecfeff !important;
}

.wallet-ledger-card .wallet-reference-badge--trendyol {
  border-color: #fb923c;
  background: #9a3412;
  color: #fff7ed !important;
}

.wallet-ledger-card .wallet-reference-badge--hepsiburada {
  border-color: #fdba74;
  background: #7c2d12;
  color: #fff7ed !important;
}

.wallet-ledger-card .wallet-reference-badge--amazon {
  border-color: #fbbf24;
  background: #3f3f46;
  color: #fffbeb !important;
}

.wallet-ledger-card .wallet-reference-badge--n11 {
  border-color: #f472b6;
  background: #831843;
  color: #fdf2f8 !important;
}

.wallet-ledger-card .wallet-reference-badge--pazarama,
.wallet-ledger-card .wallet-reference-badge--ciceksepeti {
  border-color: #4ade80;
  background: #14532d;
  color: #f0fdf4 !important;
}

.wallet-bank-panel__summary {
  border-color: rgba(164, 163, 161, 0.14);
  background: rgba(5, 5, 5, 0.24);
}

.wallet-bank-account-card,
.wallet-bank-empty {
  border-radius: 8px;
}

@media (max-width: 767.98px) {
  .wallet-page-hero {
    align-items: stretch !important;
  }

  .wallet-balance-card {
    width: 100%;
  }

  .wallet-balance-card .card-body {
    text-align: left !important;
  }

  .wallet-primary-card .d-flex.justify-content-end {
    align-items: stretch !important;
    flex-direction: column;
  }

  .wallet-primary-card .d-flex.justify-content-end .btn {
    width: 100%;
  }
}

/* 2026-08 mobile usability and density pass */
body.is-partner-control :is(.form-select, select.form-control) {
  color: #f6f5f3;
  background-color: #141413;
  color-scheme: dark;
}

body.is-partner-control :is(.form-select, select.form-control) option {
  color: #f6f5f3;
  background: #141413;
}

body.is-partner-control :is(.form-select, select.form-control) option:checked {
  color: #fff;
  background: #51504e;
}

.modal-modern .btn-close,
.catalog-filter-modal .btn-close,
.settings-security-modal .btn-close {
  opacity: 0.86;
  filter: invert(1) grayscale(1) brightness(2.5);
}

.modal-modern .btn-close:hover,
.modal-modern .btn-close:focus-visible,
.catalog-filter-modal .btn-close:hover,
.catalog-filter-modal .btn-close:focus-visible,
.settings-security-modal .btn-close:hover,
.settings-security-modal .btn-close:focus-visible {
  opacity: 1;
}

.tooltip {
  z-index: 2300 !important;
  --bs-tooltip-bg: #050505;
  --bs-tooltip-color: #f8fafc;
}

body.modal-open .tooltip.show {
  z-index: 2300 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tooltip-inner {
  border: 1px solid rgba(199, 198, 196, 0.3);
  box-shadow: 0 14px 35px rgba(5, 5, 5, 0.58);
}

/* Render partner form fields in their final floating-label geometry from the
   first CSS paint. JavaScript may add semantic helper classes later, but it no
   longer changes layout or label dimensions. */
body:is(.is-partner-control, .page-login, .page-register, .page-forgot-password, .page-reset-password)
  :is(.settings-grid__field, .form-field, .form-group, .mb-3, .mb-4, [data-form-field]):not([data-floating-label="off"]):has(> label.form-label[for]):has(:is(.form-control, .form-select, textarea)) {
  position: relative;
  padding-top: .42rem;
}

body:is(.is-partner-control, .page-login, .page-register, .page-forgot-password, .page-reset-password)
  :is(.settings-grid__field, .form-field, .form-group, .mb-3, .mb-4, [data-form-field]):not([data-floating-label="off"]):has(> label.form-label[for]):has(:is(.form-control, .form-select, textarea)) > label.form-label[for] {
  position: absolute;
  top: 0;
  left: .86rem;
  z-index: 8;
  max-width: calc(100% - 1.72rem);
  margin: 0;
  padding: 0 .38rem;
  overflow: hidden;
  color: #a4a3a1;
  background: var(--floating-label-bg, #1d1d1c);
  font-size: .68rem;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: .015em;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(.32rem);
  pointer-events: none;
}

body:is(.is-partner-control, .page-login, .page-register, .page-forgot-password, .page-reset-password)
  :is(.settings-grid__field, .form-field, .form-group, .mb-3, .mb-4, [data-form-field]):not([data-floating-label="off"]):has(> label.form-label[for]):has(:is(.form-control, .form-select, textarea)) :is(.form-control, .form-select, textarea) {
  min-height: 52px;
  padding-top: .9rem;
}

body:is(.is-partner-control, .page-login, .page-register, .page-forgot-password, .page-reset-password)
  :is(.settings-grid__field, .form-field, .form-group, .mb-3, .mb-4, [data-form-field]):has(.settings-info-button):has(:is(.form-control, .form-select, textarea)) :is(.form-control, .form-select, textarea) {
  padding-right: 3rem;
}

.settings-grid--pricing {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
}

.settings-grid--pricing .floating-field__input-wrap > .floating-field__info {
  top: 50%;
  transform: translateY(-50%);
}

body.page-product .form-row.floating-field > .floating-field__info,
body.page-wallet-topup .floating-field > .floating-field__info,
body.page-wallet-withdraw .floating-field > .floating-field__info {
  top: calc(.42rem + 26px);
  transform: translateY(-50%);
}

.wallet-primary-card .floating-field,
.wallet-withdraw-page .floating-field {
  --floating-label-bg: #1d1d1c;
  isolation: isolate;
}

@media (max-width: 575.98px) {
  .branding-dropzone {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .branding-dropzone__action {
    grid-column: 1 / -1;
    text-align: center;
  }
}

.settings-grid--pricing > .settings-grid__field {
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid rgba(164, 163, 161, 0.15);
  border-radius: 14px;
  background: rgba(5, 5, 5, 0.22);
}

.settings-grid--pricing > .settings-grid__field:nth-child(1),
.settings-grid--pricing > .settings-grid__field:nth-child(2) {
  grid-column: span 3;
}

.settings-grid--pricing > .settings-grid__field:nth-child(n + 3) {
  grid-column: span 2;
}

.settings-grid--pricing .form-check {
  margin: 0;
}

.settings-security-box__header > div,
.settings-security-box__header--between > div {
  min-width: 0;
}

@media (max-width: 1199.98px) {
  .settings-grid--pricing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-grid--pricing > .settings-grid__field:nth-child(n) {
    grid-column: auto;
  }
}

@media (max-width: 767.98px) {
  body.is-partner-control {
    padding-bottom: calc(76px + env(safe-area-inset-bottom));
  }

  .mobile-dock {
    position: fixed !important;
    top: auto !important;
    bottom: max(0.55rem, env(safe-area-inset-bottom)) !important;
    transform: translateZ(0);
    will-change: transform;
    contain: layout paint;
  }

  .scroll-top-btn {
    bottom: calc(5.35rem + env(safe-area-inset-bottom));
  }

  .site-header .navbar-toggler-icon {
    position: relative;
    display: block;
    width: 20px;
    height: 14px;
    margin: auto;
    border-top: 2px solid #d7d6d4;
    border-bottom: 2px solid #d7d6d4;
    background: none !important;
  }

  .site-header .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 2px;
    background: #d7d6d4;
    transform: translateY(-50%);
  }

  .page-settings .settings-panel.product-form {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    overflow: visible;
    border-radius: 16px;
  }

  .page-settings .settings-tabs {
    position: sticky;
    z-index: 20;
    top: 67px;
    display: flex;
    width: 100%;
    max-width: calc(100vw - 1.5rem);
    min-width: 0;
    margin: 0;
    padding: 0.5rem;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-x;
    border-radius: 16px 16px 0 0;
    background: rgba(16, 15, 13, 0.96);
    backdrop-filter: blur(18px);
  }

  .page-settings .settings-tabs::-webkit-scrollbar {
    display: none;
  }

  .page-settings .settings-tabs .nav-item {
    flex: 0 0 auto;
    scroll-snap-align: center;
  }

  .page-settings .settings-tabs .nav-link {
    min-height: 40px;
    padding: 0.48rem 0.72rem;
    font-size: 0.78rem;
    white-space: nowrap;
  }

  .page-settings .settings-panel > .tab-content,
  .page-settings .settings-pane,
  .page-settings .settings-card,
  .page-settings .settings-profile-layout,
  .page-settings .settings-profile-layout > * {
    width: 100%;
    min-width: 0;
  }

  .page-settings .settings-panel > .tab-content {
    padding: 0.75rem;
  }

  .page-settings .settings-pane {
    gap: 0.85rem;
  }

  .page-settings .settings-profile-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-settings .settings-pane > .settings-pane__header {
    padding-inline: 0.15rem;
  }

  .page-settings .settings-card {
    padding: 0.9rem;
    border-radius: 16px;
  }

  .page-settings .settings-card__header p {
    display: none;
  }

  .page-settings .settings-grid,
  .page-settings .settings-grid--pricing {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
  }

  .page-settings .settings-grid--pricing > .settings-grid__field:nth-child(n) {
    grid-column: auto;
    padding: 0.72rem;
  }

  .settings-security-modal .modal-dialog {
    width: auto;
    margin: 0.5rem;
  }

  .settings-security-modal .modal-content {
    max-height: calc(100dvh - 1rem);
    overflow: hidden;
    border-radius: 18px;
  }

  .settings-security-modal .modal-header,
  .settings-security-modal .modal-body {
    padding: 0.85rem;
  }

  .settings-security-modal .modal-body {
    overflow-y: auto;
  }

  .settings-security-modal__grid {
    gap: 0.7rem;
  }

  .settings-security-box {
    gap: 0.75rem;
    padding: 0.8rem;
    border-radius: 14px;
  }

  .settings-security-box__fields {
    gap: 0.65rem;
  }

  .settings-security-box__header p {
    font-size: 0.75rem;
    line-height: 1.35;
  }

  .site-footer {
    padding: 1rem 0.75rem calc(5.6rem + env(safe-area-inset-bottom));
  }

  .site-footer .row {
    --bs-gutter-y: 0.75rem;
  }

  .site-footer__brand-card {
    padding: 0.72rem;
    border-radius: 13px;
  }

  .site-footer__brand {
    align-items: center !important;
    flex-direction: row !important;
    gap: 0.65rem;
    text-align: left;
  }

  .site-footer__brand-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 10px;
  }

  .site-footer__brand-mark {
    font-size: 1.08rem;
  }

  .site-footer__title {
    font-size: 0.84rem;
  }

  .site-footer__brand-text p:not(.site-footer__title) {
    font-size: 0.7rem;
    line-height: 1.35;
  }

  .site-footer__nav-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 1rem;
  }

  .site-footer__section-heading {
    margin-bottom: 0.35rem;
    font-size: 0.67rem;
  }

  .site-footer__nav ul {
    gap: 0.08rem;
  }

  .site-footer__link {
    gap: 0.35rem;
    padding: 0.2rem 0;
    font-size: 0.71rem;
    white-space: nowrap;
  }

  .site-footer__link i {
    width: 0.85rem;
    font-size: 0.74rem;
  }

  .site-footer__bottom {
    margin-top: 0.45rem;
    padding-top: 0.55rem;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 0.65rem;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .page-catalog .catalog-grid {
    gap: 0.58rem;
  }

  .page-catalog .catalog-grid .card-modern {
    border-radius: 14px;
  }

  .page-catalog .catalog-grid .card-media {
    aspect-ratio: 1 / 1.12;
  }

  .page-catalog .catalog-grid .product-price {
    top: auto !important;
    right: auto !important;
    bottom: 0.45rem;
    left: 0.45rem !important;
    max-width: calc(100% - 1rem);
    padding: 0.3rem 0.42rem;
    border-radius: 9px;
    font-size: 0.68rem;
  }

  .page-catalog .catalog-grid .product-badges {
    top: 0.42rem;
    right: 0.42rem;
    gap: 0.22rem;
  }

  .page-catalog .catalog-grid :is(.product-status--new, .product-status--bestseller, .product-status--out) {
    width: 26px;
    min-width: 26px;
    height: 26px;
    padding: 0 !important;
    justify-content: center;
    border-radius: 8px;
    font-size: 0.68rem;
  }

  .page-catalog .catalog-grid :is(.product-status--new, .product-status--bestseller, .product-status--out) .product-status__label {
    display: none;
  }

  .page-catalog .catalog-grid :is(.product-status--new, .product-status--bestseller, .product-status--out) i {
    margin: 0 !important;
    font-size: 0.72rem;
  }

  .page-catalog .catalog-grid .product-status--imported {
    min-height: 28px;
    padding: 0.18rem;
    border-radius: 8px;
  }

  .page-catalog .catalog-grid .product-status__marketplace {
    width: 22px;
    height: 22px;
  }

  .page-catalog .catalog-grid .card-body {
    padding: 0.58rem;
  }

  .page-catalog .catalog-grid .product-title {
    display: -webkit-box;
    min-height: 2.45em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.76rem;
    white-space: normal;
  }

  .page-catalog .catalog-grid .product-import-count {
    gap: 0.23rem;
    padding: 0.22rem 0.42rem 0.22rem 0.24rem;
    font-size: 0.65rem;
  }

  .page-catalog .catalog-grid .product-import-count__icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-basis: 1.25rem;
  }

  .page-catalog .catalog-grid .product-import-count__icon i {
    font-size: 0.66rem;
  }

  .page-catalog .catalog-grid .product-import-count__suffix {
    display: none;
  }

  .catalog-filter-modal .modal-dialog {
    width: auto;
    margin: 0.5rem;
  }

  .catalog-filter-modal .modal-footer {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.42rem;
    padding: 0.75rem;
  }

  .catalog-filter-modal .modal-footer .btn {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding-inline: 0.35rem;
    font-size: 0.76rem;
  }

  .catalog-pagination {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.78rem;
    border-radius: 18px;
  }

  .catalog-pagination__pill {
    width: 100%;
    min-height: 40px;
    padding: 0.48rem;
    justify-content: center;
    font-size: 0.78rem;
  }

  .catalog-pagination__pages,
  .catalog-pagination__meta {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }

  .catalog-pagination__page-btn {
    width: 36px;
    height: 36px;
  }

  .catalog-pagination__count,
  .catalog-pagination__meta {
    font-size: 0.74rem;
  }

  .orders-search__group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 0.48rem;
    padding: 0.48rem;
  }

  .orders-search__input {
    grid-column: 1;
    grid-row: 1;
  }

  .orders-search__submit {
    grid-column: 2;
    grid-row: 1;
    width: 48px !important;
    min-width: 48px;
    min-height: 44px;
    padding: 0 !important;
  }

  .orders-search__submit i {
    margin: 0;
    font-size: 1rem;
  }

  .orders-search__submit span {
    display: none;
  }

  .orders-search__date-wrap {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  .orders-list {
    gap: 0.85rem;
  }

  .order-card {
    gap: 0.8rem;
    padding: 0.75rem;
    border-radius: 18px;
  }

  .order-card__header {
    gap: 0.55rem;
    align-items: flex-start;
  }

  .order-card__title {
    gap: 0.38rem;
    font-size: 0.82rem;
  }

  .order-card__id {
    font-size: 0.96rem;
  }

  .order-badge {
    padding: 0.26rem 0.48rem;
    font-size: 0.61rem;
  }

  .order-card__meta {
    gap: 0.38rem 0.55rem;
    font-size: 0.72rem;
  }

  .order-card__invoice-link {
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    padding: 0;
  }

  .order-card__invoice-link-text {
    display: none;
  }

  .order-card__body {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
  }

  .order-card__customer,
  .order-card__items {
    gap: 0.52rem;
    padding: 0.62rem;
    border-radius: 14px;
  }

  .order-card__customer h3,
  .order-card__items h3 {
    font-size: 0.82rem;
  }

  .order-card__customer ul {
    gap: 0.32rem;
  }

  .order-card__customer li {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 0.42rem;
    font-size: 0.72rem;
    line-height: 1.35;
  }

  .order-card__customer .label {
    font-size: 0.56rem;
  }

  .order-card__customer-note.is-empty {
    display: none;
  }

  .order-item {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 0.5rem;
  }

  .order-item__media {
    width: 46px;
    height: 46px;
    border-radius: 10px;
  }

  .order-item__media + .order-item__content {
    grid-column: 2;
  }

  .order-item__content {
    gap: 0.3rem;
  }

  .order-item__title {
    font-size: 0.73rem;
    line-height: 1.3;
  }

  .order-item__meta {
    gap: 0.2rem;
    font-size: 0.65rem;
  }

  .order-item__partner {
    font-size: 0.66rem;
  }

  .order-item__quantity,
  .order-item__badge {
    padding: 0.18rem 0.34rem;
    font-size: 0.58rem;
  }

  .order-card__totals {
    gap: 0.4rem;
    padding-top: 0.55rem;
  }

  .order-card__totals-title,
  .order-total-row--detail {
    display: none;
  }

  .order-card__totals-group--partner {
    width: 100%;
    gap: 0.28rem;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0.68rem;
  }

  .order-total-row--final {
    font-size: 0.76rem;
    font-weight: 800;
  }

  .order-card__operations {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
  }

  .order-card__operations > .order-card__footer,
  .order-card__operations > .order-card__return {
    padding: 0.62rem;
    border-radius: 12px;
  }

  .order-card__footer {
    gap: 0.45rem;
  }

  .order-card__shipping-title {
    font-size: 0.76rem;
  }

  .order-card__shipping-meta {
    flex-wrap: nowrap;
    gap: 0.45rem;
    overflow: hidden;
    font-size: 0.64rem;
    white-space: nowrap;
  }

  .order-card__shipping-meta > span {
    min-width: 0;
    white-space: nowrap;
  }

  .order-card__shipping-meta > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .order-card__return {
    border-radius: 14px;
  }

  .order-card__return-title {
    font-size: 0.76rem;
  }

  .order-card__return-info,
  .order-card__return-status-text {
    display: none;
  }

  .order-card__return-actions {
    gap: 0.45rem;
  }

  .order-card__return-actions .btn {
    min-height: 38px;
    padding: 0.42rem 0.62rem;
    font-size: 0.74rem;
  }

  [data-order-return-modal] .modal-dialog {
    width: auto;
    margin: 0.45rem;
  }

  [data-order-return-modal] .modal-content {
    max-height: calc(100dvh - 0.9rem);
    overflow: hidden;
    border-radius: 18px;
  }

  [data-order-return-modal] .modal-header,
  [data-order-return-modal] .modal-body,
  [data-order-return-modal] .modal-footer {
    padding: 0.8rem;
  }

  [data-order-return-modal] .modal-body {
    overflow-y: auto;
  }

  [data-order-return-modal] .modal-eyebrow {
    display: none;
  }

  [data-order-return-modal] .modal-title {
    font-size: 1rem;
  }

  [data-order-return-modal] .modal-header .text-muted,
  [data-order-return-modal] [data-order-return-tracking-help] {
    font-size: 0.72rem;
  }

  [data-order-return-modal] .order-return-scope {
    gap: 0.42rem;
  }

  [data-order-return-modal] .order-return-scope__option {
    padding: 0.58rem 0.68rem;
    font-size: 0.8rem;
  }

  .floating-field > .floating-field__info.order-create-info-tooltip .order-create-info-tooltip__content {
    right: 0;
    left: auto;
    width: min(330px, calc(100vw - 2rem));
    transform: none;
  }

  .floating-field > .floating-field__info.order-create-info-tooltip .order-create-info-tooltip__content::before {
    right: 0.55rem;
    left: auto;
    transform: rotate(45deg);
  }

  [data-order-return-modal] textarea.form-control {
    min-height: 82px;
  }

  [data-order-return-modal] .modal-footer {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
  }

  [data-order-return-modal] .modal-footer .btn {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    padding-inline: 0.45rem;
    font-size: 0.76rem;
  }
}

/* 2026-08 follow-up: branding, compact operations and registration */
.site-header__mobile-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.site-header__mobile-logout {
  display: none;
}

.nav-chip__avatar-image {
  display: block;
  padding: 0;
  object-fit: cover;
  background: transparent;
}

.branding-preview img {
  width: 100%;
  height: 100%;
  padding: 0.75rem;
  background: #f8fafc;
}

.shopier-app-card__identity {
  min-width: 0;
  display: grid;
  gap: 0.55rem;
}

.shopier-app-card__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.05rem;
  border-bottom: 1px solid rgba(164, 163, 161, 0.14);
}

.shopier-app-card__title-row,
.shopier-app-card__status {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.shopier-app-card__icon {
  display: inline-grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border: 1px solid rgba(155, 152, 145, 0.34);
  border-radius: 13px;
  color: #eeeae1;
  background: linear-gradient(145deg, rgba(115, 115, 111, 0.18), rgba(105, 104, 101, 0.14));
}

.shopier-app-card__type {
  display: block;
  margin-top: 0.15rem;
  color: var(--ds-text-muted);
  font-size: 0.74rem;
  font-weight: 700;
}

.shopier-app-card__status {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.shopier-app-card__connection {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.shopier-app-card__detail {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid rgba(164, 163, 161, 0.15);
  border-radius: 14px;
  background: rgba(5, 5, 5, 0.22);
}

.shopier-app-card__detail-icon {
  display: inline-grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border: 1px solid rgba(155, 152, 145, 0.22);
  border-radius: 11px;
  color: #eeeae1;
  background: rgba(115, 115, 111, 0.1);
}

.shopier-app-card__detail-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.shopier-app-card__detail-copy strong,
.shopier-app-card__detail-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shopier-app-card__detail-copy strong {
  color: var(--ds-text-primary);
  font-size: 0.9rem;
}

.shopier-app-card__detail-copy small,
.shopier-app-card__eyebrow {
  color: var(--ds-text-muted);
  font-size: 0.7rem;
}

.shopier-app-card__eyebrow {
  font-weight: 750;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.shopier-app-card__permissions {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.75rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid rgba(164, 163, 161, 0.12);
  border-radius: 14px;
  background: rgba(25, 25, 24, 0.32);
}

.shopier-app-card__permissions-title {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--ds-text-secondary);
  font-size: 0.72rem;
  font-weight: 750;
}

.shopier-app-card__permissions-title .bi {
  color: #d1cec6;
}

.shopier-app-card__permission-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.shopier-app-card__permission {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(52, 211, 153, 0.18);
  border-radius: 999px;
  color: #b8d9d0;
  background: rgba(16, 185, 129, 0.07);
  font-size: 0.67rem;
  line-height: 1;
}

.shopier-app-card__permission .bi {
  color: #34d399;
}

.shopier-app-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(164, 163, 161, 0.12);
}

::placeholder,
input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.form-select::placeholder {
  color: #a4a3a1 !important;
  opacity: .18 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
  color: #a4a3a1 !important;
  opacity: .18 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a4a3a1 !important;
  opacity: .18 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a4a3a1 !important;
  opacity: .18 !important;
}

.imports-title__compact,
.mobile-search-layer {
  display: none;
}

@media (max-width: 767.98px) {
  body.has-mobile-dock {
    padding-bottom: calc(78px + env(safe-area-inset-bottom));
  }

  body.has-mobile-dock .site-footer {
    padding-bottom: 2rem;
  }

  button.mobile-dock__item {
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    cursor: pointer;
  }

  .mobile-dock__item--primary {
    color: #ddd9d1;
  }

  .mobile-dock__item--primary > i {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    margin-top: -0.42rem;
    border: 1px solid rgba(155, 152, 145, 0.28);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(110, 109, 105, 0.72), rgba(115, 115, 111, 0.68));
    color: #fff;
    box-shadow: 0 12px 24px -16px rgba(155, 152, 145, 0.95);
  }

  .mobile-dock__item--search {
    color: #a6a5a3;
  }

  .mobile-dock__item--search::before {
    position: absolute;
    top: 0.28rem;
    width: 12px;
    height: 2px;
    border-radius: 999px;
    background: rgba(155, 152, 145, 0.58);
    box-shadow: 0 0 8px rgba(155, 152, 145, 0.28);
    content: "";
  }

  .mobile-dock__item--search > i {
    color: #eeeae1;
    font-size: 1.05rem;
  }

  .mobile-dock__item--search:hover,
  .mobile-dock__item--search:focus-visible {
    color: #e6e3dc;
    background: rgba(115, 115, 111, 0.08);
  }

  .mobile-search-layer {
    position: fixed;
    z-index: 1800;
    inset: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
  }

  .mobile-search-layer[hidden] {
    display: none !important;
  }

  .mobile-search-layer.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-search-layer__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    border: 0;
    background: rgba(5, 5, 5, 0.78);
    backdrop-filter: blur(8px);
  }

  .mobile-search-panel {
    position: absolute;
    top: max(0.55rem, env(safe-area-inset-top));
    right: 0.55rem;
    left: 0.55rem;
    max-height: calc(100dvh - max(1.1rem, env(safe-area-inset-top)));
    overflow: hidden;
    border: 1px solid rgba(199, 198, 196, 0.22);
    border-radius: 20px;
    background: linear-gradient(155deg, rgba(29, 28, 26, 0.985), rgba(16, 15, 13, 0.99));
    box-shadow: 0 28px 80px -28px rgba(5, 5, 5, 0.98), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transform: translateY(calc(-100% - 1rem));
    transition: transform 0.2s ease-out;
  }

  .mobile-search-layer.is-open .mobile-search-panel {
    transform: translateY(0);
  }

  .mobile-search-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 0.95rem 0.75rem;
    border-bottom: 1px solid rgba(164, 163, 161, 0.14);
  }

  .mobile-search-panel__eyebrow {
    display: block;
    margin-bottom: 0.16rem;
    color: #d1cec6;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .mobile-search-panel__header h2 {
    margin: 0;
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.2;
  }

  .mobile-search-panel__header p {
    margin: 0.2rem 0 0;
    color: #92918f;
    font-size: 0.68rem;
    line-height: 1.35;
  }

  .mobile-search-panel__close {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(164, 163, 161, 0.2);
    border-radius: 10px;
    background: rgba(25, 25, 24, 0.72);
    color: #d7d6d4;
  }

  .mobile-search-panel__body {
    max-height: calc(100dvh - 6.3rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.85rem;
  }

  body.mobile-search-open {
    overflow: hidden;
  }

  body.is-partner-control [data-mobile-search-source]:not(.is-mobile-search-mounted) {
    display: none !important;
  }

  .mobile-search-panel__body [data-mobile-search-source] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .mobile-search-panel__body .filter-panel {
    position: static;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .mobile-search-panel__body .catalog-filter-form {
    gap: 0.65rem;
  }

  .mobile-search-panel__body .catalog-filter-actions {
    position: sticky;
    bottom: -0.85rem;
    z-index: 4;
    padding: 0.65rem 0 0.85rem;
    background: linear-gradient(180deg, transparent, rgba(16, 15, 13, 0.98) 28%);
  }

  .mobile-search-panel__body .imports-search__group,
  .mobile-search-panel__body .orders-search__group,
  body:not(.page-admin) .mobile-search-panel__body .orders-search__group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 0.45rem;
    padding: 0.42rem;
    border-radius: 15px;
  }

  .mobile-search-panel__body .imports-search__icon,
  .mobile-search-panel__body .orders-search__icon {
    display: none !important;
  }

  .mobile-search-panel__body .imports-search__input,
  .mobile-search-panel__body .orders-search__input,
  body:not(.page-admin) .mobile-search-panel__body .orders-search__input {
    grid-column: 1;
    grid-row: 1;
    min-height: 42px;
    padding: 0 0.7rem;
  }

  .mobile-search-panel__body .imports-search__submit,
  .mobile-search-panel__body .orders-search__submit,
  body:not(.page-admin) .mobile-search-panel__body .orders-search__submit {
    grid-column: 2;
    grid-row: 1;
    width: 44px !important;
    min-width: 44px;
    min-height: 42px;
    padding: 0 !important;
    border-radius: 11px;
  }

  .mobile-search-panel__body .orders-search__date-wrap,
  body:not(.page-admin) .mobile-search-panel__body .orders-search__date-wrap {
    display: flex !important;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    min-height: 38px;
  }

  .mobile-search-panel__body .imports-search__reset,
  .mobile-search-panel__body .orders-search__reset {
    margin-top: 0.5rem;
    font-size: 0.7rem;
  }

  body.page-catalog .section-title {
    margin-bottom: 0.65rem;
  }

  body.page-catalog .section-title h1 {
    font-size: 1.28rem;
  }

  body.page-catalog .section-title > .text-muted {
    display: none;
  }

  body.page-catalog .catalog-layout {
    gap: 0.65rem;
  }

  body.page-imports .section-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    margin-bottom: 0.7rem;
    align-items: center;
  }

  body.page-imports .section-title > div:first-child > .text-muted,
  body.page-imports .imports-title__full {
    display: none;
  }

  body.page-imports .imports-title__compact {
    display: inline;
  }

  body.page-imports .section-title h1 {
    font-size: 1.18rem;
    line-height: 1.15;
  }

  body.page-imports .imports-title-actions {
    width: auto;
    flex-wrap: nowrap;
    gap: 0.38rem;
  }

  body.page-imports .imports-title-actions .btn {
    flex: 0 0 38px;
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    border-radius: 11px;
  }

  body.page-imports .imports-title-actions .btn > span {
    display: none !important;
  }

  body.page-imports .imports-title-actions .btn i {
    margin: 0 !important;
  }

  body.page-imports .imports-toolbar {
    display: block;
    margin-bottom: 0.7rem;
  }

  body.page-imports .imports-summary {
    width: fit-content;
    max-width: 100%;
    padding: 0.55rem 0.7rem;
    border-radius: 12px;
  }

  body.page-imports .imports-summary__icon {
    width: 2.1rem;
    height: 2.1rem;
  }

  body.page-imports .imports-summary__label {
    font-size: 0.64rem;
  }

  body.page-imports .imports-summary__value {
    font-size: 0.78rem;
  }

  body.page-orders .orders-section {
    gap: 0.68rem;
  }

  body.page-orders main {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0.85rem;
    box-sizing: border-box;
  }

  body.page-orders .orders-section .section-title {
    display: grid;
    width: 100%;
    box-sizing: border-box;
    gap: 0.55rem;
    padding: 0.7rem;
    margin-bottom: 0;
    border: 1px solid rgba(199, 198, 196, 0.14);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(29, 28, 26, 0.7), rgba(17, 16, 14, 0.48));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    justify-content: stretch;
    justify-items: stretch;
  }

  body.page-orders .orders-section .section-title > div:first-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
  }

  body.page-orders .section-title h1 {
    font-size: 1.32rem;
  }

  body.page-orders .orders-section-subtitle-row {
    justify-content: flex-end;
    margin-top: 0;
  }

  body.page-orders .orders-markup-indicator {
    min-height: 1.72rem;
    padding: 0.22rem 0.45rem;
    border-radius: 9px;
    font-size: 0.62rem;
  }

  body.page-orders .orders-markup-indicator__label {
    display: none;
  }

  body.page-orders .orders-markup-indicator__meter {
    width: clamp(2rem, 10vw, 2.75rem);
  }

  body.page-orders .orders-markup-tooltip__content {
    right: 0;
    left: auto;
    width: min(17.5rem, calc(100vw - 1.7rem));
    max-height: min(19rem, calc(100dvh - 8rem));
    overflow-y: auto;
  }

  body.page-orders .orders-markup-tooltip__content::before {
    right: 1.35rem;
    left: auto;
  }

  body.page-orders .orders-markup-indicator.is-tooltip-open .orders-markup-tooltip__content {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  body.page-orders .section-title > .d-flex {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    gap: 0.42rem !important;
  }

  body.page-orders .section-title > .orders-header-actions--without-sync {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  body.page-orders .section-title > .d-flex .btn {
    width: 100%;
    min-height: 38px;
    padding: 0.42rem 0.48rem;
    border-radius: 11px;
    font-size: 0.7rem;
  }

  body.page-orders .section-title > .d-flex .btn i {
    margin-right: 0.32rem !important;
  }

  body.page-orders .section-title > .d-flex .orders-sync-btn {
    order: -1;
    grid-column: auto;
    width: 38px;
    min-width: 38px;
    padding: 0;
    justify-content: center;
  }

  body.page-orders .orders-sync-btn [data-default-label] {
    display: inline-grid;
    place-items: center;
  }

  body.page-orders .orders-sync-btn .orders-sync-btn__label {
    display: none;
  }

  body.page-orders .section-title > .d-flex .orders-sync-btn [data-default-label] i {
    margin: 0 !important;
  }

  body.page-orders .orders-sync-btn [data-loading-label]:not([hidden]) {
    display: inline-grid;
    place-items: center;
    font-size: 0;
  }

  body.page-orders .orders-sync-btn .orders-sync-spinner {
    width: 0.9rem;
    height: 0.9rem;
    margin: 0;
  }

  body.page-orders .orders-meta {
    display: none !important;
  }

  body.page-orders .orders-toolbar {
    width: 100%;
    gap: 0;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
  }

  body.page-orders .orders-tabs,
  body:not(.page-admin).page-orders .orders-tabs {
    width: 100%;
    box-sizing: border-box;
    gap: 0.3rem;
    padding: 0.28rem;
    border-radius: 12px;
  }

  body.page-orders .orders-tab,
  body:not(.page-admin).page-orders .orders-tab {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0.38rem 0.62rem;
    border-radius: 9px;
    font-size: 0.72rem;
  }

  body.page-orders .orders-tab__count {
    font-size: 0.68rem;
  }

  body.page-orders .order-card__customer-note {
    gap: 0.25rem;
    padding-top: 0.58rem;
  }

  body.page-orders .order-card__customer-note-header .label {
    font-size: 0.61rem;
    letter-spacing: 0.055em;
  }

  body.page-orders .order-card__customer-note-text {
    font-size: 0.74rem;
    line-height: 1.42;
  }

  body.page-orders .orders-empty {
    gap: 0.42rem;
    padding: 1.4rem 0.85rem;
    border-radius: 18px;
  }

  body.page-orders .orders-empty i {
    font-size: 1.75rem;
  }

  body.page-orders .orders-empty h3 {
    margin-bottom: 0;
    font-size: 1rem;
  }

  body.page-orders .orders-empty p {
    font-size: 0.72rem;
    line-height: 1.4;
  }
}

.imports-search__group {
  gap: 0.45rem;
  padding: 0.38rem 0.38rem 0.38rem 0.78rem;
  border-radius: 15px;
}

.imports-search__submit {
  min-height: 40px;
  border-radius: 11px;
  padding-inline: 1.15rem;
}

.page-register {
  background:
    radial-gradient(circle at 15% 12%, rgba(115, 115, 111, 0.12), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(105, 104, 101, 0.14), transparent 32%),
    #0e0d0b;
}

.page-register .register-landing__intro,
.page-register .register-form-card {
  border-color: rgba(199, 198, 196, 0.18);
  background:
    linear-gradient(150deg, rgba(29, 28, 26, 0.96), rgba(16, 15, 13, 0.97));
  box-shadow: 0 34px 80px -50px rgba(115, 115, 111, 0.62);
}

.page-register .register-highlight {
  padding: 0;
  color: #eeeae1;
  background: none;
}

.page-register .register-pill {
  width: fit-content;
  border-color: rgba(199, 198, 196, 0.24);
  background: rgba(115, 115, 111, 0.09);
  color: #ddd9d1;
}

.page-register .register-pod-spotlight {
  border-color: rgba(105, 104, 101, 0.3);
  background: linear-gradient(135deg, rgba(105, 104, 101, 0.14), rgba(115, 115, 111, 0.1));
}

@media (max-width: 991.98px) {
  .site-header__mobile-actions .navbar-toggler {
    display: inline-flex;
  }

  .site-header__mobile-logout {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(248, 113, 113, 0.25);
    border-radius: 13px;
    color: #fca5a5;
    background: rgba(127, 29, 29, 0.12);
    text-decoration: none;
  }

  .site-header__mobile-logout:hover,
  .site-header__mobile-logout:focus-visible {
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.45);
    background: rgba(127, 29, 29, 0.22);
  }

  .site-header .navbar-collapse {
    max-height: calc(100dvh - 76px);
    overflow-y: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom));
  }
}

@media (min-width: 992px) {
  .site-header__mobile-actions {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .orders-search__group,
  body:not(.page-admin) .orders-search__group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 0.45rem;
    padding: 0.42rem;
    border-radius: 15px;
  }

  .orders-search__icon,
  .orders-search__date-wrap,
  body:not(.page-admin) .orders-search__date-wrap {
    display: none !important;
  }

  .orders-search__input,
  body:not(.page-admin) .orders-search__input {
    grid-column: 1;
    grid-row: 1;
    min-height: 44px;
    padding: 0 0.7rem;
  }

  .orders-search__submit,
  body:not(.page-admin) .orders-search__submit {
    grid-column: 2;
    grid-row: 1;
    width: 48px !important;
    min-width: 48px;
    min-height: 44px;
    padding: 0 !important;
    border-radius: 11px;
  }

  .order-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
  }

  .order-card__title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(2, 29px);
    width: 100%;
    gap: 0.34rem;
    align-items: center;
  }

  .order-card__title.has-installments {
    grid-template-columns: minmax(0, 1fr) repeat(3, 29px);
  }

  .order-card__number-group {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
  }

  .order-card__woo-order-copy {
    position: static;
    width: max-content;
    max-width: 100%;
    padding: 0.08rem 0.24rem;
    border-radius: 0.38rem;
    font-size: 0.58rem;
  }

  .order-card__woo-order-copy-label {
    font-size: 0.54rem;
  }

  .order-card__id {
    max-width: 100%;
    overflow: hidden;
    font-size: 0.86rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .order-card__title .order-badge {
    width: 29px;
    min-width: 29px;
    height: 29px;
    padding: 0;
    justify-content: center;
    border-radius: 9px;
  }

  .order-card__title .order-badge__label {
    display: none;
  }

  .order-card__title .order-badge i {
    margin: 0;
    font-size: 0.75rem;
  }

  .order-card__meta {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 30px minmax(0, 0.9fr);
    width: 100%;
    gap: 0.35rem;
  }

  .order-card__meta > span,
  .order-card__meta > a {
    min-width: 0;
    min-height: 30px;
    padding: 0.3rem 0.38rem;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(164, 163, 161, 0.14);
    border-radius: 9px;
    background: rgba(5, 5, 5, 0.2);
    font-size: 0.62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .order-card__meta .order-card__invoice-link {
    width: 30px;
    padding: 0;
  }

  .order-card__invoice-link-text {
    display: none !important;
  }

  .order-card__date-full {
    display: none !important;
  }

  .order-card__meta .order-card__date-compact {
    display: inline-flex;
  }

  .order-card__payment-method-meta i {
    margin: 0 !important;
  }

  .order-card__customer-control,
  .order-card__reservation-meta {
    grid-column: 1 / -1;
    max-width: none;
    justify-content: flex-start !important;
  }

  .order-card__customer-control {
    display: flex !important;
    gap: 0.4rem !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  .order-card__customer-summary {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 30px;
    padding: 0.3rem 0.45rem;
    justify-content: flex-start !important;
    overflow: hidden;
    border: 1px solid rgba(164, 163, 161, 0.14);
    border-radius: 9px;
    background: rgba(5, 5, 5, 0.2);
    font-size: 0.62rem;
  }

  .order-card__accordion-toggle {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 9px;
  }

  .order-card__details-inner {
    gap: 0.8rem;
  }

  .order-card__meta .me-1 {
    margin-right: 0.18rem !important;
  }

  .floating-field > .floating-field__info.order-create-info-tooltip {
    top: calc(0.42rem + 26px);
  }

  .order-return-items {
    gap: 0.42rem;
  }

  .order-return-item {
    display: grid;
    grid-template-columns: 20px 44px minmax(0, 1fr) 54px;
    gap: 0.42rem;
    padding: 0.5rem;
    align-items: center;
    border-radius: 12px;
  }

  .order-return-item__thumb {
    width: 44px;
    height: 44px;
    border-radius: 9px;
  }

  .order-return-item__meta {
    gap: 0.16rem;
  }

  .order-return-item__meta strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.72rem;
    line-height: 1.25;
  }

  .order-return-item__meta span {
    overflow: hidden;
    font-size: 0.64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .order-return-item__qty {
    width: 54px;
    min-width: 0;
    padding-inline: 0.35rem;
    text-align: center;
  }

  [data-order-return-items-summary] {
    margin-top: 0.4rem !important;
    font-size: 0.68rem;
  }

  .imports-search__group {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    width: 100%;
    border-radius: 15px;
  }

  .imports-search__submit {
    min-width: 58px;
    min-height: 42px;
    padding-inline: 0.75rem;
    border-radius: 11px;
  }

  .import-list {
    gap: 0.7rem;
  }

  .import-card {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.7rem;
    align-items: start;
    border-radius: 16px;
  }

  .import-card__media {
    width: 96px;
    height: 104px;
    border-radius: 12px;
  }

  .import-card__body {
    min-width: 0;
    gap: 0.55rem;
  }

  .import-card__header {
    display: grid;
    gap: 0.4rem;
  }

  .import-card__title {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.82rem;
    line-height: 1.3;
  }

  .import-card__badge-group {
    width: 100%;
    max-width: 100%;
    margin: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .import-card__badge {
    max-width: 100%;
    padding: 0.24rem 0.46rem;
    overflow: hidden;
    font-size: 0.62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .import-card__meta {
    gap: 0.22rem;
  }

  .import-card__meta li {
    gap: 0.4rem;
    font-size: 0.67rem;
  }

  .import-card__meta .label {
    font-size: 0.57rem;
    letter-spacing: 0.04em;
  }

  .import-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.38rem;
  }

  .import-card__actions .btn,
  .import-card__actions-menu,
  .import-card__actions-toggle {
    width: 100%;
    min-width: 0;
  }

  .import-card__actions .btn,
  .import-card__actions-toggle {
    min-height: 34px;
    padding: 0.35rem 0.45rem;
    font-size: 0.66rem;
  }

  .settings-card--shopier-app .shopier-app-card__hero {
    align-items: stretch;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .shopier-app-card__title-row {
    gap: 0.55rem;
  }

  .shopier-app-card__icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 11px;
  }

  .shopier-app-card__title-row h5 {
    font-size: 0.92rem;
    white-space: nowrap;
  }

  .shopier-app-card__identity > p {
    display: none;
  }

  .shopier-app-card__status {
    width: 100%;
    justify-content: flex-start;
  }

  .shopier-app-card__connection {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.75rem;
  }

  .shopier-app-card__detail {
    align-items: flex-start;
    gap: 0.48rem;
    min-width: 0;
    padding: 0.58rem;
    border-radius: 11px;
  }

  .shopier-app-card__detail-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border-radius: 9px;
  }

  .shopier-app-card__detail-copy strong {
    font-size: 0.72rem;
  }

  .shopier-app-card__detail-copy small,
  .shopier-app-card__eyebrow {
    font-size: 0.58rem;
  }

  .shopier-app-card__permissions {
    gap: 0.45rem;
    margin-top: 0.5rem;
    padding: 0.58rem;
    border-radius: 11px;
  }

  .shopier-app-card__permissions-title {
    font-size: 0.66rem;
  }

  .shopier-app-card__permission-list {
    gap: 0.3rem;
  }

  .shopier-app-card__permission {
    padding: 0.28rem 0.42rem;
    font-size: 0.58rem;
  }

  .shopier-app-card__actions {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
  }

  .shopier-app-card__actions .btn {
    width: 100%;
  }

  .page-register .register-landing {
    gap: 0.85rem;
    margin-top: 0.75rem;
  }

  .page-register .register-form-card {
    order: -1;
    gap: 1rem;
    padding: 1.05rem;
    border-radius: 18px;
  }

  .page-register .register-landing__intro {
    gap: 0.85rem;
    padding: 1.1rem;
    border-radius: 18px;
  }

  .page-register .register-landing__intro h1 {
    font-size: 1.55rem;
  }

  .page-register .register-selling-points {
    gap: 0.55rem;
    font-size: 0.78rem;
  }

  .page-register .register-video-caption {
    display: none;
  }

  .page-register .register-form-grid {
    gap: 0.72rem;
  }

  .page-register .register-form-card .form-check {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    margin-top: 0.15rem !important;
  }

  .page-register .register-form-card .form-check-label {
    min-width: 0;
    font-size: 0.68rem;
    white-space: nowrap;
  }
}

/* Compact mobile pagination for catalog and imported products. */
@media (max-width: 767.98px) {
  .page-imports .imports-pagination {
    margin-top: 0.85rem;
    padding: 0.65rem;
    border-radius: 16px;
  }

  .page-imports .imports-pagination__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
  }

  .page-imports .imports-pagination__summary {
    grid-column: 1 / -1;
    grid-row: 2;
    display: block;
    font-size: 0.68rem;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
  }

  .page-imports .imports-pagination__controls {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    gap: 0.35rem;
    align-items: center;
    flex-wrap: nowrap;
  }

  .page-imports .imports-pagination__arrow {
    display: inline-flex;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px !important;
    padding: 0 !important;
    justify-content: center;
    border-radius: 9px;
  }

  .page-imports .imports-pagination__arrow span {
    display: none;
  }

  .page-imports .imports-pagination__arrow i {
    margin: 0;
    font-size: 0.76rem;
  }

  .page-imports .imports-pagination__list {
    grid-column: 2;
    min-width: 0;
    justify-content: center;
    gap: 0.25rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .page-imports .imports-pagination__list::-webkit-scrollbar,
  .page-catalog .catalog-pagination__pages::-webkit-scrollbar {
    display: none;
  }

  .page-imports .imports-pagination__page {
    flex: 0 0 32px;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px;
    min-height: 32px !important;
    padding: 0 !important;
    font-size: 0.72rem;
  }

  .page-imports .imports-pagination__ellipsis {
    min-width: 1rem;
    font-size: 0.72rem;
  }

  .page-catalog .catalog-pagination {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    gap: 0.45rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.65rem;
    border-radius: 16px;
  }

  .page-catalog .catalog-pagination__pill {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px;
    min-height: 32px !important;
    padding: 0 !important;
    justify-content: center;
    gap: 0;
    border-radius: 9px;
    font-size: 0.72rem;
  }

  .page-catalog .catalog-pagination__pill span {
    display: none;
  }

  .page-catalog .catalog-pagination__pill i {
    margin: 0;
    font-size: 0.78rem;
  }

  .page-catalog .catalog-pagination__pill[data-page="prev"] {
    grid-column: 1;
    grid-row: 1;
  }

  .page-catalog .catalog-pagination__pill[data-page="next"] {
    grid-column: 3;
    grid-row: 1;
  }

  .page-catalog .catalog-pagination__pages {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    width: auto;
    min-width: 0;
    justify-content: center;
    gap: 0.25rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .page-catalog .catalog-pagination__page-btn {
    flex: 0 0 32px;
    width: 32px;
    min-width: 32px !important;
    height: 32px;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 9px;
    font-size: 0.72rem;
  }

  .page-catalog .catalog-pagination__meta {
    grid-column: 1 / -1;
    grid-row: 2;
    width: auto;
    justify-content: center;
    gap: 0;
    font-size: 0.68rem;
  }

  .page-catalog .catalog-pagination__count {
    font-size: 0.68rem;
    line-height: 1.25;
    white-space: nowrap;
  }
}

/* Keep catalog loading feedback compact and prevent pagination reflow. */
.page-catalog .catalog-inline-loader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10rem;
  min-height: 1.2rem;
}

.page-catalog .catalog-inline-loader[hidden] {
  display: inline-flex !important;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .page-imports .imports-pagination,
  .page-catalog .catalog-pagination {
    background: linear-gradient(135deg, rgba(25, 25, 24, 0.85), rgba(68, 67, 65, 0.65));
    border-color: rgba(105, 104, 101, 0.35);
    box-shadow: 0 25px 40px -35px rgba(115, 115, 111, 0.35);
  }

  .page-imports .imports-pagination__page,
  .page-catalog .catalog-pagination__page-btn {
    border-radius: 9px;
  }

  .page-catalog .catalog-pagination__meta {
    position: relative;
    min-height: 1rem;
    padding-inline: 2.2rem;
    box-sizing: border-box;
  }

  .page-catalog .catalog-pagination__count {
    display: block;
    text-align: center;
  }

  .page-catalog .catalog-inline-loader {
    position: absolute;
    top: 50%;
    right: 0;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 1rem;
    min-height: 1rem;
    transform: translateY(-50%);
  }

  .page-catalog .catalog-inline-loader__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0, 0, 0, 0);
  }

  .page-catalog .catalog-inline-loader__dots {
    gap: 0.15rem;
  }

  .page-catalog .catalog-inline-loader__dots span {
    width: 0.28rem;
    height: 0.28rem;
  }
}

@media (max-width: 767.98px) {
  body.page-product .product-tabs {
    margin-top: 0.8rem;
  }
}

@media (max-width: 767.98px) {
  .mobile-search-layer .select2-container,
  .mobile-search-layer .select2-dropdown {
    z-index: 1905 !important;
  }
}

@media (max-width: 575.98px) {
  body.page-product #panel-shopier .ds-html-editor .pell-actionbar {
    gap: 0.18rem;
    padding: 0.38rem 0.5rem;
  }

  body.page-product #panel-shopier .ds-html-editor .pell-button {
    min-width: 1.8rem;
    padding: 0.28rem 0.4rem;
    font-size: 0.72rem;
  }

  body.page-product #panel-shopier .ds-html-editor__content {
    min-height: 220px;
    padding: 0.65rem 0.72rem;
    font-size: 0.78rem;
    line-height: 1.45;
  }

  body.page-product #panel-shopier .ds-html-editor__content :is(h1, h2, h3, h4, h5, h6) {
    margin-top: 0.65rem;
    margin-bottom: 0.35rem;
    line-height: 1.25;
  }

  body.page-product #panel-shopier .ds-html-editor__content h1 {
    font-size: 1.02rem;
  }

  body.page-product #panel-shopier .ds-html-editor__content h2 {
    font-size: 0.96rem;
  }

  body.page-product #panel-shopier .ds-html-editor__content h3,
  body.page-product #panel-shopier .ds-html-editor__content h4,
  body.page-product #panel-shopier .ds-html-editor__content h5,
  body.page-product #panel-shopier .ds-html-editor__content h6 {
    font-size: 0.88rem;
  }

  body.page-product #panel-shopier .ds-html-editor__content p {
    margin-bottom: 0.48rem;
  }

  body.page-product #panel-shopier .ds-html-editor__content ul,
  body.page-product #panel-shopier .ds-html-editor__content ol {
    margin: 0.48rem 0 0.48rem 1rem;
    padding-left: 0.85rem;
  }
}

body.page-product #panel-shopier [data-shopier-category] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: nowrap;
}

body.page-product #panel-shopier [data-shopier-category] .select2-container {
  width: 100% !important;
  min-width: 0;
}

body.page-product #panel-shopier [data-shopier-category] > .btn {
  min-width: 0;
  white-space: nowrap;
}

.shopier-category-sync-icon {
  display: none;
}

@media (max-width: 575.98px) {
  body.page-product #panel-shopier [data-shopier-category] {
    gap: 0.42rem;
  }

  body.page-product #panel-shopier [data-shopier-category] > .btn {
    display: inline-grid;
    width: 2.6rem;
    min-height: 40px;
    padding: 0.45rem;
    place-items: center;
  }

  .shopier-category-sync-label {
    display: none;
  }

  .shopier-category-sync-icon {
    display: inline-block;
    font-size: 0.95rem;
    line-height: 1;
  }
}

body.page-product #panel-variants .panel-card__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
}

body.page-product #panel-variants .panel-card__title-row h2 {
  margin-bottom: 0;
}

body.page-product #panel-variants .panel-card__title-row .variants-video-cta {
  display: block;
  max-width: none;
  text-align: left;
}

body.page-product #panel-variants .panel-card__title-row .variants-video-cta__copy {
  display: none;
}

.variants-sync-icon,
.variant-match-icon {
  display: none;
}

body.page-product #panel-variants [data-variant-sync-indicator] {
  position: static;
  z-index: auto;
  display: inline-grid;
  flex: 0 0 1.15rem;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0 0.1rem 0 0;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(239, 68, 68, 0.32);
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171;
  font-size: 0;
  line-height: 1;
  vertical-align: middle;
}

body.page-product #panel-variants [data-variant-sync-indicator]::before {
  content: "×";
  font-size: 0.85rem;
  font-weight: 800;
}

body.page-product #panel-variants [data-variant-sync-indicator].is-success {
  border-color: rgba(34, 197, 94, 0.32);
  background: rgba(34, 197, 94, 0.12) !important;
  color: #4ade80;
}

body.page-product #panel-variants [data-variant-sync-indicator].is-success::before {
  content: "✓";
}

body.page-product #panel-variants [data-accordion-item] .accordion__trigger {
  flex: 1 1 auto;
  min-width: 0;
}

body.page-product #panel-variants [data-accordion-item] .accordion__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  min-width: 0;
  line-height: 1.35;
}

body.page-product #panel-variants .accordion__item > .accordion__header {
  padding-left: 0.62rem;
}

body.page-product #panel-variants .variant-attribute-line {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
  white-space: nowrap;
}

body.page-product #panel-variants .variant-attribute-line + .variant-attribute-line::before {
  content: "";
  width: 1px;
  height: 0.9em;
  margin-right: 0.15rem;
  background: rgba(164, 163, 161, 0.35);
}

@media (max-width: 575.98px) {
  body.page-product #panel-variants .variants-sync-icon {
    display: inline-block;
    font-size: 0.95rem;
    line-height: 1;
  }

  body.page-product #panel-variants [data-variants-sync-all] {
    display: inline-grid;
    width: 2.6rem;
    min-height: 40px;
    padding: 0.45rem;
    place-items: center;
  }

  body.page-product #panel-variants [data-accordion-item] > .accordion__header {
    grid-template-columns: minmax(0, 1fr) minmax(6.6rem, 7.1rem);
    align-items: start;
    column-gap: 0.35rem;
    padding-top: 0.9rem;
    padding-left: 0.62rem;
    padding-right: 0.62rem;
  }

  body.page-product #panel-variants [data-accordion-item] .accordion__trigger {
    min-width: 0;
    align-self: start;
    padding: 0.7rem 0 0;
  }

  body.page-product #panel-variants .variant-attribute-line {
    display: inline-flex;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body.page-product #panel-variants .variant-attribute-name {
    font-weight: 750;
  }

  body.page-product #panel-variants .variant-attribute-value {
    font-weight: 650;
  }

  body.page-product #panel-variants [data-accordion-item] .accordion__meta {
    display: grid;
    grid-template-areas:
      "stock stock"
      "code match";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    justify-self: end;
    align-items: center;
    width: 7.1rem;
    max-width: 7.1rem;
    gap: 0.26rem 0.3rem;
  }

  body.page-product #panel-variants [data-accordion-item] .accordion__meta > .meta-pill:nth-child(1) {
    grid-area: stock;
    justify-self: end;
  }

  body.page-product #panel-variants [data-accordion-item] .accordion__meta > .meta-pill:nth-child(2) {
    grid-area: code;
    justify-self: end;
    min-width: 0;
  }

  body.page-product #panel-variants [data-accordion-item] [data-variant-auto-match] {
    grid-area: match;
    justify-self: end;
    width: 1.7rem;
    min-height: 1.7rem;
    padding: 0.2rem;
    border-radius: 8px;
  }

  body.page-product #panel-variants [data-accordion-item] [data-variant-warning] {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  body.page-product #panel-variants .panel-card__title-row {
    gap: 0.45rem;
  }

  body.page-product #panel-variants .variants-video-cta__link {
    font-size: 0.68rem;
  }

  body.page-product #panel-variants .variant-match-icon {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
  }

  body.page-product #panel-variants [data-variant-auto-match] {
    display: inline-grid;
    width: 2rem;
    min-height: 32px;
    padding: 0.35rem;
    place-items: center;
  }

  body.page-product #panel-variants [data-variant-sync-indicator] {
    width: 1rem;
    height: 1rem;
    flex-basis: 1rem;
    margin-right: 0.05rem;
  }

  body.page-product #panel-variants [data-variant-sync-indicator]::before {
    font-size: 0.86rem;
  }

  body.page-product #panel-variants .accordion__item > .accordion__header {
    padding-top: 0.9rem;
    padding-left: 0.62rem;
  }
}

@media (max-width: 575.98px) {
  .page-catalog .catalog-grid .product-badges {
    display: grid;
    justify-items: end;
    align-content: start;
    gap: 0.22rem;
  }

  .page-catalog .catalog-grid :is(.product-status--bestseller, .product-status--out) {
    box-sizing: border-box;
    display: grid;
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
    margin: 0;
    padding: 0 !important;
    place-items: center;
    align-content: center;
    gap: 0;
    border-radius: 0.5rem;
    font-size: 0.68rem;
    line-height: 1;
  }

  .page-catalog .catalog-grid :is(.product-status--bestseller, .product-status--out) i {
    display: grid;
    width: 1rem;
    height: 1rem;
    margin: 0 !important;
    padding: 0;
    place-items: center;
    font-size: 0.8rem;
    line-height: 1;
    text-align: center;
  }

  .page-catalog .catalog-grid :is(.product-status--bestseller, .product-status--out) i::before {
    display: block;
    line-height: 1;
  }

  .page-catalog .catalog-grid :is(.product-status--bestseller, .product-status--out) .product-status__label {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-catalog .catalog-grid .card-modern,
  .page-catalog .catalog-grid .card-media img,
  .page-catalog .catalog-grid .product-price,
  .page-catalog .catalog-grid .card-media-cta {
    transition: none;
  }
}

/* 2026-08 visitor mobile scale: home and footer-linked public pages. */
@media (max-width: 767.98px) {
  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) {
    --visitor-inline: clamp(0.78rem, 3.6vw, 1rem);
    --visitor-radius: 15px;
    font-size: 0.875rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) main {
    width: 100%;
    max-width: 100%;
    padding: 0.55rem var(--visitor-inline) 1.4rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms):not(.is-partner-control) .site-header {
    min-height: 60px;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms):not(.is-partner-control) .site-header__inner {
    padding: 0.46rem var(--visitor-inline);
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms):not(.is-partner-control) .site-header .brand-logo {
    height: 29px;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms):not(.is-partner-control) .site-header__mobile-actions {
    gap: 0.38rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms):not(.is-partner-control) .site-header__mobile-actions .navbar-toggler {
    width: 39px;
    height: 39px;
    min-height: 39px;
    padding: 0.42rem;
    border-radius: 12px;
  }

  body.has-mobile-dock:not(.is-partner-control) .mobile-dock {
    left: max(0.55rem, env(safe-area-inset-left));
    right: max(0.55rem, env(safe-area-inset-right));
    bottom: max(0.48rem, env(safe-area-inset-bottom));
    padding: 0.28rem;
    border-radius: 16px;
  }

  body.has-mobile-dock:not(.is-partner-control) .mobile-dock__item {
    min-height: 46px;
    gap: 0.12rem;
    border-radius: 11px;
    font-size: 0.56rem;
  }

  body.has-mobile-dock:not(.is-partner-control) .mobile-dock__item i {
    font-size: 0.96rem;
  }

  body.has-mobile-dock:not(.is-partner-control) .mobile-dock__item--primary > i {
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -0.28rem;
    border-radius: 9px;
  }

  /* Home hero: retain hierarchy without occupying an entire phone screen. */
  .page-home .premium-hero {
    gap: 1.15rem;
    padding: clamp(1.35rem, 6vw, 1.75rem) 0.92rem 0.95rem;
    border-radius: 19px;
  }

  .page-home .premium-eyebrow,
  .page-home .premium-kicker {
    font-size: 0.59rem;
    letter-spacing: 0.11em;
  }

  .page-home .premium-eyebrow {
    gap: 0.42rem;
    margin-bottom: 0.82rem;
  }

  .page-home .premium-eyebrow > span {
    width: 1.15rem;
  }

  .page-home .premium-hero h1 {
    max-width: 9.5em;
    font-size: clamp(2.05rem, 10.1vw, 2.75rem);
    letter-spacing: -0.055em;
    line-height: 0.98;
  }

  .page-home .premium-hero__copy > p {
    max-width: 31rem;
    margin-top: 0.86rem;
    font-size: 0.82rem;
    line-height: 1.55;
  }

  .page-home .premium-hero .hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
    gap: 0.48rem;
    margin-top: 1.05rem;
  }

  .page-home .premium-hero .hero-actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding: 0.54rem 0.58rem;
    border-radius: 11px;
    font-size: 0.72rem;
    white-space: nowrap;
  }

  .page-home .premium-proof {
    display: flex;
    gap: 0.42rem 0.75rem;
    margin-top: 1rem;
    font-size: 0.66rem;
    line-height: 1.3;
  }

  .page-home .premium-hero__visual {
    padding: 0.62rem;
    border-radius: 15px;
  }

  .page-home .premium-visual__topline {
    padding-bottom: 0.55rem;
    font-size: 0.57rem;
  }

  .page-home .premium-integration,
  .page-home .premium-integration--shopier {
    min-height: 66px;
    gap: 0.55rem;
    padding: 0.65rem;
    border-radius: 12px;
  }

  .page-home .premium-integration__icon,
  .page-home .premium-integration--shopier .premium-integration__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 1.05rem;
  }

  .page-home .premium-integration strong { font-size: 0.78rem; }
  .page-home .premium-integration small { font-size: 0.61rem; }
  .page-home .premium-integration__label { font-size: 0.49rem; }
  .page-home .premium-verified { top: 0.68rem; right: 0.68rem; font-size: 0.88rem; }

  .page-home .premium-visual__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.45rem;
  }

  .page-home .premium-visual__grid .premium-integration {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .page-home .premium-visual__grid .premium-integration__icon {
    width: 32px;
    height: 32px;
  }

  .page-home .premium-flow {
    gap: 0.25rem;
    margin-top: 0.45rem;
    padding: 0.55rem 0.45rem;
    border-radius: 11px;
  }

  .page-home .premium-flow > div {
    flex-direction: row;
    gap: 0.25rem;
    font-size: 0.58rem;
  }

  .page-home .premium-capabilities {
    margin: 0.85rem 0 2.35rem;
  }

  .page-home .premium-capabilities > div {
    gap: 0.12rem;
    padding: 0.68rem 0.55rem;
  }

  .page-home .premium-capabilities span { margin-bottom: 0.2rem; font-size: 0.55rem; }
  .page-home .premium-capabilities strong { font-size: 0.7rem; }
  .page-home .premium-capabilities small { font-size: 0.59rem; }

  .page-home .premium-section {
    margin-bottom: 2.7rem;
  }

  .page-home .premium-section__head {
    gap: 0.48rem;
    margin-bottom: 0.9rem;
  }

  .page-home .premium-section__head h2,
  .page-home .premium-section__head--inline h2 {
    margin-top: 0.32rem;
    font-size: clamp(1.45rem, 7vw, 1.8rem);
    line-height: 1.04;
  }

  .page-home .premium-section__head > p {
    max-width: 34rem;
    font-size: 0.75rem;
    line-height: 1.48;
  }

  .page-home .premium-feature-grid {
    gap: 0.62rem;
  }

  .page-home .premium-feature-grid article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    column-gap: 0.72rem;
    min-height: 0;
    padding: 0.82rem;
    border-radius: 14px;
  }

  .page-home .premium-feature-grid article > i {
    grid-row: 1 / 3;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 10px;
    font-size: 0.95rem;
  }

  .page-home .premium-feature__number {
    top: 0.62rem;
    right: 0.68rem;
    font-size: 0.52rem;
  }

  .page-home .premium-feature-grid h3 { margin-bottom: 0.2rem; padding-right: 1.5rem; font-size: 0.88rem; }
  .page-home .premium-feature-grid p { font-size: 0.69rem; line-height: 1.42; }

  /* Sales-ready product preview: two useful cards per mobile row. */
  .page-home .latest-products .premium-section__head--inline {
    align-items: end;
    flex-direction: row;
    gap: 0.65rem;
  }

  .page-home .premium-text-link {
    padding-bottom: 0.12rem;
    font-size: 0.68rem;
  }

  .page-home .latest-products__rail {
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.58rem;
    overflow: visible;
    padding: 0;
  }

  .page-home .latest-products__rail .product-card {
    min-width: 0;
    gap: 0.48rem;
    padding: 0.42rem;
    border-radius: 13px;
  }

  .page-home .latest-products__rail .product-card__media {
    height: auto;
    aspect-ratio: 0.86;
    border-radius: 9px;
  }

  .page-home .latest-products__rail .product-card__price-badge {
    top: 0.38rem;
    right: 0.38rem;
    padding: 0.28rem 0.38rem;
    border-radius: 8px;
    font-size: 0.64rem;
  }

  .page-home .latest-products__rail .product-card__body {
    min-width: 0;
    padding: 0 0.12rem 0.16rem;
  }

  .page-home .latest-products__rail .product-card__title {
    font-size: 0.7rem;
    line-height: 1.25;
  }

  .page-home .latest-products__rail .product-card__profit {
    gap: 0.2rem;
    font-size: 0.59rem;
  }

  .page-home .premium-brands {
    gap: 0.6rem;
    margin: -1.25rem 0 2.7rem;
    padding: 0.7rem 0;
  }

  .page-home .premium-brands > span { font-size: 0.56rem; }
  .page-home .premium-brands__rail { gap: 1.15rem; }
  .page-home .premium-brands__rail img { max-width: 84px; height: 23px; }

  .page-home .premium-plan-grid { gap: 0.62rem; }
  .page-home .premium-plan { padding: 0.92rem; border-radius: 15px; }
  .page-home .premium-plan header { align-items: center; flex-direction: row; }
  .page-home .premium-plan header > span { font-size: 0.88rem; }
  .page-home .premium-plan header strong { font-size: 1.55rem; }
  .page-home .premium-plan > p { margin: 0.62rem 0; font-size: 0.7rem; }
  .page-home .premium-plan ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.42rem; margin-top: 0.7rem; padding-top: 0.7rem; }
  .page-home .premium-plan li { padding-left: 0.8rem; font-size: 0.63rem; }
  .page-home .premium-plan__badge { top: 0.72rem; right: 0.72rem; font-size: 0.49rem; }
  .page-home .premium-plan-action { margin-top: 0.75rem; }
  .page-home .premium-plan-action .btn { min-height: 38px; padding: 0.48rem 0.72rem; font-size: 0.7rem; }

  .page-home .premium-final-cta {
    align-items: center;
    flex-direction: row;
    gap: 0.7rem;
    margin-bottom: 0.7rem;
    padding: 0.95rem;
    border-radius: 15px;
  }

  .page-home .premium-final-cta h2 { margin-top: 0.25rem; font-size: 1.25rem; }
  .page-home .premium-final-cta .btn { width: auto; flex: 0 0 auto; min-height: 38px; padding: 0.48rem 0.68rem; font-size: 0.68rem; }

  /* Footer-linked public pages share one calm, readable mobile rhythm. */
  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .page-hero {
    max-width: 36rem;
    margin: 0.35rem auto 1.35rem;
    padding: 1.25rem 0.35rem 0.9rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .page-hero .badge-soft {
    margin-bottom: 0.65rem !important;
    padding: 0.34rem 0.58rem;
    font-size: 0.59rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .page-hero h1 {
    margin-bottom: 0.58rem !important;
    font-size: clamp(1.75rem, 8.4vw, 2.15rem);
    line-height: 1.04;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .page-hero .lead {
    font-size: 0.78rem;
    line-height: 1.52;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) main > section.mb-5,
  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) main > .row.mb-5 {
    margin-bottom: 1.35rem !important;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) main > .row,
  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) form.row {
    --bs-gutter-x: 0.7rem;
    --bs-gutter-y: 0.7rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .section-title {
    align-items: flex-start;
    gap: 0.3rem;
    margin-bottom: 0.72rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .section-title h2 {
    font-size: 1.02rem;
    line-height: 1.2;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .section-title > span {
    font-size: 0.62rem;
    line-height: 1.35;
    text-align: right;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .card-modern {
    border-radius: var(--visitor-radius);
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .btn {
    min-height: 38px;
    padding: 0.48rem 0.7rem;
    border-radius: 10px;
    font-size: 0.71rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .card-modern .card-body {
    gap: 0.55rem;
    padding: 0.85rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) :is(.card-modern p, main > section > p, main > section > ul, main > section > ol, .accordion-body) {
    font-size: 0.76rem;
    line-height: 1.52;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .list-group-item {
    padding: 0.68rem 0.75rem;
    font-size: 0.74rem;
    line-height: 1.45;
  }

  body.page-faq .accordion-button {
    min-height: 44px;
    padding: 0.7rem 0.78rem;
    font-size: 0.76rem;
  }

  body.page-b2b-contact .card-modern .d-flex.flex-column.flex-md-row {
    margin-bottom: 0.8rem !important;
  }

  body.page-b2b-contact form .col-12.d-flex {
    align-items: stretch !important;
    flex-direction: column;
    gap: 0.42rem !important;
  }

  body.page-b2b-contact form .col-12.d-flex .text-muted {
    font-size: 0.67rem;
    line-height: 1.4;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .cta-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.4rem;
    padding: 0.9rem;
    border: 1px solid rgba(199, 198, 196, 0.16);
    border-radius: var(--visitor-radius);
    background: linear-gradient(145deg, rgba(29, 28, 26, 0.76), rgba(17, 16, 14, 0.58));
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .cta-strip h2 {
    margin-bottom: 0.25rem !important;
    font-size: 0.91rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .cta-strip p {
    font-size: 0.66rem;
    line-height: 1.4;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .cta-strip__actions {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .cta-strip__actions .btn {
    min-height: 34px;
    padding: 0.38rem 0.58rem;
    border-radius: 9px;
    font-size: 0.64rem;
    white-space: nowrap;
  }

  /* Shared visitor footer: two compact columns and a smaller identity card. */
  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer {
    margin-top: 0;
    padding: 1rem var(--visitor-inline) 1.15rem;
    font-size: 0.7rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__container {
    max-width: 100%;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer .row {
    --bs-gutter-y: 0.8rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__brand {
    gap: 0.65rem;
    padding: 0.72rem;
    border: 1px solid rgba(199, 198, 196, 0.16);
    border-radius: 13px;
    background: rgba(29, 28, 26, 0.58);
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__brand-icon {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    border-radius: 0.68rem;
    font-size: 1rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__title {
    font-size: 0.78rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__brand-text > p:last-child {
    font-size: 0.63rem;
    line-height: 1.38;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__nav-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__nav-column {
    min-width: 0;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__section-heading {
    margin-bottom: 0.38rem;
    font-size: 0.64rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__nav ul {
    gap: 0.18rem;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__link {
    gap: 0.36rem;
    padding: 0.3rem 0.18rem;
    font-size: 0.65rem;
    line-height: 1.25;
    white-space: nowrap;
  }

  body:is(.page-home, .page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .site-footer__bottom {
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    font-size: 0.59rem;
  }
}

@media (max-width: 374.98px) {
  .page-home .premium-hero .hero-actions {
    grid-template-columns: 1fr;
  }

  .page-home .premium-final-cta {
    align-items: stretch;
    flex-direction: column;
  }

  .page-home .premium-final-cta .btn {
    width: 100%;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .cta-strip {
    grid-template-columns: 1fr;
  }

  body:is(.page-about, .page-b2b-contact, .page-returns, .page-kvkk, .page-faq, .page-terms) .cta-strip__actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/* Admin e-mail marketing recipient picker. Keep dynamic lists out of the
   document flow so selecting recipients does not move the rest of the form. */
.email-marketing-selected-search {
  position: relative;
  z-index: 20;
}

.email-marketing-search-control {
  position: relative;
}

.email-marketing-search-results {
  position: absolute;
  z-index: 30;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  max-height: 17.5rem;
  overflow-y: auto;
  border: 1px solid rgba(164, 163, 161, 0.32);
  border-radius: 0.7rem;
  background: #22211f;
  box-shadow: 0 1rem 2rem rgba(5, 5, 5, 0.36);
}

.email-marketing-search-results .list-group-item {
  min-height: 2.6rem;
  border-color: rgba(164, 163, 161, 0.16);
  background: transparent;
  color: inherit;
}

.email-marketing-search-results .list-group-item:hover,
.email-marketing-search-results .list-group-item:focus-visible {
  background: rgba(159, 158, 156, 0.14);
}

.email-marketing-selected-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  max-height: 5.5rem;
  overflow-y: auto;
  padding: 0.1rem 0.15rem 0.15rem 0;
}

.email-marketing-recipient-chip {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
  max-width: 100%;
  padding: 0.34rem 0.42rem 0.34rem 0.68rem;
  border: 1px solid rgba(164, 163, 161, 0.38);
  border-radius: 999px;
  background: rgba(40, 40, 38, 0.72);
  color: #eae9e7;
  font-size: 0.78rem;
  line-height: 1.2;
}

.email-marketing-recipient-chip__label {
  min-width: 0;
  max-width: min(24rem, 70vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-marketing-recipient-chip__remove {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(248, 113, 113, 0.12);
  color: #fda4af;
  font-size: 0.65rem;
}

.email-marketing-recipient-chip__remove:hover,
.email-marketing-recipient-chip__remove:focus-visible {
  background: rgba(248, 113, 113, 0.24);
  color: #fecdd3;
}

.email-marketing-engagement-table-wrap {
  max-height: min(32rem, 60vh);
  overflow-y: auto;
}

.email-marketing-engagement-table-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #1d1d1d;
  box-shadow: inset 0 -1px rgba(164, 163, 161, 0.18);
}

.email-marketing-engagement-table-wrap .badge {
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .email-marketing-recipient-chip__label {
    max-width: 66vw;
  }
}
:root {
  --ikas-accent: #1b1a18;
  --ikas-accent-hover: #343331;
}

.btn-ikas {
  color: #fff;
  background: var(--ikas-accent);
  border-color: var(--ikas-accent);
}

.btn-ikas:hover,
.btn-ikas:focus-visible {
  color: #fff;
  background: var(--ikas-accent-hover);
  border-color: var(--ikas-accent-hover);
}

.btn-ikas:disabled,
.btn-ikas[aria-disabled="true"] {
  opacity: .58;
}

.product-status__marketplace--ikas img,
.order-create-ikas-lookup__icon img {
  display: block;
  width: 34px;
  height: 22px;
  object-fit: contain;
  border-radius: 5px;
  background: #fff;
  padding: 3px;
}

.product-status__marketplace--ikas {
  background: linear-gradient(135deg, #191919, #292928);
  border-color: rgba(190, 242, 100, 0.52);
}

.product-status__marketplace--ikas img,
.order-create-ikas-lookup__icon img {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.product-status__marketplace--ikas img {
  width: auto;
  height: auto;
  max-width: 1.08rem;
  max-height: 1.08rem;
}

.order-create-ikas-lookup__icon img {
  width: 28px;
  height: 28px;
}

.order-card__shopify-sync-label .ikas-order-icon {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  object-fit: contain;
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.import-card__badge--ikas {
  color: #cecdcb;
  border-color: color-mix(in srgb, var(--ikas-accent) 55%, transparent);
  background: color-mix(in srgb, var(--ikas-accent) 18%, transparent);
}

.import-card__dropdown-action--ikas {
  color: #cecdcb;
}

.order-create-ikas-lookup {
  border-color: color-mix(in srgb, var(--ikas-accent) 48%, transparent);
}

.ikas-import-modal .modal-dialog { width: min(1180px, calc(100vw - 2rem)); max-width: 1180px; height: calc(100vh - 2rem); max-height: calc(100vh - 2rem); margin: 1rem auto; }
.ikas-import-modal .modal-content { height: 100%; max-height: none; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ikas-accent) 55%, transparent); background: linear-gradient(145deg, #141311, #1d1c1a); }
.ikas-import-modal .modal-header, .ikas-import-modal .modal-footer { flex: 0 0 auto; }
.ikas-import-modal .ikas-import-form { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; overflow: hidden; }
.ikas-import-modal .modal-body { min-height: 0; flex: 1 1 auto; overflow-y: auto !important; overscroll-behavior: contain; padding: 1.25rem; scrollbar-color: rgba(209,208,206,.42) rgba(26,25,23,.6); }
.ikas-import-modal .modal-footer { padding: .9rem 1.25rem 1.15rem; }
.ikas-modal-grid { display: grid; grid-template-columns: minmax(300px, .86fr) minmax(480px, 1.14fr); gap: 1rem; }
.ikas-modal-panel { padding: 1.05rem; border: 1px solid rgba(164,163,161,.16); border-radius: 16px; background: rgba(26,25,23,.58); }
.ikas-modal-panel--mapping { border-color: color-mix(in srgb, var(--ikas-accent) 42%, transparent); background: linear-gradient(155deg, rgba(27,26,24,.92), rgba(37,36,34,.72)); }
.ikas-modal-panel__eyebrow { display: block; margin-bottom: .35rem; color: #b4b3b1; font-size: .62rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.ikas-modal-panel h6 { margin-bottom: .85rem; color: #f8fafc; font-size: 1rem; }
.ikas-original-list { display: grid; gap: .55rem; margin: 0; }
.ikas-original-list > div { display: flex; justify-content: space-between; gap: .8rem; padding-bottom: .45rem; border-bottom: 1px solid rgba(164,163,161,.1); }
.ikas-original-list dt { color: #8d8c8a; font-size: .72rem; }
.ikas-original-list dd { margin: 0; color: #eae9e7; font-size: .76rem; font-weight: 700; text-align: right; }
.ikas-modal-note, .ikas-variant-note { display: flex; gap: .55rem; align-items: flex-start; margin-top: 1rem; padding: .7rem .75rem; border: 1px solid rgba(168,167,165,.2); border-radius: 11px; color: #c8c7c5; font-size: .73rem; line-height: 1.45; background: rgba(141,140,138,.08); }
.ikas-modal-note i, .ikas-variant-note i { margin-top: .1rem; color: #d1d0ce; }
.ikas-form-grid { display: grid; gap: .9rem; }
.ikas-form-grid .form-label { color: #e6e3dc; font-size: .78rem; font-weight: 750; }
.ikas-form-grid .form-text { color: #a2a19f; font-size: .68rem; line-height: 1.45; }
.ikas-import-modal .select2-container { width: 100% !important; }
.ikas-import-modal .select2-container--default .select2-selection--single,
.ikas-import-modal .select2-container--default .select2-selection--multiple { min-height: 42px; border: 1px solid rgba(164,163,161,.3); border-radius: 10px; background: rgba(9,8,6,.48); color: #f8fafc; }
.ikas-import-modal .select2-container--default .select2-selection--single .select2-selection__rendered { color: #f8fafc; line-height: 40px; }
.ikas-import-modal .select2-container--default .select2-selection--multiple { padding: .2rem .35rem; }
.ikas-import-modal .select2-container--default .select2-selection--multiple .select2-selection__choice { border-color: rgba(209,208,206,.28); border-radius: 6px; background: rgba(178,177,175,.14); color: #cffafe; }
.ikas-import-modal .select2-dropdown { border-color: rgba(209,208,206,.26); background: #1c1b19; color: #f8fafc; }
.ikas-import-modal .select2-results__option--highlighted { background: color-mix(in srgb, var(--ikas-accent) 75%, #d1cec6); }
.ikas-variant-mapping { position: relative; margin-top: 1rem; border-top: 1px solid rgba(255,255,255,.08); padding-top: 1rem; }
.ikas-variant-mapping__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; }
.ikas-variant-mapping__header h6 { margin: 0; color: #f8fafc; }
.ikas-variant-mapping__header small { border-radius: 999px; background: color-mix(in srgb, var(--ikas-accent) 12%, transparent); color: #e6e5e3; font-weight: 700; padding: .3rem .6rem; white-space: nowrap; }
.ikas-optimize-btn { position: absolute; top: 1rem; right: 7.35rem; display: inline-flex; align-items: center; gap: .4rem; margin: 0; border: 1px solid color-mix(in srgb, var(--ikas-accent) 42%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--ikas-accent) 12%, transparent); color: #e6e5e3; font-size: .82rem; font-weight: 800; line-height: 1; padding: .48rem .72rem; }
.ikas-optimize-btn:hover:not(:disabled), .ikas-optimize-btn:focus-visible { border-color: color-mix(in srgb, var(--ikas-accent) 68%, transparent); color: #ecfeff; background: color-mix(in srgb, var(--ikas-accent) 20%, transparent); }
.ikas-optimize-btn.is-optimized { border-color: rgba(52,211,153,.72); color: #bbf7d0; background: rgba(52,211,153,.16); }
.ikas-optimize-btn:disabled { opacity: .48; }
.ikas-variant-mapping__rows { display: grid; gap: .7rem; }
.ikas-variant-mapping__row { margin-bottom: 0 !important; padding: .8rem !important; border: 1px solid rgba(164,163,161,.2) !important; border-radius: 12px !important; background: rgba(9,8,6,.24); transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.ikas-variant-mapping__row.is-matched { border-color: rgba(52,211,153,.58) !important; background: rgba(6,78,59,.16); box-shadow: 0 0 0 1px rgba(52,211,153,.08), 0 8px 24px rgba(6,78,59,.12); }
.ikas-variant-mapping__row.is-unmatched { border-color: rgba(251,113,133,.58) !important; background: rgba(127,29,29,.13); }
.ikas-variant-mapping__row > .d-flex { min-width: 0; }
.ikas-variant-mapping__row > .d-flex strong { display: inline-flex; align-items: center; min-width: 4.5rem; color: #eae9e7; }
.ikas-variant-mapping__row > .d-flex select { min-width: 230px; max-width: 430px; }
.ikas-variant-mapping__row .form-label { color: #bebdbb; }
.ikas-variant-mapping__row .form-select { border-color: rgba(164,163,161,.28); background-color: rgba(26,25,23,.72); color: #f8fafc; }
.ikas-variant-mapping__row.is-matched .form-select { border-color: rgba(52,211,153,.46); }
.ikas-variant-mapping__row.is-unmatched .form-select { border-color: rgba(251,113,133,.42); }
.ikas-variant-mapping__status { display: inline-block; width: .58rem; height: .58rem; flex: 0 0 .58rem; margin-right: .45rem; border-radius: 50%; background: #757472; box-shadow: 0 0 0 3px rgba(117,116,114,.12); }
.ikas-variant-mapping__row.is-matched .ikas-variant-mapping__status { background: #34d399; box-shadow: 0 0 0 3px rgba(52,211,153,.16), 0 0 12px rgba(52,211,153,.48); }
.ikas-variant-mapping__row.is-unmatched .ikas-variant-mapping__status { background: #fb7185; box-shadow: 0 0 0 3px rgba(251,113,133,.15), 0 0 12px rgba(251,113,133,.34); }

@media (max-width: 767.98px) {
  .ikas-modal-grid { grid-template-columns: 1fr; }
  .ikas-import-modal .modal-dialog { width: calc(100vw - 1rem); height: calc(100vh - 1rem); max-height: calc(100vh - 1rem); margin: .5rem auto; }
  .ikas-import-modal .modal-content { max-height: none; }
  .ikas-import-modal .modal-body { padding: .8rem; }
  .ikas-variant-mapping__row > .d-flex { flex-direction: column; align-items: stretch !important; }
  .ikas-variant-mapping__row > .d-flex strong { min-width: 0; }
  .ikas-variant-mapping__row > .d-flex select { width: 100%; max-width: none; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .ikas-modal-grid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .ikas-optimize-btn { position: static; margin: 0 0 .75rem; }
}

/* Floating onboarding task widget */
.onboarding-widget {
  position: fixed;
  z-index: 1450;
  left: clamp(1rem, 2vw, 1.6rem);
  bottom: clamp(1rem, 2vw, 1.6rem);
  width: min(346px, calc(100vw - 2rem));
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

.onboarding-widget.is-dismissing {
  opacity: 0;
  transform: translateY(10px) scale(.985);
}

.onboarding-widget .onboarding-card {
  position: relative;
  overflow: hidden;
  padding: .9rem;
  border: 1px solid rgba(199, 198, 196, .2);
  border-radius: 20px;
  color: #f8fafc;
  background:
    radial-gradient(circle at 0 0, rgba(155, 152, 145, .15), transparent 38%),
    linear-gradient(145deg, rgba(27, 26, 24, .97), rgba(15, 14, 12, .96));
  box-shadow:
    0 26px 70px -28px rgba(0, 0, 0, .88),
    0 12px 34px -24px rgba(155, 152, 145, .5),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(22px) saturate(135%);
  pointer-events: auto;
}

.onboarding-widget .onboarding-card::before {
  position: absolute;
  top: 0;
  right: 1rem;
  left: 1rem;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(199, 198, 196, .8), rgba(148, 147, 145, .65), transparent);
}

.onboarding-widget .onboarding-card__header,
.onboarding-widget .onboarding-card__identity,
.onboarding-widget .onboarding-card__actions {
  display: flex;
  align-items: center;
}

.onboarding-widget .onboarding-card__header {
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: nowrap;
}

.onboarding-widget .onboarding-card__identity {
  min-width: 0;
  gap: .65rem;
}

.onboarding-widget .onboarding-card__icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border: 1px solid rgba(199, 198, 196, .24);
  border-radius: 11px;
  color: #eeeae1;
  background: linear-gradient(145deg, rgba(115, 115, 111, .18), rgba(105, 104, 101, .13));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.onboarding-widget .onboarding-card__icon i {
  font-size: 1rem;
}

.onboarding-widget .onboarding-eyebrow {
  margin-bottom: .12rem;
  color: #8f8e8c;
  font-size: .57rem;
  font-weight: 850;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
}

.onboarding-widget .onboarding-card__meta h3,
.onboarding-widget .onboarding-card__identity h3 {
  overflow: hidden;
  margin: 0;
  color: #f8fafc;
  font-size: .9rem;
  font-weight: 780;
  letter-spacing: -.015em;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.onboarding-widget .onboarding-card__actions {
  flex: 0 0 auto;
  gap: .4rem;
}

.onboarding-widget .onboarding-count-pill {
  display: inline-flex;
  min-width: 42px;
  align-items: baseline;
  justify-content: center;
  gap: 1px;
  padding: .3rem .5rem;
  border: 1px solid rgba(148, 147, 145, .28);
  border-radius: 999px;
  color: #9c9b99;
  background: rgba(105, 104, 101, .1);
  font-size: .68rem;
  line-height: 1;
}

.onboarding-widget .onboarding-count-pill strong {
  color: #e6e3dc;
  font-size: .78rem;
}

.onboarding-widget .onboarding-dismiss {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 9px;
  color: #81807e;
  background: transparent;
  font-size: .72rem;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.onboarding-widget .onboarding-dismiss:hover,
.onboarding-widget .onboarding-dismiss:focus-visible {
  color: #eae9e7;
  background: rgba(164, 163, 161, .11);
  transform: rotate(4deg);
  outline: none;
}

.onboarding-mobile-launcher,
.onboarding-mobile-minimize {
  display: none;
}

.onboarding-widget .onboarding-progress {
  display: block;
  margin-top: .75rem;
}

.onboarding-widget .onboarding-progress__bar {
  width: 100%;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(117, 116, 114, .22);
  box-shadow: none;
}

.onboarding-widget .onboarding-progress__bar .progress-bar {
  border-radius: inherit;
  background: linear-gradient(90deg, #b2b1af, #c5c1b8 55%, #aaa69e);
  box-shadow: 0 0 12px rgba(155, 152, 145, .48);
  transition: width .35s ease;
}

.onboarding-step-rail {
  display: flex;
  gap: .32rem;
  margin-top: .42rem;
}

.onboarding-step-rail__item {
  height: 2px;
  flex: 1;
  border-radius: 999px;
  background: rgba(117, 116, 114, .2);
  transition: background-color .25s ease, box-shadow .25s ease;
}

.onboarding-step-rail__item.is-complete {
  background: rgba(178, 177, 175, .62);
}

.onboarding-step-rail__item.is-current {
  background: #aaa69e;
  box-shadow: 0 0 8px rgba(148, 147, 145, .55);
}

.onboarding-widget .onboarding-card__body {
  display: block;
  margin-top: .8rem;
}

.onboarding-widget .onboarding-task {
  display: block;
  padding: .78rem;
  border: 1px solid rgba(164, 163, 161, .13);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.onboarding-widget .onboarding-task--hidden {
  display: none;
}

.onboarding-widget .onboarding-task__status {
  margin-bottom: .45rem;
}

.onboarding-widget .onboarding-status {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  color: #cbc8c0;
  font-size: .6rem;
  font-weight: 820;
  letter-spacing: .07em;
  line-height: 1;
  text-transform: uppercase;
}

.onboarding-widget .onboarding-status i {
  color: #d1cec6;
  font-size: .38rem;
  filter: drop-shadow(0 0 5px rgba(155, 152, 145, .7));
}

.onboarding-widget .onboarding-status--done,
.onboarding-widget .onboarding-status--done i {
  color: #6ee7b7;
}

.onboarding-widget .onboarding-task__content,
.onboarding-widget .onboarding-task__content--integrations {
  display: block;
}

.onboarding-widget .onboarding-task__title-row {
  display: flex;
  align-items: center;
  gap: .4rem;
}

.onboarding-widget .onboarding-task__content h5,
.onboarding-widget .onboarding-complete-state h5 {
  margin: 0;
  color: #f1f5f9;
  font-size: .86rem;
  font-weight: 760;
  line-height: 1.3;
}

.onboarding-widget .onboarding-task__content p,
.onboarding-widget .onboarding-complete-state p {
  display: -webkit-box;
  overflow: hidden;
  margin: .24rem 0 0;
  color: #979694;
  font-size: .69rem;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.onboarding-optional {
  flex: 0 0 auto;
  padding: .18rem .36rem;
  border: 1px solid rgba(164, 163, 161, .18);
  border-radius: 999px;
  color: #a4a3a1;
  background: rgba(164, 163, 161, .07);
  font-size: .53rem;
  font-weight: 750;
}

.onboarding-widget .onboarding-task__action {
  display: flex;
  width: 100%;
  min-height: 36px;
  align-items: center;
  justify-content: space-between;
  margin-top: .68rem;
  padding: .48rem .7rem;
  border: 1px solid rgba(159, 158, 156, .28);
  border-radius: 10px;
  color: #e6e3dc;
  background: linear-gradient(135deg, rgba(115, 115, 111, .13), rgba(105, 104, 101, .12));
  font-size: .7rem;
  font-weight: 760;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.onboarding-widget .onboarding-task__action:hover,
.onboarding-widget .onboarding-task__action:focus-visible {
  border-color: rgba(199, 198, 196, .55);
  color: #fff;
  background: linear-gradient(135deg, rgba(115, 115, 111, .22), rgba(105, 104, 101, .2));
  transform: translateY(-1px);
  outline: none;
}

.onboarding-widget .onboarding-integration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .42rem;
  width: 100%;
  margin-top: .68rem;
}

.onboarding-widget .onboarding-integration-option {
  display: flex;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  gap: .45rem;
  padding: .42rem .48rem;
  border: 1px solid rgba(164, 163, 161, .14);
  border-radius: 11px;
  color: #d7d6d4;
  background: rgba(5, 5, 5, .22);
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.onboarding-widget .onboarding-integration-option:hover,
.onboarding-widget .onboarding-integration-option:focus-visible {
  border-color: rgba(159, 158, 156, .48);
  color: #f8fafc;
  background: rgba(68, 67, 65, .13);
  transform: translateY(-1px);
  outline: none;
}

.onboarding-widget .onboarding-integration-option--recommended {
  border-color: rgba(159, 158, 156, .38);
  background: linear-gradient(135deg, rgba(110, 109, 105, .14), rgba(25, 25, 24, .3));
  box-shadow: inset 0 1px 0 rgba(219, 218, 216, .05);
}

.onboarding-widget .onboarding-integration-option__icon {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 8px;
  color: #cbc8c0;
  background: rgba(126, 125, 123, .11);
}

.onboarding-widget .onboarding-integration-option__icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.onboarding-widget .onboarding-integration-option__label {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  line-height: 1.1;
}

.onboarding-widget .onboarding-integration-option__label strong {
  overflow: hidden;
  font-size: .68rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.onboarding-widget .onboarding-integration-option__label small {
  margin-top: .16rem;
  color: #eeeae1;
  font-size: .49rem;
  font-weight: 760;
}

.onboarding-widget .onboarding-integration-option__arrow {
  flex: 0 0 auto;
  color: #757472;
  font-size: .58rem;
}

.onboarding-widget .onboarding-complete-state {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-top: .8rem;
  padding: .72rem;
  border: 1px solid rgba(52, 211, 153, .22);
  border-radius: 14px;
  background: rgba(6, 78, 59, .1);
}

.onboarding-widget .onboarding-complete-state.d-none {
  display: none;
}

.onboarding-complete-state__icon {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border-radius: 10px;
  color: #6ee7b7;
  background: rgba(52, 211, 153, .13);
}

@media (max-width: 767.98px) {
  .onboarding-widget {
    top: auto;
    right: .65rem;
    bottom: calc(84px + env(safe-area-inset-bottom));
    left: .65rem;
    width: auto;
    max-height: none;
    overflow: visible;
    border-radius: 0;
  }

  .onboarding-widget .onboarding-card {
    max-height: min(310px, calc(100dvh - 178px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
    overflow-x: hidden;
    overflow-y: auto;
    padding: .68rem;
    border-radius: 17px;
    box-shadow: 0 22px 60px -28px rgba(0, 0, 0, .9), 0 10px 28px -24px rgba(155, 152, 145, .5);
    scrollbar-width: thin;
    transform-origin: bottom center;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
  }

  .onboarding-widget.is-mobile-collapsed .onboarding-card {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px) scale(.97);
  }

  .onboarding-widget.is-mobile-open .onboarding-card {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .onboarding-mobile-launcher {
    position: fixed;
    z-index: 2;
    bottom: calc(86px + env(safe-area-inset-bottom));
    left: var(--onboarding-mobile-left, calc(100vw - 68px));
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(199, 198, 196, .42);
    border-radius: 18px;
    color: #f5f4f2;
    background:
      radial-gradient(circle at 28% 18%, rgba(199, 198, 196, .28), transparent 42%),
      linear-gradient(145deg, rgba(32, 31, 29, .98), rgba(19, 18, 16, .98));
    box-shadow: 0 16px 34px -14px rgba(0, 0, 0, .86), 0 0 24px -12px rgba(155, 152, 145, .9), inset 0 1px 0 rgba(255, 255, 255, .09);
    font-size: 1.28rem;
    pointer-events: auto;
    touch-action: none;
    user-select: none;
    cursor: grab;
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease, left .2s ease, border-color .16s ease;
  }

  .onboarding-mobile-launcher:hover,
  .onboarding-mobile-launcher:focus-visible {
    border-color: rgba(199, 198, 196, .75);
    color: #fff;
    outline: 2px solid rgba(155, 152, 145, .35);
    outline-offset: 3px;
  }

  .onboarding-mobile-launcher.is-dragging {
    cursor: grabbing;
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease, border-color .16s ease;
    transform: scale(1.04);
  }

  .onboarding-widget.is-mobile-open .onboarding-mobile-launcher {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: scale(.88);
  }

  .onboarding-mobile-launcher__badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 5px;
    border: 2px solid #131210;
    border-radius: 999px;
    color: #131210;
    background: #d1d0ce;
    box-shadow: 0 4px 14px rgba(178, 177, 175, .42);
    font-size: .62rem;
    font-weight: 850;
    line-height: 1;
  }

  .onboarding-mobile-minimize {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 9px;
    color: #b1b0ae;
    background: rgba(164, 163, 161, .08);
    font-size: .75rem;
  }

  .onboarding-mobile-minimize:hover,
  .onboarding-mobile-minimize:focus-visible {
    color: #fff;
    background: rgba(155, 152, 145, .15);
    outline: none;
  }

  .onboarding-widget .onboarding-dismiss {
    display: none;
  }

  .onboarding-widget .onboarding-card__header {
    touch-action: pan-y;
  }

  .onboarding-widget .onboarding-eyebrow,
  .onboarding-widget .onboarding-task__status,
  .onboarding-widget .onboarding-task__content p,
  .onboarding-widget .onboarding-complete-state p,
  .onboarding-widget .onboarding-step-rail {
    display: none;
  }

  .onboarding-widget .onboarding-card__identity {
    gap: .52rem;
  }

  .onboarding-widget .onboarding-card__icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 9px;
  }

  .onboarding-widget .onboarding-card__identity h3 {
    font-size: .82rem;
  }

  .onboarding-widget .onboarding-progress {
    margin-top: .52rem;
  }

  .onboarding-widget .onboarding-card__body,
  .onboarding-widget .onboarding-complete-state {
    margin-top: .55rem;
  }

  .onboarding-widget .onboarding-task {
    padding: .6rem;
  }

  .onboarding-widget .onboarding-task__action,
  .onboarding-widget .onboarding-integration-grid {
    margin-top: .52rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .onboarding-widget,
  .onboarding-widget * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Gymtayt brand palette: black premium surfaces with the logo's gold/orange action color. */
html,
body {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .035), transparent 34%),
    radial-gradient(circle at 92% 72%, rgba(255, 255, 255, .02), transparent 38%),
    linear-gradient(180deg, #121212 0%, #050505 58%, #000 100%);
}

body:not(.is-admin-control) .site-header {
  background: rgba(10, 10, 10, .78) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(120%);
}

body:not(.is-admin-control) .site-header .brand-logo {
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .38));
}

body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip),
body:not(.is-admin-control) .site-header .navbar-toggler {
  background: rgba(23, 23, 22, .8);
}

body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip):hover,
body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip):focus-visible,
body:not(.is-admin-control) .site-header :is(.nav-chip, .nav-wallet-chip).is-active {
  border-color: rgba(246, 184, 0, .5);
  background: rgba(29, 29, 28, .96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body:not(.is-admin-control) .site-header .nav-chip--accent {
  border-color: rgba(255, 213, 42, .58);
  background: var(--ds-btn-bg-primary);
  color: #221700;
  box-shadow: 0 14px 28px -20px rgba(246, 184, 0, .7);
}

body:not(.is-admin-control) .site-header .nav-dropdown__menu {
  background: #0c0c0b !important;
  background-color: #0c0c0b !important;
  opacity: 1 !important;
  backdrop-filter: none;
}

@media (max-width: 991.98px) {
  body:not(.is-admin-control) .site-header .navbar-collapse {
    background: #0c0c0b !important;
    background-color: #0c0c0b !important;
    opacity: 1 !important;
    backdrop-filter: none;
  }
}

.premium-home {
  --premium-line: rgba(255, 255, 255, .13);
  --premium-surface: rgba(20, 20, 19, .78);
  --premium-muted: #aaa69e;
}

.premium-hero {
  background:
    radial-gradient(circle at 80% 12%, rgba(255, 255, 255, .045), transparent 34%),
    radial-gradient(circle at 12% 85%, rgba(255, 255, 255, .025), transparent 32%),
    linear-gradient(145deg, rgba(22, 22, 21, .98), rgba(5, 5, 5, .99));
  box-shadow: 0 36px 100px -54px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255,255,255,.05);
}

.premium-hero::after {
  background: radial-gradient(circle, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012) 48%, transparent 70%);
}

.premium-eyebrow,
.premium-kicker,
.premium-integration__label,
.premium-verified,
.premium-flow > div i,
.premium-plan__badge {
  color: #ffc928;
}

.premium-hero h1 span { color: #f8f7f4; }
.premium-text-link { color: #d7d3cb; }

.premium-eyebrow > span,
.premium-plan li::before {
  background: #f6b800;
  box-shadow: none;
}

.premium-proof i,
.site-footer__trust i,
.plan-trust-strip i {
  color: #ffc928;
}

.premium-hero__visual {
  background: rgba(9, 9, 9, .76);
  box-shadow: 0 30px 80px -42px rgba(0, 0, 0, .94), inset 0 1px 0 rgba(255,255,255,.06);
}

.premium-integration {
  background: rgba(28, 28, 27, .76);
}

.premium-integration--shopier {
  border-color: rgba(246, 184, 0, .36);
  background: rgba(25, 25, 24, .88);
}

.premium-integration__icon,
.premium-feature-grid article > i {
  color: #ffc928;
  background: rgba(246, 184, 0, .1);
}

.premium-flow,
.premium-home .product-card,
.premium-plan {
  background: rgba(18, 18, 17, .84);
}

.premium-feature-grid article {
  background: linear-gradient(155deg, rgba(30, 30, 29, .88), rgba(10, 10, 10, .96));
}

.premium-feature-grid article.is-accent,
.premium-plan--plus {
  border-color: rgba(246, 184, 0, .38);
  background: linear-gradient(155deg, rgba(31, 31, 30, .92), rgba(10, 10, 10, .97));
}

.premium-final-cta {
  border-color: rgba(246, 184, 0, .35);
  background: linear-gradient(145deg, #171716, #090909);
}

body:not(.page-admin) :where(.btn-primary, .btn-cta, .btn-card, .btn-round, .plan-card__button, .product-card__cta, .imports-search__submit, .orders-search__submit) {
  border-color: rgba(255, 213, 42, .58);
  color: #211600;
}

body:not(.page-admin) :where(.btn-primary, .btn-cta, .btn-card, .btn-round, .plan-card__button, .product-card__cta, .imports-search__submit, .orders-search__submit):hover,
body:not(.page-admin) :where(.btn-primary, .btn-cta, .btn-card, .btn-round, .plan-card__button, .product-card__cta, .imports-search__submit, .orders-search__submit):focus-visible {
  border-color: #ffe27a;
  color: #211600;
  background: #dda600;
  box-shadow: 0 18px 34px -26px rgba(246, 184, 0, .5);
}

body:not(.page-admin) :where(.btn-cta-alt, .btn-ghost, .btn-light, .btn-dark, .btn-outline-light, .btn-outline-dark, .btn-outline-secondary, .btn-outline-primary, .btn-outline-info, .orders-sync-btn, .catalog-pagination__pill, .imports-pagination__arrow, .order-card__shipping-action, .supplier-file-control__button):hover,
body:not(.page-admin) :where(.btn-cta-alt, .btn-ghost, .btn-light, .btn-dark, .btn-outline-light, .btn-outline-dark, .btn-outline-secondary, .btn-outline-primary, .btn-outline-info, .orders-sync-btn, .catalog-pagination__pill, .imports-pagination__arrow, .order-card__shipping-action, .supplier-file-control__button):focus-visible {
  background: rgba(43, 43, 41, .96);
  border-color: rgba(246, 184, 0, .46);
  box-shadow: 0 18px 36px -26px rgba(246, 184, 0, .34);
}

/* These secondary actions also carry .btn-cta for shared sizing. Keep their
   labels light so the dark buttons remain readable. */
body:not(.page-admin) :is(.orders-header-actions, .page-partner-returns .section-title) .btn-cta-alt {
  color: var(--ds-text-secondary) !important;
}

body:not(.page-admin) :is(.orders-header-actions, .page-partner-returns .section-title) .btn-cta-alt:hover,
body:not(.page-admin) :is(.orders-header-actions, .page-partner-returns .section-title) .btn-cta-alt:focus-visible {
  color: #fff !important;
}

@media (max-width: 767.98px) {
  .mobile-dock { background: rgba(10, 10, 9, .94); }
  .mobile-dock__item.is-active { color: #fff4ca; background: rgba(34, 34, 32, .96); }
  .mobile-dock__item.is-active::before { background: #f6b800; box-shadow: none; }
}

/* Catalog card overlays: stable, compact and independent from icon-font loading. */
.page-catalog .catalog-grid .product-marketplaces {
  position: absolute;
  left: 0.72rem;
  bottom: 0.72rem;
  z-index: 3;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 0.28rem;
  pointer-events: none;
}

.page-catalog .catalog-grid .product-marketplaces .product-status__marketplace {
  width: 1.48rem;
  height: 1.48rem;
  border-radius: 0.44rem;
  box-shadow: 0 8px 18px -12px rgba(0, 0, 0, 0.96), inset 0 1px rgba(255, 255, 255, 0.12);
}

.page-catalog .catalog-grid .catalog-card-icon,
.page-catalog .catalog-grid .catalog-card-icon svg,
.page-catalog .catalog-grid .product-import-count__icon svg {
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  flex: 0 0 0.9rem;
}

.page-catalog .catalog-grid .catalog-card-icon svg,
.page-catalog .catalog-grid .product-import-count__icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-catalog .catalog-grid .product-price,
.page-catalog .catalog-grid .product-import-count__value {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 575.98px) {
  .page-catalog .catalog-grid {
    gap: clamp(0.42rem, 2.2vw, 0.56rem);
  }

  .page-catalog .catalog-grid .card-modern {
    border-radius: clamp(0.72rem, 3.4vw, 0.88rem);
  }

  .page-catalog .catalog-grid .card-media {
    aspect-ratio: 1 / 1.14;
  }

  .page-catalog .catalog-grid .card-body {
    gap: clamp(0.34rem, 1.8vw, 0.46rem);
    padding: clamp(0.46rem, 2.35vw, 0.58rem);
  }

  .page-catalog .catalog-grid .product-title {
    min-height: 2.32em;
    font-size: clamp(0.66rem, 3.15vw, 0.75rem);
    line-height: 1.16;
    letter-spacing: -0.012em;
  }

  .page-catalog .catalog-grid .product-actions {
    min-height: 1.5rem;
  }

  .page-catalog .catalog-grid .product-price {
    bottom: clamp(0.34rem, 1.8vw, 0.44rem);
    left: clamp(0.34rem, 1.8vw, 0.44rem) !important;
    max-width: calc(100% - 0.8rem);
    padding: 0.27rem 0.38rem;
    border-radius: 0.48rem;
    font-size: clamp(0.59rem, 2.7vw, 0.67rem);
    line-height: 1;
  }

  .page-catalog .catalog-grid .product-badges {
    top: clamp(0.34rem, 1.8vw, 0.44rem);
    right: clamp(0.34rem, 1.8vw, 0.44rem);
    gap: 0.2rem;
  }

  .page-catalog .catalog-grid :is(.product-status--new, .product-status--bestseller, .product-status--out) {
    width: clamp(1.42rem, 7vw, 1.62rem);
    min-width: clamp(1.42rem, 7vw, 1.62rem);
    height: clamp(1.42rem, 7vw, 1.62rem);
    min-height: clamp(1.42rem, 7vw, 1.62rem);
    border-radius: 0.44rem;
  }

  .page-catalog .catalog-grid .catalog-card-icon,
  .page-catalog .catalog-grid .catalog-card-icon svg {
    width: clamp(0.68rem, 3.3vw, 0.78rem);
    height: clamp(0.68rem, 3.3vw, 0.78rem);
    flex-basis: clamp(0.68rem, 3.3vw, 0.78rem);
  }

  .page-catalog .catalog-grid .product-marketplaces {
    top: clamp(0.34rem, 1.8vw, 0.44rem);
    bottom: auto;
    left: clamp(0.34rem, 1.8vw, 0.44rem);
    flex-direction: column;
    gap: 0.18rem;
  }

  .page-catalog .catalog-grid .product-marketplaces .product-status__marketplace {
    width: clamp(1.18rem, 5.9vw, 1.34rem);
    height: clamp(1.18rem, 5.9vw, 1.34rem);
    border-radius: 0.38rem;
  }

  .page-catalog .catalog-grid .product-marketplaces .product-status__marketplace img {
    max-width: 0.92rem;
    max-height: 0.92rem;
  }

  .page-catalog .catalog-grid .product-import-count {
    gap: 0.2rem;
    padding: 0.18rem 0.36rem 0.18rem 0.2rem;
    font-size: clamp(0.56rem, 2.6vw, 0.63rem);
    line-height: 1;
  }

  .page-catalog .catalog-grid .product-import-count__icon {
    width: clamp(1.08rem, 5.4vw, 1.22rem);
    height: clamp(1.08rem, 5.4vw, 1.22rem);
    flex-basis: clamp(1.08rem, 5.4vw, 1.22rem);
  }

  .page-catalog .catalog-grid .product-import-count__icon svg {
    width: clamp(0.58rem, 2.9vw, 0.68rem);
    height: clamp(0.58rem, 2.9vw, 0.68rem);
    flex-basis: clamp(0.58rem, 2.9vw, 0.68rem);
  }
}

/* Shared support navigation and supplier conversation workspace. */
.support-kind-tabs.nav-pills .nav-link {
  color: var(--ds-text-secondary);
  border: 1px solid rgba(164, 163, 161, .2);
  border-radius: 12px;
}
.support-kind-tabs.nav-pills .nav-link.active {
  background: rgba(246, 184, 0, .12);
  border-color: rgba(246, 184, 0, .5);
  color: var(--ds-primary);
}

[data-supplier-contact-app] .card-modern,
[data-supplier-contact-app] .card-modern:hover {
  transform: none;
  transition: none;
  box-shadow: 0 25px 45px -30px rgba(105, 104, 101, 0.4);
}

[data-supplier-contact-app] [data-ticket-message-attachment] {
  max-width: 100%;
}
[data-supplier-contact-app] .contact-list-new { display: inline-block; vertical-align: middle; margin-left: 0.25rem; }
[data-supplier-contact-app] .contact-message { width: 92%; overflow-wrap: anywhere; }
[data-supplier-contact-app] .contact-message.contact-message--own { margin-left: auto; background: rgba(255, 184, 0, 0.07); border-color: rgba(255, 184, 0, 0.25) !important; }
[data-supplier-contact-app] .contact-message--other { margin-right: auto; background: rgba(255, 255, 255, 0.035); }
[data-supplier-contact-app] .contact-upload-file { max-width: 100%; min-width: 0; }
[data-supplier-contact-app] .contact-upload-file img,
[data-supplier-contact-app] .contact-upload-file button { flex-shrink: 0; }
[data-supplier-contact-app] .ticket-upload-dropzone:disabled { opacity: 0.5; cursor: default; }
@media (max-width: 575.98px) {
  [data-supplier-contact-app] .contact-message { width: 97%; }
}
[data-supplier-contact-app] .card-modern .card-body {
  display: block;
  padding: 1.25rem;
}
[data-supplier-contact-app] .border,
[data-supplier-contact-app] .border-bottom {
  border-color: rgba(164, 163, 161, .22) !important;
}
[data-supplier-contact-app] [data-contact-messages] {
  max-height: 60vh;
  overflow-y: auto;
}