html,
body,
#root {
  background: var(--color-bg-page);
  color: var(--color-text-primary);
}

/* Remove browser default black focus border from tab-like controls after click. */
.invoice-tabs .tab-btn:focus,
.invoice-tabs .tab-btn:focus-visible,
.transaction-tabs .tab-btn:focus,
.transaction-tabs .tab-btn:focus-visible,
.product-all-detail-tab .nav-tabs .nav-link:focus,
.product-all-detail-tab .nav-tabs .nav-link:focus-visible,
.Jcompny_actin .nav-tabs .nav-link:focus,
.Jcompny_actin .nav-tabs .nav-link:focus-visible,
.fillter_box .btnx:focus,
.fillter_box .btnx:focus-visible,
.sideTabMenu .toggletab-bx a:focus,
.sideTabMenu .toggletab-bx a:focus-visible,
.sideTabMenu .toggle-bx a:focus,
.sideTabMenu .toggle-bx a:focus-visible,
.pagination-btn:focus,
.pagination-btn:focus-visible,
.number-reveal-btn:focus,
.number-reveal-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Pagination active page should be blue site-wide, matching My Orders. */
.pagination-btn.active,
.invoice-pagination .pagination-btn.active,
.transaction-pagination .pagination-btn.active,
.my-orders-pagination .pagination-btn.active,
.activity-products-pagination .pagination-btn.active {
  background: var(--color-info) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

body {
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Excel Foundation utilities — Drotly_Them Colour.xlsx */
.bg-page {
  background-color: var(--color-bg-page) !important;
}

.bg-subtle {
  background-color: var(--color-bg-subtle) !important;
}

.bg-surface {
  background-color: var(--color-bg-surface) !important;
}

.bg-elevated {
  background-color: var(--color-bg-elevated) !important;
}

.bg-light-dark {
  background: var(--color-bg-subtle) !important;
}

a {
  color: var(--color-text-link);
}

a:hover,
a:focus {
  color: var(--color-text-link-hover);
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .list-group-item,
[data-theme="dark"] .popover,
[data-theme="dark"] .search-result-card,
[data-theme="dark"] .customer-review-profile_block,
[data-theme="dark"] .product-sideBar-parent,
[data-theme="dark"] .product-listing-sideBar,
[data-theme="dark"] .product-listing-sideBar-colum,
[data-theme="dark"] .sideBar-category,
[data-theme="dark"] .content_tabmulti_First {
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

/* PDP / profile review section: dark theme overrides */
[data-theme="dark"] .review_block {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .review_block .review_author h3,
[data-theme="dark"] .review_block .review_mess,
[data-theme="dark"] .review_block .review_reply {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .customer-review-profile_block.bg-white,
[data-theme="dark"] .customer-review-profile_block {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .customer-review-bx {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .customer-review-bx h2,
[data-theme="dark"] .customer-review-profile_block h2,
[data-theme="dark"] .customer-review-profile_block h4,
[data-theme="dark"] .customer-review-profile_block .view-more-review,
[data-theme="dark"] .customer-review-profile_block .review-share,
[data-theme="dark"] .rated-customer-bx-inner,
[data-theme="dark"] .rated-customer-bx-inner h3,
[data-theme="dark"] .rated-customer-bx-inner p,
[data-theme="dark"] .rated-customer-bx {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .review-profile-header {
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .custom-select,
[data-theme="dark"] .react-datepicker-wrapper input,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--color-text-muted) !important;
}

/* Native dropdowns in profile pages (Online / Choose a reason) */
[data-theme="dark"] select.social_red_fuild {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] select.social_red_fuild option {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-primary) !important;
}

/* Sidebar/profile search inputs (e.g. "My followers" search) */
[data-theme="dark"] input.header-input,
[data-theme="dark"] .form-group-icon-bx input.header-input {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  box-shadow: none !important;
}

[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] input:-webkit-autofill:active,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px var(--color-bg-surface) inset !important;
  box-shadow: 0 0 0 30px var(--color-bg-surface) inset !important;
  -webkit-text-fill-color: var(--color-text-primary) !important;
  caret-color: var(--color-text-primary) !important;
}

[data-theme="dark"] .table,
[data-theme="dark"] table {
  color: var(--color-text-primary);
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
  border-color: var(--color-border-default);
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-bg-surface-alt);
}

[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-body {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .text-muted {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .product-sideBar-parent .MuiAccordion-root,
[data-theme="dark"] .product-sideBar-parent .MuiAccordionSummary-root,
[data-theme="dark"] .product-sideBar-parent .MuiAccordionDetails-root,
[data-theme="dark"] .product-sideBar-parent .MuiPaper-root {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .product-sideBar-parent .MuiTypography-root,
[data-theme="dark"] .product-sideBar-parent .MuiSvgIcon-root,
[data-theme="dark"] .product-sideBar-parent .toggle-category,
[data-theme="dark"] .product-sideBar-parent .sideBar-category li a,
[data-theme="dark"] .product-sideBar-parent .toggletab-bx li a {
  color: var(--color-text-primary) !important;
}

.product-sideBar-parent .sideBar-category li.active>a,
.product-sideBar-parent .sideBar-category li.active>a i,
.product-sideBar-parent .sideBar-category li a.active,
.product-sideBar-parent .toggletab-bx li.active>a,
[data-theme="dark"] .product-sideBar-parent .sideBar-category li.active>a,
[data-theme="dark"] .product-sideBar-parent .sideBar-category li.active>a i,
[data-theme="dark"] .product-sideBar-parent .sideBar-category li a.active,
[data-theme="dark"] .product-sideBar-parent .toggletab-bx li.active>a {
  color: var(--color-text-link) !important;
  font-weight: 800;
  margin-top: 5px;
}

[data-theme="dark"] .product-sideBar-parent .toggletab-bx,
[data-theme="dark"] .product-sideBar-parent .nav-tabs {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
}

/* Help Center / learn sidebar: active tab should not turn light in dark mode */
[data-theme="dark"] .product-sideBar-parent .toggletab-bx li.active>a,
[data-theme="dark"] .product-sideBar-parent .toggletab-bx li a.active {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-link) !important;
  border-radius: 8px;
}

[data-theme="dark"] .product-sideBar-parent .product-listing-sideBar-colum.other-option.otheropt_newcls {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

[data-theme="dark"] .product-sideBar-parent .product-listing-sideBar-colum.other-option.otheropt_newcls>h2 {
  background: transparent !important;
}

.product-sideBar-parent .toggletab-bx li a.active {
  color: var(--color-text-link) !important;
}

[data-theme="dark"] .product-sideBar-parent .toggletab-bx li a.active,
[data-theme="dark"] .learnmultipal_secns ul.toggletab-bx li a.active {
  color: var(--color-text-link) !important;
}

[data-theme="dark"] .content_tabmulti_First,
[data-theme="dark"] .content_tabmulti_First .multilable,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont p,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont li,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h1,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h2,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h3,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h4,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h5,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h6 {
  color: var(--color-text-primary) !important;
}

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

.theme-refund-notice {
  background: var(--color-warning-soft);
  border: 1px solid var(--color-warning);
  color: var(--color-text-primary);
  border-radius: 6px;
}

.theme-dispute-panel {
  background: var(--color-danger-soft);
  border-left: 4px solid var(--color-danger);
  box-shadow: var(--color-shadow-xs);
}

.dispute-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: var(--color-overlay-strong) !important;
  z-index: 1060 !important;
}

.dispute-modal-content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(500px, 90%) !important;
  max-height: calc(100vh - 40px) !important;
  overflow: auto !important;
  padding: 25px !important;
  border-radius: 10px !important;
  transform: translate(-50%, -50%) !important;
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  outline: none !important;
}

.dispute-modal-content .modal-header {
  border-bottom: 1px solid var(--color-border-default);
}

.dispute-modal-content .modal-title,
.dispute-modal-content .form-label {
  color: var(--color-text-primary) !important;
}

.dispute-modal-content .close,
.dispute-modal-content .close i {
  color: var(--color-text-on-accent) !important;
  opacity: 1;
}

.dispute-modal-content .dispute-reason-input {
  min-height: 130px;
  resize: vertical;
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

.dispute-modal-content .dispute-reason-input:focus {
  border-color: var(--color-brand-primary) !important;
  box-shadow: 0 0 0 3px var(--color-brand-primary-soft) !important;
}

.return-request-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: var(--color-overlay-strong) !important;
  z-index: 1060 !important;
}

.return-request-modal {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  max-height: calc(100vh - 40px) !important;
  overflow: auto !important;
  transform: translate(-50%, -50%) !important;
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  outline: none !important;
}

.return-request-modal .modal-title,
.return-request-modal label,
.return-request-modal .control-label {
  color: var(--color-text-primary) !important;
}

.return-request-modal .shipCloseBtn {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.return-request-modal .shipCloseBtn i {
  color: var(--color-text-on-accent) !important;
}

.return-request-modal .shipCloseBtn:hover,
.return-request-modal .shipCloseBtn:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.return-request-modal .shipCloseBtn:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

.return-request-modal .btn.themeBtn,
.return-request-modal .theme-btn-info-cta {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
  border-radius: 50px !important;
  font-weight: 600;
}

.return-request-modal .btn.themeBtn:hover,
.return-request-modal .btn.themeBtn:focus,
.return-request-modal .theme-btn-info-cta:hover,
.return-request-modal .theme-btn-info-cta:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.return-request-modal .btn.themeBtn:active,
.return-request-modal .theme-btn-info-cta:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Return Request action popups — Yes / Accept / Confirm = blue; all buttons capsule */
.confirmation-modal .btn,
.tracking-modal .modal-body .btn,
.tracking-modal .modal-footer .btn,
.my-orders-container .modal .modal-footer .btn {
  border-radius: 50px !important;
}

.confirmation-modal .btn-primary,
.tracking-modal .modal-body .btn.btn-primary,
.my-orders-container .modal .modal-footer .btn.btn-primary {
  background: var(--color-info) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.confirmation-modal .btn-primary:hover,
.confirmation-modal .btn-primary:focus,
.tracking-modal .modal-body .btn.btn-primary:hover,
.tracking-modal .modal-body .btn.btn-primary:focus,
.my-orders-container .modal .modal-footer .btn.btn-primary:hover,
.my-orders-container .modal .modal-footer .btn.btn-primary:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.confirmation-modal .btn-primary:active,
.tracking-modal .modal-body .btn.btn-primary:active,
.my-orders-container .modal .modal-footer .btn.btn-primary:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Return Address modal (outside .my-orders-container) — Cancel + Confirm blue/capsule */
.return-address-modal .modal-footer .btn,
.return-address-modal .modal-footer button.btn {
  border-radius: 50px !important;
}

.return-address-modal .modal-footer .btn.btn-primary,
.return-address-modal .modal-footer button.btn.btn-primary {
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.return-address-modal .modal-footer .btn.btn-primary:hover:not(:disabled),
.return-address-modal .modal-footer .btn.btn-primary:focus:not(:disabled),
.return-address-modal .modal-footer button.btn.btn-primary:hover:not(:disabled),
.return-address-modal .modal-footer button.btn.btn-primary:focus:not(:disabled) {
  background: var(--color-info-hover) !important;
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.return-address-modal .modal-footer .btn.btn-secondary,
.return-address-modal .modal-footer button.btn.btn-secondary,
.return-address-modal .modal-footer button.btn-secondary:not(.btn-primary):not(.btn-info) {
  background: var(--color-bg-surface) !important;
  background-color: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-strong) !important;
  color: var(--color-icon-default) !important;
  border-radius: 50px !important;
}

/* My Orders — Shipping Details modal submit (secondary blue CTA) */
.manual-ship-modal .modal-footer .btn {
  border-radius: 8px !important;
  font-weight: 600;
}

.manual-ship-modal .modal-footer .theme-btn-info-cta {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.manual-ship-modal .modal-footer .theme-btn-info-cta:hover,
.manual-ship-modal .modal-footer .theme-btn-info-cta:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.manual-ship-modal .modal-footer .theme-btn-info-cta:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

.return-request-modal select,
.return-request-modal textarea {
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

.return-request-modal select:focus,
.return-request-modal textarea:focus {
  border-color: var(--color-brand-primary) !important;
  box-shadow: 0 0 0 3px var(--color-brand-primary-soft) !important;
}

/* Shared confirmation modals */
[data-theme="dark"] .confirmation-modal .modal-content {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  box-shadow: var(--color-shadow-md) !important;
}

[data-theme="dark"] .confirmation-modal .modal-header,
[data-theme="dark"] .confirmation-modal .modal-footer {
  background: var(--color-bg-surface-alt) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .confirmation-modal .modal-title,
[data-theme="dark"] .confirmation-modal .modal-body,
[data-theme="dark"] .confirmation-modal .modal-body p,
[data-theme="dark"] .confirmation-modal .confirmation-close,
[data-theme="dark"] .confirmation-modal .confirmation-close span {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .confirmation-modal .btn-secondary {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border: 1px solid var(--color-border-strong) !important;
}

[data-theme="dark"] .confirmation-modal .btn-secondary:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
  box-shadow: var(--color-shadow-sm) !important;
}

[data-theme="dark"] .confirmation-modal .btn-secondary:active {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .confirmation-modal .btn-primary {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.theme-badge-secondary {
  background: var(--color-bg-disabled) !important;
  color: var(--color-text-primary) !important;
}

/* OrderCard — Auction sale-type label: lighter than solid badge-dark */
.theme-badge-auction,
.order-card .order-header-badge.theme-badge-auction,
.order-card .badge.theme-badge-auction,
.order-card .order-header-badge.badge-dark {
  background: var(--color-bg-section) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-strong) !important;
}

/* Order card / transaction sale-type badges — sentence case */
.order-card .order-header-badge,
.order-card .order-status-badge,
.order-card .order-shipping-action-badge,
.order-card .order-return-status-badge,
.order-card .badge,
.transaction-history-page .transaction-title .badge,
.transaction-history-page .transaction-item .badge {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.order-card .order-dispute-reason-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.order-card .order-dispute-resolved-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

/* OrderCard — Order Refunded header: lighter than solid badge-danger */
.order-card .order-header-badge.order-status-refunded,
.order-card .order-header-badge.badge-danger {
  background: var(--color-order-refunded-bg) !important;
  color: var(--color-order-refunded-text) !important;
  border: 1px solid var(--color-order-refunded-border) !important;
}

.theme-manual-shipping-badge,
.theme-shipping-badge--manual,
.order-status-badge.order-status-manual-shipping,
.order-header-badge.order-status-manual-shipping,
.badge.order-status-manual-shipping,
.order-card .order-shipping-action-badge--manual {
  background: var(--color-shipping-manual-bg) !important;
  color: var(--color-shipping-manual-text) !important;
  border: 1px solid var(--color-shipping-manual-border) !important;
  border-radius: 999px !important;
}

.order-card .order-shipping-action-badge--collection {
  background: var(--color-shipping-local-bg) !important;
  color: var(--color-shipping-local-text) !important;
  border: 1px solid var(--color-shipping-local-border) !important;
}

.order-card .order-shipping-action-badge--awaiting {
  background: var(--color-order-awaiting-bg) !important;
  color: var(--color-order-awaiting-text) !important;
  border: 1px solid var(--color-order-awaiting-border) !important;
}

.theme-shipping-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.theme-shipping-badge--local {
  background: var(--color-shipping-local-bg) !important;
  color: var(--color-shipping-local-text) !important;
  border: 1px solid var(--color-shipping-local-border) !important;
}

.theme-shipping-badge--online {
  background: var(--color-shipping-online-bg) !important;
  color: var(--color-shipping-online-text) !important;
  border: 1px solid var(--color-shipping-online-border) !important;
}

.theme-user-offline-dot {
  background: var(--color-bg-disabled) !important;
}

/* Theme Toggle Button */
.theme-toggle-li {
  display: flex;
  align-items: center;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1.5px solid var(--color-border-default);
  border-radius: 999px;
  background: var(--color-bg-surface);
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: var(--color-shadow-xs);
}

.theme-toggle-btn:hover {
  background: var(--color-info-soft);
  border-color: var(--color-info);
  color: var(--color-icon-hover);
  box-shadow: var(--color-shadow-sm);
  transform: translateY(-1px);
}

.theme-toggle-btn:hover i,
.theme-toggle-btn:hover svg {
  color: var(--color-icon-hover);
}

.theme-toggle-btn:active {
  transform: translateY(0);
  box-shadow: var(--color-shadow-xs);
  border-color: var(--color-info-active);
  color: var(--color-icon-active);
}

.theme-toggle-btn:active i,
.theme-toggle-btn:active svg {
  color: var(--color-icon-active);
}

.theme-toggle-btn__icon {
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: transform 0.3s ease;
}

.theme-toggle-btn:hover .theme-toggle-btn__icon {
  transform: rotate(20deg);
}

.theme-toggle-btn__label {
  line-height: 1;
}

@media (max-width: 767px) {
  .top-header .theme-toggle-li.mobile_none {
    display: inline-flex !important;
    margin-left: 8px;
  }

  .top-header .theme-toggle-btn {
    width: 32px;
    height: 32px;
    justify-content: center;
    gap: 0;
    padding: 0;
  }

  .top-header .theme-toggle-btn__label,
  #floating-theme-toggle {
    display: none !important;
  }
}

/* Navbar: keep hover & dropdown same as light mode in dark mode */
[data-theme="dark"] .main-menu-bx ul li a:hover,
[data-theme="dark"] .main-menu-bx ul li.active a {
  background: var(--color-bg-page) !important;
}

[data-theme="dark"] .mainh_manudrop ul.dropdown-menu {
  background: var(--color-bg-elevated);
}

[data-theme="dark"] .mainh_manudrop ul.dropdown-menu li a {
  color: var(--color-text-primary);
}

/* My Profile activity tabs/cards */
[data-theme="dark"] .subtab_prodlist_NEW,
[data-theme="dark"] .subtab_prodlist_NEW_forpadd,
[data-theme="dark"] .subtab_secondmain,
[data-theme="dark"] .formcontdetail_inner.withbg_white,
[data-theme="dark"] .formnotification_inner.withbg_white,
[data-theme="dark"] .socialnetywiork_inner.withbg_white,
[data-theme="dark"] .withbg_white,
[data-theme="dark"] .subtab_tabcont,
[data-theme="dark"] .weekly_deals_block {
  /* background: var(--color-bg-surface) !important; */
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

.subtab_prodlist_NEW .subtab_secondmain {
  min-width: 0;
}

.subtab_prodlist_NEW .fillter_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
  margin: 0 0 16px;
  overflow: visible;
  background: transparent !important;
}

.subtab_prodlist_NEW .fillter_box .btnx {
  flex: 0 0 auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .subtab_prodlist_NEW .fillter_box {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
}

[data-theme="dark"] .subtab_prodlist_NEW .product-listing-sideBar,
[data-theme="dark"] .subtab_prodlist_NEW .sideBar-category,
[data-theme="dark"] .subtab_prodlist_NEW .MuiAccordion-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiAccordionSummary-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiAccordionDetails-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiPaper-root {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .product-listing-sideBar-title,
[data-theme="dark"] .subtab_prodlist_NEW .product-listing-sideBar-title strong,
[data-theme="dark"] .subtab_prodlist_NEW .MuiTypography-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiSvgIcon-root {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx,
[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx.nav-tabs,
[data-theme="dark"] .subtab_prodlist_NEW .toggle-bx {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx li,
[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx li a {
  background: transparent !important;
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx li.active a {
  color: var(--color-text-primary) !important;
  border-bottom: 2px solid var(--color-info) !important;
  background: transparent !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .fillter_box .btnx.btn-secondaryx.btn-inactive,
[data-theme="dark"] .subtab_prodlist_NEW .fillter_box .btnx.btn-inactive {
  background: transparent !important;
  color: var(--color-text-secondary) !important;
  border-color: transparent !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .fillter_box .btnx.btn-secondaryx.active:not(.fillter_btn_track),
[data-theme="dark"] .subtab_prodlist_NEW .fillter_box .btnx.active:not(.fillter_btn_track) {
  background: transparent !important;
  color: var(--color-text-primary) !important;
  border-color: transparent !important;
  border-bottom: 2px solid var(--color-info) !important;
  border-radius: 0 !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .Streaming_live .bg-light-dark {
  background: transparent !important;
}

[data-theme="dark"] .selling-banner {
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  box-shadow: var(--color-shadow-sm);
}

[data-theme="dark"] .selling-banner-title {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .selling-banner-text {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .selling-banner a,
[data-theme="dark"] .selling-banner .selling-banner-link {
  color: var(--color-text-link) !important;
  text-decoration: underline;
}

[data-theme="dark"] .subtab_prodlist_NEW .Streaming_heading {
  color: var(--color-text-primary) !important;
}

/* Transaction history receipts */
[data-theme="dark"] .transaction-history-page {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .transaction-history-page .customer-review-bx,
[data-theme="dark"] .transaction-history-page .transaction-tabs,
[data-theme="dark"] .transaction-history-page .filters-header,
[data-theme="dark"] .transaction-history-page .filters-body,
[data-theme="dark"] .transaction-history-page .transactions-body,
[data-theme="dark"] .transaction-history-page .transaction-item {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .transaction-history-page .transactions-header,
[data-theme="dark"] .transaction-history-page .transaction-image,
[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn:hover {
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .transaction-history-page .btn-clear-filters {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .transaction-history-page .btn-clear-filters:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .transaction-history-page .btn-clear-filters:active {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .transaction-history-page .transactions-header h3,
[data-theme="dark"] .transaction-history-page .filters-header h3,
[data-theme="dark"] .transaction-history-page .transaction-title,
[data-theme="dark"] .transaction-history-page .empty-state h5 {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .transaction-history-page .transactions-count,
[data-theme="dark"] .transaction-history-page .filter-label,
[data-theme="dark"] .transaction-history-page .transaction-meta,
[data-theme="dark"] .transaction-history-page .receipt-number-display,
[data-theme="dark"] .transaction-history-page .transaction-details,
[data-theme="dark"] .transaction-history-page .divider {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn.active,
[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn.active:hover {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn:not(.active),
[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn:not(.active):hover {
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

/* Fix streaming slot badge colors in both light and dark themes */
.ad_box.streaming_price_label .badge-primary,
.ad_box ul li .badge-primary {
  background: var(--color-bg-inverse) !important;
  color: var(--color-text-inverse) !important;
}

/* Fix Edit/Delete/Change Status dropdown text color in dark mode */
[data-theme="dark"] .dropdown-ad-actions .dropdown-item {
  color: var(--color-text-primary) !important;
  background-color: var(--color-bg-surface) !important;
}

[data-theme="dark"] .dropdown-ad-actions .dropdown-item:hover,
[data-theme="dark"] .dropdown-ad-actions .dropdown-item:focus {
  background-color: var(--color-bg-elevated) !important;
  color: var(--color-text-primary) !important;
}

/* Search / grid product cards — badges & wishlist icons (light + dark) */
.specialtags span.black_special {
  background: var(--color-featured-soft-bg) !important;
  color: var(--color-featured-soft-text) !important;
}

.Jtaballp_content02 .add-to-wishlist,
.actionpage_list .add-to-wishlist,
.product_card_box .add-to-wishlist {
  color: var(--color-wishlist-default);
}

.Jtaballp_content02 .add-to-wishlist>span,
.actionpage_list .add-to-wishlist>span,
.product_card_box .add-to-wishlist>span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px;
  height: 36px;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: var(--color-heart-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Jtaballp_content02 .add-to-wishlist:hover>span,
.actionpage_list .add-to-wishlist:hover>span,
.product_card_box .add-to-wishlist:hover>span {
  background-color: var(--color-heart-surface-hover) !important;
}

.Jtaballp_content02 .add-to-wishlist .far.fa-heart,
.actionpage_list .add-to-wishlist .far.fa-heart,
.product_card_box .add-to-wishlist .far.fa-heart {
  color: var(--color-wishlist-default);
  font-size: 16px;
}

.Jtaballp_content02 .add-to-wishlist .fas.fa-heart,
.actionpage_list .add-to-wishlist .fas.fa-heart,
.product_card_box .add-to-wishlist .fas.fa-heart {
  color: var(--color-wishlist-active);
  font-size: 16px;
}

.Jtaballp_content02 .add-to-wishlist:hover .fas.fa-heart,
.actionpage_list .add-to-wishlist:hover .fas.fa-heart,
.product_card_box .add-to-wishlist:hover .fas.fa-heart {
  color: var(--color-wishlist-hover);
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist>span,
[data-theme="dark"] .actionpage_list .add-to-wishlist>span,
[data-theme="dark"] .product_card_box .add-to-wishlist>span {
  background-color: var(--color-heart-surface) !important;
  border: 0 !important;
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist:hover>span,
[data-theme="dark"] .actionpage_list .add-to-wishlist:hover>span,
[data-theme="dark"] .product_card_box .add-to-wishlist:hover>span {
  background-color: var(--color-heart-surface-hover) !important;
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist .far.fa-heart,
[data-theme="dark"] .actionpage_list .add-to-wishlist .far.fa-heart,
[data-theme="dark"] .product_card_box .add-to-wishlist .far.fa-heart {
  color: var(--color-wishlist-default);
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist .fas.fa-heart,
[data-theme="dark"] .actionpage_list .add-to-wishlist .fas.fa-heart,
[data-theme="dark"] .product_card_box .add-to-wishlist .fas.fa-heart {
  color: var(--color-wishlist-active);
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist:hover .fas.fa-heart,
[data-theme="dark"] .actionpage_list .add-to-wishlist:hover .fas.fa-heart,
[data-theme="dark"] .product_card_box .add-to-wishlist:hover .fas.fa-heart {
  color: var(--color-wishlist-hover);
}

/* Bootstrap vendor bridge — remap legacy #249ee4 / #28a745 to Excel tokens */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--color-brand-primary-hover) !important;
  border-color: var(--color-brand-primary-hover) !important;
}

.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--color-brand-primary-active) !important;
  border-color: var(--color-brand-primary-active) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--color-bg-disabled) !important;
  border-color: var(--color-bg-disabled) !important;
  color: var(--color-text-disabled) !important;
}

.btn-ghost,
.btn.btn-ghost,
.sidebarleft_newinner .filter-clear button {
  background: transparent !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
}

[data-theme="dark"] .btn-ghost,
[data-theme="dark"] .btn.btn-ghost,
[data-theme="dark"] .sidebarleft_newinner .filter-clear button {
  color: var(--color-text-muted) !important;
}

.btn-ghost:hover,
.btn.btn-ghost:hover,
.sidebarleft_newinner .filter-clear button:hover {
  background: var(--color-bg-section) !important;
  color: var(--color-text-ghost-hover) !important;
  border-color: var(--color-border-hover) !important;
}

[data-theme="dark"] .btn-ghost:hover,
[data-theme="dark"] .btn.btn-ghost:hover,
[data-theme="dark"] .sidebarleft_newinner .filter-clear button:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-ghost-hover) !important;
}

.btn-ghost:active,
.btn.btn-ghost:active,
.sidebarleft_newinner .filter-clear button:active {
  background: var(--color-info-soft-hover) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

.modal-header-danger {
  background: var(--color-danger-surface) !important;
  color: var(--color-danger-text) !important;
  border-bottom: 1px solid var(--color-danger-border-soft) !important;
}

.labltable.bg-danger,
.labltable.lablesct.bg-danger {
  background-color: var(--color-danger-soft) !important;
  color: var(--color-danger-text) !important;
}

.labltable.bg-warning,
.labltable.lablesct.bg-warning {
  background-color: var(--color-warning-soft) !important;
  color: var(--color-warning) !important;
}

.btn-outline-primary {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  border-color: var(--color-btn-outlined-border) !important;
  color: var(--color-btn-outlined-text) !important;
}

.text-primary,
a.text-primary,
a.text-primary:hover,
a.text-primary:focus {
  color: var(--color-text-link) !important;
}

.bg-primary {
  background-color: var(--color-brand-primary) !important;
}

.badge-primary {
  background-color: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: var(--color-info) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-info:hover,
.btn-info:focus {
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.btn-outline-info {
  color: var(--color-text-link) !important;
  border-color: var(--color-info) !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus {
  background-color: var(--color-info-soft) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-link) !important;
}

.btn-outline-info:active,
.btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: var(--color-info-soft-hover) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-link) !important;
}

.text-info,
a.text-info {
  color: var(--color-text-link) !important;
}

.bg-info {
  background-color: var(--color-info-soft) !important;
  color: var(--color-info-hover) !important;
}

.badge-info {
  background-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: var(--color-success) !important;
  border-color: var(--color-success) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: var(--color-success-hover) !important;
  border-color: var(--color-success-hover) !important;
}

.btn-outline-success {
  color: var(--color-success) !important;
  border-color: var(--color-success) !important;
}

.text-success,
a.text-success {
  color: var(--color-success) !important;
}

.bg-success {
  background-color: var(--color-success) !important;
}

.badge-success {
  background-color: var(--color-success) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: var(--color-danger) !important;
  border-color: var(--color-danger) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: var(--color-danger-hover) !important;
  border-color: var(--color-danger-hover) !important;
}

/* OrderCard — Disputed button light soft-red only (colour fill; no shape/other changes) */
.order-card .action-buttons .btn.btn-danger.shadow-none,
.order-card .btn.btn-sm.btn-danger.shadow-none {
  background: var(--color-order-refunded-bg) !important;
  background-color: var(--color-order-refunded-bg) !important;
  color: var(--color-order-refunded-text) !important;
  border-color: var(--color-order-refunded-border) !important;
}

.order-card .action-buttons .btn.btn-danger.shadow-none:hover,
.order-card .action-buttons .btn.btn-danger.shadow-none:focus,
.order-card .btn.btn-sm.btn-danger.shadow-none:hover,
.order-card .btn.btn-sm.btn-danger.shadow-none:focus {
  background: var(--color-danger-surface-hover) !important;
  background-color: var(--color-danger-surface-hover) !important;
  color: var(--color-order-refunded-text) !important;
  border-color: var(--color-order-refunded-border) !important;
}

.text-danger,
a.text-danger {
  color: var(--color-danger) !important;
}

.bg-danger {
  background-color: var(--color-danger) !important;
}

.badge-danger {
  background-color: var(--color-danger) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-warning,
.badge-warning {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
  color: var(--color-text-on-accent) !important;
}

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

.bg-warning {
  background-color: var(--color-warning) !important;
}

.alert-info {
  background-color: var(--color-info-soft) !important;
  border-color: var(--color-info-soft-hover) !important;
  color: var(--color-info-hover) !important;
}

.alert-warning {
  background-color: var(--color-warning-soft) !important;
  border-color: var(--color-warning) !important;
  color: var(--color-text-primary) !important;
}

.alert-danger {
  background-color: var(--color-danger-soft) !important;
  border-color: var(--color-danger) !important;
  color: var(--color-danger-text) !important;
}

.alert-success {
  background-color: var(--color-success-soft) !important;
  border-color: var(--color-success) !important;
  color: var(--color-text-primary) !important;
}

.page-container {
  background: var(--color-bg-page);
  min-height: 100vh;
}

.bg-light {
  background-color: var(--color-bg-surface-alt) !important;
}

.text-dark {
  color: var(--color-text-primary) !important;
}

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

.border-primary {
  border-color: var(--color-brand-primary) !important;
}

.border-info {
  border-color: var(--color-info) !important;
}

.spinner-border.text-primary {
  color: var(--color-text-link) !important;
}

.form-control:hover,
.custom-select:hover,
input:not([type="checkbox"]):not([type="radio"]):not(.MuiInputBase-input):hover,
textarea:hover,
select:hover {
  border-color: var(--color-border-hover) !important;
}

.form-control:focus,
.custom-select:focus,
input:not([type="checkbox"]):not([type="radio"]):not(.MuiInputBase-input):focus,
textarea:focus,
select:focus {
  border-color: var(--color-focus-ring) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* MUI inputs manage their own focus ring via OutlinedInput — no inner box */
.MuiInputBase-input,
.MuiInputBase-input:hover,
.MuiInputBase-input:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.btn-link {
  color: var(--color-text-link) !important;
}

.btn-link:hover,
.btn-link:focus {
  color: var(--color-text-link-hover) !important;
}

.page-link {
  color: var(--color-text-link) !important;
}

.page-link:hover {
  color: var(--color-text-link-hover) !important;
}

.page-item.active .page-link {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
}

.custom-control-input:checked~.custom-control-label::before {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
}

/* Back (web navigation) — Excel R154: grey border, blue text */
.breadcrumb-bx .btnx.btn-primaryx,
.btn-back.btnx.btn-primaryx,
.btnx.btn-outline-primaryx {
  background: var(--color-btn-back-bg) !important;
  color: var(--color-btn-back-text) !important;
  border: 1px solid var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:hover,
.breadcrumb-bx .btnx.btn-primaryx:hover i,
.breadcrumb-bx .btnx.btn-primaryx:hover span,
.btn-back.btnx.btn-primaryx:hover,
.btn-back.btnx.btn-primaryx:hover span,
.btnx.btn-outline-primaryx:hover {
  background: var(--color-btn-back-hover-bg) !important;
  color: var(--color-btn-back-text) !important;
  border-color: var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:active,
.btn-back.btnx.btn-primaryx:active,
.btnx.btn-outline-primaryx:active {
  background: var(--color-btn-back-active-bg) !important;
  border-color: var(--color-btn-back-border) !important;
  color: var(--color-btn-back-text) !important;
}

/* Item listing pages: soft live badge (search page keeps solid primary) */
.Jtaballp_content .product-img-bx .live-tag,
.actionpage_list .product-img-bx .live-tag,
.auctionplist_main .product-img-bx .live-tag {
  background: var(--color-live-soft-bg);
  color: var(--color-live-soft-text);
}

.Jtaballp_content .product-img-bx .live-tag i,
.actionpage_list .product-img-bx .live-tag i,
.auctionplist_main .product-img-bx .live-tag i {
  color: var(--color-live-soft-text);
}

.show_product_box .product-img-bx .live-tag,
.auctionplist_main .product-img-bx .live-tag {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
}

/* Pre-bid / Upcoming capsules live inside <a>/Link — parent draws underline; kill on these anchors only */
.product-detailslider a:has(.pre-bid-tag),
.product-detailslider a:has(.pre-bid-tag):hover,
.product-detailslider a:has(.pre-bid-tag):focus,
.product-detailslider a:has(.upcoming-tag),
.product-detailslider a:has(.upcoming-tag):hover,
.product-detailslider a:has(.upcoming-tag):focus,
.product-img-bx a:has(.pre-bid-tag),
.product-img-bx a:has(.pre-bid-tag):hover,
.product-img-bx a:has(.pre-bid-tag):focus,
.product-img-bx a:has(.upcoming-tag),
.product-img-bx a:has(.upcoming-tag):hover,
.product-img-bx a:has(.upcoming-tag):focus {
  text-decoration: none !important;
}

.pre-bid-tag,
a .pre-bid-tag,
a:hover .pre-bid-tag,
.upcoming-tag,
a .upcoming-tag,
a:hover .upcoming-tag {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: none !important;
}

.show_product_box .product-img-bx .pre-bid-tag,
.auctionplist_main .product-img-bx .pre-bid-tag,
.actionpage_list .product-img-bx .pre-bid-tag {
  border-radius: 999px;
  font-size: 0;
  /* hide source “Pre-Bid Now”; label via ::after */
  font-weight: 600;
  padding: 6px 12px;
  background: var(--color-info-soft);
  color: var(--color-text-link);
  border: 0;
  text-decoration: none !important;
}

.show_product_box .product-img-bx .pre-bid-tag i,
.auctionplist_main .product-img-bx .pre-bid-tag i,
.actionpage_list .product-img-bx .pre-bid-tag i {
  font-size: 12px;
}

/* Listing cards — sentence-case label via ::after */
.show_product_box .product-img-bx .pre-bid-tag::after,
.auctionplist_main .product-img-bx .pre-bid-tag::after,
.actionpage_list .product-img-bx .pre-bid-tag::after {
  content: "Pre-bid";
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
}

/* Shared image-corner status tags — inset from edges (Live / Pre-bid / Upcoming) */
.product-img-bx .live-tag,
.product-img-bx .pre-bid-tag,
.product-img-bx .upcoming-tag,
.product-detailslider .live-tag,
.product-detailslider .pre-bid-tag,
.product-detailslider .upcoming-tag,
.show_product_box .product-img-bx .live-tag,
.auctionplist_main .product-img-bx .live-tag,
.actionpage_list .product-img-bx .live-tag,
.Jtaballp_content .product-img-bx .live-tag,
.forsalepage_listing .product-img-bx .live-tag,
.product_card_box .product-img-bx .live-tag,
.product-listing-product .product-img-bx .live-tag,
.show_product_box .product-img-bx .pre-bid-tag,
.auctionplist_main .product-img-bx .pre-bid-tag,
.actionpage_list .product-img-bx .pre-bid-tag,
.product_card_box .product-img-bx .pre-bid-tag,
.product-listing-product .product-img-bx .pre-bid-tag,
.show_product_box .product-img-bx .upcoming-tag,
.auctionplist_main .product-img-bx .upcoming-tag,
.actionpage_list .product-img-bx .upcoming-tag,
.product_card_box .product-img-bx .upcoming-tag,
.product-listing-product .product-img-bx .upcoming-tag {
  top: 10px !important;
  left: 10px !important;
  margin: 0 !important;
}

/* Upcoming listing badge — capsule/pill (match Live + Pre-bid) */
.product-img-bx .upcoming-tag,
.product-detailslider .upcoming-tag,
.show_product_box .product-img-bx .upcoming-tag,
.auctionplist_main .product-img-bx .upcoming-tag,
.actionpage_list .product-img-bx .upcoming-tag,
.product_card_box .product-img-bx .upcoming-tag,
.product-listing-product .product-img-bx .upcoming-tag {
  border-radius: 999px !important;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  z-index: 2;
}

.product-img-bx .upcoming-tag i,
.product-detailslider .upcoming-tag i,
.show_product_box .product-img-bx .upcoming-tag i,
.auctionplist_main .product-img-bx .upcoming-tag i,
.actionpage_list .product-img-bx .upcoming-tag i,
.product_card_box .product-img-bx .upcoming-tag i,
.product-listing-product .product-img-bx .upcoming-tag i {
  font-size: 12px;
}

/* PDP main image capsules — pill shape (match listing) + no underline */
.product-detailslider .pre-bid-tag,
.product-detailslider .upcoming-tag,
.product-detailslider .live-tag {
  border-radius: 999px;
  text-decoration: none !important;
  border-bottom: none !important;
}

.forsalepage_listing .product-img-bx .live-tag {
  background: var(--color-live-soft-bg);
  color: var(--color-live-soft-text);
}

.forsalepage_listing .product-img-bx .live-tag i {
  color: var(--color-live-soft-text);
}

.formgrop_main_New .btn-secondaryx {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.formgrop_main_New .btn-secondaryx:hover {
  background: var(--color-info-hover) !important;
}

/* Submit (on review) — secondary blue CTA per client colour sheet */
/* Profile Reviews heading — keep sentence case (“Reviews from customers”) */
.customer-review-bx>h2,
.customer-review-bx h2.padding-mobile {
  text-transform: none !important;
}

.customer-review-bx .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track),
.customer-review-profile_block .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track),
.review_mess .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track),
.review_reply .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track) {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.customer-review-bx .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover,
.customer-review-profile_block .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover,
.review_mess .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover,
.review_reply .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.customer-review-bx .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active,
.customer-review-profile_block .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active,
.review_mess .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active,
.review_reply .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Product listing — capsule filter buttons, card hover, buy-now chat CTA */
.go-btn {
  width: auto !important;
  min-width: 72px;
  height: auto !important;
  min-height: 37px;
  line-height: 1.2 !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 600;
}

.specialtags span,
.specialtags span.black_special {
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600;
  padding: 6px 12px !important;
  margin: 8px !important;
}

.item-condition {
  display: inline-flex;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  width: auto;
  line-height: normal;
  border-radius: 0;
}

.item-conditionTag {
  display: inline-block;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  border: 1px solid var(--color-condition-badge-border);
  background: var(--color-condition-badge-bg);
  color: var(--color-condition-badge-text);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product_card_box:hover {
  transform: none;
  box-shadow: none;
}

.product_card_box .product-img-bx {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.product_card_box:hover .product-img-bx {
  box-shadow: 0 0 0 2px var(--color-brand-primary-soft), var(--color-shadow-sm);
}

.listing-card-chat-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-info);
  box-shadow: var(--color-shadow-sm);
  cursor: pointer;
}

.listing-card-chat-btn img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}


/* Keep listing-card images full-width when the video icon is a sibling in the image box. */
.product-img-bx {
  align-items: stretch;
}

.product-img-bx>a {
  display: block;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.product-img-bx>a img {
  display: block;
  width: 100%;
}

@media (max-width: 991.98px) {

  .product_card_box .product-img-bx>a img,
  .forsalepage_listing .product-img-bx>a img,
  .show_product_box .product-img-bx>a img,
  .similar-pro .product-img-bx>a img,
  .similar-products-bx .product-img-bx>a img {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 2.1;
    object-fit: cover;
    object-position: center center;
  }
}

.forsalepage_listing .product-img-bx img,
.show_product_box .product-img-bx img,
.auctionplist_main .product-img-bx img,
.actionpage_list .product-img-bx img,
.product_card_box .product-img-bx img,
.product-listing-product .product-img-bx img,
.similar-pro .product-img-bx img,
.similar-products-bx .product-img-bx img {
  object-fit: cover !important;
  object-position: center center !important;
}

.product-img-bx>.product-card-video-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: auto;
  z-index: 4;
}

.product-card-video-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border-radius: 10px;
  background: var(--color-bg-surface);
  color: var(--color-video-icon, var(--color-info));
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.14);
  border: 1px solid rgba(47, 143, 214, 0.18);
  z-index: 3;
  padding: 0;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.product-card-video-btn__online-dot {
  position: absolute;
  top: 3px;
  right: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-presence-online);
  /* border: 2px solid var(--color-bg-surface); */
  /* box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.45); */
  z-index: 6;
  pointer-events: none;
}

.product-card-video-btn:hover,
.product-card-video-btn:focus {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
  outline: none;
}

.product-card-video-btn--online::after {
  content: none;
}

.product-img-bx .product-card-video-btn {
  z-index: 5;
}

.landing-product-card__image .product-card-video-btn {
  z-index: 6;
}

.product_card_box {
  position: relative;
}

.product-listing-sideBar-colum .toggle-category i,
.product-listing-sideBar-colum h2 i,
.product-listing-sideBar-colum .MuiAccordionSummary-expandIcon,
.product-listing-sideBar .MuiSvgIcon-root {
  color: var(--color-text-primary) !important;
}

/* Product detail — tabs, similar items, report modal */
.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link {
  font-size: 16px !important;
  border-bottom: 3px solid transparent !important;
}

.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link:not(.active):not(.show) {
  color: var(--color-text-secondary) !important;
}

.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link.active,
.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link.active.show {
  color: var(--color-text-primary) !important;
  border-bottom: 3px solid var(--color-info) !important;
  background: transparent !important;
}

.db_product_detail_tab_nav .nav-tabs.my-custom-tab .nav-link.active {
  border-bottom: 3px solid var(--color-info) !important;
}

.similar-products-bx .section-heading .see-all-btn {
  font-size: 14px !important;
}

/* PDP Similar items — keep link/arrow, hide blue underline bar from a.see-all-btn:after */
.similar-products-bx .section-heading .see-all-btn:after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Similar items — title light 14px left; price bold 20px left */
.similar-products-bx .product-name-bx {
  text-align: left !important;
}

.similar-products-bx .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.similar-products-bx .product-name-bx h6,
.similar-products-bx .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-align: left !important;
}

.similar-products-bx .product-name-bx p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.similar-products-bx .similar_item_countdown,
.similar-products-bx .similar_item_countdown time {
  color: var(--color-text-muted) !important;
  font-weight: 500 !important;
}

.similar-products-bx .owl-dots {
  display: none !important;
}

.delivery_option_block .delivery-info-icon svg,
.delivery_option_block .delivery-info-icon img,
.delivery_status_track svg {
  color: var(--color-icon-default);
}

.product-action-buttons .btn,
.product-action-buttons .number-reveal-btn,
.product-detail-owner-bx .scheduleCallBtn,
.product-detail-owner-bx .buy-now-btn {
  font-size: 16px !important;
}

/* Scarcity / urgency capsule shown under the Buy Now / Register to bid button.
   Text is admin-controlled (Basic Settings > Product Banner).
   Colors use the danger design tokens so it adapts to light & dark themes. */
.scarcity-capsule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin: 16px auto;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  letter-spacing: 0.1px;
  background: var(--color-danger-soft, rgba(239, 68, 68, 0.12));
  color: var(--color-danger, #ef4444);
  border: 1px solid var(--color-danger-soft, rgba(239, 68, 68, 0.12));
}

.scarcity-capsule i {
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
}

[data-theme="dark"] .scarcity-capsule {
  background: var(--color-danger-soft);
  color: var(--color-danger);
  border-color: var(--color-danger-soft);
}

/* On the auction card the capsule sits right after the Register-to-bid row,
   which carries a 30px bottom margin. Scoped to that exact adjacency, trim it so
   the capsule keeps balanced spacing above and below (other .livestriming_lsec
   usages are untouched). */
.contact-bx .livestriming_lsec:has(+ .scarcity-capsule) {
  margin-bottom: 16px;
}

.Cancel_report_btn {
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  background: var(--color-bg-surface) !important;
}

.Cancel_report_btn:hover {
  background: var(--color-bg-section) !important;
  color: var(--color-text-ghost-hover) !important;
  border-color: var(--color-border-strong) !important;
}

.Cancel_report_btn:active {
  background: var(--color-border-default) !important;
  color: var(--color-icon-default) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .Cancel_report_btn {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .Cancel_report_btn:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .Cancel_report_btn:active {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
}

.send_report_btn {
  background: var(--color-info) !important;
  border: 2px solid var(--color-info) !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  color: var(--color-text-on-accent) !important;
}

.send_report_btn:hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.send_report_btn:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

@media (max-width: 767px) {

  .similar-products-bx .product-name-bx h6,
  .similar-products-bx .product-name-bx h6 span {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  .similar-products-bx .product-name-bx h4 {
    font-size: 14px !important;
    font-weight: 300 !important;
  }
}

/* Excel order status badges */
/* Pending / Processing — light orange (brand orange), not rust/red */
.order-status-badge.order-status-pending,
.transaction-status-badge.order-status-pending,
.status-badge-t.order-status-pending,
.badge.order-status-pending,
.order-header-badge.order-status-pending,
.order-card .order-status-badge.order-status-pending,
.order-card .order-header-badge.order-status-pending {
  background: var(--color-order-awaiting-bg) !important;
  color: var(--color-order-awaiting-text) !important;
  border: 1px solid var(--color-order-awaiting-border) !important;
}

.order-status-badge.order-status-bought,
.transaction-status-badge.order-status-bought,
.status-badge-t.order-status-bought,
.badge.order-status-bought {
  background: var(--color-order-bought-bg) !important;
  color: var(--color-order-bought-text) !important;
  border: 1px solid var(--color-order-bought-border) !important;
}

.order-status-badge.order-status-shipped,
.transaction-status-badge.order-status-shipped,
.status-badge-t.order-status-shipped,
.badge.order-status-shipped {
  background: var(--color-order-shipped-bg) !important;
  color: var(--color-order-shipped-text) !important;
  border: 1px solid var(--color-order-shipped-border) !important;
}

.order-status-badge.order-status-delivered,
.transaction-status-badge.order-status-delivered,
.status-badge-t.order-status-delivered,
.badge.order-status-delivered {
  background: var(--color-order-delivered-bg) !important;
  color: var(--color-order-delivered-text) !important;
  border: 1px solid var(--color-order-delivered-border) !important;
}

.order-status-badge.order-status-completed,
.transaction-status-badge.order-status-completed,
.status-badge-t.order-status-completed,
.badge.order-status-completed {
  background: var(--color-order-completed-bg) !important;
  color: var(--color-order-completed-text) !important;
  border: 1px solid var(--color-order-completed-border) !important;
}

.order-status-badge.order-status-cancelled,
.transaction-status-badge.order-status-cancelled,
.status-badge-t.order-status-cancelled,
.badge.order-status-cancelled {
  background: var(--color-order-cancelled-bg) !important;
  color: var(--color-order-cancelled-text) !important;
  border: 1px solid var(--color-order-cancelled-border) !important;
}

.order-status-badge.order-status-refunded,
.transaction-status-badge.order-status-refunded,
.status-badge-t.order-status-refunded,
.badge.order-status-refunded {
  background: var(--color-order-refunded-bg) !important;
  color: var(--color-order-refunded-text) !important;
  border: 1px solid var(--color-order-refunded-border) !important;
}

.order-status-badge.order-status-active,
.transaction-status-badge.order-status-active,
.status-badge-t.order-status-active,
.badge.order-status-active {
  background: var(--color-order-active-bg) !important;
  color: var(--color-order-active-text) !important;
  border: 1px solid var(--color-order-active-border) !important;
}

.order-status-badge.order-status-expired,
.transaction-status-badge.order-status-expired,
.status-badge-t.order-status-expired,
.badge.order-status-expired {
  background: var(--color-order-expired-bg) !important;
  color: var(--color-order-expired-text) !important;
  border: 1px solid var(--color-order-expired-border) !important;
}

.order-status-badge.order-status-awaiting,
.transaction-status-badge.order-status-awaiting,
.status-badge-t.order-status-awaiting,
.badge.order-status-awaiting {
  background: var(--color-order-awaiting-bg) !important;
  color: var(--color-order-awaiting-text) !important;
  border: 1px solid var(--color-order-awaiting-border) !important;
}

.order-status-badge.order-status-receipt,
.transaction-status-badge.order-status-receipt,
.status-badge-t.order-status-receipt,
.badge.order-status-receipt {
  background: var(--color-order-receipt-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border: 1px solid var(--color-order-receipt-border) !important;
}

/* Transaction History — receipt tabs + status badges (light + dark) */
.transaction-history-page .transaction-tabs .tab-btn.active,
.transaction-history-page .transaction-tabs .tab-btn.active:hover {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

.transaction-history-page .transaction-tabs .tab-btn:not(.active):hover {
  background: var(--color-nav-tab-inactive-hover-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
}

.transaction-history-page .transaction-status-badge.order-status-completed,
.transaction-history-page .transaction-status-badge.order-status-cancelled,
.transaction-history-page .transaction-status-badge.order-status-refunded,
.transaction-history-page .transaction-status-badge.order-status-bought,
.transaction-history-page .transaction-status-badge.order-status-pending,
.transaction-history-page .transaction-status-badge.order-status-shipped,
.transaction-history-page .transaction-status-badge.order-status-delivered,
.transaction-history-page .transaction-status-badge.order-status-active,
.transaction-history-page .transaction-status-badge.order-status-expired,
.transaction-history-page .transaction-status-badge.order-status-awaiting,
.transaction-history-page .transaction-status-badge.order-status-receipt,
.transaction-history-page .badge {
  border-width: 1px !important;
  border-style: solid !important;
}

/* Transaction History — status badges capsule/pill; awaiting = light orange */
.transaction-history-page .transaction-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.transaction-history-page .filter-label {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.transaction-history-page .transaction-title {
  text-transform: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  max-width: 100% !important;
}

.transaction-history-page .transaction-info {
  min-width: 0 !important;
  max-width: 100% !important;
}

.transaction-history-page .transaction-title .badge,
.transaction-history-page .transaction-item .badge,
.transaction-history-page .theme-badge-auction,
.transaction-history-page .theme-badge-secondary {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Purchased receipts type tags — compact, wrap-friendly */
.transaction-history-page .theme-badge-auction,
.transaction-history-page .theme-badge-secondary,
.transaction-history-page .transaction-type-badge {
  font-size: 11px !important;
  padding: 3px 8px !important;
  line-height: 1.25 !important;
  border-radius: 999px !important;
  white-space: normal !important;
  max-width: 100% !important;
}

.transaction-history-page .transaction-status-badge.order-status-awaiting,
.transaction-history-page .transaction-status-badge.order-status-pending {
  background: var(--color-order-awaiting-bg) !important;
  color: var(--color-order-awaiting-text) !important;
  border-color: var(--color-order-awaiting-border) !important;
}

.status-badge-t.order-status-pending,
.status-badge-t.order-status-bought,
.status-badge-t.order-status-awaiting,
.status-badge-t.order-status-shipped,
.status-badge-t.order-status-delivered,
.status-badge-t.order-status-completed,
.status-badge-t.order-status-cancelled,
.status-badge-t.order-status-refunded,
.status-badge-t.order-status-active,
.status-badge-t.order-status-expired {
  border-width: 1px !important;
  border-style: solid !important;
}

/* Receipt modal — status labels capsule/pill (Pending → Completed) */
.receipt-modal .receipt-info .status-badge-t,
.receipt-modal .status-badge-t.order-status-pending,
.receipt-modal .status-badge-t.order-status-bought,
.receipt-modal .status-badge-t.order-status-awaiting,
.receipt-modal .status-badge-t.order-status-shipped,
.receipt-modal .status-badge-t.order-status-delivered,
.receipt-modal .status-badge-t.order-status-completed,
.receipt-modal .status-badge-t.order-status-cancelled,
.receipt-modal .status-badge-t.order-status-refunded,
.receipt-modal .status-badge-t.order-status-active,
.receipt-modal .status-badge-t.order-status-expired,
.receipt-modal .status-badge-t.order-status-receipt {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 50px !important;
}

/* Receipt STATUS — match My Orders "Awaiting Shipment" list tag colours */
.receipt-modal .receipt-info .status-badge-t.order-status-pending,
.receipt-modal .receipt-info .status-badge-t.order-status-awaiting,
.receipt-modal .status-badge-t.order-status-pending,
.receipt-modal .status-badge-t.order-status-awaiting {
  background: var(--color-order-awaiting-bg) !important;
  color: var(--color-order-awaiting-text) !important;
  border: 1px solid var(--color-order-awaiting-border) !important;
}

/* Excel listing date metadata */
.listing-date-default,
.listofsubtabbx .listing-date-default {
  color: var(--color-listing-date-default) !important;
}

.listofsubtabbx .listing-date-default strong,
.listofsubtabbx .listing-date-default span,
.listofsubtabbx .listing-date-default time,
.listofsubtabbx .listing-date-default span time {
  color: var(--color-listing-date-default) !important;
}

.listofsubtabbx .listing-date-default strong {
  color: var(--color-listing-date-muted) !important;
}

.listing-expiry-normal,
.listofsubtabbx .listing-expiry-normal {
  color: var(--color-listing-date-default) !important;
}

.listing-expiry-normal strong,
.listofsubtabbx .listing-expiry-normal strong,
.listofsubtabbx .listing-expiry-normal span,
.listofsubtabbx .listing-expiry-normal time,
.listofsubtabbx .listing-expiry-normal span time {
  color: var(--color-listing-date-default) !important;
}

.listing-expiry-normal strong,
.listofsubtabbx .listing-expiry-normal strong {
  color: var(--color-listing-date-muted) !important;
}

.listing-expiry-warning,
.listofsubtabbx .listing-expiry-warning {
  color: var(--color-listing-expiry-warning-text);
  background: var(--color-listing-expiry-warning-bg);
  border-radius: 4px;
  padding: 2px 6px;
}

.listing-expiry-warning strong,
.listofsubtabbx .listing-expiry-warning strong {
  color: var(--color-listing-expiry-warning-icon);
}

.listing-expiry-critical,
.listofsubtabbx .listing-expiry-critical {
  color: var(--color-listing-expiry-critical-text);
  background: var(--color-listing-expiry-critical-bg);
  border-radius: 4px;
  padding: 2px 6px;
}

.listing-expiry-critical strong,
.listofsubtabbx .listing-expiry-critical strong {
  color: var(--color-listing-expiry-critical-text);
}

/* Excel star rating colors (MUI + shared) */
.MuiRating-iconFilled {
  color: var(--color-star-active) !important;
}

.MuiRating-iconEmpty {
  color: var(--color-star-empty) !important;
}

.rating-text,
.star-txt,
.customer_review_track .rating-value {
  color: var(--color-text-primary);
}

/* Post an ad — Category MUI Autocomplete (List an Item) */
.addaadd .MuiAutocomplete-root,
.addaadd .post-an-ad-category-autocomplete,
.addaadd .MuiFormControl-root {
  width: 100%;
}

.addaadd .MuiAutocomplete-root {
  position: relative;
}

.addaadd .MuiInput-underline:before,
.addaadd .MuiInput-underline:after,
.addaadd .MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: none !important;
}

.addaadd .MuiOutlinedInput-root {
  border-radius: 8px;
  background-color: var(--color-bg-surface);
  font-family: "segoe_ui", sans-serif;
  font-size: 14px;
  min-height: 48px;
  padding: 2px 12px;
}

.addaadd .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-default);
}

.addaadd .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-hover);
}

.addaadd .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-focus-ring);
  border-width: 1px;
}

.addaadd .MuiInputLabel-root {
  color: var(--color-text-muted) !important;
  font-weight: 500 !important;
  font-size: 14px;
}

.addaadd .MuiInputLabel-root.Mui-focused {
  color: var(--color-focus-ring) !important;
}

.addaadd .MuiInputBase-input {
  color: var(--color-text-primary);
  font-weight: 500;
}

.addaadd .MuiInputBase-input::placeholder {
  color: var(--color-text-muted);
  opacity: 1;
}

.addaadd .MuiAutocomplete-popupIndicator,
.addaadd .MuiAutocomplete-clearIndicator {
  color: var(--color-text-muted);
}

.addaadd .MuiAutocomplete-popupIndicator:hover,
.addaadd .MuiAutocomplete-clearIndicator:hover {
  color: var(--color-text-primary);
}

.addaadd .MuiAutocomplete-popper {
  width: 100% !important;
  left: 0 !important;
  z-index: 10;
}

.addaadd .MuiAutocomplete-popper .MuiPaper-root {
  width: 100%;
  margin-top: 4px;
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  box-shadow: var(--color-shadow-sm);
  color: var(--color-text-primary);
}

.addaadd .MuiAutocomplete-listbox {
  padding: 4px 0;
}

.addaadd .MuiAutocomplete-listbox .MuiAutocomplete-option {
  color: var(--color-text-primary);
  font-size: 14px;
  padding: 10px 16px;
}

.addaadd .MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus="true"],
.addaadd .MuiAutocomplete-listbox .MuiAutocomplete-option:hover {
  background: var(--color-info-soft);
}

.addaadd .MuiAutocomplete-noOptions {
  color: var(--color-text-muted);
  padding: 12px 16px;
  font-size: 14px;
}

.addaadd .normal .text {
  color: var(--color-text-primary);
}

.addaadd .text-color-sky {
  color: var(--color-text-link);
}

/* List / edit ad — photo default bar (Mark as default / Default image) — blue */
#add-ads-form .uploadGalleryBox .text.upload-gallery-default-pill,
#add-ads-form .uploadGalleryBox .text {
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  cursor: pointer;
}

#add-ads-form .uploadGalleryBox .text.upload-gallery-default-pill a,
#add-ads-form .uploadGalleryBox .text a,
#add-ads-form .upload-gallery-default-label {
  color: var(--color-text-on-accent) !important;
  font-weight: 600;
  font-size: 14px;
}

/* Post ad form — capsule CTA, sentence case, delivery/upload helpers */
#add-ads-form .post-ad-list-item-btn.btnx.btn-secondaryx {
  border-radius: 999px !important;
}

.same-bx-heading,
#add-ads-form .white_box h4,
#add-ads-form .ad_box ul li label,
#add-ads-form .drop_file h3,
#add-ads-form .file_upload_btn .number-reveal-btn span,
#add-ads-form .number-reveal-btn.right_img span {
  text-transform: none !important;
}

#add-ads-form .post-ad-shipping-options {
  border-left: 2px solid var(--color-border-default);
}

#add-ads-form .post-ad-validation-error {
  color: var(--color-danger);
}

#add-ads-form .post-ad-upload-progress {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
}

#add-ads-form .post-ad-upload-progress__track {
  flex: 1;
  background-color: var(--color-border-strong);
  border-radius: 5px;
  height: 8px;
  overflow: hidden;
}

#add-ads-form .post-ad-upload-progress__bar {
  background-color: var(--color-info);
  height: 100%;
  transition: width 0.3s ease;
}

#add-ads-form .post-ad-upload-progress__label {
  min-width: 45px;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-info);
}

[data-theme="dark"] .addaadd,
[data-theme="dark"] .bfind_category {
  border-color: var(--color-border-default);
  box-shadow: var(--color-shadow-sm);
}

[data-theme="dark"] .addaadd .MuiOutlinedInput-root {
  background-color: var(--color-bg-surface);
}

[data-theme="dark"] .addaadd .MuiAutocomplete-popper .MuiPaper-root {
  background: var(--color-bg-elevated);
  border-color: var(--color-border-default);
}

/* Schedule / auction — MUI Autocomplete & pickers */
.header-input-icon_block .MuiAutocomplete-root,
.header-input-icon_block .MuiFormControl-root {
  width: 100%;
}

.header-input-icon_block:has(.MuiAutocomplete-root):after,
.header-input-icon_block:has(.MuiFormControl-root):after {
  display: none;
}

.header-input-icon_block .MuiOutlinedInput-root {
  border-radius: 8px;
  background-color: var(--color-bg-surface);
  font-family: "segoe_ui", sans-serif;
  font-size: 14px;
  min-height: 40px;
  padding: 2px 8px;
}

.header-input-icon_block .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-default);
}

.header-input-icon_block .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-hover);
}

.header-input-icon_block .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-focus-ring);
  border-width: 1px;
}

.header-input-icon_block .MuiInputLabel-root {
  color: var(--color-text-muted);
  font-weight: 500 !important;
  font-size: 14px;
}

.header-input-icon_block .MuiInputLabel-root.Mui-focused {
  color: var(--color-focus-ring);
}

.header-input-icon_block .MuiInputBase-input {
  color: var(--color-text-primary);
  font-weight: 500;
}

.header-input-icon_block .MuiChip-root {
  background-color: var(--color-info-soft);
  color: var(--color-text-link-hover);
  border-radius: 6px;
  height: 28px;
}

.header-input-icon_block .MuiChip-label {
  font-size: 13px;
  font-weight: 600;
}

.header-input-icon_block .MuiChip-deleteIcon {
  color: var(--color-text-muted);
}

.header-input-icon_block .MuiChip-deleteIcon:hover {
  color: var(--color-icon-hover);
}

.header-input-icon_block .MuiAutocomplete-popupIndicator,
.header-input-icon_block .MuiAutocomplete-clearIndicator {
  color: var(--color-text-muted);
}

.header-input-icon_block .MuiAutocomplete-popupIndicator:hover,
.header-input-icon_block .MuiAutocomplete-clearIndicator:hover {
  color: var(--color-icon-hover);
}

/* Icon system — hover/active (client sheet) */
.top-header .header-more-toggle:hover,
.top-header .header-more-menu .header-more-item:hover i,
.theme-icon-interactive:hover,
.theme-icon-interactive:focus-visible {
  color: var(--color-icon-hover);
}

.top-header .header-more-toggle:active,
.theme-icon-interactive:active {
  color: var(--color-icon-active);
}

/* Time picker nested inside schedule date box */
.Schedule_date_time .MuiFormControl-root {
  width: 100%;
}

.Schedule_date_time .MuiInput-underline:before,
.Schedule_date_time .MuiInput-underline:after {
  border-bottom: none !important;
}

.Schedule_date_time .MuiInputBase-root {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-primary);
}

.Schedule_date_time .MuiInputLabel-root {
  color: var(--color-text-muted);
  font-size: 12px;
}

/* Native schedule selects (ScheduleLiveAuction) — match My Orders order-action-dropdown */
.header-input-icon_block select.header-input,
.header-input-icon_block select.header-input.profile_input,
.Schedule_live.Schedule_live_block select.header-input.profile_input,
#subtabpackage02 select.header-input.profile_input {
  display: block;
  width: 100%;
  min-height: 38px;
  height: auto;
  padding: 8px 32px 8px 12px !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: 8px !important;
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text-secondary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  box-shadow: var(--color-shadow-xs);
  appearance: none;
  -webkit-appearance: none;
  max-width: 100%;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.header-input-icon_block select.header-input:hover,
.header-input-icon_block select.header-input.profile_input:hover,
.Schedule_live.Schedule_live_block select.header-input.profile_input:hover,
#subtabpackage02 select.header-input.profile_input:hover {
  border-color: var(--color-border-hover) !important;
  background-color: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
}

.header-input-icon_block select.header-input:focus,
.header-input-icon_block select.header-input.profile_input:focus,
.Schedule_live.Schedule_live_block select.header-input.profile_input:focus,
#subtabpackage02 select.header-input.profile_input:focus {
  border-color: var(--color-focus-ring) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px var(--color-info-soft) !important;
  color: var(--color-text-primary) !important;
}

/* Schedule Live Auction — Allow Pre-bidding toggle blue; Next + List an item capsule */
#subtabpackage02 .Schedule_live_block .switch input:checked+.slider,
#subtabpackage02 .Schedule_live_block .switch input[type="checkbox"]:checked+.slider {
  background-color: var(--color-info) !important;
}

#subtabpackage02 .Schedule_live_block .switch input:focus+.slider {
  box-shadow: 0 0 0 2px var(--color-info-soft) !important;
}

#subtabpackage02 .bottonsend .btnx.btn-secondary-cta {
  border-radius: 999px !important;
}

/* Schedule Live Auction — sentence-case headings + note copy */
#subtabpackage02 .Schedule_live_block .Schedule_live_heading,
#subtabpackage02 .Schedule_live_block .live_Video {
  text-transform: none !important;
}

#subtabpackage02 .schedule-live-auction-note {
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  text-transform: none !important;
}

#subtabpackage02 .schedule-live-auction-note__lead,
#subtabpackage02 .schedule-live-auction-note__body {
  margin: 0 0 8px;
}

#subtabpackage02 .schedule-live-auction-note__body:last-child {
  margin-bottom: 0;
}

#subtabpackage02 .schedule-live-auction-note__link {
  color: var(--color-info) !important;
  font-weight: 600;
  text-decoration: none;
}

#subtabpackage02 .schedule-live-auction-note__link:hover {
  text-decoration: underline;
}

#subtabpackage02 .next_block .btn-secondary-sm,
#subtabpackage02 .header-input-icon_block .btn-secondary-sm {
  border-radius: 999px !important;
}

/* Schedule Live Auction — price bold black; Added/Expires labels bold black, dates light grey
   (same as Manage Listings reference) */
#subtabpackage02 .product-listing-product .product-name-bx h6,
#subtabpackage02 .product-listing-product .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

#subtabpackage02 .product-listing-product .listofsubtabbx li strong,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-date-default strong,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-normal strong,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-warning strong,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-critical strong {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  background: transparent !important;
}

#subtabpackage02 .product-listing-product .listofsubtabbx li,
#subtabpackage02 .product-listing-product .listofsubtabbx li span,
#subtabpackage02 .product-listing-product .listofsubtabbx li time,
#subtabpackage02 .product-listing-product .listofsubtabbx li span time,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-date-default,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-date-default span,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-date-default time,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-normal,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-normal span,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-normal time,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-warning,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-warning span,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-warning time,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-critical,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-critical span,
#subtabpackage02 .product-listing-product .listofsubtabbx .listing-expiry-critical time {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
  font-weight: 500 !important;
}

/* Schedule Live Auction — Back + Publish Auction capsule */
#subtabpackage02 .bottonsend .btnx.btn-back,
#subtabpackage02 .bottonsend .btnx.btn-primaryx,
#subtabpackage02 .bottonsend .btnx.btn-secondaryx {
  border-radius: 999px !important;
}

[data-theme="dark"] .check-box label:after {
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .check-box input:checked+label:after {
  background-color: var(--color-text-on-accent);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .check-box input:checked+label:before {
  filter: none;
}

/* Live streaming product page — dark theme polish */
[data-theme="dark"] .actionpag_tabmess_newperent .main_tabmessage_bx,
[data-theme="dark"] .live_s_tab .main_tabmessage_bx,
[data-theme="dark"] .tabsec_in {
  background: var(--color-bg-surface) !important;
  box-shadow: var(--color-shadow-sm) !important;
}

[data-theme="dark"] .liveac_notify {
  background: transparent;
}

[data-theme="dark"] .chatbox_footer {
  background: var(--color-bg-surface-alt) !important;
  border-top: 1px solid var(--color-border-default);
}

[data-theme="dark"] .writesomt_full {
  background-color: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .writesomt_full input {
  background: transparent !important;
  color: var(--color-text-primary) !important;
  border-color: transparent !important;
}

[data-theme="dark"] .writesomt_full_send .fa,
[data-theme="dark"] .writesomt_full_send button,
[data-theme="dark"] .file-upload-button .btn .fa {
  color: var(--color-text-link) !important;
}

/* Auction bid stepper — keep +/- and input theme-aware (no white blocks in dark mode) */
[data-theme="dark"] .placebif_flex .placebidcont:nth-of-type(1),
[data-theme="dark"] .vc-stream-bid-input {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .placebif_flex .decrement,
[data-theme="dark"] .placebif_flex .increment,
[data-theme="dark"] .vc-stream-bid-input .decrement,
[data-theme="dark"] .vc-stream-bid-input .increment {
  background-color: var(--color-bg-section) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .placebif_flex .amountafimg,
[data-theme="dark"] .vc-stream-bid-input .amountafimg {
  background: transparent !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .start_conversation {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .upcoming-live-auction-colums,
[data-theme="dark"] .upcoming-live-auction-colum {
  background: var(--color-bg-surface-alt);
  border-color: var(--color-border-default);
}

[data-theme="dark"] .listtclick li a {
  box-shadow: none;
}

[data-theme="dark"] .listtclick li a.active,
[data-theme="dark"] .listtclick li a:hover {
  box-shadow: var(--color-shadow-xs);
}

[data-theme="dark"] .live-auction-video-icon {
  background: var(--color-video-icon-bg);
  color: var(--color-video-icon);
  border-color: rgba(96, 165, 250, 0.28);
}

[data-theme="dark"] .auctionaminim_main.productDetails_bx,
[data-theme="dark"] .auction_track {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .product-all-detail-tab .tab-content,
[data-theme="dark"] .carphotTab .tab-content {
  color: var(--color-text-primary);
}

/* Minimum readable font size — no text below 12px */
.small,
small {
  font-size: max(12px, 80%);
}

sup,
sub {
  font-size: max(12px, 75%);
}

/* ── Excel 100% completion bridges (Drotly_Them Colour.xlsx) ── */

/* Cancel / ghost buttons — Bootstrap + standalone */
.btn-secondary,
.btn.btn-secondary,
button.btn-secondary:not(.btn-primary):not(.btn-info),
a.btn-secondary {
  background-color: var(--color-bg-surface) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
  box-shadow: none !important;
}

.btn-secondary:hover:not(:disabled):not(.disabled),
.btn.btn-secondary:hover:not(:disabled):not(.disabled) {
  background-color: var(--color-bg-section) !important;
  color: var(--color-text-ghost-hover) !important;
  border-color: var(--color-border-strong) !important;
}

.btn-secondary:active:not(:disabled):not(.disabled),
.btn.btn-secondary:active:not(:disabled):not(.disabled),
.show>.btn-secondary.dropdown-toggle {
  background-color: var(--color-border-default) !important;
  color: var(--color-icon-default) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn.btn-secondary,
[data-theme="dark"] button.btn-secondary:not(.btn-primary):not(.btn-info) {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .btn-secondary:hover:not(:disabled):not(.disabled),
[data-theme="dark"] .btn.btn-secondary:hover:not(:disabled):not(.disabled) {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .btn-secondary:active:not(:disabled):not(.disabled),
[data-theme="dark"] .btn.btn-secondary:active:not(:disabled):not(.disabled) {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
}

/* Passive utility buttons (non-breadcrumb back) */
.btnx.btn-primaryx:not(.btn-back) {
  background-color: var(--color-bg-surface-alt) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
}

.btnx.btn-primaryx:not(.btn-back):hover,
.btnx.btn-primaryx:not(.btn-back):hover i,
.btnx.btn-primaryx:not(.btn-back):hover span {
  background-color: var(--color-border-default) !important;
  color: var(--color-icon-default) !important;
  border-color: var(--color-border-strong) !important;
}

.btnx.btn-primaryx:not(.btn-back):active {
  background-color: var(--color-border-strong) !important;
  border-color: var(--color-border-strong) !important;
  color: var(--color-icon-default) !important;
}

/* Tab / filter chips — inactive neutral, active primary */
.btnx.btn-secondaryx.btn-inactive,
.btnx.btn-inactive,
.subtab_prodlist_NEW .btnx.btn-secondaryx.btn-inactive,
.subtab_prodlist_NEW .btnx.btn-inactive {
  background: var(--color-bg-section) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-default) !important;
  opacity: 1 !important;
}

/* Mobile filter chips — secondary outlined (exclude My Orders listing pills + profile /user/all-products) */
.btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill) {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-link) !important;
  border: 1px solid var(--color-info) !important;
}

.btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill):hover {
  background: var(--color-info-soft) !important;
  color: var(--color-text-link) !important;
  border-color: var(--color-info) !important;
  opacity: 1 !important;
}

.btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill):active {
  background: var(--color-info-soft-hover) !important;
  border-color: var(--color-info) !important;
}

[data-theme="dark"] .btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill) {
  background: transparent !important;
  color: var(--color-text-link) !important;
  border-color: var(--color-info) !important;
}

[data-theme="dark"] .btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill):hover {
  background: var(--color-info-soft) !important;
}

[data-theme="dark"] .btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill):active {
  background: var(--color-info-soft-hover) !important;
}

/* Profile /user/all-products — never use bright blue outline chips; Pending grey default */
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill),
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill) {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-bg) !important;
  background: var(--color-nav-tab-inactive-bg) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  border-radius: 6px !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:hover,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:hover {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-hover-bg) !important;
  background: var(--color-nav-tab-inactive-hover-bg) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
  filter: none !important;
}

/* Soft-blue while panel open (.is-active/.active); :active is press-only feedback */
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active.in,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active:hover,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active:hover,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active:hover,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active:hover,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible {
  color: var(--color-nav-tab-active-text) !important;
  background-color: var(--color-nav-tab-active-bg) !important;
  background: var(--color-nav-tab-active-bg) !important;
  border: 1px solid var(--color-nav-tab-active-border) !important;
  border-radius: 6px !important;
  filter: none !important;
}

/* Product list status badges */
.product-status-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  border-radius: 999px;
  padding: 4px 10px;
  line-height: 1.3;
  width: auto;
  max-width: 100%;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  word-break: keep-all;
  overflow-wrap: normal;
}

.product-status-inactive {
  background: var(--color-bg-section);
  color: var(--color-icon-default);
  border: 1px solid var(--color-border-strong);
}

.product-status-active {
  background: var(--color-order-active-bg);
  color: var(--color-order-active-text);
  border: 1px solid var(--color-order-active-border);
}

.product-status-expired {
  background: var(--color-order-expired-bg);
  color: var(--color-order-expired-text);
  border: 1px solid var(--color-order-expired-border);
}

.product-status-completed {
  background: var(--color-order-completed-bg);
  color: var(--color-order-completed-text);
  border: 1px solid var(--color-order-completed-border);
}

/* Review — disabled submit (Excel Inactive row) */
.write-review .btn-secondaryx:disabled,
.write-review .btnx.btn-secondaryx:disabled,
.jreview_sec .btn-secondaryx:disabled,
.jreview_sec .btnx.btn-secondaryx:disabled {
  background-color: var(--color-bg-section) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

/* Excel standard inputs — light + dark boxed fields */
.form-control,
.custom-select,
select.form-control,
textarea.form-control {
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
  border-color: var(--color-border-default);
}

.form-control::placeholder,
textarea.form-control::placeholder {
  color: var(--color-text-muted);
}

/* Create / edit ad, schedule auction, login, modals — form-control-line */
.special_makead_stand .form-control-line,
#add-ads-form .form-control-line,
.productSubSec .form-control-line,
.productSubSec .form-control,
.address_form_block .form-control,
.pre-bid-modal .form-control,
.write-review .form-control-line,
.jreview_sec .form-control-line,
.formgrop_main_New .form-control-line,
.form-horizontal .form-control,
.group-input .form-control,
.transaction-filters .form-control,
.schedule-live-auction-bx .form-control-line,
.note_auction+.form-control-line {
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  min-height: 38px;
  padding: 8px 12px;
}

.special_makead_stand .form-control-line:hover,
#add-ads-form .form-control-line:hover,
.productSubSec .form-control-line:hover,
.productSubSec .form-control:hover,
.address_form_block .form-control:hover,
.pre-bid-modal .form-control:hover,
.write-review .form-control-line:hover,
.jreview_sec .form-control-line:hover,
.formgrop_main_New .form-control-line:hover,
.form-horizontal .form-control:hover,
.group-input .form-control:hover,
.transaction-filters .form-control:hover,
.schedule-live-auction-bx .form-control-line:hover {
  border-color: var(--color-border-hover) !important;
}

.special_makead_stand .form-control-line:focus,
#add-ads-form .form-control-line:focus,
.productSubSec .form-control-line:focus,
.productSubSec .form-control:focus,
.address_form_block .form-control:focus,
.pre-bid-modal .form-control:focus,
.write-review .form-control-line:focus,
.jreview_sec .form-control-line:focus,
.formgrop_main_New .form-control-line:focus,
.form-horizontal .form-control:focus,
.group-input .form-control:focus,
.transaction-filters .form-control:focus,
.schedule-live-auction-bx .form-control-line:focus {
  border-color: var(--color-focus-ring) !important;
  outline: none;
  box-shadow: none !important;
}

/* Underline inputs — hover/focus ring on bottom border */
.form-control-line:not(.line_input):hover,
.New_control.form-control-line:hover,
select.form-control-line:hover,
textarea.form-control-line:not(.line_input):hover {
  border-color: var(--color-border-hover) !important;
}

.form-control-line:not(.line_input):focus,
.New_control.form-control-line:focus,
select.form-control-line:focus,
textarea.form-control-line:not(.line_input):focus {
  border-color: var(--color-focus-ring) !important;
  outline: none;
  box-shadow: none;
}

/* Keep chat composer underline-only */
.form-control-line.line_input,
.writesomt_full input {
  background: transparent;
  border-radius: 0;
  box-shadow: none !important;
}

/* Checkbox — passive neutral (Excel row 88) */
.custom-control-input~.custom-control-label::before {
  background-color: var(--color-bg-surface);
  border-color: var(--color-border-default);
}

.custom-control-input:hover~.custom-control-label::before {
  border-color: var(--color-border-hover);
}

/* Floating theme toggle — brand blue (#2F8FD6), interactive */
#floating-theme-toggle {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99999;
  cursor: pointer;
  background: var(--color-info);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: var(--delivery-shadow);
  user-select: none;
  touch-action: manipulation;
  border: none;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hide theme toggle while image lightbox is open so it doesn't cover zoom controls */
body.compensate-for-scrollbar #floating-theme-toggle,
.fancybox-active #floating-theme-toggle {
  display: none !important;
}

#floating-theme-toggle:hover {
  background: var(--color-info-hover);
  transform: scale(1.06);
  box-shadow: var(--color-shadow-sm);
}

#floating-theme-toggle:active {
  background: var(--color-info-active);
  transform: scale(0.98);
  box-shadow: var(--color-shadow-xs);
}

/* Stripe payment modal — card field container + dark mode */
.stripePaymentModal .StripeElement,
.stripePaymentModal .__PrivateStripeElement,
.popupModal .StripeElement,
.popupModal .__PrivateStripeElement {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  height: auto !important;
  min-height: 44px;
  margin-bottom: 15px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.stripePaymentModal .StripeElement--focus,
.stripePaymentModal .__PrivateStripeElement--focus,
.popupModal .StripeElement--focus,
.popupModal .__PrivateStripeElement--focus {
  border-color: var(--color-focus-ring) !important;
  box-shadow: none !important;
}

.stripePaymentModal .border-top,
.popupModal.stripePaymentModal .border-top {
  border-color: var(--color-border-default) !important;
}

/* Auction / upcoming schedule popupModal — center on screen (override inline + 370px rule) */
.ReactModalPortal .ReactModal__Overlay--after-open:has(.popupModal) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px;
}

.ReactModal__Content--after-open.popupModal,
.ReactModal__Content--after-open.stripePaymentModal,
.ReactModal__Content.popupModal.stripePaymentModal {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: min(900px, 60vw) !important;
  max-width: min(900px, 92vw) !important;
  max-height: min(90vh, 640px) !important;
  min-height: auto !important;
  text-align: left !important;
}

@media (max-width: 768px) {

  .ReactModal__Content--after-open.popupModal,
  .ReactModal__Content--after-open.stripePaymentModal,
  .ReactModal__Content.popupModal.stripePaymentModal {
    width: 92vw !important;
    max-width: 92vw !important;
  }
}

/* popupModal listing card — price black bold (not blue link) */
.popupModal .listing_product_modal .product-name-bx h6,
.popupModal .listing_product_modal .product-name-bx h6 span,
.popupModal .scrollblePopUp .listing_product_modal .product-name-bx h6,
.popupModal .scrollblePopUp .listing_product_modal .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Catch-all: single-border focus on every input — no outer glow / double box */
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus,
.form-control:focus,
.custom-select:focus,
.form-control-line:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* =============================================================================
   Global dropdown UI — match post-an-ad category autocomplete (UI only)
   ============================================================================= */

/* Shared thin scrollbar for scrollable menus */
.dropdown-menu,
.MuiAutocomplete-listbox,
.pac-container,
.dropdown_scroll .dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border-strong) transparent;
}

.dropdown-menu::-webkit-scrollbar,
.MuiAutocomplete-listbox::-webkit-scrollbar,
.pac-container::-webkit-scrollbar {
  width: 6px;
}

.dropdown-menu::-webkit-scrollbar-track,
.MuiAutocomplete-listbox::-webkit-scrollbar-track,
.pac-container::-webkit-scrollbar-track {
  background: transparent;
}

.dropdown-menu::-webkit-scrollbar-thumb,
.MuiAutocomplete-listbox::-webkit-scrollbar-thumb,
.pac-container::-webkit-scrollbar-thumb {
  background: var(--color-border-strong);
  border-radius: 999px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover,
.MuiAutocomplete-listbox::-webkit-scrollbar-thumb:hover,
.pac-container::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}

/* Bootstrap / custom dropdown panels */
.dropdown-menu,
.dropdown-menu-2,
.dropdown.select-box .dropdown-menu {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  box-shadow: var(--color-shadow-sm) !important;
  padding: 0 !important;
  color: var(--color-text-primary);
  overflow-x: hidden;
}

.dropdown-item,
.dropdown-menu-2 .dropdown-item,
.dropdown.select-box .dropdown-menu li {
  color: var(--color-text-primary) !important;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 16px !important;
  border-bottom: none !important;
  transition: background-color 0.15s ease;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu-2 .dropdown-item:hover,
.dropdown.select-box .dropdown-menu li:hover,
.dropdown.select-box .dropdown-menu li.active {
  background: var(--color-info-soft) !important;
  color: var(--color-text-primary) !important;
}

@media (max-width: 991px) {
  .mobile-bottom-sheet .dropdown-menu-2 {
    display: block !important;
    padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    background: var(--color-bg-surface) !important;
    border-color: var(--color-border-default) !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 -10px 30px rgba(15, 23, 42, 0.18) !important;
    overflow-y: auto;
  }

  .mobile-bottom-sheet .dropdown-menu-2 .dropdown-item {
    display: flex !important;
    align-items: center;
    min-height: 44px;
    margin: 0 !important;
    padding: 11px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-nav-tab-inactive-text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    white-space: normal;
  }

  .mobile-bottom-sheet .dropdown-menu-2 .dropdown-item:last-of-type {
    border-bottom: 0 !important;
  }

  .mobile-bottom-sheet .dropdown-menu-2 .dropdown-item:hover,
  .mobile-bottom-sheet .dropdown-menu-2 .dropdown-item:focus,
  .mobile-bottom-sheet .dropdown-menu-2 .dropdown-item:active {
    background: var(--color-info-soft) !important;
    color: var(--color-nav-tab-active-text) !important;
  }

  .mobile-bottom-sheet .dropdown-menu-2 .cross_icon {
    display: none !important;
  }
}

/* MUI Autocomplete — list panel (all instances) */
.MuiAutocomplete-popper .MuiPaper-root {
  margin-top: 4px;
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  box-shadow: var(--color-shadow-sm) !important;
  color: var(--color-text-primary);
}

.MuiAutocomplete-listbox {
  padding: 4px 0 !important;
  max-height: 280px;
}

.MuiAutocomplete-listbox .MuiAutocomplete-option {
  color: var(--color-text-primary) !important;
  font-size: 14px !important;
  font-weight: 500;
  padding: 10px 16px !important;
  min-height: 44px;
}

.MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus="true"],
.MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected="true"],
.MuiAutocomplete-listbox .MuiAutocomplete-option:hover {
  background: var(--color-info-soft) !important;
}

.MuiAutocomplete-noOptions,
.MuiAutocomplete-loading {
  color: var(--color-text-muted) !important;
  padding: 12px 16px !important;
  font-size: 14px;
}

/* Option layout: name + category path (e.g. Shirts Boys Fashion) */
.MuiAutocomplete-listbox .normal,
.MuiAutocomplete-listbox .normal .text {
  color: var(--color-text-primary);
  font-weight: 500;
}

.MuiAutocomplete-listbox .text-color-sky,
.dropdown-menu .text-color-sky,
.pac-item .text-color-sky {
  color: var(--color-text-link) !important;
  font-weight: 600;
}

/* Google Places location dropdown */
.pac-container {
  margin-top: 4px;
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  box-shadow: var(--color-shadow-sm) !important;
  font-family: "segoe_ui", sans-serif;
  z-index: 10000 !important;
}

.pac-item {
  color: var(--color-text-primary) !important;
  font-size: 14px;
  padding: 10px 16px !important;
  border-top: none !important;
  cursor: pointer;
}

.pac-item:hover,
.pac-item-selected {
  background: var(--color-info-soft) !important;
}

.pac-item-query {
  color: var(--color-text-primary) !important;
  font-size: 14px;
}

.pac-matched {
  color: var(--color-text-link) !important;
  font-weight: 600;
}

/* Native select — closed field matches boxed inputs (open list is OS-controlled) */
select.form-control,
select.form-control-line,
.select_box select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--color-bg-surface);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
  padding-right: 36px !important;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 500;
  min-height: 40px;
}

/* Legacy .select_box:after PNG chevron — disable to avoid double arrow with select background-image */
.select_box:not(.Price):after {
  display: none !important;
  content: none !important;
}

select.form-control:hover,
select.form-control-line:hover,
.select_box select:hover {
  border-color: var(--color-border-hover);
}

select.form-control:focus,
select.form-control-line:focus,
.select_box select:focus {
  border-color: var(--color-focus-ring);
  outline: none;
  box-shadow: none;
}

[data-theme="dark"] select.form-control,
[data-theme="dark"] select.form-control-line,
[data-theme="dark"] .select_box select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[data-theme="dark"] .MuiAutocomplete-popper .MuiPaper-root,
[data-theme="dark"] .pac-container,
[data-theme="dark"] .dropdown-menu {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus="true"],
[data-theme="dark"] .MuiAutocomplete-listbox .MuiAutocomplete-option:hover,
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus,
[data-theme="dark"] .pac-item:hover,
[data-theme="dark"] .pac-item-selected {
  background: var(--color-info-soft) !important;
}

.header-search-categories-pill:focus,
.header-search-categories-pill:focus-visible,
.header-search-categories-pill.is-open {
  outline: none !important;
  box-shadow: none !important;
}

/* ── Excel YELLOW highlights (Reviewcomment_Drotly_Them Colour.xlsx) ── */

/* Search / Apply Go button — secondary blue */
.go-btn {
  background-color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border-radius: 999px !important;
}

.go-btn:hover {
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.go-btn:active {
  background-color: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Login tab selection — keep pill shape for both Login and Register (incl. after logout) */
.logintab_New.nav-tabs {
  display: flex;
  align-items: stretch;
  gap: 12px;
  border: none;
  border-radius: 0;
  overflow: visible;
  background: transparent !important;
  padding: 0 !important;
}

.logintab_New.nav-tabs .nav-item {
  margin-bottom: 0;
  flex: 1 1 0;
}

.logintab_New.nav-tabs .nav-item.New-W-50 {
  width: auto !important;
}

.logintab_New .nav-link,
.logintab_New button.nav-link {
  border-radius: 100px !important;
  width: 100%;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.logintab_New .nav-link.active {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border: 1px solid var(--color-nav-tab-active-border) !important;
  border-radius: 100px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.logintab_New .nav-link:not(.active) {
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  border-radius: 100px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.logintab_New .nav-link:not(.active):hover {
  background: var(--color-nav-tab-inactive-hover-bg) !important;
  border-radius: 100px !important;
  text-transform: none !important;
}

/* Login layout — page bg matches main site (no grey band under white header) */
.login-layout,
.login-layout .signin_Newpage,
.login-layout .signin_Newpage.bg-light-dark,
.login-layout .repeat-section-login-New,
.login-layout .contentBodyHeight {
  background: var(--color-bg-page) !important;
  background-color: var(--color-bg-page) !important;
}

body.login-layout-active,
body.login-layout-active #root,
body.login-layout-active .page-container,
body.login-layout-active .login-layout,
body.login-layout-active .login-layout .signin_Newpage,
body.login-layout-active .login-layout .bg-light-dark,
body.login-layout-active .login-layout .repeat-section-login-New,
body.login-layout-active .login-layout .contentBodyHeight {
  background: var(--color-bg-page) !important;
  background-color: var(--color-bg-page) !important;
}

/* Align header strip with page bg on login/signup so content isn’t a grey band */
body.login-layout-active .top-header {
  background: var(--color-bg-page) !important;
}

.login-layout {
  min-height: 100%;
  flex: 1 0 auto;
}

/* Profile Feed (MyOwnLevel) — sentence case labels; no Title Case via capitalize */
.ownprofilepage .followers_tab_block .tab_title_track,
.ownprofilepage .followers_tab_block .followers_count,
.myown_follow .followers_tab_block .tab_title_track,
.myown_follow .followers_tab_block .followers_count,
.ownprofilepage .myowe_sec a.see-all-btn,
.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn,
.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn span,
.ownprofilepage .myowe_sec .btnnew_used.btn-follow,
.ownprofilepage .myowe_sec .btnnew_used.btn-unfollow,
.user-profile-connections-page .myowe_sec a.see-all-btn,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn span,
.user-profile-connections-page .myowe_sec .btnnew_used.btn-follow,
.user-profile-connections-page .myowe_sec .btnnew_used.btn-unfollow {
  text-transform: none !important;
}

/* Followers / Following tabs — nav-tab colours only (R162/R163); shape/spacing unchanged */
.followers_tab_block a.number-reveal-btn.nav-link.active span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link.active span.followers_count {
  background-color: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

.followers_tab_block a.number-reveal-btn.nav-link:not(.active) span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link:not(.active) span.followers_count {
  background-color: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.followers_tab_block a.number-reveal-btn.nav-link:not(.active):hover span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link:not(.active):hover span.followers_count {
  background-color: var(--color-nav-tab-inactive-hover-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.followers_tab_block a.number-reveal-btn.nav-link.active:hover span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link.active:hover span.followers_count {
  background-color: var(--color-nav-tab-active-hover-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

/* Profile Feed sidebar search button — blue (same as Go), not orange brand */
.ownprofilepage .sideBar-choose-distance .search-btn button,
.myown_follow .sideBar-choose-distance .search-btn button,
.user-profile-connections-page .sideBar-choose-distance .search-btn button {
  background: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  filter: none !important;
}

.ownprofilepage .sideBar-choose-distance .search-btn button:hover,
.ownprofilepage .sideBar-choose-distance .search-btn button:focus,
.myown_follow .sideBar-choose-distance .search-btn button:hover,
.myown_follow .sideBar-choose-distance .search-btn button:focus,
.user-profile-connections-page .sideBar-choose-distance .search-btn button:hover,
.user-profile-connections-page .sideBar-choose-distance .search-btn button:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  opacity: 1 !important;
}

.ownprofilepage .sideBar-choose-distance .search-btn button:active,
.myown_follow .sideBar-choose-distance .search-btn button:active,
.user-profile-connections-page .sideBar-choose-distance .search-btn button:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Follow / Unfollow / Edit / Change / Connect — secondary outlined */
.btnnew_used.btn-follow,
.theme-btn-outlined {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.btnnew_used.btn-follow:hover,
.btnnew_used.btn-follow:focus,
.theme-btn-outlined:hover,
.theme-btn-outlined:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.btnnew_used.btn-follow:active,
.theme-btn-outlined:active {
  background: var(--color-btn-outlined-active-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.btnnew_used.btn-unfollow {
  background: var(--color-btn-neutral-bg) !important;
  color: var(--color-btn-neutral-text) !important;
  border: 1px solid var(--color-btn-neutral-border) !important;
}

.btnnew_used.btn-unfollow:hover,
.btnnew_used.btn-unfollow:focus {
  background: var(--color-btn-neutral-hover-bg) !important;
  color: var(--color-btn-neutral-text) !important;
  border-color: var(--color-btn-neutral-border) !important;
}

.btnnew_used.btn-unfollow:active {
  background: var(--color-btn-neutral-hover-bg) !important;
  color: var(--color-btn-neutral-text) !important;
  border-color: var(--color-border-strong) !important;
}

/* Profile Feed — Follow / Unfollow capsule shape only (sap) */
.ownprofilepage .myowe_sec .btnnew_used.btn-follow,
.ownprofilepage .myowe_sec .btnnew_used.btn-unfollow,
.user-profile-connections-page .myowe_sec .btnnew_used.btn-follow,
.user-profile-connections-page .myowe_sec .btnnew_used.btn-unfollow,
.user-profile-page .btnnew_used.btn-follow,
.user-profile-page .btnnew_used.btn-unfollow,
.user-profile-page .usednew_button .btnnew_used.btn-follow,
.user-profile-page .usednew_button .btnnew_used.btn-unfollow {
  border-radius: 999px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

.ownprofilepage .myowe_sec .usednew_button,
.user-profile-connections-page .myowe_sec .usednew_button {
  width: 100%;
  display: block;
  position: relative;
  right: auto;
  left: auto;
  padding-left: 0 !important;
}

.ownprofilepage .myowe_sec .usednew_button .btnnew_used,
.user-profile-connections-page .myowe_sec .usednew_button .btnnew_used {
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

/* Profile forms — Update / Next / Add secondary CTA */
.Jcompny_actin .bottonsend .btn-secondaryx:not(.btn-inactive),
.noti_enable .bottonsend .btn-secondaryx:not(.btn-inactive),
.bottonsend.text-center .btn-secondaryx:not(.btn-inactive) {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.Jcompny_actin .bottonsend .btn-secondaryx:not(.btn-inactive):hover,
.noti_enable .bottonsend .btn-secondaryx:not(.btn-inactive):hover,
.bottonsend.text-center .btn-secondaryx:not(.btn-inactive):hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.Jcompny_actin .bottonsend .btn-secondaryx:not(.btn-inactive):active,
.noti_enable .bottonsend .btn-secondaryx:not(.btn-inactive):active,
.bottonsend.text-center .btn-secondaryx:not(.btn-inactive):active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Edit / Change / Connect — secondary outlined (Excel R183–185) */
.btnx.btn-outlined-action,
.righttsocial .bottonsend .btn-secondaryx,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive) {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.btnx.btn-outlined-action:hover,
.btnx.btn-outlined-action:focus,
.righttsocial .bottonsend .btn-secondaryx:hover,
.righttsocial .bottonsend .btn-secondaryx:focus,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive):hover,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive):focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.btnx.btn-outlined-action:active,
.righttsocial .bottonsend .btn-secondaryx:active,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive):active {
  background: var(--color-btn-outlined-active-bg) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

/* My Orders — Receipt action button (outlined) */
.order-card .btn-outline-primary,
.my-orders-page .btn-outline-primary {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.order-card .btn-outline-primary:hover,
.my-orders-page .btn-outline-primary:hover {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

/* Featured badge on landing cards */
.landing-product-card__featured {
  background: var(--color-featured-soft-bg) !important;
  color: var(--color-featured-soft-text) !important;
}

/* Star ratings */
.rated-star .MuiRating-iconFilled,
.rated-star .fa-star,
.rated-star .fas.fa-star {
  color: var(--color-star-active) !important;
}

.rated-star .MuiRating-iconEmpty,
.rated-star .far.fa-star {
  color: var(--color-star-empty) !important;
}

/* Secondary CTA utility — Update / Next / Add (Excel R180–182) */
.btnx.btn-secondary-cta,
.btn-secondary-cta.btnx {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.btnx.btn-secondary-cta:hover,
.btn-secondary-cta.btnx:hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.btnx.btn-secondary-cta:active,
.btn-secondary-cta.btnx:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Profile settings — inline Change / Edit (Excel R183–184) */
.noti_enable .d-flex .btn-outlined-action,
.noti_enable .d-flex .btnx.btn-secondaryx.font-size-14,
.formnotification_inner .d-flex .btn-outlined-action {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.noti_enable .d-flex .btn-outlined-action:hover,
.noti_enable .d-flex .btnx.btn-secondaryx.font-size-14:hover,
.formnotification_inner .d-flex .btn-outlined-action:hover {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.top-header a:not(.btn) i,
.top-header button:not(.btn) i,
.top-header .header-more-menu .header-more-item i,
.bottom-navigation a i,
.bottom-navigation button i,
.socialnetw_bx .leftsocial i,
.subtab_editlabl .fa-ellipsis-v,
.breadcrumb-bx i,
.search-btn i,
.theme-icon-interactive,
.top-header i:not(.fa-heart):not(.fa-star),
.bottom-navigation i:not(.fa-heart):not(.fa-star) {
  color: var(--color-icon-default);
  transition: color 0.2s ease;
}

.top-header a:hover i,
.top-header button:hover i,
.top-header .header-more-menu .header-more-item:hover i,
.bottom-navigation a:hover i,
.bottom-navigation button:hover i,
.subtab_editlabl:hover .fa-ellipsis-v,
.breadcrumb-bx a:hover i,
.breadcrumb-bx button:hover i,
.search-btn button:hover i,
.theme-icon-interactive:hover,
.theme-icon-interactive:focus-visible {
  color: var(--color-icon-hover);
}

/* See all / Activity — black text + blue arrow + blue underline (M5) */
a.see-all-btn,
.post_product_box a.see-all-btn,
.db_my_profile_details a.see-all-btn,
.myowe_sec a.see-all-btn,
.ownprofilepage a.see-all-btn,
.rated-customer-bx-inner a.see-all-btn,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-header .see-all-btn,
.pagemain_chat02 .db_profile_popup_card .detail-owner-header .see-all-btn {
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}

a.see-all-btn i,
a.see-all-btn i::before,
.post_product_box a.see-all-btn i,
.post_product_box a.see-all-btn i::before,
.db_my_profile_details a.see-all-btn i,
.db_my_profile_details a.see-all-btn i::before,
.myowe_sec a.see-all-btn i,
.myowe_sec a.see-all-btn i::before,
.ownprofilepage a.see-all-btn i,
.ownprofilepage a.see-all-btn i::before,
.rated-customer-bx-inner a.see-all-btn i,
.rated-customer-bx-inner a.see-all-btn i::before,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-header .see-all-btn i,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-header .see-all-btn i::before,
.pagemain_chat02 .db_profile_popup_card .detail-owner-header .see-all-btn i,
.pagemain_chat02 .db_profile_popup_card .detail-owner-header .see-all-btn i::before {
  color: var(--color-text-link) !important;
}

a.see-all-btn:after,
.post_product_box a.see-all-btn:after,
.db_my_profile_details a.see-all-btn:after,
.myowe_sec a.see-all-btn:after,
.ownprofilepage a.see-all-btn:after,
.rated-customer-bx-inner a.see-all-btn:after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  background: var(--color-info) !important;
  margin-top: 5px !important;
}

/* Chat All Items — blue arrow only, no underline bar */
.pagemain_chat02 .product-detail-owner-bx .detail-owner-header .see-all-btn:after,
.pagemain_chat02 .db_profile_popup_card .detail-owner-header .see-all-btn:after,
.pagemain_chat02 .messages-all-items-link:after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  margin: 0 !important;
}

.pagemain_chat02 .messages-all-items-link {
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}

.pagemain_chat02 .messages-all-items-link .messages-all-items-arrow,
.pagemain_chat02 .messages-all-items-link .messages-all-items-arrow::before {
  color: var(--color-text-link) !important;
}

.pagemain_chat02 .messages-all-items-link:hover {
  color: var(--color-text-primary) !important;
}

.pagemain_chat02 .messages-all-items-link:hover .messages-all-items-arrow,
.pagemain_chat02 .messages-all-items-link:hover .messages-all-items-arrow::before {
  color: var(--color-text-link-hover) !important;
}

/* CMS / Help Center / Contact / Policies — View & Submit: capsule, white bg, blue text + border */
.cms-static-page .privacy_ply .btnx.btn-secondaryx,
.cms-static-page .privacy_ply .btnx.btn-outlined-action.theme-btn-outlined,
.cms-static-page .privacy_ply a.btnx.btn-secondaryx,
.cms-static-page .privacy_ply a.btnx.btn-outlined-action.theme-btn-outlined,
.privacy_ply .btnx.btn-secondaryx,
.privacy_ply .btnx.btn-outlined-action.theme-btn-outlined,
.privacy_ply a.btnx.btn-secondaryx,
.privacy_ply a.btnx.btn-outlined-action.theme-btn-outlined,
.help_card_block .button_learn .btnx.btn-secondaryx,
.help_card_block .button_learn .btnx.btn-outlined-action.theme-btn-outlined,
.help_card_block .button_learn span.btnx.btn-secondaryx,
.help_card_block .button_learn span.btnx.btn-outlined-action.theme-btn-outlined,
.abouttop_sectwo .countinu_first .btn-secondaryx,
.abouttop_sectwo .countinu_first .btnx.btn-outlined-action.theme-btn-outlined,
.abouttop_sectwo .countinu_first button.btn-secondaryx,
.abouttop_sectwo .countinu_first button.btnx.btn-outlined-action.theme-btn-outlined {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px !important;
  border-radius: 999px !important;
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  filter: none !important;
  cursor: pointer;
}

.cms-static-page .privacy_ply .btnx.btn-secondaryx:hover,
.cms-static-page .privacy_ply .btnx.btn-secondaryx:focus,
.cms-static-page .privacy_ply .btnx.btn-outlined-action.theme-btn-outlined:hover,
.cms-static-page .privacy_ply .btnx.btn-outlined-action.theme-btn-outlined:focus,
.cms-static-page .privacy_ply a.btnx.btn-secondaryx:hover,
.cms-static-page .privacy_ply a.btnx.btn-secondaryx:focus,
.cms-static-page .privacy_ply a.btnx.btn-outlined-action.theme-btn-outlined:hover,
.cms-static-page .privacy_ply a.btnx.btn-outlined-action.theme-btn-outlined:focus,
.privacy_ply .btnx.btn-secondaryx:hover,
.privacy_ply .btnx.btn-secondaryx:focus,
.privacy_ply .btnx.btn-outlined-action.theme-btn-outlined:hover,
.privacy_ply .btnx.btn-outlined-action.theme-btn-outlined:focus,
.privacy_ply a.btnx.btn-secondaryx:hover,
.privacy_ply a.btnx.btn-secondaryx:focus,
.privacy_ply a.btnx.btn-outlined-action.theme-btn-outlined:hover,
.privacy_ply a.btnx.btn-outlined-action.theme-btn-outlined:focus,
.help_card_block .button_learn .btnx.btn-secondaryx:hover,
.help_card_block .button_learn .btnx.btn-secondaryx:focus,
.help_card_block .button_learn .btnx.btn-outlined-action.theme-btn-outlined:hover,
.help_card_block .button_learn .btnx.btn-outlined-action.theme-btn-outlined:focus,
.help_card_block .button_learn span.btnx.btn-secondaryx:hover,
.help_card_block .button_learn span.btnx.btn-outlined-action.theme-btn-outlined:hover,
.abouttop_sectwo .countinu_first .btn-secondaryx:hover,
.abouttop_sectwo .countinu_first .btn-secondaryx:focus,
.abouttop_sectwo .countinu_first .btnx.btn-outlined-action.theme-btn-outlined:hover,
.abouttop_sectwo .countinu_first .btnx.btn-outlined-action.theme-btn-outlined:focus,
.abouttop_sectwo .countinu_first button.btn-secondaryx:hover,
.abouttop_sectwo .countinu_first button.btn-secondaryx:focus,
.abouttop_sectwo .countinu_first button.btnx.btn-outlined-action.theme-btn-outlined:hover,
.abouttop_sectwo .countinu_first button.btnx.btn-outlined-action.theme-btn-outlined:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
  filter: none !important;
}

.cms-static-page .privacy_ply .btnx.btn-secondaryx:active,
.cms-static-page .privacy_ply .btnx.btn-outlined-action.theme-btn-outlined:active,
.privacy_ply .btnx.btn-secondaryx:active,
.privacy_ply .btnx.btn-outlined-action.theme-btn-outlined:active,
.help_card_block .button_learn .btnx.btn-secondaryx:active,
.help_card_block .button_learn .btnx.btn-outlined-action.theme-btn-outlined:active,
.abouttop_sectwo .countinu_first .btn-secondaryx:active,
.abouttop_sectwo .countinu_first .btnx.btn-outlined-action.theme-btn-outlined:active,
.abouttop_sectwo .countinu_first button.btn-secondaryx:active,
.abouttop_sectwo .countinu_first button.btnx.btn-outlined-action.theme-btn-outlined:active {
  background: var(--color-btn-outlined-active-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
  filter: none !important;
}

.abouttop_sectwo .countinu_first .btnx.btn-outlined-action.theme-btn-outlined i,
.abouttop_sectwo .countinu_first button.btnx.btn-outlined-action.theme-btn-outlined i {
  color: inherit !important;
}

/* MessagesComponent — mobile merged header (top bar + back row) */
@media screen and (max-width: 1024px) {
  body.db_messages_mobile_layout .db_messages_unified_header.product-header {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: var(--color-bg-inverse) !important;
    box-shadow: none;
  }

  body.db_messages_mobile_layout .db_messages_unified_header .db_messages_unified_header_container {
    padding: 0;
    max-width: 100%;
  }

  body.db_messages_mobile_layout .db_messages_unified_header .db_messages_unified_back {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 44px;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    gap: 8px;
    box-sizing: border-box;
    background: var(--color-bg-inverse) !important;
    color: var(--color-text-on-accent) !important;
  }

  body.db_messages_mobile_layout .db_messages_unified_header .db_messages_unified_back i {
    font-size: 16px;
    line-height: 1;
  }

  body.db_messages_mobile_layout .db_messages_unified_header .db_messages_unified_back span {
    line-height: 1.2;
  }

  body.db_messages_mobile_layout .db_messages_page .chatmainS.pagemain_chat02 {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.db_messages_mobile_layout .db_messages_page .chatmainS.pagemain_chat02>.container {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  body.db_messages_mobile_layout .db_messages_unified_header_spacer {
    display: none !important;
    height: 0 !important;
  }
}

@media screen and (max-width: 991px) {
  body.db_messages_mobile_layout .top-header {
    border-bottom: none !important;
    box-shadow: none !important;
  }

  body.db_messages_mobile_layout .db_messages_unified_header.product-header {
    position: fixed;
    top: var(--db-messages-header-offset, 52px);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
  }

  body.db_messages_mobile_layout .db_messages_unified_header_spacer {
    display: block;
    height: calc(var(--db-messages-header-offset, 52px) + 44px);
    width: 100%;
    flex-shrink: 0;
  }

  body.db_messages_mobile_layout.active_chat .db_messages_unified_header,
  body.db_messages_mobile_layout.active_chat .db_messages_unified_header_spacer {
    display: none !important;
  }

  body.db_messages_mobile_layout .db_messages_page .chatmainS.pagemain_chat02 {
    min-height: 0 !important;
  }

  body.db_messages_mobile_layout .db_messages_page .chatmainS.pagemain_chat02>.container {
    max-width: 100%;
  }

  body.db_messages_mobile_layout .db_messages_page .pagemain_chat02 .chatdeskfull_rig {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.db_messages_mobile_layout .db_messages_page .pagemain_chat02 .rightchat_list {
    top: calc(var(--db-messages-header-offset, 52px) + 44px) !important;
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Open chat: sit flush under top header (no white gap) and clear bottom nav */
  body.db_messages_mobile_layout.active_chat .db_messages_page .pagemain_chat02 .rightchat_list {
    top: var(--db-messages-header-offset, 52px) !important;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatboxL,
  body.active_chat .pagemain_chat02 .chatboxL {
    top: var(--db-messages-header-offset, 52px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    max-height: none !important;
    z-index: 1001 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: var(--color-bg-surface) !important;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatboxL .db_chat_conversation,
  body.active_chat .pagemain_chat02 .chatboxL .db_chat_conversation {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatbox_head,
  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .db_chatbox_head,
  body.active_chat .pagemain_chat02 .chatbox_head,
  body.active_chat .pagemain_chat02 .db_chatbox_head {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  /* Keep presence dot on the header icon — mobile global .live-dot { top: 34px } was spilling under the blue bar */
  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .db_chatbox_head .chatuser .live-dot,
  body.active_chat .pagemain_chat02 .db_chatbox_head .chatuser .live-dot,
  body.active_chat .pagemain_chat02 .chatbox_head .chatuser .live-dot {
    top: auto !important;
    bottom: -1px !important;
    right: -2px !important;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatingbx,
  body.active_chat .pagemain_chat02 .chatingbx {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    padding-top: 12px !important;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatbox_footer,
  body.active_chat .pagemain_chat02 .chatbox_footer {
    flex: 0 0 auto !important;
  }
}

@media screen and (max-width: 374px) {
  body.db_messages_mobile_layout .db_messages_page .pagemain_chat02 .rightchat_list {
    top: calc(var(--db-messages-header-offset, 52px) + 44px) !important;
    height: auto !important;
  }
}

a.see-all-btn:hover,
.post_product_box a.see-all-btn:hover,
.db_my_profile_details a.see-all-btn:hover,
.myowe_sec a.see-all-btn:hover,
.ownprofilepage a.see-all-btn:hover,
.rated-customer-bx-inner a.see-all-btn:hover,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-header .see-all-btn:hover,
.pagemain_chat02 .db_profile_popup_card .detail-owner-header .see-all-btn:hover {
  color: var(--color-text-primary) !important;
}

a.see-all-btn:hover i,
a.see-all-btn:hover i::before,
.post_product_box a.see-all-btn:hover i,
.db_my_profile_details a.see-all-btn:hover i,
.myowe_sec a.see-all-btn:hover i,
.ownprofilepage a.see-all-btn:hover i,
.rated-customer-bx-inner a.see-all-btn:hover i,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-header .see-all-btn:hover i,
.pagemain_chat02 .db_profile_popup_card .detail-owner-header .see-all-btn:hover i {
  color: var(--color-text-link-hover) !important;
}

.top-header a:active i,
.top-header button:active i,
.theme-icon-interactive:active {
  color: var(--color-icon-active);
}

[disabled] i,
.disabled i,
i.disabled {
  color: var(--color-icon-disabled) !important;
}

/* ── Excel 100% — final back-button override (wins cascade) ── */
.breadcrumb-bx .btnx.btn-primaryx,
.btn-back.btnx.btn-primaryx,
.btn-back.btnx.btn-secondaryx,
.btnx.btn-outline-primaryx {
  background: var(--color-btn-back-bg) !important;
  color: var(--color-btn-back-text) !important;
  border: 1px solid var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:hover,
.breadcrumb-bx .btnx.btn-primaryx:hover i,
.breadcrumb-bx .btnx.btn-primaryx:hover span,
.btn-back.btnx.btn-primaryx:hover,
.btn-back.btnx.btn-primaryx:hover span,
.btnx.btn-outline-primaryx:hover {
  background: var(--color-btn-back-hover-bg) !important;
  color: var(--color-btn-back-text) !important;
  border-color: var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:active,
.btn-back.btnx.btn-primaryx:active,
.btnx.btn-outline-primaryx:active {
  background: var(--color-btn-back-active-bg) !important;
  border-color: var(--color-btn-back-border) !important;
  color: var(--color-btn-back-text) !important;
}

/* Publish Slot — Primary CTA capsule (Excel R146 + design QA) */
.upcoming-live-auction-bx>h2,
.actionpag_tabmess_newperent .upcoming-live-auction-bx>h2,
.product-detail-main-bx .upcoming-live-auction-bx>h2,
.jproductdmainbx .upcoming-live-auction-bx>h2,
.auctionaminim_main .upcoming-live-auction-bx>h2,
.productDetails_bx .upcoming-live-auction-bx>h2,
.productDetails_box .upcoming-live-auction-bx>h2 {
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  background-color: var(--color-brand-primary) !important;
  border: 1px solid var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
  font-weight: 700 !important;
  text-transform: none !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  padding: 12px 28px !important;
}

.upcoming-live-auction-bx>h2:hover,
.actionpag_tabmess_newperent .upcoming-live-auction-bx>h2:hover,
.product-detail-main-bx .upcoming-live-auction-bx>h2:hover,
.jproductdmainbx .upcoming-live-auction-bx>h2:hover,
.auctionaminim_main .upcoming-live-auction-bx>h2:hover,
.productDetails_bx .upcoming-live-auction-bx>h2:hover,
.productDetails_box .upcoming-live-auction-bx>h2:hover {
  background-color: var(--color-brand-primary-hover) !important;
  border-color: var(--color-brand-primary-hover) !important;
}

/* Register Pre-Bid — Primary CTA (Excel R144) */
.pre-bid-btn,
.btn.btn-primary.pre-bid-btn {
  background: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-brand-primary) !important;
}

.pre-bid-btn:hover {
  background: var(--color-brand-primary-hover) !important;
}

.pre-bid-btn:active {
  background: var(--color-brand-primary-active) !important;
}

.product-img-bx .live-tag,
.live-auction-section .live-tag {
  background: var(--color-live-soft-bg) !important;
  color: var(--color-live-soft-text) !important;
  border-radius: 999px !important;
}

.product-img-bx .live-tag i,
.live-auction-section .live-tag i {
  color: var(--color-live-soft-text) !important;
}

/* Receipt + outlined actions (Excel R191) — light + dark receipt tokens */
.order-card .btn-outline-primary.theme-btn-receipt,
.my-orders-page .btn-outline-primary.theme-btn-receipt,
.btn-outline-primary.theme-btn-receipt {
  background: var(--color-order-receipt-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border: 1px solid var(--color-order-receipt-border) !important;
}

.order-card .btn-outline-primary.theme-btn-receipt:hover,
.order-card .btn-outline-primary.theme-btn-receipt:focus,
.my-orders-page .btn-outline-primary.theme-btn-receipt:hover,
.btn-outline-primary.theme-btn-receipt:hover,
.btn-outline-primary.theme-btn-receipt:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border-color: var(--color-order-receipt-border) !important;
}

.order-card .btn-outline-primary.theme-btn-receipt:active,
.btn-outline-primary.theme-btn-receipt:active {
  background: var(--color-btn-outlined-active-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border-color: var(--color-order-receipt-border) !important;
}

/* Generic outlined primary in orders (non-receipt) */
.order-card .btn-outline-primary:not(.theme-btn-receipt),
.my-orders-page .btn-outline-primary:not(.theme-btn-receipt) {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

/* Order status tags + action buttons — capsule shape */
.order-card .badge,
.order-card .btn {
  border-radius: 999px !important;
}

.order-card .btn-outline-primary:not(.theme-btn-receipt):hover,
.order-card .btn-outline-primary:not(.theme-btn-receipt):focus,
.my-orders-page .btn-outline-primary:not(.theme-btn-receipt):hover {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

/* Profile / chat presence dot — Excel R101 Success (#22C55E) */
.live-dot.online,
.detail-owner-img .live-dot.online,
.product-card-video-btn__online-dot {
  background: var(--color-presence-online) !important;
}

.live-dot.offline,
.detail-owner-img .live-dot.offline {
  background: var(--color-presence-offline) !important;
}

.live-dot.incall {
  background: var(--color-danger) !important;
}

/* Manage Account — online/offline status dot (Excel R101 presence tokens) */
.statuslabb.Go_online.online,
.statuslabb.Go_online.online i {
  color: var(--color-presence-online) !important;
}

.statuslabb.Go_online.offline,
.statuslabb.Go_online.offline i {
  color: var(--color-presence-offline) !important;
}

.online_status,
.user-presence-online,
.db_chat_presence_online {
  color: var(--color-presence-online) !important;
  font-weight: 600;
}

.user-presence-offline,
.online_status.user-presence-offline {
  color: var(--color-presence-offline) !important;
  font-weight: 600;
}

/* PNG + Excel text: metadata / last seen (R33 text-muted) */
.or_text,
.rated-customer-bx-inner .or_text {
  color: var(--color-text-muted);
}

/* Profile subtabs (Profile.js) — inactive secondary; active black text + blue underline (link style) */
.nav-tabs.profile-subtabs,
.nav-tabs.my-custom-tab-mobile {
  border-bottom: 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.nav-tabs.profile-subtabs::-webkit-scrollbar,
.nav-tabs.my-custom-tab-mobile::-webkit-scrollbar,
.custome-tabs-scroll::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.custome-tabs-scroll {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.product-all-detail-tab .nav-tabs.profile-subtabs.my-custom-tab .nav-link,
.nav-tabs.profile-subtabs .nav-link,
.nav-tabs.my-custom-tab-mobile .nav-link {
  color: var(--color-text-secondary) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  text-transform: none !important;
}

.product-all-detail-tab .nav-tabs.profile-subtabs.my-custom-tab .nav-link span,
.nav-tabs.profile-subtabs .nav-link span,
.nav-tabs.my-custom-tab-mobile .nav-link span {
  color: inherit !important;
  text-transform: none !important;
}

.product-all-detail-tab .nav-tabs.profile-subtabs.my-custom-tab .nav-link:hover:not(.active):not(.in),
.nav-tabs.profile-subtabs .nav-link:hover:not(.active):not(.in),
.nav-tabs.my-custom-tab-mobile .nav-link:hover:not(.active):not(.in) {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
}

.product-all-detail-tab .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active,
.product-all-detail-tab .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active.in,
.nav-tabs.profile-subtabs .nav-link.active,
.nav-tabs.profile-subtabs .nav-link.active.in,
.nav-tabs.my-custom-tab-mobile .nav-link.active,
.nav-tabs.my-custom-tab-mobile .nav-link.active.in {
  color: var(--color-text-link) !important;
  border-bottom: 2px solid var(--color-info) !important;
  background: transparent !important;
}

.product-all-detail-tab .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active:hover,
.product-all-detail-tab .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active.in:hover,
.nav-tabs.profile-subtabs .nav-link.active:hover,
.nav-tabs.profile-subtabs .nav-link.active.in:hover,
.nav-tabs.my-custom-tab-mobile .nav-link.active:hover,
.nav-tabs.my-custom-tab-mobile .nav-link.active.in:hover {
  color: var(--color-text-link) !important;
  border-bottom: 2px solid var(--color-info-hover) !important;
  background: transparent !important;
}

/* Profile header name — bold primary text (R31) */
.detail-owner-name-bx .detail-owner-name h2.font-size-16,
.myowe_sec .detail-owner-name h2.font-size-16 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Profile.js feed card (right column) — lift / elevation (stronger on right) */
.ownprofilepage .listside_newperent,
.ownprofilepage .product-listing-product.cardImg.db_myownlevel_user_product_card {
  background: var(--color-bg-surface);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.ownprofilepage .listside_newperent {
  border-radius: 10px;
  box-shadow: var(--color-shadow-sm), 6px 0 18px rgba(15, 23, 42, 0.10);
  overflow: hidden;
  margin-bottom: 16px;
}

.ownprofilepage .listside_newperent .product-listing-product.cardImg .product-img-bx,
.ownprofilepage .listside_newperent .product-outer-bx .product-img-bx {
  box-shadow: none !important;
  border-left-color: transparent !important;
}

.ownprofilepage .listside_newperent:hover {
  box-shadow:
    var(--color-shadow-md),
    10px 0 24px rgba(15, 23, 42, 0.14);
  transform: translateY(-2px);
}

.ownprofilepage .product-listing-product.cardImg.db_myownlevel_user_product_card:hover .product-img-bx,
.ownprofilepage .product-listing-product.cardImg:hover .product-img-bx {
  box-shadow: none !important;
  border-left-color: transparent !important;
}

/* Feed product gallery — one image at a time in PDP-style frame */
.ownprofilepage .db_myownlevel_user_product_card .db-feed-product-gallery {
  width: 100%;
  max-width: 100%;
}

.ownprofilepage .db_myownlevel_user_product_card .db-feed-product-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 520px;
  max-height: min(70vh, 520px);
  overflow: hidden;
  background: var(--color-bg-surface);
  border-radius: 8px;
}

.ownprofilepage .db_myownlevel_user_product_card .db-feed-product-frame > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ownprofilepage .db_myownlevel_user_product_card .db-feed-product-image,
.ownprofilepage .db_myownlevel_user_product_card .product-img-bx img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center center;
  background: transparent;
  border-radius: 8px;
}

.ownprofilepage .db_myownlevel_user_product_card .db-feed-product-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: var(--color-text-link);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
}

.ownprofilepage .db_myownlevel_user_product_card .db-feed-product-nav--prev {
  left: 12px;
}

.ownprofilepage .db_myownlevel_user_product_card .db-feed-product-nav--next {
  right: 12px;
}

@media (max-width: 991.98px) {
  .ownprofilepage .listside_newperent,
  .ownprofilepage .listside_newperent .top_rated_sec.onlypage06.myowe_sec {
    max-width: 100%;
    box-sizing: border-box;
  }

  .ownprofilepage .myowe_sec .Jvideo_cus_perent {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    padding-right: 0;
    width: 100%;
  }

  .ownprofilepage .myowe_sec .Jvideo_cus_perent .livestriming_lsec.page-6striming,
  .ownprofilepage .myowe_sec_box .livestriming_lsec {
    position: static;
    width: 100%;
    margin: 0;
    justify-content: flex-start;
  }

  .ownprofilepage .myowe_sec .detail-owner-name-bx,
  .ownprofilepage .myowe_sec .top_bar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
  }

  .ownprofilepage .myowe_sec .detail-owner-name {
    flex: 1 1 160px;
    min-width: 0;
    text-align: left;
    padding-left: 0;
  }

  .ownprofilepage .myowe_sec .usednew_button {
    padding-left: 0;
    margin-top: 8px;
  }

  .ownprofilepage .db_myownlevel_user_product_card .db-feed-product-frame {
    height: 360px;
    max-height: min(55vh, 360px);
  }
}

@media (max-width: 575.98px) {
  .ownprofilepage .listside_newperent .top_rated_sec.onlypage06.myowe_sec {
    padding: 12px !important;
  }

  .ownprofilepage .myowe_sec .detail-owner-img,
  .ownprofilepage .myowe_sec .myfollowersBox .detail-owner-img {
    width: 72px;
    max-width: 72px;
    flex: 0 0 72px;
  }

  .ownprofilepage .myowe_sec .detail-owner-img img,
  .ownprofilepage .myowe_sec .detail-owner-name-bx .detail-owner-img img {
    width: 72px;
    height: 72px;
    max-width: 72px;
  }

  .ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn {
    width: 100%;
    justify-content: center;
  }

  .ownprofilepage .myowe_sec .rated-customer-bx,
  .ownprofilepage .myowe_sec .rated-customer-bx-inner {
    width: 100%;
    text-align: left;
  }

  .ownprofilepage .db_myownlevel_user_product_card .db-feed-product-frame {
    height: 260px;
    max-height: min(50vh, 260px);
  }

  .ownprofilepage .db_myownlevel_user_product_card .db-feed-product-nav {
    width: 34px;
    height: 34px;
  }
}

/* Profile feed Like — inactive grey like wishlist/icons elsewhere; active stays blue */
.ownprofilepage .cardImgBtn .text_col_grey,
.ownprofilepage .cardImgBtn .text_col_grey a,
.ownprofilepage .cardImgBtn .text_col_grey i,
.ownprofilepage .db_myownlevel_user_product_card .text_col_grey,
.ownprofilepage .db_myownlevel_user_product_card .text_col_grey a,
.ownprofilepage .db_myownlevel_user_product_card .text_col_grey i,
.ownprofilepage .like_sec_.text_col_grey,
.ownprofilepage .like_sec_.text_col_grey span {
  color: var(--color-wishlist-default) !important;
}

.ownprofilepage .cardImgBtn .text_col_blue,
.ownprofilepage .cardImgBtn .text_col_blue a,
.ownprofilepage .cardImgBtn .text_col_blue i,
.ownprofilepage .db_myownlevel_user_product_card .text_col_blue,
.ownprofilepage .db_myownlevel_user_product_card .text_col_blue a,
.ownprofilepage .db_myownlevel_user_product_card .text_col_blue i {
  color: var(--color-text-link) !important;
}

.ownprofilepage .cardImgBtn .text_col_grey a:hover,
.ownprofilepage .cardImgBtn .text_col_grey a:hover i,
.ownprofilepage .db_myownlevel_user_product_card .text_col_grey a:hover,
.ownprofilepage .db_myownlevel_user_product_card .text_col_grey a:hover i {
  color: var(--color-icon-hover) !important;
}

/* Chat Now — blue outlined (Profile.js feed / MyOwnLevel); beat media orange icon */
.ownprofilepage .myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn,
.user-profile-connections-page .myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  color: var(--color-btn-outlined-text) !important;
  background: var(--color-btn-outlined-bg) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
  border-radius: 50px !important;
}

.ownprofilepage .myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:hover,
.ownprofilepage .myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:focus,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn:hover,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn:focus,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:hover,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.ownprofilepage .myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:active,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn:active,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:active {
  background: var(--color-btn-outlined-active-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn span,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn span,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn span {
  border-bottom: none !important;
  color: inherit !important;
}

.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn i,
.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn i::before,
.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn:hover i,
.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn:focus i,
.ownprofilepage .myowe_sec .chat_icon a.number-reveal-btn:active i,
.user-profile-connections-page .myowe_sec .chat_icon .number-reveal-btn i,
.user-profile-connections-page .myowe_sec .chat_icon .number-reveal-btn i::before,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn:hover i,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn:focus i,
.user-profile-connections-page .myowe_sec .chat_icon a.number-reveal-btn:active i,
.myowe_sec .livestriming_lsec .chat_icon i,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:hover i,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:focus i,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:active i {
  color: var(--color-btn-outlined-text) !important;
}

.my-orders-status-tabs .nav-tabs .nav-link span {
  color: inherit !important;
  border-bottom: none !important;
}

/* Kill legacy .number-reveal-btn underline / primary text on All·Pending·… pills */
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.number-reveal-btn,
.my-orders-container .my-orders-status-tabs .nav-link.number-reveal-btn {
  color: inherit !important;
  background-color: inherit !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.number-reveal-btn span,
.my-orders-container .my-orders-status-tabs .nav-link.number-reveal-btn span {
  border-bottom: none !important;
  color: inherit !important;
}

/* My Orders status filters — beat legacy .Jcompny_actin orange (Excel R162/R163) */
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-bg) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-hover-bg) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover i {
  color: var(--color-nav-tab-inactive-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover {
  color: var(--color-nav-tab-active-text) !important;
  background-color: var(--color-nav-tab-active-hover-bg) !important;
  border-color: var(--color-nav-tab-active-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover i,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover i {
  color: var(--color-nav-tab-active-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover img {
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in {
  color: var(--color-nav-tab-active-text) !important;
  background-color: var(--color-nav-tab-active-bg) !important;
  border-color: var(--color-nav-tab-active-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in span {
  color: var(--color-nav-tab-active-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:not(.active) span {
  color: var(--color-nav-tab-inactive-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link i {
  color: inherit !important;
}

/* Post an ad — Browse category pills (M6 colours only; spacing from other.css .listtbtn_typ) */
.bfind_category .listtbtn_typ li a.nav-link,
.bfind_category .Jcompny_actin.post-ad-category-tabs.my-orders-status-tabs ul.nav.nav-tabs.listtbtn_typ.categoryBox .nav-link,
.bfind_category .Jcompny_actin.post-ad-category-tabs ul.nav.nav-tabs .nav-link {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-bg) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
  filter: none !important;
}

.bfind_category .listtbtn_typ li a.nav-link:hover,
.bfind_category .listtbtn_typ li a.nav-link:focus,
.bfind_category .Jcompny_actin.post-ad-category-tabs.my-orders-status-tabs ul.nav.nav-tabs.listtbtn_typ.categoryBox .nav-link:hover,
.bfind_category .Jcompny_actin.post-ad-category-tabs.my-orders-status-tabs ul.nav.nav-tabs.listtbtn_typ.categoryBox .nav-link:focus,
.bfind_category .Jcompny_actin.post-ad-category-tabs ul.nav.nav-tabs .nav-link:hover,
.bfind_category .Jcompny_actin.post-ad-category-tabs ul.nav.nav-tabs .nav-link:focus {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-hover-bg) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
  filter: none !important;
}

.bfind_category .listtbtn_typ li a.nav-link.active,
.bfind_category .listtbtn_typ li a.nav-link.active.in,
.bfind_category .Jcompny_actin ul.nav.nav-tabs .nav-link.active,
.bfind_category .Jcompny_actin ul.nav.nav-tabs .nav-link.active.in,
.bfind_category .Jcompny_actin.post-ad-category-tabs.my-orders-status-tabs ul.nav.nav-tabs.listtbtn_typ.categoryBox .nav-link.active,
.bfind_category .Jcompny_actin.post-ad-category-tabs.my-orders-status-tabs ul.nav.nav-tabs.listtbtn_typ.categoryBox .nav-link.active.in,
.bfind_category .Jcompny_actin.post-ad-category-tabs ul.nav.nav-tabs .nav-link.active,
.bfind_category .Jcompny_actin.post-ad-category-tabs ul.nav.nav-tabs .nav-link.active.in {
  color: var(--color-text-link) !important;
  background-color: var(--color-bg-surface) !important;
  border-color: var(--color-text-link) !important;
  filter: none !important;
}

.bfind_category .listtbtn_typ li a.nav-link.active:hover,
.bfind_category .listtbtn_typ li a.nav-link.active.in:hover,
.bfind_category .Jcompny_actin ul.nav.nav-tabs .nav-link.active:hover,
.bfind_category .Jcompny_actin ul.nav.nav-tabs .nav-link.active.in:hover,
.bfind_category .Jcompny_actin.post-ad-category-tabs.my-orders-status-tabs ul.nav.nav-tabs.listtbtn_typ.categoryBox .nav-link.active:hover,
.bfind_category .Jcompny_actin.post-ad-category-tabs.my-orders-status-tabs ul.nav.nav-tabs.listtbtn_typ.categoryBox .nav-link.active.in:hover,
.bfind_category .Jcompny_actin.post-ad-category-tabs ul.nav.nav-tabs .nav-link.active:hover,
.bfind_category .Jcompny_actin.post-ad-category-tabs ul.nav.nav-tabs .nav-link.active.in:hover {
  color: var(--color-text-link) !important;
  background-color: var(--color-bg-surface) !important;
  border-color: var(--color-text-link) !important;
  filter: none !important;
}

.bfind_category .bcatelist_bx {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.bfind_category .bcatelist_bx::-webkit-scrollbar,
.bfind_category .bcatelist_bx::-webkit-scrollbar-track,
.bfind_category .bcatelist_bx::-webkit-scrollbar-thumb {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.bfind_category .bcatlist_li li a.active {
  color: var(--color-text-link) !important;
}

.bfind_category .categoryBox.account_setting_tabs,
.bfind_category .listtbtn_typ.categoryBox.account_setting_tabs {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.bfind_category .categoryBox.account_setting_tabs::-webkit-scrollbar,
.bfind_category .listtbtn_typ.categoryBox.account_setting_tabs::-webkit-scrollbar,
.bfind_category .categoryBox.account_setting_tabs::-webkit-scrollbar-track,
.bfind_category .listtbtn_typ.categoryBox.account_setting_tabs::-webkit-scrollbar-track,
.bfind_category .categoryBox.account_setting_tabs::-webkit-scrollbar-thumb,
.bfind_category .listtbtn_typ.categoryBox.account_setting_tabs::-webkit-scrollbar-thumb {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* OtherList mobile filters — M6 colours only; pill spacing from media.css #filter-toggler */
@media (max-width: 991px) {
  .other-list-page .fillter_btn_box {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .other-list-page .fillter_btn_box::-webkit-scrollbar,
  .other-list-page .fillter_btn_box::-webkit-scrollbar-track,
  .other-list-page .fillter_btn_box::-webkit-scrollbar-thumb {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }

  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active),
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active) {
    color: var(--color-nav-tab-inactive-text) !important;
    background-color: var(--color-bg-surface) !important;
    border-color: var(--color-nav-tab-inactive-border) !important;
    filter: none !important;
    opacity: 1 !important;
  }

  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill .fillter_trackMobile,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill .fillter_trackMobile span,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill .dropdown_arrow,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill .dropdown_arrow svg,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill .dropdown_arrow svg path {
    color: inherit !important;
    fill: currentColor !important;
  }

  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active):hover,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active):focus,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active):active,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active):hover,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active):focus,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill:not(.is-active):not(.active):active {
    color: var(--color-nav-tab-inactive-text) !important;
    background-color: var(--color-bg-surface) !important;
    border-color: var(--color-nav-tab-inactive-border) !important;
    filter: none !important;
  }

  /* Soft-blue active pill — same as Browse category / Manage auctions */
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active.in,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active.in,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active.in,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active.in {
    color: var(--color-nav-tab-active-text, #2F8FD6) !important;
    background: var(--color-nav-tab-active-bg, #EAF4FB) !important;
    background-color: var(--color-nav-tab-active-bg, #EAF4FB) !important;
    background-image: none !important;
    border: 1px solid var(--color-nav-tab-active-border, #2F8FD6) !important;
    filter: none !important;
  }

  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active .fillter_trackMobile > span:first-child,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active .fillter_trackMobile > span:first-child,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active .fillter_trackMobile > span:first-child,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active .fillter_trackMobile > span:first-child {
    color: var(--color-nav-tab-active-text, #2F8FD6) !important;
    text-decoration: none !important;
  }

  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active:hover,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active:focus,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active:active,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active:hover,
  .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active.in:hover,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active:hover,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active:focus,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active:active,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active:hover,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active.in:hover,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active:hover,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active:focus,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.is-active:active,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active:hover,
  [data-theme="dark"] .other-list-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.other-list-mobile-filter-pill.active.in:hover,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active:hover,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active:focus,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.is-active:active,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active:hover,
  [data-theme="dark"] .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill.btnx.btn-secondaryx.fillter_btn_track.active.in:hover {
    color: var(--color-nav-tab-active-text, #2F8FD6) !important;
    background: var(--color-nav-tab-active-hover-bg, #D6EAF8) !important;
    background-color: var(--color-nav-tab-active-hover-bg, #D6EAF8) !important;
    background-image: none !important;
    border: 1px solid var(--color-nav-tab-active-border, #2F8FD6) !important;
    filter: none !important;
    text-decoration: none !important;
  }

  /*
   * Product, auction, and search listing grids: keep card left edges and
   * gutters consistent across category, sub-category, and child-category pages.
   */
  .product-listing-main-bx .Jtaballp_content02.auctionplist_main.show_product_box,
  .product-listing-main-bx .Jtaballp_content02.show_product_box,
  .product-listing-main-bx .show_product_box,
  .product-listing-main-bx .Jtaballp_content02.auctionplist_main.show_product_box>.col-sm-12.actionpage_list,
  .product-listing-main-bx .show_product_box>.col-sm-12.actionpage_list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-listing-main-bx .show_product_box .row.db-product-grid,
  .product-listing-main-bx .Jtaballp_content02.auctionplist_main.show_product_box .row.db-product-grid,
  .product-listing-main-bx .row.db-product-grid {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: stretch !important;
  }

  .product-listing-main-bx .show_product_box .row.db-product-grid>[class*="col-"],
  .product-listing-main-bx .Jtaballp_content02.auctionplist_main.show_product_box .row.db-product-grid>[class*="col-"],
  .product-listing-main-bx .row.db-product-grid>[class*="col-"] {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-listing-main-bx .show_product_box .row.db-product-grid .product_card_box,
  .product-listing-main-bx .show_product_box .row.db-product-grid .product-outer-bx,
  .product-listing-main-bx .Jtaballp_content02.auctionplist_main.show_product_box .row.db-product-grid .product_card_box,
  .product-listing-main-bx .Jtaballp_content02.auctionplist_main.show_product_box .row.db-product-grid .product-outer-bx,
  .product-listing-main-bx .row.db-product-grid .product_card_box,
  .product-listing-main-bx .row.db-product-grid .product-outer-bx {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 359px) {
  .product-listing-main-bx .row.db-product-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 360px) and (max-width: 599px) {
  .product-listing-main-bx .row.db-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (min-width: 600px) and (max-width: 799px) {
  .product-listing-main-bx .row.db-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 15px !important;
  }
}

@media (min-width: 800px) and (max-width: 991.98px) {
  .product-listing-main-bx .row.db-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* Track Order — secondary blue CTA (Excel R134 / PNG) */
.order-card .btn-primary.theme-btn-track-order {
  background: var(--color-info) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.order-card .btn-primary.theme-btn-track-order:hover,
.order-card .btn-primary.theme-btn-track-order:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.order-card .btn-primary.theme-btn-track-order:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
  color: var(--color-text-on-accent) !important;
}

.order-card .btn-primary.theme-btn-track-order i {
  color: inherit !important;
}

/* Track Order modal — refresh icon + Track on Carrier Website = blue capsule */
.tracking-modal .btn-refresh-icon,
.tracking-display .btn-refresh-icon,
.tracking-modal .btn-refresh,
.tracking-display .btn-refresh {
  background: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border-radius: 50px !important;
}

.tracking-modal .btn-refresh-icon:hover,
.tracking-display .btn-refresh-icon:hover,
.tracking-modal .btn-refresh:hover,
.tracking-display .btn-refresh:hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.tracking-modal .btn-refresh-icon i,
.tracking-display .btn-refresh-icon i,
.tracking-modal .btn-refresh i,
.tracking-display .btn-refresh i {
  color: inherit !important;
}

.tracking-modal .btn-track-online,
.tracking-display .btn-track-online {
  background: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border-radius: 50px !important;
}

.tracking-modal .btn-track-online:hover,
.tracking-display .btn-track-online:hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

/* Parcel2Go / Shipping Rates modal — Cancel + Next: Get Quotes (and other steps) = blue capsule */
.shipping-rates-modal button.btn-primary,
.shipping-rates-modal .btn-primary,
.shipping-rates-modal .modal-footer button.btn-primary,
.shipping-rates-modal .modal-footer .btn-primary,
.shipping-rates-modal .step-content button.btn-primary,
.shipping-rates-modal .step-content .btn-primary {
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border-radius: 50px !important;
}

.shipping-rates-modal button.btn-primary:hover:not(:disabled),
.shipping-rates-modal button.btn-primary:focus:not(:disabled),
.shipping-rates-modal .btn-primary:hover:not(:disabled),
.shipping-rates-modal .btn-primary:focus:not(:disabled),
.shipping-rates-modal .modal-footer button.btn-primary:hover:not(:disabled),
.shipping-rates-modal .step-content button.btn-primary:hover:not(:disabled) {
  background: var(--color-info-hover) !important;
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.shipping-rates-modal button.btn-secondary,
.shipping-rates-modal button.btn-secondary:not(.btn-primary):not(.btn-info),
.shipping-rates-modal .btn-secondary,
.shipping-rates-modal .modal-footer button.btn-secondary,
.shipping-rates-modal .modal-footer button.btn-secondary:not(.btn-primary):not(.btn-info),
.shipping-rates-modal .modal-footer .btn-secondary,
.shipping-rates-modal .step-content button.btn-secondary,
.shipping-rates-modal .step-content button.btn-secondary:not(.btn-primary):not(.btn-info),
.shipping-rates-modal .step-content .btn-secondary,
.shipping-rates-modal .payment-form button.btn-secondary,
.shipping-rates-modal .payment-form .btn-secondary {
  background: var(--color-bg-surface) !important;
  background-color: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  color: var(--color-icon-default) !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.shipping-rates-modal button.btn-secondary:hover,
.shipping-rates-modal button.btn-secondary:focus,
.shipping-rates-modal button.btn-secondary:not(.btn-primary):not(.btn-info):hover,
.shipping-rates-modal .btn-secondary:hover,
.shipping-rates-modal .btn-secondary:focus,
.shipping-rates-modal .modal-footer button.btn-secondary:hover,
.shipping-rates-modal .step-content button.btn-secondary:hover,
.shipping-rates-modal .payment-form button.btn-secondary:hover,
.shipping-rates-modal .payment-form .btn-secondary:hover {
  background: var(--color-bg-section) !important;
  background-color: var(--color-bg-section) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-ghost-hover) !important;
  text-decoration: none !important;
}

/* Pay & Create Label — capsule shape + original orange (not blue) */
.shipping-rates-modal .payment-form button.btn-primary,
.shipping-rates-modal .payment-form .btn-primary,
.shipping-rates-modal .payment-form .modal-footer button.btn-primary,
.shipping-rates-modal .payment-form .modal-footer button[type="submit"] {
  border-radius: 50px !important;
  background: var(--color-brand-primary) !important;
  background-color: var(--color-brand-primary) !important;
  border: 1px solid var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
}

.shipping-rates-modal .payment-form button.btn-primary:hover:not(:disabled),
.shipping-rates-modal .payment-form .btn-primary:hover:not(:disabled),
.shipping-rates-modal .payment-form .modal-footer button.btn-primary:hover:not(:disabled),
.shipping-rates-modal .payment-form .modal-footer button[type="submit"]:hover:not(:disabled) {
  background: var(--color-brand-primary-hover) !important;
  background-color: var(--color-brand-primary-hover) !important;
  border-color: var(--color-brand-primary-hover) !important;
  color: var(--color-text-on-accent) !important;
}

/* Buying / Selling order-type toggle — same nav active/inactive as Followers/Following (R162/R163) */
.my-orders-container .order-type-tab.active,
.my-orders-container .order-type-tab.active:hover {
  background: var(--color-nav-tab-active-bg) !important;
  border-color: var(--color-nav-tab-active-border) !important;
  color: var(--color-nav-tab-active-text) !important;
}

.my-orders-container .order-type-tab:not(.active),
.my-orders-container .order-type-tab:not(.active):hover {
  background: var(--color-nav-tab-inactive-bg) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
  color: var(--color-nav-tab-inactive-text) !important;
}

.my-orders-container .order-type-tab.active .order-count {
  background: var(--color-nav-tab-active-hover-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
}

/* Product slider / carousel nav — standard blue all states (R94; not orange brand) */
.ownprofilepage .sliderBox .owl-nav button span,
.ownprofilepage .product-detailslider .owl-nav button span {
  background-color: var(--color-info) !important;
}

.ownprofilepage .sliderBox .owl-nav button span:hover,
.ownprofilepage .product-detailslider .owl-nav button span:hover,
.ownprofilepage .sliderBox .owl-nav button:focus span,
.ownprofilepage .product-detailslider .owl-nav button:focus span {
  background-color: var(--color-info-hover) !important;
  opacity: 1 !important;
}

.ownprofilepage .sliderBox .owl-nav button:active span,
.ownprofilepage .product-detailslider .owl-nav button:active span {
  background-color: var(--color-info-active) !important;
  opacity: 1 !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  color: var(--color-icon-hover) !important;
}

/* Similar items carousel arrows — outside product cards so clicks don't open products */
.similar-products-bx .similar-pro,
.similar-products-bx .owl-carousel {
  position: relative;
  padding-left: 52px;
  padding-right: 52px;
  box-sizing: border-box;
}

.similar-products-bx .owl-stage-outer,
.similar-pro .owl-stage-outer {
  position: relative;
  z-index: 1;
  padding: 4px 0 8px;
}

.similar-products-bx .owl-stage,
.similar-pro .owl-stage {
  display: flex !important;
}

.similar-products-bx .owl-item,
.similar-pro .owl-item {
  display: flex;
  flex-direction: column;
}

.similar-products-bx .owl-item > .item,
.similar-pro .owl-item > .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Match Latest items card size / look */
.similar-products-bx .product-outer-bx,
.similar-pro .product-outer-bx {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-subtle) !important;
  border-radius: 16px !important;
  padding: 10px !important;
  box-shadow: var(--color-shadow-xs) !important;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.similar-products-bx .product-outer-bx:hover,
.similar-pro .product-outer-bx:hover {
  border-color: var(--color-border-default) !important;
  box-shadow: var(--color-shadow-sm) !important;
  transform: translateY(-2px);
}

.similar-products-bx .product-outer-bx:hover .product-img-bx,
.similar-pro .product-outer-bx:hover .product-img-bx {
  box-shadow: none !important;
  border-left-color: transparent !important;
}

.similar-products-bx .product-img-bx,
.similar-pro .product-img-bx {
  position: relative;
  border-radius: 12px !important;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--color-bg-disabled);
  border: 0 !important;
  box-shadow: none !important;
  width: 100%;
}

.similar-products-bx .product-img-bx > a,
.similar-pro .product-img-bx > a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.similar-products-bx .product-img-bx img,
.similar-pro .product-img-bx img,
.similar-products-bx .product-img-bx > a img,
.similar-pro .product-img-bx > a img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
}

.similar-products-bx .product-name-bx,
.similar-pro .product-name-bx {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 12px 2px 4px !important;
}

.similar-products-bx .product-name-bx h4,
.similar-pro .product-name-bx h4 {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: var(--color-text-primary) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(1.45em * 2);
}

.similar-products-bx .product-name-bx h6,
.similar-products-bx .product-name-bx h6 span,
.similar-pro .product-name-bx h6,
.similar-pro .product-name-bx h6 span {
  margin-top: auto !important;
  padding-top: 12px !important;
  margin-bottom: 0 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--color-text-primary) !important;
}

.similar-products-bx .owl-nav,
.similar-pro .owl-nav,
.similar-products-bx .owl-theme .owl-nav,
.similar-pro .owl-theme .owl-nav {
  position: absolute !important;
  top: 90px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 30 !important;
}

.similar-products-bx .owl-nav button,
.similar-pro .owl-nav button,
.similar-products-bx .owl-theme .owl-nav [class*="owl-"],
.similar-pro .owl-theme .owl-nav [class*="owl-"] {
  position: absolute !important;
  top: 0 !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid var(--color-text-link, #249ee4) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--color-text-link, #249ee4) !important;
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  z-index: 31 !important;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

.similar-products-bx .owl-nav button.owl-prev,
.similar-pro .owl-nav button.owl-prev {
  left: 8px !important;
}

.similar-products-bx .owl-nav button.owl-next,
.similar-pro .owl-nav button.owl-next {
  right: 8px !important;
}

.similar-products-bx .owl-nav button span,
.similar-pro .owl-nav button span {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: inherit !important;
  position: static !important;
}

.similar-products-bx .owl-nav button span:after,
.similar-pro .owl-nav button span:after,
.similar-products-bx .owl-nav button span::after,
.similar-pro .owl-nav button span::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.similar-products-bx .owl-nav button i,
.similar-pro .owl-nav button i {
  font-size: 16px !important;
  line-height: 1 !important;
  color: inherit !important;
}

.similar-products-bx .owl-nav button:hover:not(.disabled):not(:disabled),
.similar-pro .owl-nav button:hover:not(.disabled):not(:disabled) {
  background: var(--color-text-link, #249ee4) !important;
  border-color: var(--color-text-link, #249ee4) !important;
  color: #fff !important;
  outline: none !important;
}

.similar-products-bx .owl-nav button:hover:not(.disabled):not(:disabled) i,
.similar-pro .owl-nav button:hover:not(.disabled):not(:disabled) i {
  color: #fff !important;
}

.similar-products-bx .owl-nav button:focus,
.similar-pro .owl-nav button:focus {
  outline: none !important;
  background: #fff !important;
  border-color: var(--color-text-link, #249ee4) !important;
  color: var(--color-text-link, #249ee4) !important;
}

.similar-products-bx .owl-nav button:focus:not(:hover) i,
.similar-pro .owl-nav button:focus:not(:hover) i {
  color: inherit !important;
}

.similar-products-bx .owl-nav button:focus-visible,
.similar-pro .owl-nav button:focus-visible {
  outline: 2px solid var(--color-text-link, #249ee4) !important;
  outline-offset: 2px !important;
}

.similar-products-bx .owl-nav button.disabled,
.similar-pro .owl-nav button.disabled,
.similar-products-bx .owl-nav button:disabled,
.similar-pro .owl-nav button:disabled,
.similar-products-bx .owl-nav button.disabled:hover,
.similar-pro .owl-nav button.disabled:hover,
.similar-products-bx .owl-nav button.disabled:focus,
.similar-pro .owl-nav button.disabled:focus,
.similar-products-bx .owl-nav button.disabled:active,
.similar-pro .owl-nav button.disabled:active {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  background: var(--color-bg-disabled, #f1f5f9) !important;
  border-color: var(--color-border-default, #cbd5e1) !important;
  color: var(--color-text-muted, #94a3b8) !important;
  box-shadow: none !important;
}

.similar-products-bx .owl-nav button:active:not(.disabled):not(:disabled),
.similar-pro .owl-nav button:active:not(.disabled):not(:disabled) {
  background: var(--color-info-active, #1a7eb8) !important;
  border-color: var(--color-info-active, #1a7eb8) !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  .landing-product-nav,
  .similar-products-bx .owl-nav,
  .similar-pro .owl-nav,
  .similar-products-bx .owl-theme .owl-nav,
  .featured-product-section .owl-nav {
    display: none !important;
  }
}

/* Similar items on PDP — reuse Latest items carousel/card look */
.similar-products-bx .similar-products-landing {
  width: 100%;
}

.similar-products-bx .similar-products-landing .landing-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.similar-products-bx .similar-products-landing .landing-section-header h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-primary);
}

.similar-products-bx .similar-products-landing .landing-view-all-link {
  color: var(--color-text-link) !important;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
}

.similar-products-bx .similar-products-landing .landing-view-all-link:hover,
.similar-products-bx .similar-products-landing .landing-view-all-link:focus {
  color: var(--color-text-link) !important;
  text-decoration: none !important;
}

.similar-products-bx .similar-products-landing .landing-view-all-link:after {
  display: none !important;
  content: none !important;
}

.similar-products-bx .landing-product-carousel-wrap {
  position: relative;
}

.similar-products-bx .landing-product-card {
  height: 100%;
}

@media (max-width: 767px) {
  .similar-products-bx .similar-products-landing .landing-section-header h2 {
    font-size: 20px;
  }
}

/* My Invoices — tabs, totals, badge colors (light + dark) */
.invoice-history-page .invoice-tabs .tab-btn {
  font-size: 16px !important;
}

.invoice-history-page .invoice-tabs .tab-btn:not(.active) {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
}

.invoice-history-page .invoice-tabs .tab-btn:not(.active):hover {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
}

.invoice-history-page .invoice-tabs .tab-btn.active,
.invoice-history-page .invoice-tabs .tab-btn.active:hover {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
  border-bottom-color: var(--color-info) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.invoice-history-page .total-amount {
  color: var(--color-brand-primary) !important;
}

.invoice-history-page .invoice-number {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Collapse Filters toggle — blue + 16px only (old pattern, no extra label text) */
.invoice-history-page .toggle-filters-btn,
.invoice-history-page .toggle-filters-btn i {
  color: var(--color-info) !important;
  font-size: 16px !important;
}

.invoice-history-page .toggle-filters-btn:hover,
.invoice-history-page .toggle-filters-btn:hover i {
  color: var(--color-text-on-accent) !important;
  background: var(--color-info) !important;
  border-color: var(--color-info) !important;
}

/* Balance tabs — sentence-case lock */
.balance_tab.product-all-detail-tab .nav-tabs .nav-link,
.balance_tab.product-all-detail-tab .nav-tabs .nav-link span,
#total-balance .noti_enable.repeatSec_innerr.border-0>div:nth-child(2),
#pending-transaction .noti_enable.repeatSec_innerr.border-0>div:nth-child(2) {
  text-transform: none !important;
}

@media (max-width: 767.98px) {
  .balance_tab.product-all-detail-tab {
    width: 100%;
    overflow: hidden;
  }

  .balance_tab.product-all-detail-tab .nav.nav-tabs.my-custom-tab {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: 100%;
    margin: 0 !important;
    padding: 0 8px !important;
    border-bottom: 1px solid var(--color-border-default) !important;
    overflow: visible !important;
  }

  .balance_tab.product-all-detail-tab .nav-item.specialshap_item {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    text-align: center;
  }

  .balance_tab.product-all-detail-tab .nav-tabs .nav-link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    padding: 8px 4px 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-secondary) !important;
    white-space: normal !important;
    line-height: 1.15;
  }

  .balance_tab.product-all-detail-tab .nav-tabs .nav-link span {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    color: inherit !important;
    font-size: clamp(12px, 3.5vw, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.15;
    white-space: normal !important;
  }

  .balance_tab.product-all-detail-tab .nav-tabs .nav-link.active,
  .balance_tab.product-all-detail-tab .nav-tabs .nav-link.active.in {
    color: var(--color-info, #2F8FD6) !important;
    background: transparent !important;
  }

  .balance_tab.product-all-detail-tab .nav-tabs .nav-link.active span,
  .balance_tab.product-all-detail-tab .nav-tabs .nav-link.active.in span {
    color: var(--color-info, #2F8FD6) !important;
  }

  .balance_tab.product-all-detail-tab .nav-tabs .nav-link span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 2px;
    border-radius: 999px;
    background: transparent;
  }

  .balance_tab.product-all-detail-tab .nav-tabs .nav-link.active span::after,
  .balance_tab.product-all-detail-tab .nav-tabs .nav-link.active.in span::after {
    display: none;
  }
}

/* Balance / Pending — amount bold; label light */
#total-balance .noti_enable.repeatSec_innerr.border-0>div:first-child,
#pending-transaction .noti_enable.repeatSec_innerr.border-0>div:first-child {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

#total-balance .noti_enable.repeatSec_innerr.border-0>div:nth-child(2),
#pending-transaction .noti_enable.repeatSec_innerr.border-0>div:nth-child(2) {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

/* Withdraw — capsule (Available Balance tab only) */
#total-balance .withdraw-btn {
  border-radius: 999px !important;
  color: var(--color-text-on-accent) !important;
}

.db-withdraw-confirm-modal .swal-footer {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.db-withdraw-confirm-modal .swal-button-container {
  margin: 0;
}

.db-withdraw-confirm-modal .swal-title {
  font-size: 18px;
}

.db-withdraw-confirm-modal .swal-text {
  font-size: 14px;
}

.db-withdraw-confirm-modal .swal-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  min-height: 42px;
  padding: 0 22px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.db-withdraw-confirm-modal .db-withdraw-swal-confirm {
  background: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
}

.db-withdraw-confirm-modal .db-withdraw-swal-confirm:not([disabled]):hover,
.db-withdraw-confirm-modal .db-withdraw-swal-confirm:focus {
  background: var(--color-brand-primary-hover, var(--color-brand-primary)) !important;
  color: var(--color-text-on-accent) !important;
}

.db-withdraw-confirm-modal .db-withdraw-swal-cancel {
  background: var(--color-bg-card-muted) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
}

.db-withdraw-confirm-modal .db-withdraw-swal-cancel:not([disabled]):hover,
.db-withdraw-confirm-modal .db-withdraw-swal-cancel:focus {
  background: var(--color-bg-muted, var(--color-bg-card-muted)) !important;
  color: var(--color-text-primary) !important;
}

/* PAID status — capsule */
.invoice-history-page .invoice-table .badge-success {
  background: var(--color-success-soft) !important;
  color: var(--color-success) !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
  border-radius: 999px !important;
}

.invoice-history-page .invoice-table .badge-warning {
  background: var(--color-warning-soft) !important;
  color: var(--color-warning) !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

.invoice-history-page .invoice-table .badge-danger {
  background: var(--color-danger-soft) !important;
  color: var(--color-danger) !important;
  border: 1px solid rgba(198, 40, 40, 0.35) !important;
}

/* Invoice history — sentence case (override component uppercase) */
.invoice-history-page .invoice-tabs .tab-btn,
.invoice-history-page .filters-heading,
.invoice-history-page .invoice-filters select,
.invoice-history-page .invoice-filters .clear-filters-btn,
.invoice-history-page .invoice-table th,
.invoice-history-page .invoice-table td.invoice-col-status .badge,
.invoice-history-page .invoice-table td.invoice-col-payment .badge {
  text-transform: none !important;
  letter-spacing: normal;
}

/* Invoice history — show stored order numbers as-is (DROTLY-OR-…) */
.invoice-history-page .invoice-table tbody td:nth-child(2) {
  text-transform: none !important;
  letter-spacing: normal;
}

[data-theme="dark"] .invoice-history-page .invoice-table th {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .invoice-history-page .invoice-summary span:first-child {
  color: var(--color-text-secondary) !important;
}

/* ── Excel yellow 100% — remaining colour-only gaps ── */

/* R54–R59: tab / filter chip active & inactive (blue nav state, not orange) */
.btnx.btn-secondaryx.active:not(.fillter_btn_track),
.btnx.btn-secondaryx.active:not(.fillter_btn_track):hover,
.btnx.btn-secondaryx.active:not(.fillter_btn_track):focus {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border: 1px solid var(--color-nav-tab-active-border) !important;
  opacity: 1 !important;
}

.btnx.btn-secondaryx.active:not(.fillter_btn_track):hover,
.btnx.btn-secondaryx.active:not(.fillter_btn_track):focus {
  background: var(--color-nav-tab-active-hover-bg) !important;
}

.btnx.btn-secondaryx.btn-inactive,
.btnx.btn-inactive.btn-secondaryx {
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  opacity: 1 !important;
}

.btnx.btn-secondaryx.btn-inactive:hover,
.btnx.btn-inactive.btn-secondaryx:hover {
  background: var(--color-nav-tab-inactive-hover-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.subtab_prodlist_NEW ul.toggletab-bx li.active a {
  color: var(--color-text-primary) !important;
  border-bottom: 2px solid var(--color-info) !important;
  background: transparent !important;
}

/* ManageList / AuctionShow sidebar (toggle-bx) — blue text when selected */
.subtab_prodlist_NEW ul.toggle-bx li a,
.subtab_prodlist_NEW .sideTabMenu ul.toggle-bx li a,
.MuiAccordionDetails-root .toggle-bx li a {
  color: var(--color-text-secondary) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  display: inline-block;
}

.subtab_prodlist_NEW ul.toggle-bx li a:hover,
.subtab_prodlist_NEW .sideTabMenu ul.toggle-bx li a:hover,
.MuiAccordionDetails-root .toggle-bx li a:hover {
  color: var(--color-text-primary) !important;
}

.subtab_prodlist_NEW ul.toggle-bx li.active a,
.subtab_prodlist_NEW ul.toggle-bx li.active.show a,
.subtab_prodlist_NEW .sideTabMenu ul.toggle-bx li.active a,
.subtab_prodlist_NEW .sideTabMenu ul.toggletab-bx li.active a,
.MuiAccordionDetails-root .toggle-bx li.active a {
  color: var(--color-info) !important;
  border-bottom: 2px solid var(--color-info) !important;
  background: transparent !important;
  font-weight: 600;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggle-bx li a,
[data-theme="dark"] .MuiAccordionDetails-root .toggle-bx li a {
  color: var(--color-text-secondary) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggle-bx li.active a,
[data-theme="dark"] .subtab_prodlist_NEW .sideTabMenu ul.toggletab-bx li.active a,
[data-theme="dark"] .MuiAccordionDetails-root .toggle-bx li.active a {
  color: var(--color-info) !important;
  border-bottom: 2px solid var(--color-info) !important;
  background: transparent !important;
}

/* ManageList — tab labels: black text + blue underline (active) */
.subtab_prodlist_NEW .fillter_box .btnx.btn-secondaryx.active:not(.fillter_btn_track),
.subtab_prodlist_NEW .fillter_box .btnx.btn-secondaryx.active:not(.fillter_btn_track):hover,
.subtab_prodlist_NEW .fillter_box .btnx.btn-secondaryx.active:not(.fillter_btn_track):focus {
  color: var(--color-text-primary) !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  border-bottom: 2px solid var(--color-info) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.subtab_prodlist_NEW .fillter_box .btnx.btn-secondaryx.btn-inactive,
.subtab_prodlist_NEW .fillter_box .btnx.btn-inactive {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
  border-color: transparent !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.subtab_prodlist_NEW ul.toggletab-bx li a {
  color: var(--color-text-secondary) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
}

.subtab_prodlist_NEW ul.toggletab-bx li a:hover {
  color: var(--color-text-primary) !important;
}

/* AuctionShow (#subtab02) — match ManageList sidebar sub-category spacing + content gap */
#subtab02 .sideTabMenu ul.toggle-bx li+li,
#subtab02 .sideTabMenu ul.toggletab-bx li+li {
  margin-top: 5px;
}

#subtab02 .sideTabMenu ul.toggle-bx li a,
#subtab02 .sideTabMenu ul.toggletab-bx li a {
  line-height: 26px;
  text-transform: none !important;
}

/* Manage auction sidebar + filters — sentence case */
#subtab02 .sideTabMenu .product-listing-sideBar-title,
#subtab02 .sideTabMenu .product-listing-sideBar-title strong,
#subtab02 .fillter_box .btnx.btn-secondaryx {
  text-transform: none !important;
}

.newsletter-bx .newsletter-input input::placeholder,
.landing-newsletter .newsletter-input input::placeholder {
  text-transform: none !important;
}

#subtab02 .subtab_secondmain>.formcontdetail_inner {
  padding-left: 0;
  margin-left: 0;
}

/* ManageList sold Select Option — match My Orders order-action-dropdown look */
.subtab_editlabl.select_bx select.custom-select,
.subtab_editlabl.select_bx select.form-control,
.atlistingside_new .subtab_editlabl select.custom-select {
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: 8px !important;
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text-secondary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  box-shadow: var(--color-shadow-xs);
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234B5563' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}

.subtab_editlabl.select_bx select.custom-select:hover,
.subtab_editlabl.select_bx select.form-control:hover,
.atlistingside_new .subtab_editlabl select.custom-select:hover {
  border-color: var(--color-border-hover) !important;
  background-color: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
}

.subtab_editlabl.select_bx select.custom-select:focus,
.subtab_editlabl.select_bx select.form-control:focus,
.atlistingside_new .subtab_editlabl select.custom-select:focus {
  border-color: var(--color-focus-ring) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px var(--color-info-soft) !important;
  color: var(--color-text-primary) !important;
}

/* Space only between stacked Select Option dropdowns */
.subtab_editlabl.select_bx>select.custom-select+select.custom-select,
.subtab_editlabl.select_bx>select.form-control+select.form-control {
  margin-top: 10px;
}

/* Manage Listings — sentence case labels (Activity + sidebar + weekend deals form) */
.page_6tabmain_top .product-all-detail-tab .nav-tabs.my-custom-tab .nav-link,
.page_6tabmain_top .product-all-detail-tab .nav-tabs.my-custom-tab .nav-link span,
.subtab_prodlist_NEW .product-listing-sideBar-title,
.subtab_prodlist_NEW .product-listing-sideBar-title strong,
.subtab_prodlist_NEW .sideTabMenu ul.toggle-bx li a,
.subtab_prodlist_NEW .sideTabMenu ul.toggle-bx li a strong,
.subtab_prodlist_NEW .weekly_deals_block .Schedule_live_heading,
.subtab_prodlist_NEW .weekly_deals_block .MuiInputLabel-root,
.subtab_prodlist_NEW .atlistingside_new .btn,
.subtab_prodlist_NEW .atlistingside_new .badge,
.subtab_prodlist_NEW .atlistingside_new .order-status-badge {
  text-transform: none !important;
}

/* Manage Listings sold — Select Option top spacing (matches MyOrderComponent inline 8px) */
.atlistingside_new .right_section .subtab_editlabl.select_bx {
  margin-top: 8px;
}

/* Manage Auction Sold / Dispute — same action-column spacing as Manage Listings sold */
.bought-live-auction-listing-card .subtab_editlabl.select_bx,
#subtab02 .action-select-box .subtab_editlabl.select_bx,
#subtab02 .blankspace .subtab_editlabl.select_bx {
  margin-top: 8px !important;
}

.bought-live-auction-listing-card .prdNewRow_row1 {
  gap: 10px;
  align-items: flex-start !important;
}

/* Keep desktop auction/listing right column compact — no tall empty gap */
.desktop_view .bought-live-auction-listing-card .prdNewRow_row1 > .subtab_edit.newPrdList_col-2.right_section,
.desktop_view .atlistingside_new .prdNewRow_row > .subtab_edit.newPrdList_col-2.right_section,
#myownlevel.db-activity-tabs .desktop_view .prdNewRow_row > .subtab_edit.newPrdList_col-2.right_section,
#subtab02.db-auction-show .desktop_view .prdNewRow_row1 > .subtab_edit.newPrdList_col-2.right_section {
  align-self: flex-start !important;
  height: auto !important;
  justify-content: flex-start !important;
}

.desktop_view .bought-live-auction-listing-card .coustom_right_block,
.desktop_view .bought-live-auction-listing-card .right_section {
  height: auto !important;
  justify-content: flex-start !important;
}

.desktop_view .bought-live-auction-listing-card .right_section .subtab_editlabl {
  align-items: flex-end !important;
  justify-content: flex-start !important;
}

/* Dispute auction desktop — compact badge/select stack, no tall gaps */
.dispute-auction-listing-card .prdNewRow_row1 {
  align-items: flex-start !important;
}

.dispute-auction-listing-card .right_section {
  gap: 6px !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  height: auto !important;
}

.dispute-auction-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.dispute-auction-listing-card .right_section .labltable.lablesct,
.dispute-auction-listing-card .right_section .order-status-badge {
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.dispute-auction-listing-card .right_section .select_bx {
  width: 100%;
  margin-top: 0 !important;
}

.dispute-auction-listing-card .right_section .select_bx:empty,
.bla-mobile-card__select .select_bx:empty,
.bla-mobile-card__actions:empty,
.bla-mobile-card__badges:empty,
.bla-mobile-card__select:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.bla-mobile-card__badges {
  gap: 6px !important;
}

.bla-mobile-card__actions {
  gap: 6px !important;
}

.bla-mobile-card__select {
  gap: 6px !important;
}

.bought-live-auction-listing-card .subtab_editlabl .labltable.lablesct.view_btn {
  margin-bottom: 0 !important;
}

/* Auction sold Select Option — same size/shape as Manage Listings sold (override media.css compress) */
.desktop_view .bought-live-auction-listing-card .select_bx select.custom-select,
.desktop_view .bought-live-auction-listing-card .select_bx select.form-control,
.desktop_view .bought-live-auction-listing-card .select_bx .custom-select.select_drop,
.desktop_view .bought-live-auction-listing-card .select_bx .form-control.select_drop,
#subtab02 .subtab_editlabl.select_bx select.custom-select,
#subtab02 .subtab_editlabl.select_bx select.form-control {
  display: block;
  width: 100%;
  max-width: 100% !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 8px 32px 8px 12px !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: 8px !important;
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text-secondary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  box-shadow: var(--color-shadow-xs);
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234B5563' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px auto !important;
}

.desktop_view .bought-live-auction-listing-card .select_bx select.custom-select:hover,
.desktop_view .bought-live-auction-listing-card .select_bx select.form-control:hover,
.desktop_view .bought-live-auction-listing-card .select_bx .custom-select.select_drop:hover,
.desktop_view .bought-live-auction-listing-card .select_bx .form-control.select_drop:hover,
#subtab02 .subtab_editlabl.select_bx select.custom-select:hover,
#subtab02 .subtab_editlabl.select_bx select.form-control:hover {
  border-color: var(--color-border-hover) !important;
  background-color: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
}

.desktop_view .bought-live-auction-listing-card .select_bx select.custom-select:focus,
.desktop_view .bought-live-auction-listing-card .select_bx select.form-control:focus,
.desktop_view .bought-live-auction-listing-card .select_bx .custom-select.select_drop:focus,
.desktop_view .bought-live-auction-listing-card .select_bx .form-control.select_drop:focus,
#subtab02 .subtab_editlabl.select_bx select.custom-select:focus,
#subtab02 .subtab_editlabl.select_bx select.form-control:focus {
  border-color: var(--color-focus-ring) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px var(--color-info-soft) !important;
  color: var(--color-text-primary) !important;
}

/* Activity cards — right action column: stacked equal badges, no staircase */
#myownlevel.db-activity-tabs .activity-card-actions.right_section,
#subtab02.db-auction-show .activity-card-actions.right_section,
.bought-live-auction-listing-card .activity-card-actions.right_section,
.dispute-auction-listing-card .right_section,
.atlistingside_new .activity-card-actions.right_section {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  height: auto !important;
  align-self: flex-start !important;
}

#myownlevel.db-activity-tabs .activity-card-badges,
#subtab02.db-auction-show .activity-card-badges,
.bought-live-auction-listing-card .activity-card-badges,
.dispute-auction-listing-card .activity-card-badges,
.bla-mobile-card__badges,
.atlistingside_new .activity-card-badges {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Same visual size in the action column — full column width, content centered */
#myownlevel.db-activity-tabs .right_section .order-status-badge,
#myownlevel.db-activity-tabs .right_section .labltable.lablesct:not(.view_btn),
#myownlevel.db-activity-tabs .right_section .theme-manual-shipping-badge,
#myownlevel.db-activity-tabs .right_section .product-status-badge,
#subtab02.db-auction-show .right_section .order-status-badge,
#subtab02.db-auction-show .right_section .labltable.lablesct:not(.view_btn),
#subtab02.db-auction-show .right_section .product-status-badge,
.bought-live-auction-listing-card .right_section .order-status-badge,
.bought-live-auction-listing-card .right_section .labltable.lablesct:not(.view_btn),
.bought-live-auction-listing-card .right_section .product-status-badge,
.dispute-auction-listing-card .right_section .order-status-badge,
.dispute-auction-listing-card .right_section .labltable.lablesct:not(.view_btn),
.dispute-auction-listing-card .right_section .product-status-badge,
.bla-mobile-card__badges .order-status-badge,
.bla-mobile-card__badges .labltable.lablesct,
.bla-mobile-card__badges .product-status-badge,
.atlistingside_new .right_section .order-status-badge,
.atlistingside_new .right_section .labltable.lablesct:not(.view_btn),
.atlistingside_new .right_section .theme-manual-shipping-badge,
.atlistingside_new .right_section .product-status-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  word-break: keep-all !important;
  flex: 0 0 auto !important;
  text-align: center !important;
}

#myownlevel.db-activity-tabs .right_section .labltable.lablesct.view_btn,
#subtab02.db-auction-show .right_section .labltable.lablesct.view_btn,
.bought-live-auction-listing-card .right_section .labltable.lablesct.view_btn,
.dispute-auction-listing-card .right_section .labltable.lablesct.view_btn {
  width: 100% !important;
  margin: 0 !important;
  justify-content: center !important;
}

#myownlevel.db-activity-tabs .right_section .select_bx,
#subtab02.db-auction-show .right_section .select_bx,
.bought-live-auction-listing-card .right_section .select_bx,
.dispute-auction-listing-card .right_section .select_bx,
.atlistingside_new .right_section .select_bx {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#myownlevel.db-activity-tabs .right_section .select_bx select,
#subtab02.db-auction-show .right_section .select_bx select,
.bought-live-auction-listing-card .right_section .select_bx select,
.dispute-auction-listing-card .right_section .select_bx select,
.atlistingside_new .right_section .select_bx select {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

#myownlevel.db-activity-tabs .right_section .subtab_editlabl,
#subtab02.db-auction-show .right_section .subtab_editlabl,
.bought-live-auction-listing-card .right_section .subtab_editlabl {
  display: contents !important;
}

#myownlevel.db-activity-tabs .right_section .select_bx.subtab_editlabl,
#subtab02.db-auction-show .right_section .select_bx.subtab_editlabl,
.bought-live-auction-listing-card .right_section .select_bx.subtab_editlabl,
.dispute-auction-listing-card .right_section .select_bx.subtab_editlabl {
  display: block !important;
}

/* Kill old nested flex that caused the staircase */
.right_section .coustom_right_block,
.right_section .subtab_editlabl.btn_div {
  display: contents !important;
}

/* Weekly Deals (ManageList) — Add + Back capsule only */
.weekly_deals_block .btnx.btn-back,
.weekly_deals_block .btnx.btn-secondary-cta {
  border-radius: 999px !important;
}

/* View Address — blue hover (replace orange brand hover) */
span.labltable.lablesct.view_btn:hover,
span.labltable.lablesct.view_btn:hover i {
  color: var(--color-text-on-accent) !important;
  border-color: var(--color-info) !important;
  background-color: var(--color-info) !important;
}

/* Manage Listings + Manage Auction — price bold black;
   Added/Expires labels bold black; date values light black (client PNG reference) */
.subtab_prodlist_NEW .product-listing-product .product-name-bx h6,
.subtab_prodlist_NEW .product-listing-product .product-name-bx h6 span,
.subtab_prodlist_NEW .product-listing-product .product-name-bx .product_price,
.atlistingside_new .product-listing-product .product-name-bx h6,
.atlistingside_new .product-listing-product .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.subtab_prodlist_NEW .product-listing-product .listofsubtabbx li strong,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-date-default strong,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-normal strong,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-warning strong,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-critical strong,
.atlistingside_new .product-listing-product .listofsubtabbx li strong,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-date-default strong,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-normal strong,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-warning strong,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-critical strong {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  background: transparent !important;
}

.subtab_prodlist_NEW .product-listing-product .listofsubtabbx li,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx li span,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx li time,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx li span time,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-date-default,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-date-default span,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-date-default time,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-normal,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-normal span,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-normal time,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-warning,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-warning span,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-warning time,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-critical,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-critical span,
.subtab_prodlist_NEW .product-listing-product .listofsubtabbx .listing-expiry-critical time,
.atlistingside_new .product-listing-product .listofsubtabbx li,
.atlistingside_new .product-listing-product .listofsubtabbx li span,
.atlistingside_new .product-listing-product .listofsubtabbx li time,
.atlistingside_new .product-listing-product .listofsubtabbx li span time,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-date-default,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-date-default span,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-date-default time,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-normal,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-normal span,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-normal time,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-warning,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-warning span,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-warning time,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-critical,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-critical span,
.atlistingside_new .product-listing-product .listofsubtabbx .listing-expiry-critical time {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* Manage Auction dispute/sold cards — relative time + meta dates outside listofsubtabbx
   (e.g. "a month ago", Dispute date) — overrides .product-name-bx time link blue */
.subtab_prodlist_NEW .product-listing-product .product-name-bx time,
.subtab_prodlist_NEW .product-listing-product .main_div_left>time,
.subtab_prodlist_NEW .product-listing-product .main_div_left li span,
.subtab_prodlist_NEW .product-listing-product .main_div_left li span time,
.subtab_prodlist_NEW .product-listing-product .main_div_left ul li span,
.subtab_prodlist_NEW .product-listing-product .main_div_left ul li span time {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

/* R33: clear filter ghost — text-muted */
.transaction-history-page .btn-clear-filters,
.invoice-history-page .clear-filters-btn {
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-default) !important;
}

.transaction-history-page .btn-clear-filters:hover,
.invoice-history-page .clear-filters-btn:hover {
  color: var(--color-text-muted) !important;
  background: var(--color-nav-tab-inactive-hover-bg) !important;
}

/* R216: online shipping pill colours (class-only; no order logic change) */
.theme-shipping-badge--online,
.order-shipping-action-badge--online,
.labltable.theme-shipping-badge--online {
  background: var(--color-shipping-online-bg) !important;
  color: var(--color-shipping-online-text) !important;
  border: 1px solid var(--color-shipping-online-border) !important;
}

/* R94–R95: broader icon hover/active (colour only) */
.product-sideBar-parent a:hover i:not(.fa-heart),
.product-listing-sideBar a:hover i,
.profile-sidebar a:hover i,
.dropdown-menu .dropdown-item:hover i,
.modal-header .close:hover,
.pagination .page-link:hover i,
.owl-carousel .owl-nav button:hover i {
  color: var(--color-icon-hover) !important;
}

.product-sideBar-parent a:active i:not(.fa-heart),
.dropdown-menu .dropdown-item:active i {
  color: var(--color-icon-active) !important;
}

/* Profile sidebar illustration cards — theme blue (balance, wishlist, settings, activity, etc.) */
.subcateleft_imgsec img {
  background: var(--color-info) !important;
  border-radius: 12px;
}

[data-theme="dark"] .subcateleft_imgsec img {
  background: var(--color-info) !important;
}

/* Activity — Wishlist heart orange when active (Excel R169, client PNG) */
.this_subwishlist .add-to-wishlist,
.this_subwishlist .wishlist-heart-btm {
  color: var(--color-wishlist-active) !important;
}

.this_subwishlist .add-to-wishlist .fas.fa-heart,
.this_subwishlist .wishlist-heart-btm .fas.fa-heart,
.this_subwishlist .add-to-wishlist i {
  color: var(--color-wishlist-active) !important;
}

.this_subwishlist .add-to-wishlist:hover .fas.fa-heart,
.this_subwishlist .wishlist-heart-btm:hover .fas.fa-heart {
  color: var(--color-wishlist-hover) !important;
}

/* Wishlist + Recently Viewed — title light; price black bold; date light black */
.this_subwishlist .product-name-bx h4,
.this_subwishlist .product-name-bx h4 a,
.this_subRecentlyviewed .product-name-bx h4,
.this_subRecentlyviewed .product-name-bx h4 a,
.this_subwishlist .listside_newperent .product-name-bx h4,
.this_subRecentlyviewed .listside_newperent .product-name-bx h4 {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

.this_subwishlist .product-name-bx h6,
.this_subwishlist .product-name-bx h6 span,
.this_subRecentlyviewed .product-name-bx h6,
.this_subRecentlyviewed .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Wishlist + Recently Viewed — Added/Expires same as Manage Listings / Manage Auction */
.this_subwishlist .product-name-bx .listofsubtabbx li strong,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-date-default strong,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-normal strong,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-warning strong,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-critical strong,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx li strong,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-date-default strong,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-normal strong,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-warning strong,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-critical strong {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  background: transparent !important;
}

.this_subwishlist .product-name-bx .listofsubtabbx li,
.this_subwishlist .product-name-bx .listofsubtabbx li span,
.this_subwishlist .product-name-bx .listofsubtabbx li time,
.this_subwishlist .product-name-bx .listofsubtabbx li span time,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-date-default,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-date-default span,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-date-default time,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-normal,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-normal span,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-normal time,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-warning,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-warning span,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-warning time,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-critical,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-critical span,
.this_subwishlist .product-name-bx .listofsubtabbx .listing-expiry-critical time,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx li,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx li span,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx li time,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx li span time,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-date-default,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-date-default span,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-date-default time,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-normal,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-normal span,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-normal time,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-warning,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-warning span,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-warning time,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-critical,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-critical span,
.this_subRecentlyviewed .product-name-bx .listofsubtabbx .listing-expiry-critical time {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* Account settings — notification toggles blue when on (client PNG) */
.formnotification_inner .switch input:checked+.slider,
.noti_enable .switch input:checked+.slider,
.formnotification_inner input[type="checkbox"]:checked+.slider {
  background-color: var(--color-info) !important;
}

.formnotification_inner .switch input:focus+.slider,
.noti_enable .switch input:focus+.slider {
  box-shadow: 0 0 0 2px var(--color-info-soft) !important;
}

/* Account settings — capsule buttons (Change / Update / Edit — client PNG) */
.formnotification_inner .bottonsend .btnx.btn-secondary-cta,
.formnotification_inner .bottonsend .btnx.btn-outlined-action,
.formnotification_inner .bottonsend .btnx.btn-destructive,
.formnotification_inner .bottonsend a.btnx.btn-secondary-cta,
.formnotification_inner .bottonsend a.btnx.btn-outlined-action {
  border-radius: 999px !important;
}

/* Contact Detail — Facebook / Twitter Connect (and Connected) capsule */
#subtab011 .socialnetywiork_inner .righttsocial .btnx.btn-outlined-action,
#subtab011 .socialnetywiork_inner .righttsocial a.btnx.btn-outlined-action {
  border-radius: 999px !important;
}

/* Contact Detail — Save Changes capsule */
#subtab011 .formcontdetail_inner .bottonsend .btnx.btn-secondary-cta {
  border-radius: 999px !important;
}

/* Payment — Card Information / For Withdrawing Your Funds bold labels */
#subtab026 .formnotification_inner>.d-flex.mb-2:not(.pb-2)>.btnoff_onlable,
#subtab026 .formnotification_inner>p.btnoff_onlable {
  font-weight: 700 !important;
  color: var(--color-text-primary) !important;
}

/* Payment — Update button capsule */
#subtab026 .formnotification_inner a.btnx.btn-secondary-cta {
  border-radius: 999px !important;
}

/* Postage — Your Home Address / Your Shipping Address bold; Edit (or Add) capsule */
#subtab025 .formnotification_inner>p.btnoff_onlable {
  font-weight: 700 !important;
  color: var(--color-text-primary) !important;
}

#subtab025 .formnotification_inner .btnx.btn-outlined-action,
#subtab025 .formnotification_inner .btnx.btn-secondary-cta {
  border-radius: 999px !important;
}

/* Security — Change (email / password) capsule */
#subtab023 .formnotification_inner .btnx.btn-outlined-action {
  border-radius: 999px !important;
}

/* Cross-cutting countdown — Days/Hours/Mins/Secs (AuctionRegisterToBid reference) */
.countdown-boxes {
  display: block;
  width: 100%;
  max-width: 420px;
  text-align: left;
}

.countdown-boxes__heading {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  text-transform: none;
}

.countdown-boxes__row {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.countdown-box {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 6px;
  min-width: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.countdown-box+.countdown-box {
  border-left: 1px solid var(--color-border-default);
}

.countdown-box__value {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  color: var(--color-text-primary);
  font-variant-numeric: tabular-nums;
}

.countdown-box__label {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-text-secondary);
  text-transform: none;
}

.countdown-boxes__footer {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-text-primary);
  text-transform: none;
}

.auction-register-countdown.countdown-boxes {
  margin: 16px 0 8px;
}

/* Start Live Auction — centered countdown slot (AuctionRegisterToBid stays left) */
.Streaming_live .start-live-auction-slot {
  display: block;
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.Streaming_live .start-live-auction-slot__meta {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-text-primary);
  text-align: center !important;
  text-transform: none !important;
}

.Streaming_live .start-live-auction-countdown.countdown-boxes {
  margin: 0 auto 12px;
  max-width: 100%;
  text-align: center;
}

.Streaming_live .start-live-auction-countdown .countdown-boxes__heading,
.Streaming_live .start-live-auction-countdown .countdown-boxes__footer {
  text-align: center;
  text-transform: none !important;
}

.Streaming_live .start-live-auction-countdown .countdown-box__value,
.Streaming_live .start-live-auction-countdown .countdown-box__label {
  text-transform: none !important;
}

.Streaming_live .start-live-auction-countdown .countdown-box__value {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.Streaming_live .start-live-auction-slot__actions {
  text-align: center;
  padding-top: 1.5rem;
}

.Streaming_live .start-live-auction-slot__actions .btn-sm.btn-secondary-sm {
  border-radius: 999px !important;
}

/* Upcoming live schedule — slot duration spacing + items assigned layout */
.upcoming-slot-duration.durationTime {
  text-transform: none !important;
  letter-spacing: normal;
  word-spacing: normal;
}

.upcoming-slot-duration .timeSlotMobile {
  white-space: normal;
}

.upcoming-slot-countdown {
  margin-bottom: 6px;
}

.upcoming-slot-meta .upcoming-items-assigned {
  display: block;
  width: 100%;
  line-height: 1.45;
  text-transform: none !important;
}

.upcoming-items-assigned__sep {
  display: inline;
  margin: 0 2px;
  color: var(--color-text-secondary);
}

/* Bought / Sold auction cards — Auction ended label placement + sentence case */
.bought-live-auction-listing-card .auction-ended-meta,
.product-listing-product .auction-ended-meta {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  line-height: 1.4;
  text-transform: none !important;
}

.bought-live-auction-listing-card .auction-ended-meta__label,
.product-listing-product .auction-ended-meta__label {
  font-weight: 700;
  color: var(--color-text-primary);
  text-transform: none !important;
}

.bought-live-auction-listing-card .auction-ended-meta__value,
.product-listing-product .auction-ended-meta__value {
  font-weight: 500;
  color: var(--color-text-secondary);
  text-transform: none !important;
}

/* Schedule Live Auction — sentence-case lock on step-2 labels / CTAs / badges */
#subtabpackage02 .Schedule_live_heading,
#subtabpackage02 .next_block .Schedule_live_heading,
#subtabpackage02 .bottonsend .btnx,
#subtabpackage02 .video_streaming_label,
#subtabpackage02 .product-listing-product .control-label,
#subtabpackage02 .productSubSec .control-label,
#subtabpackage02 .MuiFormLabel-root,
#subtabpackage02 .MuiInputLabel-root {
  text-transform: none !important;
}

/* Schedule Live Auction — streaming fee phrase in brand blue */
#subtabpackage02 .schedule-video-stream-fee {
  color: var(--color-info) !important;
  font-weight: 600;
  text-transform: none !important;
}

.bidding_registertion .compltr_title {
  text-transform: none !important;
  font-weight: 700;
}

/* AuctionRegisterToBid — typography, copy, fee pill, Continue CTA */
.bidding_registertion .getafree>.notif06,
.bidding_registertion .auction-register-items-label {
  font-weight: 400;
  color: var(--color-text-secondary);
  text-transform: none;
}

.bidding_registertion .biding_Main_box .product-name-bx h4 {
  font-weight: 400 !important;
  color: var(--color-text-primary) !important;
}

.bidding_registertion .biding_Main_box .protection_track {
  font-weight: 400 !important;
  color: var(--color-text-secondary) !important;
}

.bidding_registertion .biding_Main_box .protection_track .auction-register-price {
  font-weight: 700 !important;
  color: var(--color-text-primary) !important;
  font-size: 16px !important;
}

.bidding_registertion .delivery-info-text strong {
  font-weight: 400 !important;
  color: var(--color-text-primary);
  text-transform: none;
}

.bidding_registertion .delivery-info-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  background: var(--color-info-soft) !important;
  color: var(--color-info) !important;
  border: 1px solid transparent !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  white-space: nowrap;
}

.bidding_registertion .auction-register-copy {
  margin: 24px 0 8px;
}

.bidding_registertion .auction-register-copy p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--color-text-secondary);
  text-transform: none;
}

.bidding_registertion .auction-register-copy .auction-register-copy-bold {
  font-weight: 700 !important;
  color: var(--color-text-primary);
}

.bidding_registertion .auction-register-copy a,
.bidding_registertion .auction-register-copy .auction-register-link {
  color: var(--color-info) !important;
  font-weight: 700 !important;
  text-decoration: none;
}

.bidding_registertion .auction-register-copy a:hover {
  text-decoration: underline;
}

.bidding_registertion .registerbtn {
  margin-top: 20px;
  text-align: center;
}

.bidding_registertion .registerbtn .form-group {
  margin-bottom: 0;
  text-align: center;
}

.bidding_registertion .registerbtn .btnx.btn-secondaryx {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  padding: 12px 40px !important;
  border-radius: 50px !important;
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

.bidding_registertion .registerbtn .btnx.btn-secondaryx:hover:not(:disabled),
.bidding_registertion .registerbtn .btnx.btn-secondaryx:focus:not(:disabled) {
  background: var(--color-info-hover) !important;
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.bidding_registertion .registerbtn .btnx.btn-secondaryx:active:not(:disabled) {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

.bidding_registertion .registerbtn .btnx.btn-secondaryx:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Contact Detail — sentence-case labels; last name display lowercase (UI only) */
#subtab011 .contact_label {
  text-transform: none !important;
}

#subtab011 input.social_red_fuild.lastname-display,
#subtab011 input[name="lastName"] {
  text-transform: lowercase;
}

/* Account settings — sentence case for annotated labels/CTAs (CSS only) */
#subtab011 .file_upload_btn label.number-reveal-btn span,
#subtab011 .formcontdetail_inner .bottonsend .btnx.btn-secondary-cta,
#subtab023 .contact_label,
#subtab024 .contact_label,
#subtab024 .bottonsend .btnx.btn-secondary-cta,
#subtab024 .bottonsend .btnx.btn-destructive,
#subtab024 .bottonsend .btnx.btn-outlined-action,
#subtab025 .formnotification_inner>p.btnoff_onlable,
#subtab025 .formnotification_inner .d-flex>p.btnoff_onlable,
#subtab026 .formnotification_inner>.d-flex.mb-2:not(.pb-2)>.btnoff_onlable,
#subtab026 .formnotification_inner>p.btnoff_onlable {
  text-transform: lowercase !important;
}

#subtab011 .file_upload_btn label.number-reveal-btn span::first-letter,
#subtab011 .formcontdetail_inner .bottonsend .btnx.btn-secondary-cta::first-letter,
#subtab023 .contact_label::first-letter,
#subtab024 .contact_label::first-letter,
#subtab024 .bottonsend .btnx.btn-secondary-cta::first-letter,
#subtab024 .bottonsend .btnx.btn-destructive::first-letter,
#subtab024 .bottonsend .btnx.btn-outlined-action::first-letter,
#subtab025 .formnotification_inner>p.btnoff_onlable::first-letter,
#subtab025 .formnotification_inner .d-flex>p.btnoff_onlable::first-letter,
#subtab026 .formnotification_inner>.d-flex.mb-2:not(.pb-2)>.btnoff_onlable::first-letter,
#subtab026 .formnotification_inner>p.btnoff_onlable::first-letter {
  text-transform: uppercase !important;
}

/* Notification — keep toggle row labels sentence case */
#subtab022 .titleof_tbasec,
#subtab022 .btnoff_onlable {
  text-transform: none !important;
}

/* Account settings tabs — allow sentence case (Profile details / Manage account) */
.account_setting_tabs.nav-tabs.my-custom-tab .nav-link span {
  text-transform: none !important;
}

/* Order Protection popup — common theme only (no custom op-refund CSS) */
.protection_modal.modal-content .shipCloseBtn,
.ReactModal__Content.protection_modal .shipCloseBtn {
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  border-color: var(--color-info) !important;
}

.protection_modal.modal-content .shipCloseBtn i,
.ReactModal__Content.protection_modal .shipCloseBtn i {
  color: var(--color-text-on-accent) !important;
}

.protection_modal .modal_title,
.protection_modal .head_title {
  text-transform: none !important;
  color: var(--color-text-primary) !important;
}

.protection_modal .head_title {
  font-weight: 700 !important;
}

/* Admin CMS text: keep newlines from editor; no custom sentence wrappers */
.protection_modal .list_group_box>div:not(.list_header) {
  white-space: pre-line;
  font-weight: 400;
  color: var(--color-text-secondary);
}

.protection_modal a,
.protection_modal .list_group_box a {
  text-decoration: none !important;
}


.delivery_option_block>span::first-letter,
.checkout_card .right_inner_details>h4::first-letter,
.checkout_card .right_inner_details ul li>span:first-child::first-letter,
.checkout_card .right_inner_details .db_checkout_pay_now::first-letter {
  text-transform: uppercase !important;
}

.checkout_card .db-checkout-order-protection-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.checkout_card .db-checkout-order-protection__info {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-info);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  font-size: 15px;
}

.checkout_card .db-checkout-order-protection__info:hover,
.checkout_card .db-checkout-order-protection__info:focus {
  color: var(--color-info-hover, var(--color-info));
  outline: none;
}

/* Premium Services — Basic / Premium / VIP tabs (client PNG) */
.premium-services-tabs.nav-tabs.my-custom-tab .nav-link.active,
.premium-services-tabs.nav-tabs.my-custom-tab .nav-link.active.in {
  color: var(--color-nav-tab-active-text) !important;
  border-bottom-color: var(--color-info) !important;
}

/* Premium Services — sentence-case labels + Make payment CTA */
.tabpremium_target .btnoff_onlable.lebal_services,
.tabpremium_target .payment-btn {
  text-transform: none !important;
}

/* Premium Services — duration chips: light blue active + capsule */
.tabpremium_target .selectStatus_box label {
  border-radius: 999px !important;
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.tabpremium_target .selectStatus_box input:checked+label {
  background-color: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

.tabpremium_target .selectStatus_box input:checked+label:before {
  color: var(--color-nav-tab-active-text) !important;
}

/* Premium Services — Make Payment: capsule, orange colour unchanged */
.tabpremium_target .payment-btn {
  border-radius: 999px !important;
}

/* UserMessageBox — chat header blue, incoming bubbles light blue, body metadata (client PNG) */
.pagemain_chat02 .chatbox_head,
.pagemain_chat02 .db_chatbox_head {
  background: var(--color-info) !important;
  filter: none;
}

.pagemain_chat02 .chatleftH_title h6,
.pagemain_chat02 .chatleftH_title h6 span,
.pagemain_chat02 .chatleftH_title h6 p,
.pagemain_chat02 .chatleftH_title h6 p span,
.pagemain_chat02 .db_chat_header_name,
.pagemain_chat02 .db_chatbox_head .backonlymes_chatmob {
  color: var(--color-text-on-accent) !important;
}

.pagemain_chat02 .db_chat_header_icon path {
  fill: var(--color-text-on-accent) !important;
}

.pagemain_chat02 .db_chat_header_identity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.pagemain_chat02 .db_chat_header_identity .chatuser {
  position: relative !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
}

.pagemain_chat02 .db_chat_header_icon_wrap {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14);
}

.pagemain_chat02 .db_chat_header_icon {
  width: 24px;
  height: 24px;
  margin: 8px;
}

.pagemain_chat02 .db_chat_header_identity .chatuser .live-dot,
.pagemain_chat02 .db_chat_header_identity .chatuser .livestats,
.pagemain_chat02 .db_chat_header_identity .chatuser .livestats_useronline {
  top: auto !important;
  right: -1px !important;
  bottom: -1px !important;
  left: auto !important;
  width: 11px !important;
  height: 11px !important;
  border: 2px solid var(--color-info) !important;
}

.pagemain_chat02 .db_chat_header_text {
  min-width: 0 !important;
  padding-left: 0 !important;
}

.pagemain_chat02 .db_chat_header_status {
  color: rgba(255, 255, 255, 0.88) !important;
}

.pagemain_chat02 .db_chat_presence_offline {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 500;
}

.pagemain_chat02 .sent_sidemain .chat_textdesc {
  background-color: var(--color-chat-receiver-bg) !important;
  color: var(--color-chat-receiver-text) !important;
  border-color: var(--delivery-border) !important;
}

.pagemain_chat02 .sent_sidemain .chat_textdesc .chat_hello,
.pagemain_chat02 .sent_sidemain .chat_textdesc .chat_hello span {
  color: var(--color-chat-receiver-text) !important;
}

.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p span,
.pagemain_chat02 .db_profile_popup_card .detail-owner-name p,
.pagemain_chat02 .db_profile_popup_card .detail-owner-name p span {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

/* Online label must stay green (overrides grey p span above) */
.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p span.db_chat_presence_online,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p span.user-presence-online,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p span.online_status,
.pagemain_chat02 .db_profile_popup_card .detail-owner-name p span.db_chat_presence_online,
.pagemain_chat02 .db_profile_popup_card .detail-owner-name p span.user-presence-online,
.pagemain_chat02 .db_profile_popup_card .detail-owner-name p span.online_status {
  color: var(--color-presence-online) !important;
  font-weight: 600 !important;
}

.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p .text-gray-400 {
  color: var(--color-text-muted) !important;
}

/* Excel R31–R34 — text system completion (light + dark via tokens) */
.detail-owner-name p,
.product-detail-owner-bx .detail-owner-name p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.detail-owner-name p span.or_text,
.product-detail-owner-bx .detail-owner-name p span.or_text,
.detail-owner-name p>span:first-child:not(.user-presence-online):not(.db_chat_presence_online):not(.online_status) {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.detail-owner-name p .user-presence-online,
.detail-owner-name p .db_chat_presence_online,
.detail-owner-name p .online_status {
  color: var(--color-presence-online) !important;
  font-weight: 600 !important;
}

.rated-star span,
.rated-star span strong,
.product-detail-owner-bx .rated-star span strong {
  color: var(--color-text-primary) !important;
}

.pagemain_chat02 .chatusername p {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
}

.pagemain_chat02 .lastMessage-track {
  color: var(--color-text-secondary) !important;
}

.pagemain_chat02 .writesomt_full textarea::placeholder,
.pagemain_chat02 .writesomt_full input::placeholder {
  color: var(--color-text-muted) !important;
}

/* Chat / messages — sentence case (lock; do not Title Case via capitalize) */
.pagemain_chat02 .listing_card .box_heading,
.pagemain_chat02 .schedule-popup-header h3,
.pagemain_chat02 .thread-scheduled-call-title,
.pagemain_chat02 .thread-scheduled-call-title span,
.pagemain_chat02 .mobile-schedule-trigger {
  text-transform: none !important;
}

/* ChatConversationComponent page — side panel item name black light, price black bold */
.pagemain_chat02 .chat_list_box .user_name,
.pagemain_chat02 .listing_card .user_name {
  color: var(--color-text-primary) !important;
  font-weight: 400 !important;
}

.pagemain_chat02 .rated-star span strong {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* UserMessageBox responsive layout */
.pagemain_chat02 .chatandlist {
  align-items: stretch;
  gap: 16px;
  min-height: 0;
}

.pagemain_chat02 .rightchat_list {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
}

.pagemain_chat02 .chatboxL {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  margin-left: 0 !important;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  background: var(--color-bg-surface);
}

.pagemain_chat02 .db_chat_conversation {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.pagemain_chat02 .db_messages_list_toolbar {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid var(--color-border-default);
  background: var(--color-bg-surface);
}

.pagemain_chat02 .db_messages_list_toolbar h2 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.pagemain_chat02 .db_messages_list_toolbar p {
  margin: 3px 0 0;
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.2;
}

.pagemain_chat02 .db_messages_search {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--color-border-default);
  border-radius: 999px;
  background: var(--color-bg-card-muted);
  color: var(--color-text-secondary);
}

.pagemain_chat02 .db_messages_search input {
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--color-text-primary);
  font-size: 14px;
}

.pagemain_chat02 .db_messages_search input::placeholder {
  color: var(--color-text-muted);
}

.pagemain_chat02 .chat_teambx.chat_box_mobile {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow-y: auto;
}

.pagemain_chat02 .chatteammem_bx {
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0 !important;
  padding: 12px 8px !important;
  border-bottom: 1px solid var(--color-border-default);
  border-radius: 6px;
}

.pagemain_chat02 .chatteammem_bx:hover {
  background: var(--color-bg-card-muted);
}

.pagemain_chat02 .chatusername {
  min-width: 0;
  padding: 0;
}

.pagemain_chat02 .chatusername p,
.pagemain_chat02 .lastMessage-track {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pagemain_chat02 .chatu_time {
  flex: 0 0 auto;
  width: auto;
  min-width: 42px;
}

.pagemain_chat02 .chatu_time p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.2;
}

.pagemain_chat02 .db_messages_empty_state {
  margin: 24px 12px;
  color: var(--color-text-secondary);
  text-align: center;
}

.pagemain_chat02 .chatingbx {
  flex: 1 1 auto;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto;
}

.pagemain_chat02 .chatmain_perent {
  width: 100%;
  min-height: 100%;
}

.pagemain_chat02 .sent_sidemain-top1 {
  max-height: none !important;
}

.pagemain_chat02 .chatbox_footer {
  flex: 0 0 auto;
  border-top: 1px solid var(--color-border-default);
  background: var(--color-bg-surface);
}

.pagemain_chat02 .chatbox_footer .writesomt_full textarea {
  min-height: 52px;
  max-height: 112px;
  padding: 14px 56px 14px 16px !important;
  resize: none;
  background: var(--color-bg-surface);
  color: var(--color-text-primary);
}

.pagemain_chat02 .chatbox_footer .writesomt_full_send {
  position: absolute;
  top: 50%;
  right: 12px;
  padding: 0 !important;
  transform: translateY(-50%);
}

.pagemain_chat02 .fulsend_right button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--color-info);
  color: var(--color-text-on-accent);
}

.pagemain_chat02 .fulsend_right button:hover,
.pagemain_chat02 .fulsend_right button:focus {
  background: var(--color-info-hover);
  color: var(--color-text-on-accent);
}

@media screen and (min-width: 992px) {
  .pagemain_chat02 .chatandlist {
    height: min(680px, calc(100vh - 220px));
    min-height: 520px;
  }

  .pagemain_chat02 .rightchat_list {
    flex: 0 0 310px;
    width: 310px;
  }
}

@media screen and (max-width: 991px) {
  body.db_messages_mobile_layout .db_messages_page .chatmainS.pagemain_chat02 {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  body.db_messages_mobile_layout .db_messages_page .pagemain_chat02 .chatandlist {
    display: block !important;
    height: auto;
    min-height: 0;
  }

  body.db_messages_mobile_layout .db_messages_page .pagemain_chat02 .rightchat_list {
    top: calc(var(--db-messages-header-offset, 52px) + 44px) !important;
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    width: auto !important;
    border: 0;
    border-radius: 0;
  }

  body.db_messages_mobile_layout .db_messages_page .pagemain_chat02 .chat_teambx.chat_box_mobile {
    padding: 8px 12px 16px !important;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatboxL,
  body.active_chat .pagemain_chat02 .chatboxL {
    border: 0;
    border-radius: 0;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatingbx,
  body.active_chat .pagemain_chat02 .chatingbx {
    padding: 12px 10px !important;
  }

  body.db_messages_mobile_layout.active_chat .pagemain_chat02 .chatbox_footer,
  body.active_chat .pagemain_chat02 .chatbox_footer {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  .pagemain_chat02 .db_chatbox_head {
    min-height: 60px;
    padding: 10px 12px !important;
  }

  .pagemain_chat02 .db_chat_header_identity {
    min-width: 0;
  }

  .pagemain_chat02 .db_chat_header_text,
  .pagemain_chat02 .chatleftH_title {
    min-width: 0;
  }

  .pagemain_chat02 .db_chat_header_name {
    max-width: 58vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pagemain_chat02 .myside_chat .chat_textdesc,
  .pagemain_chat02 .sent_sidemain .chat_textdesc {
    max-width: min(78vw, 520px);
  }
}

@media screen and (max-width: 420px) {
  .pagemain_chat02 .db_messages_list_toolbar {
    padding: 12px;
  }

  .pagemain_chat02 .chatteammem_bx {
    padding: 11px 6px !important;
  }

  .pagemain_chat02 .userimgC {
    width: 36px;
    height: 36px;
  }

  .pagemain_chat02 .chatusername p {
    font-size: 14px;
  }

  .pagemain_chat02 .lastMessage-track {
    font-size: 12px;
  }

  .pagemain_chat02 .time_ofchat {
    margin-top: 12px;
    font-size: 11px;
  }
}

/* Auction seller/buyer chat side panel — item name black light, price black bold */
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h5,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name>a>h5,
.actionpag_tabmess_newperent .upcoming-live-name h5,
.actionpag_tabmess_newperent .upcoming-live-auction-colums .upcoming-live-name h5,
.actionpag_tabmess_newperent .upcoming-live-auction-colum .upcoming-live-name h5 {
  color: var(--color-text-primary) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 .live-auction-price,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 span.live-auction-price,
.actionpag_tabmess_newperent .upcoming-live-name h6 .live-auction-price,
.actionpag_tabmess_newperent .upcoming-live-auction-colums .upcoming-live-name h6 .live-auction-price,
.actionpag_tabmess_newperent .upcoming-live-auction-colum .upcoming-live-name h6 .live-auction-price {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6,
.actionpag_tabmess_newperent .upcoming-live-name h6,
.actionpag_tabmess_newperent .upcoming-live-auction-colums .upcoming-live-name h6,
.actionpag_tabmess_newperent .upcoming-live-auction-colum .upcoming-live-name h6 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

/* User profile page (/user/all-products) — text system (client PNG + Excel R31–R34) */
.user-profile-page .top_rated_sec .detail-owner-name h2.font-size-16 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.user-profile-page .rated-customer-bx-inner {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .rated-customer-bx-inner h2 {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
}

.user-profile-page .rated-customer-bx-inner .or_text {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.user-profile-page .user-presence-online,
.user-profile-page .online_status.user-presence-online {
  color: var(--color-presence-online) !important;
  font-weight: 600 !important;
}

.user-profile-page .user-presence-offline,
.user-profile-page .online_status.user-presence-offline {
  color: var(--color-presence-offline) !important;
  font-weight: 600 !important;
}

/* Items / About / Reviews — inactive muted; active thick black text + blue underline.
   Underline was clipped by: (1) overflow:hidden on .nav-tabs, (2) media.css
   .custome-tabs-scroll { height:54px; overflow-y:hidden }, (3) margin-bottom:-1px.
   Fix: height:auto so 3px border-bottom fits; overflow-y:hidden avoids a blue stub
   under the Category/Price filter row. Do not change these tab styles for chips. */
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab,
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab.custome-tabs-scroll,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab {
  border-bottom: 1px solid var(--color-border-default) !important;
  margin-bottom: 0 !important;
  /* height:auto so 3px Items underline fits; overflow-y hidden stops stub under filters */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  height: auto !important;
  min-height: 0 !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab>.nav-item,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab>.nav-item,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab>li.specialshap_item {
  overflow: visible !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link {
  position: relative !important;
  box-shadow: none !important;
  background: transparent !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link:not(.active):not(.show),
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link:not(.active):not(.show),
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link:not(.active):not(.show) {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link:hover:not(.active):not(.show),
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link:hover:not(.active):not(.show),
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link:hover:not(.active):not(.show) {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active,
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active.show,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active.show,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link.active,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link.active.show {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 3px solid var(--color-info) !important;
  border-bottom-color: var(--color-info) !important;
  border-radius: 0 !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active:hover,
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active.show:hover,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active:hover,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active.show:hover,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link.active:hover,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link.active.show:hover {
  color: var(--color-text-primary) !important;
  background: transparent !important;
  border-bottom: 3px solid var(--color-info) !important;
  border-bottom-color: var(--color-info) !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link span,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link span,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link span {
  color: inherit !important;
  font-weight: inherit !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

/* Kill legacy style.css ::after (empty / bottom:-1px) so it cannot fight border-bottom */
.user-profile-page .product-all-detail-tab .nav-tabs.my-custom-tab .nav-link.active:after,
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link::after,
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active::after,
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active.show::after,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link::after,
.user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active::after,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link::after,
.user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link.active::after {
  content: none !important;
  display: none !important;
  background: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* Mobile profile tabs — Items underline only (no stub into filter row) */
@media (max-width: 991.98px) {

  .user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab,
  .user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab.custome-tabs-scroll,
  .user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab {
    border-bottom: 1px solid var(--color-border-default) !important;
    margin-bottom: 0 !important;
    /* Keep Items underline visible; avoid vertical spill under Category/Price row */
    overflow-x: auto !important;
    overflow-y: hidden !important;
    height: auto !important;
    min-height: 54px !important;
    padding-bottom: 0 !important;
  }

  .user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link,
  .user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link,
  .user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link {
    position: relative !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link:not(.active):not(.show),
  .user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link:not(.active):not(.show),
  .user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link:not(.active):not(.show) {
    color: var(--color-text-secondary) !important;
    font-weight: 500 !important;
    background: transparent !important;
  }

  .user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active,
  .user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active.show,
  .user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active,
  .user-profile-page .product-all-detail-tab_box .nav-tabs.profile-subtabs.my-custom-tab .nav-link.active.show,
  .user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link.active,
  .user-profile-page.allproduct_topmain .product-all-detail-tab_box ul.my-custom-tab li.specialshap_item a.nav-link.active.show {
    color: var(--color-text-link) !important;
    font-weight: 700 !important;
    background: transparent !important;
    border-bottom: 3px solid var(--color-info) !important;
    border-bottom-color: var(--color-info) !important;
    border-radius: 0 !important;
  }

  /* No blue stub / leftover line under Category · Price · Sort row */
  .user-profile-page .fillter_btn_box,
  .user-profile-page .productlist_righhtt .fillter_btn_box {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .user-profile-page .fillter_btn_box::before,
  .user-profile-page .fillter_btn_box::after,
  .user-profile-page .productlist_righhtt .fillter_btn_box::before,
  .user-profile-page .productlist_righhtt .fillter_btn_box::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: none !important;
    height: 0 !important;
    width: 0 !important;
  }

  /* Profile Category / Price / Sort / Other — My Orders All/Pending colours,
     rounded rectangle (NOT capsule) — /user/all-products only (.user-profile-page) */
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:not(.other-list-mobile-filter-pill),
  .user-profile-page .fillter_btn_box #filter-toggler.btnx.btn-secondaryx.fillter_btn_track,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track {
    color: var(--color-nav-tab-inactive-text) !important;
    background-color: var(--color-nav-tab-inactive-bg) !important;
    background: var(--color-nav-tab-inactive-bg) !important;
    border: 1px solid var(--color-nav-tab-inactive-border) !important;
    border-radius: 6px !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }

  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track .fillter_trackMobile,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track .fillter_trackMobile span,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track .dropdown_arrow,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track .dropdown_arrow svg,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track .dropdown_arrow svg path {
    color: inherit !important;
    fill: currentColor !important;
  }

  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:hover,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:hover {
    color: var(--color-nav-tab-inactive-text) !important;
    background-color: var(--color-nav-tab-inactive-hover-bg) !important;
    background: var(--color-nav-tab-inactive-hover-bg) !important;
    border-color: var(--color-nav-tab-inactive-border) !important;
    border-radius: 6px !important;
    filter: none !important;
  }

  /* Active / pressed / focus-visible — soft-blue "All" pattern from My Orders */
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active.in,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible,
  .user-profile-page .fillter_btn_box #filter-toggler.btnx.btn-secondaryx.fillter_btn_track:active,
  .user-profile-page .fillter_btn_box #filter-toggler.btnx.btn-secondaryx.fillter_btn_track.active,
  .user-profile-page .fillter_btn_box #filter-toggler.btnx.btn-secondaryx.fillter_btn_track.is-active,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible {
    color: var(--color-nav-tab-active-text) !important;
    background-color: var(--color-nav-tab-active-bg) !important;
    background: var(--color-nav-tab-active-bg) !important;
    border: 1px solid var(--color-nav-tab-active-border) !important;
    border-radius: 6px !important;
    filter: none !important;
  }

  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active:hover,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active:hover,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active.in:hover,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active:hover,
  [data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active:hover {
    color: var(--color-nav-tab-active-text) !important;
    background-color: var(--color-nav-tab-active-hover-bg) !important;
    background: var(--color-nav-tab-active-hover-bg) !important;
    border-color: var(--color-nav-tab-active-border) !important;
    border-radius: 6px !important;
    filter: none !important;
  }

  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active .fillter_trackMobile,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active .fillter_trackMobile span,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active .dropdown_arrow,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active .dropdown_arrow svg,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active .dropdown_arrow svg path,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active .fillter_trackMobile,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active .fillter_trackMobile span,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active .dropdown_arrow,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active .dropdown_arrow svg,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active .dropdown_arrow svg path,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active .fillter_trackMobile,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active .fillter_trackMobile span,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active .dropdown_arrow,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active .dropdown_arrow svg,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active .dropdown_arrow svg path,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible .fillter_trackMobile,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible .fillter_trackMobile span,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible .dropdown_arrow,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible .dropdown_arrow svg,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible .dropdown_arrow svg path {
    color: inherit !important;
    fill: currentColor !important;
  }
}

.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active.in,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active.in,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active {
  color: var(--color-text-link) !important;
  background-color: var(--color-bg-surface) !important;
  background: var(--color-bg-surface) !important;
  border-color: var(--color-text-link) !important;
}

.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active:hover,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active.in:hover,
.user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active:hover,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active:hover,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active.in:hover,
[data-theme="dark"] .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active:hover {
  color: var(--color-text-link) !important;
  background-color: var(--color-bg-surface) !important;
  background: var(--color-bg-surface) !important;
  border-color: var(--color-text-link) !important;
}

/* Message CTA — blue text, no underline (do not look like tab active state) */
.user-profile-page .Jvideochat_cus .number-reveal-btn,
.user-profile-page .Jvideochat_cus .number-reveal-btn span,
.user-profile-page .videochat-btn-group .number-reveal-btn,
.user-profile-page .videochat-btn-group .number-reveal-btn span {
  color: var(--color-text-link) !important;
  font-weight: 600 !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

/* Profile item cards — price bold 20px left; title light 14px (list + grid) */
.user-profile-page .product-listing-product .product-name-bx,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-name-bx,
.user-profile-page .produc-grid-product .product-name-bx,
.user-profile-page .direct-call-card .product-name-bx {
  text-align: left !important;
}

.user-profile-page .product-listing-product .product-name-bx h6,
.user-profile-page .product-listing-product .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-align: left !important;
}

.user-profile-page .product-listing-product .product-name-bx h4,
.user-profile-page .product-listing-product .product-name-bx h4 a {
  color: var(--color-text-primary) !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.user-profile-page .product-listing-product .product-name-bx h5 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  margin: 7px 0 !important;
}

.user-profile-page .product-listing-product .product-name-bx p {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
  margin-top: 8px !important;
}

.user-profile-page .product-listing-product .displayInlineTime,
.user-profile-page .product-listing-product .product-name-bx time,
.user-profile-page .produc-grid-product .product-name-bx time {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .product-listing-product .product-name-bx h4 {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

.user-profile-page .product-listing-product .product-name-bx h6 {
  margin-top: 7px !important;
  margin-bottom: 0 !important;
}

/*
 * Profile Items grid — corner radius + card spacing
 * 1) Card uses listing radius (10px). Image top matches the card; image bottom is square
 *    to match the rectangular text block under the price (no radius).
 * 2) Grid gap/column padding match forsale listing `.db-product-grid` (custom.css).
 */
.user-profile-page .Jtaballp_content02 .product-outer-bx,
.user-profile-page .Jtaballp_content02 .product-outer-bx.direct-call-card,
.user-profile-page .Jtaballp_content02 .product-outer-bx.produc-grid-product {
  border-radius: 10px !important;
  overflow: hidden;
}

.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx img,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx a,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx a img {
  border-radius: 10px 10px 0 0 !important;
}

.user-profile-page .db-product-grid {
  display: grid !important;
  gap: 15px !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 360px) and (max-width: 599px) {
  .user-profile-page .db-product-grid {
    gap: 10px !important;
  }
}

@media (min-width: 600px) and (max-width: 799px) {
  .user-profile-page .db-product-grid {
    gap: 15px !important;
  }
}

@media (min-width: 800px) {
  .user-profile-page .db-product-grid {
    gap: 20px !important;
  }
}

.user-profile-page .db-product-grid>[class*="col-"],
.user-profile-page .Jtaballp_content02.auctionplist_main .actionpage_list .db-product-grid>[class*="col-"],
.user-profile-page .Jtaballp_content02.auctionplist_main .col-sm-12.actionpage_list .row.db-product-grid>.col-sm-3 {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 0;
}

/* Match listing card text-block padding / internal rhythm */
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-name-bx {
  padding: 10px !important;
  margin-top: 0 !important;
}

.user-profile-page .Jtaballp_content02 .product-outer-bx .product-name-bx h6,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-name-bx h4,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-name-bx h3 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

/* About tab — labels secondary, values bold primary */
.user-profile-page .about_heading {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.user-profile-page .product-detail-tab>.product-specs {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .product-detail-tab .row .col-6:first-child .product-specs {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .product-detail-tab .row .col-6:last-child .product-specs,
.user-profile-page .product-detail-tab .product-specs.bold-text {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Live auction page — text system (client PNG + Excel R31–R34 + design QA) */
.actionpag_tabmess_newperent.profile-tabs-perent .listtclick li a.active {
  border-bottom-color: var(--color-info) !important;
}

.actionpag_tabmess_newperent.profile-tabs-perent .listtclick li a.custom_a,
.actionpag_tabmess_newperent.profile-tabs-perent .listtclick li a.custom_a.active {
  color: var(--color-text-primary) !important;
}

.actionpag_tabmess_newperent .userimgneme_second strong {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.actionpag_tabmess_newperent .userimgneme_second strong span {
  color: var(--color-text-link) !important;
  font-weight: 600 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-auction-colums {
  filter: none !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-auction-colums:first-child {
  background-color: var(--color-nav-tab-active-bg) !important;
  border-color: var(--color-info) !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h5,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name>a>h5,
.actionpag_tabmess_newperent .upcoming-live-name h5 {
  color: var(--color-text-primary) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .liveac_notify .dateOnPreAuction,
.actionpag_tabmess_newperent .liveac_notify .dateOnPreAuction time,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name>a>time,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 .durationTime {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 .live-auction-price,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 span.live-auction-price,
.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name a h6 span.live-auction-price {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 span:not(.live-auction-price):not(.durationTime) {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .auction_track,
.actionpag_tabmess_newperent .auction_track span,
.product-detail-heading .auction_track,
.product-detail-heading .auction_track span,
.newrigh_ppris .auction_track,
.newrigh_ppris .auction_track span {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .note_auction {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .senderBlock,
.actionpag_tabmess_newperent .receiverBlock {
  color: var(--color-text-link) !important;
  font-weight: 600 !important;
}

.actionpag_tabmess_newperent .or_text_color,
.actionpag_tabmess_newperent .or_text_color time,
.actionpag_tabmess_newperent .progress__number,
.actionpag_tabmess_newperent .progress__number .or_text_color,
.actionpag_tabmess_newperent .progress__number>div,
.jproductdmainbx .or_text_color,
.jproductdmainbx .or_text_color time,
.jproductdmainbx .progress__number,
.jproductdmainbx .progress__number .or_text_color,
.jproductdmainbx .progress__number>div,
.auctionaminim_main .or_text_color,
.auctionaminim_main .or_text_color time,
.auctionaminim_main .progress__number,
.auctionaminim_main .progress__number .or_text_color,
.auctionaminim_main .progress__number>div,
.product-detail-main-bx .or_text_color,
.product-detail-main-bx .or_text_color time,
.product-detail-main-bx .progress__number,
.product-detail-main-bx .progress__number .or_text_color,
.product-detail-main-bx .progress__number>div,
.progress__number .or_text_color,
.progress__number .live-auction-bid-amount,
.or_text_color.live-auction-bid-amount,
.live-auction-bid-amount,
.live-auction-countdown,
.or_text_color.live-auction-countdown,
.live-auction-countdown time,
.or_text_color.live-auction-countdown time,
.live-auction-countdown>div,
.live-auction-my-max-bid {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Current bid value inside countdown circle — 16px (clearer than default 12px) */
.progress__number .live-auction-bid-amount,
.progress__number .or_text_color.live-auction-bid-amount,
.or_text_color.live-auction-bid-amount,
.live-auction-bid-amount {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

/* Place Bid — approved orange CTA (keep placebidcont shape/size) */
.placebif_flex .placebidcont:nth-of-type(2) {
  background: linear-gradient(180deg,
      var(--color-brand-primary) 0%,
      var(--color-brand-primary-hover) 100%) !important;
  color: var(--color-text-on-accent) !important;
  border-radius: 0 9px 9px 0;
}

.placebif_flex .placebidcont:nth-of-type(2) a {
  display: block;
  color: var(--color-text-on-accent) !important;
}

/* Live auction — Start button blue capsule */
.actionpag_tabmess_newperent .btn-sm.btn-secondary-sm,
.actionpag_tabmess_newperent button.btn-secondary-sm,
.actionpag_tabmess_newperent .live-auction-start-btn,
.liveac_notify .live-auction-start-btn,
button.btn-sm.btn-secondary-sm.live-auction-start-btn,
button.live-auction-start-btn {
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border-radius: 50px !important;
  padding: 6px 18px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

.actionpag_tabmess_newperent .btn-sm.btn-secondary-sm:hover,
.actionpag_tabmess_newperent .btn-sm.btn-secondary-sm:focus,
.actionpag_tabmess_newperent button.btn-secondary-sm:hover,
.actionpag_tabmess_newperent button.btn-secondary-sm:focus,
.actionpag_tabmess_newperent .live-auction-start-btn:hover,
.actionpag_tabmess_newperent .live-auction-start-btn:focus,
.liveac_notify .live-auction-start-btn:hover,
.liveac_notify .live-auction-start-btn:focus,
button.btn-sm.btn-secondary-sm.live-auction-start-btn:hover,
button.live-auction-start-btn:hover,
button.live-auction-start-btn:focus {
  background: var(--color-info-hover) !important;
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

/* Live auction — image nav arrows blue */
.product-detail-main-bx .detailslider_New .slider-btnProduct,
.product-detail-main-bx .product-detailslider .slider-btnProduct,
.jproductdmainbx .detailslider_New .slider-btnProduct,
.auctionaminim_main .slider-btnProduct {
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  border: none !important;
}

.product-detail-main-bx .detailslider_New .slider-btnProduct:hover,
.product-detail-main-bx .product-detailslider .slider-btnProduct:hover,
.jproductdmainbx .detailslider_New .slider-btnProduct:hover,
.auctionaminim_main .slider-btnProduct:hover {
  background: var(--color-info-hover) !important;
}

/* Review Bid popup — white bg, black text, Edit outline / Confirm orange */
.ReactModal__Content.review-bid-modal,
.ReactModal__Content--after-open.review-bid-modal,
.review-bid-modal.modal-content {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 12px !important;
  box-shadow: var(--color-shadow-md);
  max-width: 420px;
  width: 100%;
  padding: 24px !important;
}

[data-theme="dark"] .ReactModal__Content.review-bid-modal,
[data-theme="dark"] .ReactModal__Content--after-open.review-bid-modal,
[data-theme="dark"] .review-bid-modal.modal-content {
  background: var(--color-bg-surface) !important;
  background-color: var(--color-bg-surface) !important;
}

.review-bid-modal .share-bx-review,
.review-bid-modal .share-bx-review.share_modal {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.review-bid-modal .share-modal-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.review-bid-modal .share-modal-list>p,
.review-bid-modal .review-bid-title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700 !important;
  color: #000000 !important;
  text-transform: none !important;
}

.review-bid-modal .share-modal-list li {
  padding: 8px 0;
  color: #000000 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  text-transform: none !important;
}

.review-bid-modal .share-modal-list li a,
.review-bid-modal .share-modal-list li .fa-info {
  color: var(--color-info) !important;
}

.review-bid-modal .review-bid-value,
.review-bid-modal .review-bid-value.delivery_status_track {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .review-bid-modal .share-modal-list>p,
[data-theme="dark"] .review-bid-modal .review-bid-title,
[data-theme="dark"] .review-bid-modal .share-modal-list li,
[data-theme="dark"] .review-bid-modal .review-bid-value,
[data-theme="dark"] .review-bid-modal .review-bid-value.delivery_status_track {
  color: var(--color-text-primary) !important;
}

.review-bid-modal .modal-btn-box {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 24px;
}

.review-bid-modal .modal-btn-box .btn,
.review-bid-modal .modal-btn-box .btn-primary,
.review-bid-modal .modal-btn-box .review-bid-btn-edit,
.review-bid-modal .modal-btn-box .review-bid-btn-confirm,
.ReactModal__Content.review-bid-modal .modal-btn-box .btn-primary,
.ReactModal__Content--after-open.review-bid-modal .modal-btn-box .btn-primary {
  border-radius: 50px !important;
  min-width: 140px;
  padding: 10px 28px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: none !important;
}

/* Edit bid + Confirm bid — blue outline, white background */
.review-bid-modal .modal-btn-box .review-bid-btn-edit,
.review-bid-modal .modal-btn-box .review-bid-btn-confirm,
.ReactModal__Content.review-bid-modal .modal-btn-box .review-bid-btn-edit,
.ReactModal__Content.review-bid-modal .modal-btn-box .review-bid-btn-confirm,
.ReactModal__Content--after-open.review-bid-modal .modal-btn-box .review-bid-btn-edit,
.ReactModal__Content--after-open.review-bid-modal .modal-btn-box .review-bid-btn-confirm {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid var(--color-info) !important;
  color: var(--color-info) !important;
}

.review-bid-modal .modal-btn-box .review-bid-btn-edit:hover:not(:disabled),
.review-bid-modal .modal-btn-box .review-bid-btn-edit:focus:not(:disabled),
.review-bid-modal .modal-btn-box .review-bid-btn-confirm:hover:not(:disabled),
.review-bid-modal .modal-btn-box .review-bid-btn-confirm:focus:not(:disabled),
.ReactModal__Content.review-bid-modal .modal-btn-box .review-bid-btn-edit:hover:not(:disabled),
.ReactModal__Content.review-bid-modal .modal-btn-box .review-bid-btn-confirm:hover:not(:disabled),
.ReactModal__Content--after-open.review-bid-modal .modal-btn-box .review-bid-btn-edit:hover:not(:disabled),
.ReactModal__Content--after-open.review-bid-modal .modal-btn-box .review-bid-btn-confirm:hover:not(:disabled) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: var(--color-info-hover, var(--color-info)) !important;
  color: var(--color-info-hover, var(--color-info)) !important;
}

.review-bid-modal .modal-btn-box .review-bid-btn-edit:active:not(:disabled),
.review-bid-modal .modal-btn-box .review-bid-btn-confirm:active:not(:disabled) {
  background: #ffffff !important;
  border-color: var(--color-info) !important;
  color: var(--color-info) !important;
}

.review-bid-modal .modal-btn-box .btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* ErrorBoundary — Reload page blue capsule */
.error-boundary-container .error-boundary-reload.btnx.btn-secondaryx,
.error-boundary-container button.error-boundary-reload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 12px 32px !important;
  border-radius: 50px !important;
  background: var(--color-info) !important;
  background-color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: none !important;
  cursor: pointer;
}

.error-boundary-container .error-boundary-reload.btnx.btn-secondaryx:hover,
.error-boundary-container .error-boundary-reload.btnx.btn-secondaryx:focus,
.error-boundary-container button.error-boundary-reload:hover,
.error-boundary-container button.error-boundary-reload:focus {
  background: var(--color-info-hover) !important;
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.error-boundary-container .error-boundary-reload.btnx.btn-secondaryx:active,
.error-boundary-container button.error-boundary-reload:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
  color: var(--color-text-on-accent) !important;
}

/* Upcoming / auction product detail — PDP-aligned type scale (18 / 14 / 24 / 12) */
.product-detail-main-bx .product_title,
.product-detail-main-bx .prodctdetil_newtitles h2,
.product-detail-main-bx .prodctdetil_newtitles .product_title.font-size-16,
.product-detail-main-bx .prodctdetil_newtitles h2.font-size-16 {
  font-size: 18px !important;
  color: var(--color-text-secondary) !important;
  font-weight: 300 !important;
}

.product-detail-main-bx .upcoming_product_price_track,
.product-detail-main-bx .upcoming_product_price_track.font-size-14 {
  color: var(--color-text-secondary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.product-detail-main-bx .upcoming_product_price_track b,
.product-detail-main-bx .upcoming_product_price_track b.font-size-16 {
  color: var(--color-text-primary) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.product-detail-main-bx .prodctdetil_newtitles p,
.product-detail-main-bx .newrigh_ppris>p {
  color: var(--color-text-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.product-detail-main-bx .product-detail-tab .product-specs,
.product-detail-main-bx .product-discription p,
.product-detail-main-bx .product-detail-tab p.product-specs {
  color: var(--color-text-secondary) !important;
  font-size: 14px !important;
}

/* Pre-bid / auction start countdown (unhidden during pre-bid window) */
.product-detail-main-bx .upcoming-prebid-countdown,
.product-detail-main-bx .upcoming-prebid-countdown span,
.product-detail-main-bx .upcoming-prebid-countdown time,
.product-detail-main-bx .bid_time.upcoming-prebid-countdown,
.product-detail-main-bx .bid_time.upcoming-prebid-countdown span,
.product-detail-main-bx .bid_time.upcoming-prebid-countdown time {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--color-text-secondary) !important;
}

.db_productDetail_page .product-detail-heading h2 {
  font-size: 18px !important;
  color: var(--color-text-secondary) !important;
  font-weight: 300 !important;
}

.db_productDetail_page .newrigh_ppris h4,
.db_productDetail_page .newrigh_ppris .font-size-20 {
  color: var(--color-text-primary) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.db_productDetail_page .newrigh_ppris p {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.db_productDetail_page .detail-owner-header h2 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.db_productDetail_page .detail-owner-name p {
  white-space: nowrap;
}

.db_productDetail_page .detail-owner-name .user-presence-online {
  color: var(--color-presence-online) !important;
  font-weight: 600 !important;
}

.db_productDetail_page .product-all-detail-tab .nav-tabs.my-custom-tab .nav-link:not(.active):not(.show) {
  color: var(--color-text-secondary) !important;
}

.db_productDetail_page .star-ratings svg polygon,
.product_detail_main .star-ratings svg polygon,
.product-detail-main-bx #customers-reviews .star-ratings svg polygon,
.product-detail-main-bx #customers-reviews-2 .star-ratings svg polygon {
  fill: var(--color-star-active) !important;
}

.db_productDetail_page .star-ratings svg polygon[fill="var(--color-star-empty)"],
.product_detail_main .star-ratings svg polygon[fill="var(--color-star-empty)"] {
  fill: var(--color-star-empty) !important;
}

.db_productDetail_page .report_section_heading i,
.product_detail_main .report_section_heading i {
  color: var(--color-info) !important;
}

.db_productDetail_page .safety-tips-bx h2 {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
}

/* Similar items — wishlist heart blue (client PNG) */
.similar-products-bx .add-to-wishlist .far.fa-heart,
.featured-product-section.similar-products-bx .add-to-wishlist .far.fa-heart {
  color: var(--color-text-link) !important;
}

/* Auction listing cards — text system (client PNG + Excel R31–R34) */
.auctionplist_main .product-name-bx time,
.actionpage_list .product-name-bx time,
.Jtaballp_content02.auctionplist_main .product-name-bx time,
.produc-grid-product .product-name-bx time {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

.auctionplist_main .product-name-bx h4,
.actionpage_list .product-outer-bx .product-name-bx h4,
.Jtaballp_content02.auctionplist_main .product-name-bx h4,
.produc-grid-product .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.auctionplist_main .product-name-bx h6,
.auctionplist_main .product-name-bx h6 span,
.actionpage_list .product-name-bx h6,
.actionpage_list .product-name-bx h6 span,
.Jtaballp_content02.auctionplist_main .product-name-bx h6,
.Jtaballp_content02.auctionplist_main .product-name-bx h6 span,
.produc-grid-product .product-name-bx h6,
.produc-grid-product .product-name-bx h6 span {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

.auctionplist_main .product-name-bx h3,
.actionpage_list .product-outer-bx .product-name-bx h3,
.Jtaballp_content02.auctionplist_main .product-name-bx h3,
.produc-grid-product .product-name-bx h3 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

/* Upcoming auction/listing cards only — annotated reference
   (pill badge above; white content; left meta; name light 14; price bold 20) */
.product_card_box:has(.upcoming-tag),
.product-outer-bx:has(.upcoming-tag),
.product-listing-product:has(.upcoming-tag) .productBig-outer-bx {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.product_card_box:has(.upcoming-tag) .product-name-bx,
.product-outer-bx:has(.upcoming-tag) .product-name-bx,
.product-listing-product:has(.upcoming-tag) .product-name-bx,
.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx,
.actionpage_list .product_card_box:has(.upcoming-tag) .product-name-bx,
.Jtaballp_content02.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx,
.forsalepage_listing .product_card_box:has(.upcoming-tag) .product-name-bx,
.show_product_box .product_card_box:has(.upcoming-tag) .product-name-bx {
  text-align: left !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.product_card_box:has(.upcoming-tag) .product-name-bx time,
.product-outer-bx:has(.upcoming-tag) .product-name-bx time,
.product-listing-product:has(.upcoming-tag) .product-name-bx time,
.product_card_box:has(.upcoming-tag) .product-name-bx h3,
.product-outer-bx:has(.upcoming-tag) .product-name-bx h3,
.product-listing-product:has(.upcoming-tag) .product-name-bx h3,
.product_card_box:has(.upcoming-tag) .product-name-bx h5,
.product-listing-product:has(.upcoming-tag) .product-name-bx h5 {
  text-align: left !important;
  justify-content: flex-start !important;
}

.product_card_box:has(.upcoming-tag) .product-name-bx h4,
.product-outer-bx:has(.upcoming-tag) .product-name-bx h4,
.product-listing-product:has(.upcoming-tag) .product-name-bx h4,
.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx h4,
.actionpage_list .product_card_box:has(.upcoming-tag) .product-name-bx h4,
.Jtaballp_content02.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx h4,
.forsalepage_listing .product_card_box:has(.upcoming-tag) .product-name-bx h4,
.forsalepage_listing .show_product_box .product_card_box:has(.upcoming-tag) .product-name-bx h4,
.show_product_box .product_card_box:has(.upcoming-tag) .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.product_card_box:has(.upcoming-tag) .product-name-bx h6,
.product_card_box:has(.upcoming-tag) .product-name-bx h6 span,
.product-outer-bx:has(.upcoming-tag) .product-name-bx h6,
.product-outer-bx:has(.upcoming-tag) .product-name-bx h6 span,
.product-listing-product:has(.upcoming-tag) .product-name-bx h6,
.product-listing-product:has(.upcoming-tag) .product-name-bx h6 span,
.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx h6,
.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx h6 span,
.actionpage_list .product_card_box:has(.upcoming-tag) .product-name-bx h6,
.actionpage_list .product_card_box:has(.upcoming-tag) .product-name-bx h6 span,
.Jtaballp_content02.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx h6,
.Jtaballp_content02.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx h6 span,
.forsalepage_listing .product_card_box:has(.upcoming-tag) .product-name-bx h6,
.forsalepage_listing .product_card_box:has(.upcoming-tag) .product-name-bx h6 span,
.show_product_box .product_card_box:has(.upcoming-tag) .product-name-bx h6,
.show_product_box .product_card_box:has(.upcoming-tag) .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-align: left !important;
}

@media (max-width: 767px) {

  .product_card_box:has(.upcoming-tag) .product-name-bx,
  .forsalepage_listing .product_card_box:has(.upcoming-tag) .product-name-bx,
  .show_product_box .product_card_box:has(.upcoming-tag) .product-name-bx,
  .Jtaballp_content02.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx {
    text-align: left !important;
  }

  .product_card_box:has(.upcoming-tag) .product-name-bx h4,
  .forsalepage_listing .product_card_box:has(.upcoming-tag) .product-name-bx h4,
  .Jtaballp_content02.auctionplist_main .product_card_box:has(.upcoming-tag) .product-name-bx h4 {
    font-size: 14px !important;
    font-weight: 300 !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }

  .product_card_box:has(.upcoming-tag) .product-name-bx h6,
  .product_card_box:has(.upcoming-tag) .product-name-bx h6 span,
  .forsalepage_listing .product_card_box:has(.upcoming-tag) .product-name-bx h6 span {
    color: var(--color-text-primary) !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    text-align: left !important;
  }
}

[data-theme="dark"] .product_card_box:has(.upcoming-tag),
[data-theme="dark"] .product-outer-bx:has(.upcoming-tag),
[data-theme="dark"] .product-listing-product:has(.upcoming-tag) .productBig-outer-bx,
[data-theme="dark"] .product_card_box:has(.upcoming-tag) .product-name-bx,
[data-theme="dark"] .product-outer-bx:has(.upcoming-tag) .product-name-bx,
[data-theme="dark"] .product-listing-product:has(.upcoming-tag) .product-name-bx {
  background: var(--color-bg-surface) !important;
  background-color: var(--color-bg-surface) !important;
}

.auctionplist_main .add-to-wishlist .far.fa-heart,
.actionpage_list .add-to-wishlist .far.fa-heart,
.Jtaballp_content02 .add-to-wishlist .far.fa-heart {
  color: var(--color-text-link) !important;
}

/* Profile Items grid — beat later auction/grid typography overrides */
.user-profile-page .Jtaballp_content02.auctionplist_main .product-name-bx h6,
.user-profile-page .Jtaballp_content02.auctionplist_main .product-name-bx h6 span,
.user-profile-page .actionpage_list .product-name-bx h6,
.user-profile-page .actionpage_list .product-name-bx h6 span,
.user-profile-page .produc-grid-product .product-name-bx h6,
.user-profile-page .produc-grid-product .product-name-bx h6 span,
.user-profile-page .direct-call-card .product-name-bx h6,
.user-profile-page .direct-call-card .product-name-bx h6 span,
.user-profile-page .product-outer-bx .product-name-bx h6,
.user-profile-page .product-outer-bx .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-align: left !important;
}

.user-profile-page .Jtaballp_content02.auctionplist_main .product-name-bx h4,
.user-profile-page .actionpage_list .product-outer-bx .product-name-bx h4,
.user-profile-page .produc-grid-product .product-name-bx h4,
.user-profile-page .direct-call-card .product-name-bx h4,
.user-profile-page .product-outer-bx .product-name-bx h4,
.user-profile-page .product-outer-bx .product-name-bx h4 a {
  color: var(--color-text-primary) !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.user-profile-page .Jtaballp_content02 .product-outer-bx .product-name-bx,
.user-profile-page .produc-grid-product .product-name-bx,
.user-profile-page .direct-call-card .product-name-bx {
  text-align: left !important;
  padding: 10px !important;
  margin-top: 0 !important;
}

.user-profile-page .Jtaballp_content02 .product-outer-bx,
.user-profile-page .Jtaballp_content02 .product-outer-bx.direct-call-card,
.user-profile-page .Jtaballp_content02 .product-outer-bx.produc-grid-product {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx img,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx a,
.user-profile-page .Jtaballp_content02 .product-outer-bx .product-img-bx a img {
  border-radius: 10px 10px 0 0 !important;
}

/* Newsletter — header light label (client PNG) */
.newsletter-bx .col-lg-5 h2,
.newsletter-bx h2,
.landing-newsletter h6.font-weight-bold {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

/* Header Login / Register pill — sentence case */
.header-auth-pill,
.header-auth-pill .header-auth-pill__part,
.header-auth-pill .header-auth-pill__sep {
  text-transform: none !important;
}

/* Landing hero — Shutter count sentence case (override mockup uppercase) */
.landing-hero .landing-phone-mockup__shutter small {
  text-transform: none;
  letter-spacing: normal;
}

.newsletter-bx .col-lg-5 p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

/* Register to bid / PDP — match landing trust colours
   Light: bg #F5F7FA, icon #6B7C93, text black
   Dark:  bg #1E293B, icon #A8B3C2, text white */
.biding_Main_box .delivery-info-box,
.product-detail-main-bx .delivery-info-box,
.db_productDetail_page .delivery-info-box {
  --delivery-accent: #6B7C93;
  --delivery-accent-soft: #F5F7FA;
  --delivery-title: #000000;
  --delivery-text: #000000;
  background: #F5F7FA !important;
  border-color: transparent;
}

.biding_Main_box .delivery-info-icon,
.product-detail-main-bx .delivery-info-icon,
.db_productDetail_page .delivery-info-icon {
  color: #6B7C93 !important;
  background: #F5F7FA !important;
}

.biding_Main_box .delivery-info-icon svg,
.product-detail-main-bx .delivery-info-icon svg,
.db_productDetail_page .delivery-info-icon svg {
  color: #6B7C93 !important;
  stroke: #6B7C93;
}

.biding_Main_box .delivery-info-text strong,
.biding_Main_box .delivery-info-text span,
.product-detail-main-bx .delivery-info-text strong,
.product-detail-main-bx .delivery-info-text span,
.db_productDetail_page .delivery-info-text strong,
.db_productDetail_page .delivery-info-text span {
  color: #000000 !important;
}

.biding_Main_box .delivery-info-badge,
.product-detail-main-bx .delivery-info-badge,
.db_productDetail_page .delivery-info-badge {
  color: #6B7C93 !important;
  background: rgba(107, 124, 147, 0.14) !important;
}

[data-theme="dark"] .biding_Main_box .delivery-info-box,
[data-theme="dark"] .product-detail-main-bx .delivery-info-box,
[data-theme="dark"] .db_productDetail_page .delivery-info-box {
  --delivery-accent: #A8B3C2;
  --delivery-accent-soft: #1E293B;
  --delivery-title: #FFFFFF;
  --delivery-text: #FFFFFF;
  background: #1E293B !important;
}

[data-theme="dark"] .biding_Main_box .delivery-info-icon,
[data-theme="dark"] .product-detail-main-bx .delivery-info-icon,
[data-theme="dark"] .db_productDetail_page .delivery-info-icon {
  color: #A8B3C2 !important;
  background: #1E293B !important;
}

[data-theme="dark"] .biding_Main_box .delivery-info-icon svg,
[data-theme="dark"] .product-detail-main-bx .delivery-info-icon svg,
[data-theme="dark"] .db_productDetail_page .delivery-info-icon svg {
  color: #A8B3C2 !important;
  stroke: #A8B3C2;
}

[data-theme="dark"] .biding_Main_box .delivery-info-text strong,
[data-theme="dark"] .biding_Main_box .delivery-info-text span,
[data-theme="dark"] .product-detail-main-bx .delivery-info-text strong,
[data-theme="dark"] .product-detail-main-bx .delivery-info-text span,
[data-theme="dark"] .db_productDetail_page .delivery-info-text strong,
[data-theme="dark"] .db_productDetail_page .delivery-info-text span {
  color: #FFFFFF !important;
}

[data-theme="dark"] .biding_Main_box .delivery-info-badge,
[data-theme="dark"] .product-detail-main-bx .delivery-info-badge,
[data-theme="dark"] .db_productDetail_page .delivery-info-badge {
  color: #A8B3C2 !important;
  background: rgba(168, 179, 194, 0.18) !important;
}

/* Category / for-sale listing — product card text (client PNG + Excel R31–R34) */
.new_placetab_icon select.form-control-line,
.new_placetab_icon2 select.form-control-line,
.other-list-page .form-group-icon-bx select.form-control-line,
.product-listing-main-bx .form-group-icon-bx select.form-control-line,
.productlist_righhtt .form-group-icon-bx select.form-control-line,
.allprodlist_adverd .form-group-icon-bx select.form-control-line,
.mobile_fillter .form-group-icon-bx select.form-control-line {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

.new_placetab_icon select.form-control-line option,
.new_placetab_icon2 select.form-control-line option,
.other-list-page .form-group-icon-bx select.form-control-line option,
.product-listing-main-bx .form-group-icon-bx select.form-control-line option,
.productlist_righhtt .form-group-icon-bx select.form-control-line option,
.allprodlist_adverd .form-group-icon-bx select.form-control-line option,
.mobile_fillter .form-group-icon-bx select.form-control-line option {
  text-transform: none !important;
}

.forsalepage_listing .Jtaballp_content02 .product-name-bx h6,
.forsalepage_listing .Jtaballp_content02 .product-name-bx h6 span,
.forsalepage_listing .product_card_box .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.forsalepage_listing .Jtaballp_content02 .product-name-bx h4,
.forsalepage_listing .product_card_box .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.forsalepage_listing .Jtaballp_content02 .product-name-bx h3,
.forsalepage_listing .product_card_box .product-name-bx h3 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

@media (max-width: 767px) {

  .forsalepage_listing .product_card_box .product-name-bx h4,
  .Jtaballp_content02.auctionplist_main .product_card_box .product-name-bx h4 {
    color: var(--color-text-primary) !important;
    font-weight: 700 !important;
  }

  .forsalepage_listing .product_card_box .product-name-bx h6 span {
    color: var(--color-text-secondary) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
}

/* Listing PDP only (.db-listing-pdp = Item + Auction Details pages) — Details/Reviews white surface */
.db-listing-pdp .product-all-detail-tab .tab-content,
.db-listing-pdp .db_pdp_details_under_gallery .tab-content {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

/* Listing PDP only — Auction Detail / Reviews / Photo content card */
.db-listing-pdp .db-auction-pdp-detail-card>.tab-content {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

[data-theme="dark"] .db-listing-pdp .product-all-detail-tab .tab-content,
[data-theme="dark"] .db-listing-pdp .db_pdp_details_under_gallery .tab-content,
[data-theme="dark"] .db-listing-pdp .db-auction-pdp-detail-card>.tab-content {
  background: var(--color-bg-surface) !important;
  background-color: var(--color-bg-surface) !important;
}

/* Listing PDP only (.db-listing-pdp) — desktop CSS grid
   Strict two columns: left stack (gallery → Details → Description) never
   continues under the right product card; children share left column width. */
@media (min-width: 992px) {
  .db-listing-pdp>.container {
    overflow-x: clip;
    max-width: 1140px;
  }

  .db-listing-pdp>.container>.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 36%);
    grid-template-areas:
      "pdp-media pdp-buy"
      "pdp-similar pdp-similar";
    column-gap: 40px;
    row-gap: 24px;
    align-items: start;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .db-listing-pdp>.container>.row>.col-xl-6.col-lg-7,
  .db-listing-pdp>.container>.row>.db_productDetail_page,
  .db-listing-pdp>.container>.row>.col-xl-4.col-lg-5.db_productDetail_page,
  .db-listing-pdp>.container>.row>.col-xl-4.offset-xl-2.db_productDetail_page,
  .db-listing-pdp>.container>.row>.db_productDetail_page.offset-xl-2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
    align-self: start;
  }

  /* Left column: vertical stack; clip so nothing paints into the buy card */
  .db-listing-pdp>.container>.row>.col-xl-6.col-lg-7 {
    grid-area: pdp-media;
    grid-column: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    overflow-x: clip;
    min-width: 0;
    max-width: 100%;
  }

  .db-listing-pdp>.container>.row>.col-xl-6.col-lg-7>* {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Right info card column — own track only */
  .db-listing-pdp>.container>.row>.db_productDetail_page {
    grid-area: pdp-buy;
    grid-column: 2;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
  }

  /* If Details ever lands as a row sibling, keep it in the left track */
  .db-listing-pdp>.container>.row>.db_pdp_details_under_gallery_col,
  .db-listing-pdp>.container>.row>.db_pdp_details_under_gallery {
    grid-column: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  /* Upcoming auction PDP: Details is sometimes a row sibling (not inside
     the gallery column). Place it under the gallery and let the buy card
     span both rows — avoids the large empty gap below the thumbs. */
  .db-upcoming-auction-pdp>.container>.row:has(> .db_pdp_details_under_gallery_col) {
    grid-template-areas:
      "pdp-media pdp-buy"
      "pdp-details pdp-buy"
      "pdp-similar pdp-similar";
  }

  .db-upcoming-auction-pdp>.container>.row>.db_pdp_details_under_gallery_col {
    grid-area: pdp-details;
    margin-top: 0 !important;
  }

  .db-listing-pdp>.container>.row>.similar-products-bx {
    grid-area: pdp-similar;
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
  }

  /* Seller card's mobile-only duplicate slot — desktop keeps the seller
     card in its normal spot inside the buy box (.db_productDetail_page). */
  .db-listing-pdp>.container>.db_pdp_seller_mobile_between {
    display: none !important;
  }

  /* Gallery stack — same width for main image, thumbs, Details/Reviews/Description */
  .db-listing-pdp .mobile_order,
  .db-listing-pdp .product-detailslider,
  .db-listing-pdp .db_pdp_details_under_gallery_col,
  .db-listing-pdp .db_pdp_details_under_gallery,
  .db-listing-pdp .db-auction-pdp-detail-card.db_pdp_details_under_gallery,
  .db-listing-pdp .db_pdp_details_under_gallery .nav-tabs,
  .db-listing-pdp .db_pdp_details_under_gallery .tab-content,
  .db-listing-pdp .db_pdp_details_under_gallery .product-detail-tab,
  .db-listing-pdp .db_pdp_details_under_gallery .product-discription {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
  }

  .db-listing-pdp .col-xl-6.col-lg-7>.db_pdp_details_under_gallery_col {
    margin-top: 16px;
    position: relative;
    z-index: 1;
    overflow-x: clip;
    overflow-y: visible;
    flex: 0 0 auto;
  }

  /* Kill legacy slider top offset — top-align with info card */
  .db-listing-pdp .product-detailslider {
    margin-top: 0 !important;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  /* Clip inactive carousel slides so they cannot extend past the left column */
  .db-listing-pdp .product-detailslider .carousel,
  .db-listing-pdp .product-detailslider .carousel.carousel-slider,
  .db-listing-pdp .product-detailslider .carousel .slider-wrapper {
    width: 100% !important;
    max-width: 100%;
    overflow: hidden !important;
  }

  .db-listing-pdp .product-detailslider .carousel .slider,
  .db-listing-pdp .product-detailslider .carousel .slide,
  .db-listing-pdp .product-detailslider .carousel .slide>a {
    max-width: 100%;
    box-sizing: border-box;
  }

  .db-listing-pdp .product-detailslider .carousel .slide {
    text-align: left !important;
  }

  .db-listing-pdp .product-detailslider .carousel .slide img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 520px !important;
    max-height: min(70vh, 520px) !important;
    min-height: 0 !important;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center center;
    background: #fff;
    border-radius: 8px;
    margin: 0 !important;
  }

  .db-listing-pdp .product-detailslider .carousel .slide img.db-product-detail-main-image {
    height: 520px !important;
    max-height: min(70vh, 520px) !important;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center center;
    background: #fff;
  }

  /* Thumbs row must match main image edges (kill carousel margin:20px / margin-right:6px) */
  .db-listing-pdp .product-detailslider .carousel .thumbs-wrapper,
  .db-listing-pdp .product-detailslider .db-detail-gallery-thumbs-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
    touch-action: pan-y !important;
  }

  .db-listing-pdp .product-detailslider ul.thumbs,
  .db-listing-pdp .product-detailslider .db-detail-gallery-thumbs {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    justify-content: stretch;
    align-items: stretch;
    gap: 8px;
    box-sizing: border-box;
    touch-action: pan-y !important;
  }

  .db-listing-pdp .product-detailslider ul.thumbs li,
  .db-listing-pdp .product-detailslider .carousel .thumb,
  .db-listing-pdp .product-detailslider .db-detail-gallery-thumbs > li {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    touch-action: pan-y !important;
  }

  .db-listing-pdp .product-detailslider ul.thumbs li.selected,
  .db-listing-pdp .product-detailslider ul.thumbs li:hover,
  .db-listing-pdp .product-detailslider .carousel .thumb.selected,
  .db-listing-pdp .product-detailslider .carousel .thumb:hover,
  .db-listing-pdp .product-detailslider .carousel .thumb:focus {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .db-listing-pdp .product-detailslider ul.thumbs li img,
  .db-listing-pdp .product-detailslider .carousel .thumb img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .nav-tabs.my-custom-tab {
    width: 100%;
    max-width: 100%;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .tab-content {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    padding: 28px 24px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-color: var(--color-border-subtle);
    overflow-x: clip;
    overflow-y: visible;
  }

  [data-theme="dark"] .db-listing-pdp .db_pdp_details_under_gallery .tab-content {
    background: var(--color-bg-surface) !important;
    background-color: var(--color-bg-surface) !important;
  }

  /* Neutralize Bootstrap row negative margins inside Details so width stays = gallery */
  .db-listing-pdp .db_pdp_details_under_gallery .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
  }

  .db-listing-pdp .db_pdp_details_under_gallery #customers-reviews-2 .customer-review-bx.d-flex,
  .db-listing-pdp .db_pdp_details_under_gallery #customer .customer-review-bx.d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .customer-review-bx>h2 {
    font-size: 18px;
    margin-bottom: 12px;
    width: 100%;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .rating_section {
    flex-wrap: wrap;
    gap: 8px 12px;
    width: 100%;
    margin-bottom: 16px;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .rating_section .star-filter {
    font-size: 13px;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .rating_section .star-filter span {
    font-size: 13px;
  }

  .db-listing-pdp .db_pdp_details_under_gallery #customers-reviews-2>.row>.col-xl-4,
  .db-listing-pdp .db_pdp_details_under_gallery #customer>.row>.col-xl-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .rating-row .rating-view {
    flex: 1 1 auto;
    min-width: 0;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .rating-text h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .star-txt {
    font-size: 13px;
    min-width: 56px;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .customer-review-profile_block {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .customer-review-profile_block .row.pb-3>[class*="col-md-3"] {
    flex: 0 0 25%;
    max-width: 25%;
    font-size: 13px;
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .review_block .detail-owner-name h3 {
    font-size: 15px;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .review_block .review_mess,
  .db-listing-pdp .db_pdp_details_under_gallery .review_block .review_reply {
    font-size: 14px;
  }

  .db-listing-pdp .db_productDetail_page {
    position: relative;
    z-index: 3;
  }

  .db-listing-pdp .db_productDetail_page .db-pdp-sidebar,
  .db-listing-pdp .db_productDetail_page .db-pdp-sidebar-card {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    box-sizing: border-box;
  }

  .db-listing-pdp .db_productDetail_page.mt-3 {
    margin-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .db-listing-pdp>.container>.row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 34%);
    column-gap: 48px;
  }
}

/* Listing PDP only — mobile/tablet: gallery, product info, Details/Reviews, then seller */
@media (max-width: 991.98px) {
  .db-listing-pdp>.container>.row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* Item-listing PDP only (the upcoming-auction PDP carries .db-listing-pdp
     too, but has its own mobile layout above): its row children are flattened
     with display:contents below and so lose the bootstrap column gutters —
     drop the row's negative gutters too, or the content bleeds to the screen
     edge. */
  .db-listing-pdp>.container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .db-listing-pdp>.container>.row>.col-xl-6.col-lg-7 {
    display: contents !important;
  }

  .db-listing-pdp .mobile_order {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Details/Reviews/Description: shown on mobile too, ordered after the
     buy box (price/delivery/CTA) but before the seller card below.
     Beats the blanket ".desktop_view{display:none}" phone rule (media.css)
     via higher selector specificity. */
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db_pdp_details_under_gallery_col {
    display: block !important;
    order: 7 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db_pdp_details_under_gallery_col.desktop_view,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db_pdp_details_under_gallery_col .desktop_view {
    display: block !important;
  }

  .db-listing-pdp .db_productDetail_page .product-all-detail-tab.mobile_view {
    display: none !important;
  }

  .db-listing-pdp .review_block {
    width: 100%;
    box-sizing: border-box;
  }

  .db-listing-pdp .review_block .detail-owner-name-bx {
    display: flex;
    align-items: flex-start;
    width: 100%;
    float: none;
  }

  .db-listing-pdp .review_block .detail-owner-img {
    float: none;
    flex: 0 0 56px;
    width: 56px;
  }

  .db-listing-pdp .review_block .detail-owner-img img {
    width: 56px;
    min-width: 56px;
    height: 56px;
  }

  .db-listing-pdp .review_block .detail-owner-name {
    float: none;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }

  .db-listing-pdp .review_block .customer_review_track {
    display: block;
    width: 100%;
    white-space: normal;
    word-break: break-word;
  }

  .db-listing-pdp .review_reply {
    padding-left: 16px;
    width: 100%;
    box-sizing: border-box;
  }

  .db-listing-pdp .customer-review-profile_block {
    align-items: stretch !important;
    width: 100% !important;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .tab-content {
    overflow: visible;
  }

  .db-listing-pdp>.container>.row>.db_productDetail_page {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Flatten the buy box (same approach as the upcoming-auction PDP above) so
     each of its sections becomes a flex child of the row — that is what lets
     the seller card sit *after* Details/Reviews on small screens. The card
     chrome (bg/border/radius) is re-applied per section below. */
  .db-listing-pdp:not(.db-upcoming-auction-pdp)>.container>.row>.db_productDetail_page,
  .db-listing-pdp:not(.db-upcoming-auction-pdp)>.container>.row>.db_productDetail_page>.db-pdp-sidebar,
  .db-listing-pdp:not(.db-upcoming-auction-pdp)>.container>.row>.db_productDetail_page>.db-pdp-sidebar>.db-pdp-sidebar-card {
    display: contents !important;
  }

  /* Buy box: title/price → delivery → live inspection → CTA → protection */
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-header,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-meta,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-live-inspection,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.scarcity-capsule,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-buy-actions,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.product-action-buttons,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-order-protection {
    width: 100% !important;
    max-width: 100% !important;
    background: var(--color-bg-surface) !important;
    border-left: 1px solid var(--color-border-default) !important;
    border-right: 1px solid var(--color-border-default) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-header {
    order: 2 !important;
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--color-border-default) !important;
    border-radius: 8px 8px 0 0 !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-meta {
    order: 3 !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-live-inspection {
    order: 4 !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.scarcity-capsule {
    order: 5 !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-buy-actions,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.product-action-buttons {
    order: 5 !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-order-protection {
    order: 6 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--color-border-default) !important;
    border-radius: 0 0 8px 8px !important;
  }

  /* Seller card — after Details/Reviews (order 7) */
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-seller {
    order: 8 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    padding: 12px 16px 4px !important;
    background: var(--color-bg-surface) !important;
    border: 1px solid var(--color-border-default) !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    box-sizing: border-box !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-footer,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-safety,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-safety-panel,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-report-panel {
    order: 9 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    background: var(--color-bg-surface) !important;
    border-left: 1px solid var(--color-border-default) !important;
    border-right: 1px solid var(--color-border-default) !important;
    box-sizing: border-box !important;
  }

  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-footer,
  .db-listing-pdp:not(.db-upcoming-auction-pdp) .db-pdp-sidebar-card>.db-pdp-safety {
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--color-border-default) !important;
    border-radius: 0 0 8px 8px !important;
  }

  /* Similar items always close the page */
  .db-listing-pdp:not(.db-upcoming-auction-pdp)>.container>.row>.similar-products-bx {
    order: 10 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Buy Now block gets breathing room on small screens (both PDPs) */
  .db-pdp-sidebar-card>.product-action-buttons.db-pdp-buy-actions {
    padding: 1rem !important;
  }

  .db-listing-pdp>.container>.row>.db_productDetail_page>.product-all-detail-tab.mobile_view {
    display: none !important;
  }

  .db-upcoming-auction-pdp>.container>.row>.col-xl-6.col-lg-7>.db_productDetail_page.mobile_view,
  .db-upcoming-auction-pdp>.container>.row>.col-xl-6.col-lg-7>.db_productDetail_page.mobile_view>.db-pdp-sidebar,
  .db-upcoming-auction-pdp>.container>.row>.col-xl-6.col-lg-7>.db_productDetail_page.mobile_view .db-pdp-sidebar-card {
    display: contents !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-header {
    order: 2 !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 16px 16px 12px !important;
    background: var(--color-bg-surface) !important;
    border: 1px solid var(--color-border-default) !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-meta,
  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-prebid,
  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-order-protection {
    width: 100% !important;
    background: var(--color-bg-surface) !important;
    border-left: 1px solid var(--color-border-default) !important;
    border-right: 1px solid var(--color-border-default) !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-meta {
    order: 3 !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-prebid {
    order: 4 !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-order-protection {
    order: 5 !important;
    border-bottom: 1px solid var(--color-border-default) !important;
    border-radius: 0 0 8px 8px !important;
  }

  .db-upcoming-auction-pdp>.container>.row>.col-xl-6.col-lg-7>.product-all-detail-tab.db-auction-pdp-detail-card.mobile_view {
    display: block !important;
    order: 6 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-seller {
    order: 7 !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 12px 16px 4px !important;
    background: var(--color-bg-surface) !important;
    border: 1px solid var(--color-border-default) !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-footer,
  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-safety,
  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-safety-panel,
  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-report-panel {
    order: 8 !important;
    width: 100% !important;
    background: var(--color-bg-surface) !important;
    border-left: 1px solid var(--color-border-default) !important;
    border-right: 1px solid var(--color-border-default) !important;
  }

  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-footer,
  .db-upcoming-auction-pdp .db-pdp-sidebar-card>.db-pdp-safety {
    border-bottom: 1px solid var(--color-border-default) !important;
    border-radius: 0 0 8px 8px !important;
  }
}

/* Listing PDP only — share button on the right of the sidebar header (price row) */
.db-listing-pdp .db_productDetail_page .db-pdp-header,
.db-listing-pdp .db_productDetail_page .db-pdp-header.product-detail-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "pdp-title pdp-share"
    "pdp-extra pdp-share"
    "pdp-price pdp-share";
  column-gap: 12px;
  align-items: start;
}

.db-listing-pdp .db_productDetail_page .db-pdp-header__top {
  display: contents;
}

.db-listing-pdp .db_productDetail_page .db-pdp-header__title,
.db-listing-pdp .db_productDetail_page .db-pdp-header .product_title {
  grid-area: pdp-title;
  width: auto !important;
  max-width: 100%;
  flex: unset;
}

.db-listing-pdp .db_productDetail_page .db-pdp-header__share {
  grid-area: pdp-share;
  align-self: center;
  justify-self: end;
  margin: 0 !important;
  flex: 0 0 auto;
}

.db-listing-pdp .db_productDetail_page .db-pdp-header>.New_foralignV {
  grid-area: pdp-extra;
  min-height: 0;
}

.db-listing-pdp .db_productDetail_page .db-pdp-header>.db-pdp-header__pricing {
  grid-area: pdp-price;
}

/* Inspect live trigger (opens InspectLiveModal) — capsule: white + blue border/icon/text (M20) */
.product_detail_main .video-chat-btn,
.product-detail-main-bx .video-chat-btn,
.profile-contact-wrapper .video-chat-btn,
.contact-bx .video-chat-btn,
.user-profile-page .video-chat-btn,
.user-profile-page .video-chat-btn.scheduleCallBtn,
.Jvideochat_cus .video-chat-btn,
.videochat-btn-group .video-chat-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  border: 1px solid var(--color-info) !important;
  border-radius: 999px !important;
  background: var(--color-bg-surface) !important;
  color: var(--color-info) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  position: relative;
}

.product_detail_main .video-chat-btn:hover,
.product-detail-main-bx .video-chat-btn:hover,
.profile-contact-wrapper .video-chat-btn:hover,
.contact-bx .video-chat-btn:hover,
.user-profile-page .video-chat-btn:hover,
.user-profile-page .video-chat-btn.scheduleCallBtn:hover,
.Jvideochat_cus .video-chat-btn:hover,
.videochat-btn-group .video-chat-btn:hover {
  background: var(--color-info-soft) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-info-hover) !important;
}

/* Icon sits inline in the capsule — no separate circular disc */
.product_detail_main .video-chat-btn span,
.product-detail-main-bx .video-chat-btn span,
.profile-contact-wrapper .video-chat-btn span,
.contact-bx .video-chat-btn span,
.user-profile-page .video-chat-btn span,
.user-profile-page .video-chat-btn.scheduleCallBtn span,
.Jvideochat_cus .video-chat-btn span,
.videochat-btn-group .video-chat-btn span {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.product_detail_main .video-chat-btn span svg,
.product-detail-main-bx .video-chat-btn span svg,
.profile-contact-wrapper .video-chat-btn span svg,
.contact-bx .video-chat-btn span svg,
.user-profile-page .video-chat-btn span svg,
.user-profile-page .video-chat-btn.scheduleCallBtn span svg,
.Jvideochat_cus .video-chat-btn span svg,
.videochat-btn-group .video-chat-btn span svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

.product_detail_main .video-chat-btn span svg,
.product_detail_main .video-chat-btn span svg *,
.product-detail-main-bx .video-chat-btn span svg,
.product-detail-main-bx .video-chat-btn span svg *,
.profile-contact-wrapper .video-chat-btn span svg,
.profile-contact-wrapper .video-chat-btn span svg *,
.contact-bx .video-chat-btn span svg,
.contact-bx .video-chat-btn span svg *,
.user-profile-page .video-chat-btn span svg,
.user-profile-page .video-chat-btn span svg *,
.user-profile-page .video-chat-btn.scheduleCallBtn span svg,
.user-profile-page .video-chat-btn.scheduleCallBtn span svg *,
.Jvideochat_cus .video-chat-btn span svg,
.Jvideochat_cus .video-chat-btn span svg *,
.videochat-btn-group .video-chat-btn span svg,
.videochat-btn-group .video-chat-btn span svg * {
  stroke: var(--color-info) !important;
  color: var(--color-info) !important;
}

.product_detail_main .video-chat-btn span svg [fill]:not([fill="none"]),
.product-detail-main-bx .video-chat-btn span svg [fill]:not([fill="none"]),
.profile-contact-wrapper .video-chat-btn span svg [fill]:not([fill="none"]),
.contact-bx .video-chat-btn span svg [fill]:not([fill="none"]),
.user-profile-page .video-chat-btn span svg [fill]:not([fill="none"]),
.user-profile-page .video-chat-btn.scheduleCallBtn span svg [fill]:not([fill="none"]),
.Jvideochat_cus .video-chat-btn span svg [fill]:not([fill="none"]),
.videochat-btn-group .video-chat-btn span svg [fill]:not([fill="none"]) {
  fill: transparent !important;
}

.product_detail_main .video-chat-btn:hover span svg,
.product_detail_main .video-chat-btn:hover span svg *,
.product-detail-main-bx .video-chat-btn:hover span svg,
.product-detail-main-bx .video-chat-btn:hover span svg *,
.profile-contact-wrapper .video-chat-btn:hover span svg,
.profile-contact-wrapper .video-chat-btn:hover span svg *,
.contact-bx .video-chat-btn:hover span svg,
.contact-bx .video-chat-btn:hover span svg *,
.user-profile-page .video-chat-btn:hover span svg,
.user-profile-page .video-chat-btn:hover span svg *,
.user-profile-page .video-chat-btn.scheduleCallBtn:hover span svg,
.user-profile-page .video-chat-btn.scheduleCallBtn:hover span svg *,
.Jvideochat_cus .video-chat-btn:hover span svg,
.Jvideochat_cus .video-chat-btn:hover span svg *,
.videochat-btn-group .video-chat-btn:hover span svg,
.videochat-btn-group .video-chat-btn:hover span svg * {
  stroke: var(--color-info-hover) !important;
  color: var(--color-info-hover) !important;
}

/* PDP Inspect live — plain camera outline (no lens center circle / red dot) */
.db_productDetail_page .db-pdp-live-inspection .video-chat-btn span svg circle,
.product_detail_main .video-chat-btn span svg circle,
.product-detail-main-bx .video-chat-btn span svg circle,
.db_productDetail_page .video-chat-btn span svg circle,
.profile-contact-wrapper .video-chat-btn span svg circle,
.contact-bx .video-chat-btn span svg circle {
  display: none !important;
  visibility: hidden !important;
}

/* PDP Live inspection — nested light-grey panel INSIDE the sidebar card.
   Not a competing outer card; no double borders / split boxes. */
.db_productDetail_page .db-pdp-live-inspection,
.product-detail-main-bx .db-pdp-live-inspection {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 18px 16px 16px;
  box-sizing: border-box;
  background: var(--color-bg-subtle, #f9fafb);
  border: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 12px;
  box-shadow: none;
}

/* Kill nested “card” chrome on inner pieces (benefits row / legacy actions).
   Keep benefit column dividers via the + sibling rule below. */
.db_productDetail_page .db-pdp-live-inspection__benefits,
.product-detail-main-bx .db-pdp-live-inspection__benefits,
.db_productDetail_page .db-pdp-live-inspection__actions,
.product-detail-main-bx .db-pdp-live-inspection__actions {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.db_productDetail_page .db-pdp-live-inspection__benefit,
.product-detail-main-bx .db-pdp-live-inspection__benefit {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.db_productDetail_page .db-pdp-live-inspection__title,
.product-detail-main-bx .db-pdp-live-inspection__title {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary);
  text-align: left;
  background: transparent;
  border: 0;
}

.db_productDetail_page .db-pdp-live-inspection__subtext,
.product-detail-main-bx .db-pdp-live-inspection__subtext {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-secondary);
  text-align: left;
  background: transparent;
  border: 0;
}

.db_productDetail_page .db-pdp-live-inspection__benefits,
.product-detail-main-bx .db-pdp-live-inspection__benefits {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  list-style: none;
  margin: 4px 0 0;
  padding: 6px 0 4px;
  width: 100%;
}

.db_productDetail_page .db-pdp-live-inspection__benefit,
.product-detail-main-bx .db-pdp-live-inspection__benefit {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  border: 0 !important;
  position: relative;
}

/* Thin vertical gray dividers between the three benefit columns */
.db_productDetail_page .db-pdp-live-inspection__benefit+.db-pdp-live-inspection__benefit,
.product-detail-main-bx .db-pdp-live-inspection__benefit+.db-pdp-live-inspection__benefit {
  border-left: 0 !important;
}

.db_productDetail_page .db-pdp-live-inspection__benefit+.db-pdp-live-inspection__benefit::before,
.product-detail-main-bx .db-pdp-live-inspection__benefit+.db-pdp-live-inspection__benefit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background: var(--color-border-default, #e5e7eb);
  pointer-events: none;
}

.db_productDetail_page .db-pdp-live-inspection__benefit-icon,
.product-detail-main-bx .db-pdp-live-inspection__benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--color-text-secondary, #4b5563);
  line-height: 1;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.db_productDetail_page .db-pdp-live-inspection__benefit-icon svg,
.product-detail-main-bx .db-pdp-live-inspection__benefit-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  stroke: currentColor;
}

.db_productDetail_page .db-pdp-live-inspection__benefit-label,
.product-detail-main-bx .db-pdp-live-inspection__benefit-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-text-secondary, #6b7280);
}

/* Capsule Inspect live + duration chip — centered inside the same card */
.db_productDetail_page .db-pdp-live-inspection>.video-chat-btn,
.product-detail-main-bx .db-pdp-live-inspection>.video-chat-btn,
.db_productDetail_page .db-pdp-live-inspection__actions .video-chat-btn,
.product-detail-main-bx .db-pdp-live-inspection__actions .video-chat-btn {
  align-self: center;
  width: auto !important;
  max-width: 100%;
  margin: 4px auto 0 !important;
}

.db_productDetail_page .db-pdp-live-inspection .schedule-live-inspection-duration-chip,
.product-detail-main-bx .db-pdp-live-inspection .schedule-live-inspection-duration-chip {
  align-self: center;
  margin: 0 auto;
  box-shadow: none;
}

/* PDP seller card — All Items blue arrow only (no underline bar) */
.product-detail-main-bx .product-detail-owner-bx .detail-owner-header .see-all-btn:after,
.db_productDetail_page .product-detail-owner-bx .detail-owner-header .see-all-btn:after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  margin: 0 !important;
}

.product-detail-main-bx .product-detail-owner-bx .detail-owner-header .see-all-btn,
.db_productDetail_page .product-detail-owner-bx .detail-owner-header .see-all-btn {
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}

.product-detail-main-bx .product-detail-owner-bx .detail-owner-header .see-all-btn i,
.product-detail-main-bx .product-detail-owner-bx .detail-owner-header .see-all-btn i::before,
.db_productDetail_page .product-detail-owner-bx .detail-owner-header .see-all-btn i,
.db_productDetail_page .product-detail-owner-bx .detail-owner-header .see-all-btn i::before {
  color: var(--color-text-link) !important;
}

.product-detail-main-bx .product-detail-owner-bx .detail-owner-header .see-all-btn:hover i,
.product-detail-main-bx .product-detail-owner-bx .detail-owner-header .see-all-btn:hover i::before,
.db_productDetail_page .product-detail-owner-bx .detail-owner-header .see-all-btn:hover i,
.db_productDetail_page .product-detail-owner-bx .detail-owner-header .see-all-btn:hover i::before {
  color: var(--color-text-link-hover) !important;
}

/* Seller info row → public profile (/user/all-products/:id) */
.db_productDetail_page .db-pdp-seller-profile-link,
.product-detail-main-bx .db-pdp-seller-profile-link {
  display: block;
  text-decoration: none !important;
  color: inherit;
}

.db_productDetail_page .db-pdp-seller-profile-link:hover,
.product-detail-main-bx .db-pdp-seller-profile-link:hover {
  text-decoration: none !important;
  color: inherit;
}

/* ==========================================================================
   PDP sidebar redesign (Buy Now) — ONE unified white card
   Title → Delivery/Location → Live inspection (nested grey) → Buy Now
   → Order protection → Seller → Safety tips / Report
   ========================================================================== */

.db_productDetail_page .db-pdp-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

/* Single continuous card — border / radius / shadow / bg live here only */
.db_productDetail_page .db-pdp-sidebar-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 20px 18px 14px;
  box-sizing: border-box;
  background: var(--color-bg-surface, #fff);
  border: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

/* Kill legacy card chrome / spacing on direct sections (keep Live Inspection nested grey) */
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-header,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-meta,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-prebid,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-buy-actions,
.db_productDetail_page .db-pdp-sidebar-card>.product-action-buttons,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-order-protection,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-seller,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-footer,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-safety,
.db_productDetail_page .db-pdp-sidebar-card>.scarcity-capsule {
  box-shadow: none !important;
}

.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-header.productDetails_box,
.db_productDetail_page .db-pdp-sidebar-card .productDetails_box {
  margin-top: 0 !important;
}

/* 1) Header: title 18px light, price 24px bold, protection line, views, share */
.db_productDetail_page .db-pdp-header,
.db_productDetail_page .db-pdp-header.product-detail-heading {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.db_productDetail_page .db-pdp-header__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.db_productDetail_page .db-pdp-header__title,
.db_productDetail_page .db-pdp-header .product_title {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.35;
  color: var(--color-text-primary);
  text-align: left;
}

.db_productDetail_page .db-pdp-header__share {
  flex: 0 0 auto;
  align-self: flex-start;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-info);
  border-radius: 999px;
  background: var(--color-bg-surface, #fff);
  color: var(--color-info);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
}

.db_productDetail_page .db-pdp-header__share i,
.db_productDetail_page .db-pdp-header__share .fa-share-alt {
  color: inherit;
}

.db_productDetail_page .db-pdp-header__share:hover,
.db_productDetail_page .db-pdp-header__share:focus {
  color: var(--color-info-hover, var(--color-info));
  border-color: var(--color-info-hover, var(--color-info));
  outline: none;
}

.db_productDetail_page .db-pdp-header__pricing {
  margin-top: 10px;
  text-align: left !important;
}

.db_productDetail_page .db-pdp-header__starting-bid {
  margin: 0 0 4px;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35;
  color: var(--color-text-secondary);
}

.db_productDetail_page .db-pdp-header__price,
.db_productDetail_page .db-pdp-header__pricing>h4.db-pdp-header__price,
.db_productDetail_page .db-pdp-header .db-pdp-header__price {
  margin: 0;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  color: var(--color-text-primary);
}

.db_productDetail_page .db-pdp-header__protection {
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-text-secondary);
}

.db_productDetail_page .db-pdp-header__pricing:has(.db-pdp-header__starting-bid) .db-pdp-header__protection {
  font-size: 12px !important;
}

/* Auction PDP status panel — Upcoming / Live nested grey panel */
.db_productDetail_page .db-pdp-prebid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 18px 16px 16px;
  box-sizing: border-box;
  background: var(--color-bg-subtle, #f9fafb);
  border: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 12px;
  box-shadow: none;
}

.db_productDetail_page .db-pdp-prebid__title {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary);
  text-align: left;
}

.db_productDetail_page .db-pdp-prebid__subtext {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-primary);
  text-align: left;
}

.db_productDetail_page .db-pdp-prebid .countdown-boxes,
.db_productDetail_page .db-pdp-prebid__countdown {
  max-width: 100%;
  margin: 0;
}

.db_productDetail_page .db-pdp-prebid .countdown-boxes__heading {
  font-weight: 400;
  color: var(--color-text-secondary);
}

/* Auction PDP Upcoming — center "Starts on …" under countdown */
.db_productDetail_page .db-pdp-prebid__countdown .countdown-boxes__footer {
  text-align: center;
}

.db_productDetail_page .db-pdp-prebid .db-pdp-buy-actions,
.db_productDetail_page .db-pdp-prebid .product-action-buttons.db-pdp-buy-actions {
  margin-top: 4px;
}

.db_productDetail_page .db-pdp-prebid .db-pdp-buy-actions .number-reveal-btn .fa-gavel,
.db_productDetail_page .db-pdp-prebid .db-pdp-buy-actions .chat_buy_message .fa-gavel {
  margin-right: 6px;
  color: inherit;
}

.db_productDetail_page .db-pdp-prebid .scarcity-capsule {
  margin: 0 auto;
}

.db_productDetail_page .db-pdp-prebid .Bids_btn {
  margin: 0 auto;
  text-align: center;
}

/* Live badge on auction PDP gallery — danger/red soft Live tokens */
.db_productDetail_page .product-detailslider .live-tag,
.product-detail-main-bx .product-detailslider .live-tag {
  background: var(--color-live-soft-bg) !important;
  color: var(--color-live-soft-text) !important;
  border-radius: 999px;
}

.db_productDetail_page .product-detailslider .live-tag i,
.product-detail-main-bx .product-detailslider .live-tag i {
  color: var(--color-live-soft-text) !important;
}

.db_productDetail_page .db-pdp-header__views {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-text-muted, #9ca3af);
}

.db_productDetail_page .db-pdp-header .share-icon-mobile {
  display: none;
}

/* 2) Delivery / Location rows */
.db_productDetail_page .db-pdp-meta {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 4px 0;
  border-top: 1px solid var(--color-border-default, #e5e7eb);
  border-bottom: 1px solid var(--color-border-default, #e5e7eb);
  background: transparent;
  box-shadow: none;
}

.db_productDetail_page .db-pdp-meta__row {
  display: grid;
  grid-template-columns: 28px auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px 2px;
  min-width: 0;
}

.db_productDetail_page .db-pdp-meta__row+.db-pdp-meta__row {
  border-top: 1px solid var(--color-border-default, #e5e7eb);
}

.db_productDetail_page .db-pdp-meta__icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Landing trust-icon colours */
  background: #F5F7FA !important;
  color: #6B7C93 !important;
  flex-shrink: 0;
}

.db_productDetail_page .db-pdp-meta__icon svg {
  width: 22px;
  height: 22px;
  display: block;
  color: #6B7C93 !important;
  stroke: #6B7C93;
}

.db_productDetail_page .db-pdp-meta__label {
  font-size: 14px;
  font-weight: 600;
  color: #000000 !important;
  white-space: nowrap;
}

.db_productDetail_page .db-pdp-meta__value {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-secondary);
  text-align: right;
  justify-self: end;
  min-width: 0;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

/* PDP Delivery / Location / Order protection — dark trust-icon colours */
[data-theme="dark"] .db_productDetail_page .db-pdp-meta__icon {
  background: #1E293B !important;
  color: #A8B3C2 !important;
}

[data-theme="dark"] .db_productDetail_page .db-pdp-meta__icon svg {
  color: #A8B3C2 !important;
  stroke: #A8B3C2;
}

[data-theme="dark"] .db_productDetail_page .db-pdp-meta__label {
  color: #FFFFFF !important;
}

[data-theme="dark"] .db_productDetail_page .db-pdp-order-protection__icon {
  background: #1E293B !important;
  color: #A8B3C2 !important;
}

[data-theme="dark"] .db_productDetail_page .db-pdp-order-protection__icon svg {
  color: #A8B3C2 !important;
  stroke: #A8B3C2;
}

[data-theme="dark"] .db_productDetail_page .db-pdp-order-protection__title {
  color: #FFFFFF !important;
}

/* Live inspection — capsule Inspect live (ensure pill shape) */
.db_productDetail_page .db-pdp-live-inspection>.video-chat-btn,
.product-detail-main-bx .db-pdp-live-inspection>.video-chat-btn,
.db_productDetail_page .db-pdp-live-inspection__actions .video-chat-btn,
.product-detail-main-bx .db-pdp-live-inspection__actions .video-chat-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--color-info) !important;
  background: var(--color-bg-surface, #fff) !important;
  color: var(--color-info) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.db_productDetail_page .db-pdp-live-inspection>.video-chat-btn span,
.product-detail-main-bx .db-pdp-live-inspection>.video-chat-btn span,
.db_productDetail_page .db-pdp-live-inspection__actions .video-chat-btn span,
.product-detail-main-bx .db-pdp-live-inspection__actions .video-chat-btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Inspect live camera icon — slightly larger on PDP only */
.db_productDetail_page .db-pdp-live-inspection .video-chat-btn span svg,
.product-detail-main-bx .db-pdp-live-inspection .video-chat-btn span svg {
  width: 26px !important;
  height: 26px !important;
}

/* Remove any leftover camera lens center circle */
.db_productDetail_page .db-pdp-live-inspection .video-chat-btn span svg circle,
.db_productDetail_page .db-pdp-live-inspection .video-chat-btn span svg .center-circle {
  display: none !important;
  visibility: hidden !important;
}

/* 4) Buy now — centered narrow orange pill (matches reference; not full-bleed) */
.db_productDetail_page .db-pdp-buy-actions,
.db_productDetail_page .product-action-buttons.db-pdp-buy-actions,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-buy-actions,
.db_productDetail_page .db-pdp-sidebar-card>.product-action-buttons.db-pdp-buy-actions {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center !important;
  gap: 10px;
  width: 100%;
  margin: 0;
  border: 0;
  border-bottom: none;
  box-shadow: none;
  text-align: center;
}

.db_productDetail_page .db-pdp-buy-actions .number-reveal-btn,
.db_productDetail_page .product-action-buttons.db-pdp-buy-actions .number-reveal-btn,
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-buy-actions .number-reveal-btn,
.db_productDetail_page .db-pdp-sidebar-card>.product-action-buttons.db-pdp-buy-actions .number-reveal-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
  min-height: 44px;
  margin: 0 auto !important;
  padding: 11px 26px !important;
  border-radius: 999px !important;
  background: var(--color-brand-primary) !important;
  border: 1px solid var(--color-brand-primary) !important;
  color: var(--color-text-on-accent, #fff) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.db_productDetail_page .db-pdp-buy-actions .number-reveal-btn span,
.db_productDetail_page .db-pdp-buy-actions .number-reveal-btn .chat_buy_message {
  color: inherit !important;
  font-weight: inherit !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

.db_productDetail_page .db-pdp-buy-actions .number-reveal-btn:hover,
.db_productDetail_page .db-pdp-buy-actions .number-reveal-btn:focus {
  background: var(--color-brand-primary-hover, var(--color-brand-primary)) !important;
  border-color: var(--color-brand-primary-hover, var(--color-brand-primary)) !important;
  color: var(--color-text-on-accent, #fff) !important;
}

.db_productDetail_page .db-pdp-sidebar-card>.scarcity-capsule,
.db_productDetail_page .db-pdp-sidebar .scarcity-capsule {
  margin: 0 auto;
}

/* 5) Order protection — section inside parent card (no floating card chrome) */
.db_productDetail_page .db-pdp-order-protection {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 28px;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 14px 0 4px;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

.db_productDetail_page .db-pdp-order-protection__icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  /* Landing trust-icon colours */
  background: #F5F7FA !important;
  color: #6B7C93 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.db_productDetail_page .db-pdp-order-protection__icon svg {
  width: 22px;
  height: 22px;
  display: block;
  color: #6B7C93 !important;
  stroke: #6B7C93;
}

.db_productDetail_page .db-pdp-order-protection__title {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #000000 !important;
  text-transform: none !important;
}

.db_productDetail_page .db-pdp-order-protection__text {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--color-text-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.db_productDetail_page .db-pdp-order-protection__info {
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-info);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  font-size: 16px;
}

.db_productDetail_page .db-pdp-order-protection__info:hover,
.db_productDetail_page .db-pdp-order-protection__info:focus {
  color: var(--color-info-hover, var(--color-info));
  outline: none;
}

/* 6) Seller profile — section inside parent card (override legacy owner-bx card + media margin) */
.db_productDetail_page .db-pdp-sidebar-card>.db-pdp-seller.product-detail-owner-bx,
.db_productDetail_page .db-pdp-seller.product-detail-owner-bx {
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 12px 0 4px;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--color-border-default, #e5e7eb) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.db_productDetail_page .db-pdp-seller__header,
.db_productDetail_page .db-pdp-seller .detail-owner-header {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}

.db_productDetail_page .db-pdp-seller .user-withiItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  float: none;
}

.db_productDetail_page .db-pdp-seller .user-withiItem h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: left;
}

/* Avatar + rating on one row; last-seen/joined on its own full-width line below */
.db_productDetail_page .db-pdp-seller .db-pdp-seller-profile-link,
.db_productDetail_page .db-pdp-seller>.detail-owner-name-bx {
  display: block;
  width: 100%;
  max-width: none;
}

.db_productDetail_page .db-pdp-seller .detail-owner-name-bx {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
  padding: 0 !important;
  float: none;
  overflow: visible;
}

.db_productDetail_page .db-pdp-seller .detail-owner-img {
  float: none !important;
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 70px;
  max-width: 70px;
  margin: 0;
}

.db_productDetail_page .db-pdp-seller .detail-owner-img img {
  display: block;
  width: 70px;
  min-width: 70px;
  height: 70px;
}

/* display:contents so .rated-star sits beside avatar and <p> can wrap full-width below */
.db_productDetail_page .db-pdp-seller .detail-owner-name {
  float: none !important;
  display: contents;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.db_productDetail_page .db-pdp-seller .detail-owner-name .rated-star {
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  line-height: 1.3;
  position: static;
}

.db_productDetail_page .db-pdp-seller .detail-owner-name .star-ratings {
  display: inline-flex;
  vertical-align: middle;
  position: static;
  margin: 0;
  line-height: 1;
}

.db_productDetail_page .db-pdp-seller .detail-owner-name p {
  display: block;
  position: static;
  float: none;
  clear: both;
  flex: 1 0 100%;
  order: 3;
  width: 100%;
  max-width: 100%;
  margin: 8px 0 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-secondary);
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

/* 7) Safety tips / Report — two columns + divider; flush section, not a sibling card */
.db_productDetail_page .db-pdp-footer.detail-owner-btn,
.db_productDetail_page .db-pdp-safety.detail-owner-btn {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  column-gap: 16px;
  row-gap: 0;
  margin: 0;
  padding: 8px 0 4px;
  background:
    linear-gradient(var(--color-border-default, #e5e7eb),
      var(--color-border-default, #e5e7eb)) center / 1px calc(100% - 16px) no-repeat,
    transparent;
  border: 0;
  border-top: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  box-sizing: border-box;
}

.db_productDetail_page .db-pdp-footer.detail-owner-btn>a,
.db_productDetail_page .db-pdp-footer.detail-owner-btn>.dropdown,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>a,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>.dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 48px;
  width: auto;
}

.db_productDetail_page .db-pdp-footer.detail-owner-btn>.dropdown,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>.dropdown {
  border-left: 0;
}

.db_productDetail_page .db-pdp-footer.detail-owner-btn>a.btn,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .dropdown>.btn,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>a.btn,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .dropdown>.btn {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  color: var(--color-text-primary) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.db_productDetail_page .db-pdp-footer.detail-owner-btn>a.btn span,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .dropdown>.btn span,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>a.btn span,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .dropdown>.btn span {
  color: var(--color-info) !important;
  display: inline-flex;
  align-items: center;
  margin-right: 0;
}

.db_productDetail_page .db-pdp-footer.detail-owner-btn>a.btn i,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .dropdown>.btn i,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>a.btn i,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .dropdown>.btn i,
.db_productDetail_page .db-pdp-footer.detail-owner-btn>a.btn i::before,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .dropdown>.btn i::before,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>a.btn i::before,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .dropdown>.btn i::before,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .fa-shield-alt,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .fa-flag,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .fa-shield-alt,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .fa-flag,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .fa-shield-alt::before,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .fa-flag::before,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .fa-shield-alt::before,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .fa-flag::before {
  color: var(--color-info) !important;
}

.db_productDetail_page .db-pdp-footer.detail-owner-btn>a.btn::after,
.db_productDetail_page .db-pdp-footer.detail-owner-btn .dropdown>.btn::after,
.db_productDetail_page .db-pdp-safety.detail-owner-btn>a.btn::after,
.db_productDetail_page .db-pdp-safety.detail-owner-btn .dropdown>.btn::after {
  margin-left: 6px;
  color: var(--color-text-muted, #9ca3af);
}

/* Expanded Safety tips / Report panels — inset panels, not floating sibling cards */
.db_productDetail_page .db-pdp-safety-panel,
.db_productDetail_page .db-pdp-sidebar .safety-tips-bx,
.db_productDetail_page .db-pdp-sidebar-card>.safety-tips-bx {
  margin: 0;
  padding: 16px 14px !important;
  background: var(--color-bg-subtle, #f9fafb);
  border: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
}

.db_productDetail_page .db-pdp-report-panel,
.db_productDetail_page .db-pdp-sidebar .report_section,
.db_productDetail_page .db-pdp-sidebar-card>.report_section {
  margin: 0;
  background: var(--color-bg-subtle, #f9fafb);
  border: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
  box-sizing: border-box;
}

.db_productDetail_page .db-pdp-report-panel .report_section_padding,
.db_productDetail_page .db-pdp-sidebar .report_section .report_section_padding {
  padding: 18px 20px !important;
}

.db_productDetail_page .db-pdp-report-panel .report_section_heading,
.db_productDetail_page .db-pdp-sidebar .report_section .report_section_heading {
  margin-left: 0;
  margin-right: 0;
}

.db_productDetail_page .db-pdp-report-panel .report_section_heading i,
.db_productDetail_page .db-pdp-sidebar .report_section .report_section_heading i,
.db_productDetail_page .db-pdp-report-panel .report_section_heading i::before,
.db_productDetail_page .db-pdp-sidebar .report_section .report_section_heading i::before {
  color: var(--color-info) !important;
}

/* Safety tips list bullets — brand blue (match Safety tips / Report icons), not orange */
.db_productDetail_page .db-pdp-safety-panel ul li:after,
.db_productDetail_page .db-pdp-sidebar .safety-tips-bx ul li:after,
.db_productDetail_page .safety-tips-bx ul li:after {
  background: var(--color-info) !important;
}

/* Report panel Cancel / Send report — equal-width actions on all screens */
.db_productDetail_page .db-pdp-report-panel > .detail-owner-btn,
.db_productDetail_page .db-pdp-sidebar .report_section > .detail-owner-btn,
.db_productDetail_page .db-pdp-report-actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px;
  box-sizing: border-box;
}

.db_productDetail_page .db-pdp-report-panel > .detail-owner-btn > a,
.db_productDetail_page .db-pdp-sidebar .report_section > .detail-owner-btn > a,
.db_productDetail_page .db-pdp-report-actions > a {
  flex: 1 1 calc(50% - 6px);
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  border-radius: 999px !important;
  box-sizing: border-box;
  background-image: none !important;
  filter: none !important;
}

.db_productDetail_page .db-pdp-report-panel > .detail-owner-btn > a span,
.db_productDetail_page .db-pdp-sidebar .report_section > .detail-owner-btn > a span,
.db_productDetail_page .db-pdp-report-actions > a span {
  display: none;
}

.db_productDetail_page .db-pdp-report-panel .Cancel_report_btn,
.db_productDetail_page .db-pdp-sidebar .report_section .Cancel_report_btn,
.db_productDetail_page .db-pdp-report-actions .Cancel_report_btn {
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
  background: var(--color-bg-surface) !important;
}

.db_productDetail_page .db-pdp-report-panel .send_report_btn,
.db_productDetail_page .db-pdp-sidebar .report_section .send_report_btn,
.db_productDetail_page .db-pdp-report-actions .send_report_btn {
  color: var(--color-text-on-accent) !important;
  border: 2px solid var(--color-info) !important;
  background: var(--color-info) !important;
}

@media (max-width: 767px) {
  .db_productDetail_page .db-pdp-sidebar {
    gap: 0;
  }

  .db_productDetail_page .db-pdp-sidebar-card {
    gap: 14px;
    padding: 16px 14px 12px;
  }

  .db_productDetail_page .db-pdp-header__title,
  .db_productDetail_page .db-pdp-header .product_title {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1.35;
  }

  .db_productDetail_page .db-pdp-header__price,
  .db_productDetail_page .db-pdp-header__pricing>h4.db-pdp-header__price,
  .db_productDetail_page .db-pdp-header .db-pdp-header__price,
  .db_productDetail_page .db-pdp-header__pricing.newrigh_ppris h4,
  .db_productDetail_page .newrigh_ppris h4,
  .db_productDetail_page .newrigh_ppris .font-size-20 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2;
  }

  .db_productDetail_page .db-pdp-header__protection,
  .db_productDetail_page .db-pdp-meta__label,
  .db_productDetail_page .db-pdp-meta__value {
    font-size: 14px !important;
  }

  .db_productDetail_page .db-pdp-header__views,
  .db_productDetail_page .db-pdp-header__pricing.newrigh_ppris p,
  .db_productDetail_page .newrigh_ppris p {
    font-size: 12px !important;
  }

  .db_productDetail_page .db-pdp-meta__value {
    max-width: 100%;
  }

  .db_productDetail_page .db-pdp-footer.detail-owner-btn,
  .db_productDetail_page .db-pdp-safety.detail-owner-btn {
    column-gap: 12px;
    padding: 8px 0 2px;
  }

  .db_productDetail_page .db-pdp-safety-panel,
  .db_productDetail_page .db-pdp-sidebar .safety-tips-bx {
    padding: 14px 12px !important;
  }

  .db_productDetail_page .db-pdp-report-panel .report_section_padding,
  .db_productDetail_page .db-pdp-sidebar .report_section .report_section_padding {
    padding: 16px 14px !important;
  }

  .db_productDetail_page .db-pdp-report-panel > .detail-owner-btn,
  .db_productDetail_page .db-pdp-sidebar .report_section > .detail-owner-btn,
  .db_productDetail_page .db-pdp-report-actions {
    gap: 10px;
    padding: 12px 12px 14px;
  }

  .db_productDetail_page .db-pdp-report-panel > .detail-owner-btn > a,
  .db_productDetail_page .db-pdp-sidebar .report_section > .detail-owner-btn > a,
  .db_productDetail_page .db-pdp-report-actions > a {
    font-size: 14px !important;
    padding: 11px 12px !important;
  }

  .db_productDetail_page .db-pdp-order-protection {
    grid-template-columns: 36px minmax(0, 1fr) 24px;
    padding: 12px 0 2px;
  }
}

[data-theme="dark"] .db_productDetail_page .db-pdp-sidebar-card {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .db_productDetail_page .db-pdp-header__share {
  background: var(--color-bg-surface);
  border-color: var(--color-info);
  color: var(--color-info);
}

[data-theme="dark"] .db_productDetail_page .db-pdp-order-protection,
[data-theme="dark"] .db_productDetail_page .db-pdp-seller.product-detail-owner-bx,
[data-theme="dark"] .db_productDetail_page .db-pdp-footer.detail-owner-btn,
[data-theme="dark"] .db_productDetail_page .db-pdp-safety.detail-owner-btn {
  background: transparent;
  border-color: var(--color-border-default);
}

[data-theme="dark"] .db_productDetail_page .db-pdp-safety-panel,
[data-theme="dark"] .db_productDetail_page .db-pdp-report-panel,
[data-theme="dark"] .db_productDetail_page .db-pdp-sidebar .safety-tips-bx,
[data-theme="dark"] .db_productDetail_page .db-pdp-sidebar .report_section {
  background: var(--color-bg-subtle, rgba(148, 163, 184, 0.12));
  border-color: var(--color-border-default);
}

[data-theme="dark"] .db_productDetail_page .db-pdp-footer.detail-owner-btn,
[data-theme="dark"] .db_productDetail_page .db-pdp-safety.detail-owner-btn {
  background:
    linear-gradient(var(--color-border-default),
      var(--color-border-default)) center / 1px calc(100% - 16px) no-repeat,
    transparent;
}

[data-theme="dark"] .db_productDetail_page .db-pdp-live-inspection,
[data-theme="dark"] .product-detail-main-bx .db-pdp-live-inspection {
  background: var(--color-bg-subtle, rgba(148, 163, 184, 0.12));
  border-color: var(--color-border-default);
}

[data-theme="dark"] .db_productDetail_page .db-pdp-prebid {
  background: var(--color-bg-subtle, rgba(148, 163, 184, 0.12));
  border-color: var(--color-border-default);
}

[data-theme="dark"] .db_productDetail_page .db-pdp-live-inspection>.video-chat-btn,
[data-theme="dark"] .db_productDetail_page .db-pdp-live-inspection__actions .video-chat-btn {
  background: var(--color-bg-surface) !important;
}

[data-theme="dark"] .product_detail_main .video-chat-btn,
[data-theme="dark"] .product-detail-main-bx .video-chat-btn,
[data-theme="dark"] .profile-contact-wrapper .video-chat-btn,
[data-theme="dark"] .contact-bx .video-chat-btn,
[data-theme="dark"] .user-profile-page .video-chat-btn,
[data-theme="dark"] .user-profile-page .video-chat-btn.scheduleCallBtn,
[data-theme="dark"] .Jvideochat_cus .video-chat-btn,
[data-theme="dark"] .videochat-btn-group .video-chat-btn {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-info) !important;
  color: var(--color-info) !important;
}

/* Inspect live popup on product page */
.db-inspect-live-modal__icon {
  margin-bottom: 12px;
}

.db-inspect-live-modal__title {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 8px;
}

.db-inspect-live-modal__status,
.db-inspect-live-modal__lead,
.db-inspect-live-modal__hint {
  color: var(--color-text-secondary);
  font-size: 15px;
  margin-bottom: 12px;
}

.db-inspect-live-modal__lead {
  margin-bottom: 8px;
}

.db-inspect-live-modal .schedule-live-inspection-duration-chip {
  display: inline-flex;
  margin: 0 auto 12px;
}

.db-inspect-live-modal__hint {
  margin-bottom: 6px;
}

.db-inspect-live-modal__camera-default {
  color: var(--color-text-primary);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 16px;
}

.db-inspect-live-modal__actions .btn-primary,
.db-inspect-live-modal__start-btn,
.db-inspect-live-modal__actions .btn-outline-secondary {
  border-radius: 999px !important;
}

/* ==========================================================================
   Popup / modal close "X" — blue circle + white icon (M19 Setup Wallet)
   ========================================================================== */

.shipCloseBtn,
.video_modal_income .modal_nclose {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
  opacity: 1 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shipCloseBtn i,
.shipCloseBtn span,
.video_modal_income .modal_nclose {
  color: var(--color-text-on-accent) !important;
}

.shipCloseBtn:hover,
.shipCloseBtn:focus,
.video_modal_income .modal_nclose:hover,
.video_modal_income .modal_nclose:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.shipCloseBtn:active,
.video_modal_income .modal_nclose:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
  color: var(--color-text-on-accent) !important;
}

/* Setup wallet modal (post-ad) — blue close, capsule CTA, terms link */
.post-ad-setup-wallet-modal.shipModal .shipCloseBtn,
.ReactModal__Content.post-ad-setup-wallet-modal.shipModal .shipCloseBtn,
.my-total-balance-stripe-modal.shipModal .shipCloseBtn,
.ReactModal__Content.my-total-balance-stripe-modal.shipModal .shipCloseBtn {
  background: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  opacity: 1 !important;
}

.post-ad-setup-wallet-modal.shipModal .shipCloseBtn i,
.ReactModal__Content.post-ad-setup-wallet-modal.shipModal .shipCloseBtn i,
.my-total-balance-stripe-modal.shipModal .shipCloseBtn i,
.ReactModal__Content.my-total-balance-stripe-modal.shipModal .shipCloseBtn i {
  color: var(--color-text-on-accent) !important;
}

.post-ad-setup-wallet-modal.shipModal .shipCloseBtn:hover,
.post-ad-setup-wallet-modal.shipModal .shipCloseBtn:focus,
.ReactModal__Content.post-ad-setup-wallet-modal.shipModal .shipCloseBtn:hover,
.ReactModal__Content.post-ad-setup-wallet-modal.shipModal .shipCloseBtn:focus,
.my-total-balance-stripe-modal.shipModal .shipCloseBtn:hover,
.my-total-balance-stripe-modal.shipModal .shipCloseBtn:focus,
.ReactModal__Content.my-total-balance-stripe-modal.shipModal .shipCloseBtn:hover,
.ReactModal__Content.my-total-balance-stripe-modal.shipModal .shipCloseBtn:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.post-ad-setup-wallet-modal.shipModal .shipCloseBtn:active,
.ReactModal__Content.post-ad-setup-wallet-modal.shipModal .shipCloseBtn:active,
.my-total-balance-stripe-modal.shipModal .shipCloseBtn:active,
.ReactModal__Content.my-total-balance-stripe-modal.shipModal .shipCloseBtn:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
  color: var(--color-text-on-accent) !important;
}

.post-ad-setup-wallet-modal .post-ad-setup-stripe-btn.btnx.btn-secondaryx {
  border-radius: 999px !important;
}

.post-ad-setup-wallet-modal .By-continu-title a {
  color: var(--color-text-link) !important;
  text-decoration: none;
}

.post-ad-setup-wallet-modal .By-continu-title a:hover {
  color: var(--color-text-link-hover) !important;
  text-decoration: underline;
}

.modal-header .close,
.modal-header button.close,
.dispute-modal-content .close,
.confirmation-modal .confirmation-close {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
  border-radius: 50%;
  opacity: 1 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  float: none;
}

.modal-header .close span,
.dispute-modal-content .close span,
.confirmation-modal .confirmation-close span {
  color: var(--color-text-on-accent) !important;
  line-height: 1;
  font-size: 22px;
  font-weight: 400;
}

.modal-header .close:hover,
.modal-header .close:focus,
.dispute-modal-content .close:hover,
.dispute-modal-content .close:focus,
.confirmation-modal .confirmation-close:hover,
.confirmation-modal .confirmation-close:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
  opacity: 1 !important;
  transform: none;
  box-shadow: none;
}

/* Receipt modal — footer buttons (Close / Download Invoice / Download PDF): capsule shape */
.receipt-modal .receipt-actions .btn,
.receipt-modal .receipt-actions button.btn {
  border-radius: 50px !important;
}

/* Receipt modal — Download Invoice: white bg + blue text (not solid blue fill) */
.receipt-modal .receipt-actions .btn.btn-info,
.receipt-modal .receipt-actions button.btn-info {
  background: var(--color-bg-surface) !important;
  background-color: var(--color-bg-surface) !important;
  color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  box-shadow: none !important;
}

.receipt-modal .receipt-actions .btn.btn-info:hover:not(:disabled),
.receipt-modal .receipt-actions .btn.btn-info:focus:not(:disabled),
.receipt-modal .receipt-actions button.btn-info:hover:not(:disabled),
.receipt-modal .receipt-actions button.btn-info:focus:not(:disabled) {
  background: var(--color-info-soft) !important;
  background-color: var(--color-info-soft) !important;
  color: var(--color-info) !important;
  border-color: var(--color-info) !important;
}

.receipt-modal .receipt-actions .btn.btn-info:active:not(:disabled),
.receipt-modal .receipt-actions button.btn-info:active:not(:disabled) {
  background: var(--color-info-soft-hover) !important;
  background-color: var(--color-info-soft-hover) !important;
  color: var(--color-info) !important;
  border-color: var(--color-info) !important;
}

.receipt-modal .close-modal-btn,
.close-modal-btn:has(.fa-times),
.close-modal-btn:has(.fas.fa-times) {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.receipt-modal .close-modal-btn i,
.close-modal-btn:has(.fa-times) i,
.close-modal-btn:has(.fas.fa-times) i {
  color: var(--color-text-on-accent) !important;
}

.receipt-modal .close-modal-btn:hover,
.receipt-modal .close-modal-btn:focus,
.close-modal-btn:has(.fa-times):hover,
.close-modal-btn:has(.fa-times):focus,
.close-modal-btn:has(.fas.fa-times):hover,
.close-modal-btn:has(.fas.fa-times):focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.shipping-rates-modal .close-btn,
.label-printer-modal .close-btn,
.price-edit-modal-header .close-btn,
.invoice-modal-header .close-btn {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
  border-radius: 50%;
  opacity: 1 !important;
}

.shipping-rates-modal .close-btn i,
.label-printer-modal .close-btn i,
.price-edit-modal-header .close-btn i,
.invoice-modal-header .close-btn i {
  color: var(--color-text-on-accent) !important;
}

.shipping-rates-modal .close-btn:hover,
.shipping-rates-modal .close-btn:focus,
.label-printer-modal .close-btn:hover,
.label-printer-modal .close-btn:focus,
.price-edit-modal-header .close-btn:hover,
.price-edit-modal-header .close-btn:focus,
.invoice-modal-header .close-btn:hover,
.invoice-modal-header .close-btn:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.schedule-popup-header button.btn-link {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0 !important;
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

.schedule-popup-header button.btn-link i {
  color: var(--color-text-on-accent) !important;
}

.schedule-popup-header button.btn-link:hover,
.schedule-popup-header button.btn-link:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

[data-theme="dark"] .confirmation-modal .confirmation-close,
[data-theme="dark"] .confirmation-modal .confirmation-close span,
[data-theme="dark"] .modal-header .close,
[data-theme="dark"] .modal-header .close span,
[data-theme="dark"] .shipCloseBtn,
[data-theme="dark"] .shipCloseBtn i {
  color: var(--color-text-on-accent) !important;
}

/* Sentence case — CMS/footer only (does not touch product page layout) */
.abouttop_banner .bannerheading,
.abouttop_sectwo .sectionhead,
.tremsuse_banner .bannerheading,
.pripolicy_bannersec .bannerheading,
.privacy_ply .bannerheading,
.ftr-menu-bx h2,
.site-footer--landing .ftr-menu-bx h2,
.help-center-page h2,
.about_heading,
.user-profile-page .about_heading {
  text-transform: none !important;
}

/* Profile header “Activity →” — blue arrow, no underline (final cascade) */
.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn,
.page_6tabmain_top .db_my_profile_details a.see-all-btn.font-size-14,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn {
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}

.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn:hover,
.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn:focus,
.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn:focus-visible,
.page_6tabmain_top .db_my_profile_details a.see-all-btn.font-size-14:hover,
.page_6tabmain_top .db_my_profile_details a.see-all-btn.font-size-14:focus,
.page_6tabmain_top .db_my_profile_details a.see-all-btn.font-size-14:focus-visible,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn:hover,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn:focus,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn:focus-visible {
  text-decoration: none !important;
}

.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn:after,
.page_6tabmain_top .db_my_profile_details a.see-all-btn.font-size-14:after,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn:after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  margin: 0 !important;
  background: none !important;
}

.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn i,
.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn i::before,
.page_6tabmain_top .db_my_profile_details a.see-all-btn.font-size-14 i,
.page_6tabmain_top .db_my_profile_details a.see-all-btn.font-size-14 i::before,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn i,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn i::before {
  color: var(--color-text-link) !important;
  text-decoration: none !important;
}

.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn:hover i,
.page_6tabmain_top .post_product_box .db_my_profile_details a.see-all-btn:hover i::before,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn:hover i,
body:has(.my-orders-container) .db_my_profile_details a.see-all-btn:hover i::before {
  color: var(--color-text-link-hover) !important;
}

/* Feed cards “All items →” — blue arrow, no underline (final cascade) */
.ownprofilepage .myowe_sec a.see-all-btn,
.user-profile-connections-page .myowe_sec a.see-all-btn,
.myown_follow .myowe_sec a.see-all-btn,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn,
.myown_follow .rated-customer-bx-inner a.see-all-btn {
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}

.ownprofilepage .myowe_sec a.see-all-btn:hover,
.ownprofilepage .myowe_sec a.see-all-btn:focus,
.ownprofilepage .myowe_sec a.see-all-btn:focus-visible,
.user-profile-connections-page .myowe_sec a.see-all-btn:hover,
.user-profile-connections-page .myowe_sec a.see-all-btn:focus,
.user-profile-connections-page .myowe_sec a.see-all-btn:focus-visible,
.myown_follow .myowe_sec a.see-all-btn:hover,
.myown_follow .myowe_sec a.see-all-btn:focus,
.myown_follow .myowe_sec a.see-all-btn:focus-visible,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn:hover,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn:focus,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn:focus-visible,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn:hover,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn:focus,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn:focus-visible,
.myown_follow .rated-customer-bx-inner a.see-all-btn:hover,
.myown_follow .rated-customer-bx-inner a.see-all-btn:focus,
.myown_follow .rated-customer-bx-inner a.see-all-btn:focus-visible {
  text-decoration: none !important;
}

.ownprofilepage .myowe_sec a.see-all-btn:after,
.user-profile-connections-page .myowe_sec a.see-all-btn:after,
.myown_follow .myowe_sec a.see-all-btn:after,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn:after,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn:after,
.myown_follow .rated-customer-bx-inner a.see-all-btn:after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  margin: 0 !important;
  background: none !important;
}

.ownprofilepage .myowe_sec a.see-all-btn i,
.ownprofilepage .myowe_sec a.see-all-btn i::before,
.user-profile-connections-page .myowe_sec a.see-all-btn i,
.user-profile-connections-page .myowe_sec a.see-all-btn i::before,
.myown_follow .myowe_sec a.see-all-btn i,
.myown_follow .myowe_sec a.see-all-btn i::before,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn i,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn i::before,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn i,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn i::before,
.myown_follow .rated-customer-bx-inner a.see-all-btn i,
.myown_follow .rated-customer-bx-inner a.see-all-btn i::before {
  color: var(--color-text-link) !important;
  text-decoration: none !important;
}

.ownprofilepage .myowe_sec a.see-all-btn:hover i,
.ownprofilepage .myowe_sec a.see-all-btn:hover i::before,
.user-profile-connections-page .myowe_sec a.see-all-btn:hover i,
.user-profile-connections-page .myowe_sec a.see-all-btn:hover i::before,
.myown_follow .myowe_sec a.see-all-btn:hover i,
.myown_follow .myowe_sec a.see-all-btn:hover i::before,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn:hover i,
.ownprofilepage .rated-customer-bx-inner a.see-all-btn:hover i::before,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn:hover i,
.user-profile-connections-page .rated-customer-bx-inner a.see-all-btn:hover i::before,
.myown_follow .rated-customer-bx-inner a.see-all-btn:hover i,
.myown_follow .rated-customer-bx-inner a.see-all-btn:hover i::before {
  color: var(--color-text-link-hover) !important;
}

/* My Alerts — Unread/Read tabs: active black text + blue underline */
.alert-tabs .alert-tab-btn {
  color: var(--color-text-secondary) !important;
}

.alert-tabs .alert-tab-btn:hover {
  color: var(--color-text-primary) !important;
}

.alert-tabs .alert-tab-btn.active {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
}

.alert-tabs .alert-tab-btn.active::after {
  background: var(--color-info) !important;
}

.alert-load-more {
  padding: 12px 14px 14px;
  background: var(--color-bg-surface);
  border-top: 1px solid var(--color-border-default);
}

.alert-load-more__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid var(--color-info);
  border-radius: 999px;
  background-color: var(--color-info);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.alert-load-more__button:hover:not(:disabled),
.alert-load-more__button:focus-visible:not(:disabled) {
  background-color: var(--color-info-hover);
  border-color: var(--color-info-hover);
  opacity: 1;
  outline: none;
}

.alert-load-more__button:active:not(:disabled) {
  background-color: var(--color-info-active);
  border-color: var(--color-info-active);
}

.alert-load-more__button:disabled {
  cursor: wait;
  opacity: 0.78;
}

.alert-load-more__button small {
  color: var(--color-text-on-accent);
  opacity: 0.86;
  font-size: 12px;
  font-weight: 600;
}

.alert-load-more__spinner {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: alert-load-more-spin 0.7s linear infinite;
}

@keyframes alert-load-more-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Other options filter — sentence case (Other + Auction + all-products) */
.product-listing-sideBar-colum.other-option.otheropt_newcls>h2,
.product-listing-sideBar-colum.other-option.otheropt_newcls h2.other_title,
.product-listing-sideBar-colum.other-option.otheropt_newcls .check-box label,
.productlist_righhtt .fillter_btn_box .fillter_btn_track .fillter_trackMobile>span:first-child,
.fillter_btn_box .fillter_btn_track .fillter_trackMobile>span:first-child,
#filter-toggler.fillter_btn_track .fillter_trackMobile>span:first-child {
  text-transform: none !important;
}

/* Auction list header — “2 items in auction show” (UI only) */
.product-header .container-auction .breadcrumb-bx>h2 {
  text-transform: lowercase !important;
}

/* Mobile — All / Pending / … status pills: lock My Orders soft-blue colours
   (beats deferred style.css .Jcompny_actin orange + .number-reveal-btn defaults) */
@media (max-width: 991px) {

  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs.fororange_colorbg .nav-link,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.number-reveal-btn,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.number-reveal-btn,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn {
    color: var(--color-nav-tab-inactive-text) !important;
    background-color: var(--color-nav-tab-inactive-bg) !important;
    background: var(--color-nav-tab-inactive-bg) !important;
    border: 1px solid var(--color-nav-tab-inactive-border) !important;
    border-radius: 999px !important;
    filter: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link span,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link i,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link i::before,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link span,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link i,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link i::before,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn span,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn i,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn i::before {
    color: inherit !important;
    border-bottom: none !important;
    text-decoration: none !important;
  }

  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.number-reveal-btn:hover,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn:hover {
    color: var(--color-nav-tab-inactive-text) !important;
    background-color: var(--color-nav-tab-inactive-hover-bg) !important;
    background: var(--color-nav-tab-inactive-hover-bg) !important;
    border-color: var(--color-nav-tab-inactive-border) !important;
    filter: none !important;
  }

  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs.fororange_colorbg .nav-link.active,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs.fororange_colorbg .nav-link.active.in,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.number-reveal-btn.active,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.number-reveal-btn.active.in,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn.active,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn.active.in {
    color: var(--color-nav-tab-active-text) !important;
    background-color: var(--color-nav-tab-active-bg) !important;
    background: var(--color-nav-tab-active-bg) !important;
    border: 1px solid var(--color-nav-tab-active-border) !important;
    border-radius: 999px !important;
    filter: none !important;
  }

  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active span,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in span,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active i,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in i,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active i::before,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in i::before,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active span,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in span,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active i,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in i,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn.active span,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn.active i,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn.active i::before {
    color: var(--color-nav-tab-active-text) !important;
    border-bottom: none !important;
  }

  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:not(.active) span,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:not(.active) i,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:not(.active) i::before,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link:not(.active) span,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link:not(.active) i {
    color: var(--color-nav-tab-inactive-text) !important;
  }

  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover,
  .my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover,
  .my-orders-container .my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover,
  .my-orders-container .Jcompny_actin ul.nav.nav-tabs .nav-link.number-reveal-btn.active:hover {
    color: var(--color-nav-tab-active-text) !important;
    background-color: var(--color-nav-tab-active-hover-bg) !important;
    background: var(--color-nav-tab-active-hover-bg) !important;
    border-color: var(--color-nav-tab-active-border) !important;
    filter: none !important;
  }
}

/* Final cascade — profile /user/all-products filter chips only (beats global blue outline) */
@media (max-width: 991.98px) {

  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track,
  .user-profile-page .fillter_btn_box #filter-toggler.fillter_btn_track {
    color: var(--color-nav-tab-inactive-text) !important;
    background: var(--color-nav-tab-inactive-bg) !important;
    background-color: var(--color-nav-tab-inactive-bg) !important;
    border: 1px solid var(--color-nav-tab-inactive-border) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:active,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.active,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track.is-active,
  .user-profile-page .fillter_btn_box .btnx.btn-secondaryx.fillter_btn_track:focus-visible,
  .user-profile-page .fillter_btn_box #filter-toggler.fillter_btn_track:active,
  .user-profile-page .fillter_btn_box #filter-toggler.fillter_btn_track.active,
  .user-profile-page .fillter_btn_box #filter-toggler.fillter_btn_track.is-active {
    color: var(--color-text-link) !important;
    background: var(--color-bg-surface) !important;
    background-color: var(--color-bg-surface) !important;
    border: 1px solid var(--color-text-link) !important;
    border-radius: 6px !important;
    filter: none !important;
  }
}

/* Schedule live inspection modal — sentence case, centered pickers, capsule CTA */
.schedule-live-inspection-modal .income_heading h3,
.ReactModal__Content.schedule-live-inspection-modal .income_heading h3,
.ReactModal__Content--after-open.schedule-live-inspection-modal .income_heading h3 {
  text-transform: none !important;
}

.schedule-live-inspection-modal__datetime {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.schedule-live-inspection-modal__datetime .Schedule_date_time {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.schedule-live-inspection-modal__time-field,
.schedule-live-inspection-modal__time-field.MuiFormControl-root,
.schedule-live-inspection-modal__datetime .MuiFormControl-root {
  width: 100%;
}

.schedule-live-inspection-modal__submit,
.schedule-live-inspection-modal .schedule-live-inspection-modal__submit.btn.btn-primary {
  border-radius: 999px !important;
  text-transform: none !important;
}

/* Schedule live inspection — orange close X (both Yes/No + date/time modals) */
.schedule-live-inspection-modal .shipCloseBtn,
.ReactModal__Content.schedule-live-inspection-modal .shipCloseBtn,
.ReactModal__Content--after-open.schedule-live-inspection-modal .shipCloseBtn {
  background: var(--color-brand-primary) !important;
  background-color: var(--color-brand-primary) !important;
  border: 1px solid var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
  opacity: 1 !important;
}

.schedule-live-inspection-modal .shipCloseBtn i,
.ReactModal__Content.schedule-live-inspection-modal .shipCloseBtn i,
.ReactModal__Content--after-open.schedule-live-inspection-modal .shipCloseBtn i {
  color: var(--color-text-on-accent) !important;
}

.schedule-live-inspection-modal .shipCloseBtn:hover,
.schedule-live-inspection-modal .shipCloseBtn:focus,
.ReactModal__Content.schedule-live-inspection-modal .shipCloseBtn:hover,
.ReactModal__Content.schedule-live-inspection-modal .shipCloseBtn:focus,
.ReactModal__Content--after-open.schedule-live-inspection-modal .shipCloseBtn:hover,
.ReactModal__Content--after-open.schedule-live-inspection-modal .shipCloseBtn:focus {
  background: var(--color-brand-primary-hover) !important;
  background-color: var(--color-brand-primary-hover) !important;
  border-color: var(--color-brand-primary-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.schedule-live-inspection-modal .shipCloseBtn:active,
.ReactModal__Content.schedule-live-inspection-modal .shipCloseBtn:active,
.ReactModal__Content--after-open.schedule-live-inspection-modal .shipCloseBtn:active {
  background: var(--color-brand-primary-active) !important;
  background-color: var(--color-brand-primary-active) !important;
  border-color: var(--color-brand-primary-active) !important;
  color: var(--color-text-on-accent) !important;
}

/* Schedule live inspection — duration info chip under modal title */
.schedule-live-inspection-modal .schedule-live-inspection-duration-chip,
.schedule-live-inspection-duration-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin: 4px auto 12px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.1px;
  color: var(--color-text-primary, #2f3542);
  background: var(--color-info-soft, #e8eaf0);
  border: 1px solid transparent;
}

.schedule-live-inspection-modal .income_heading+.schedule-live-inspection-duration-chip,
.schedule-live-inspection-modal .schedule-live-inspection-duration-chip {
  display: flex;
}

.schedule-live-inspection-duration-chip__icon {
  font-size: 13px;
  line-height: 1;
  flex-shrink: 0;
  color: inherit;
}

.schedule-live-inspection-duration-chip__text {
  display: inline-block;
  white-space: normal;
}

[data-theme="dark"] .schedule-live-inspection-duration-chip {
  background: var(--color-info-soft, rgba(148, 163, 184, 0.18));
  color: var(--color-text-primary, #e5e7eb);
}


/* ==========================================================================
   About Us page — trust-focused layout (db-about-*)
   Two stacked white cards (hero + why-choose) + dark CTA below.
   Tokens: brand orange + trust blue (--color-info)
   ========================================================================== */

.db-about-page {
  padding: 32px 0 64px;
  background: var(--color-bg-subtle, #f3f4f6);
}

.db-about-page__shell {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

/* Large white panels matching mock card format */
.db-about-card {
  background: var(--color-bg-surface, #fff);
  border: 1px solid var(--color-border-default, #e5e7eb);
  border-radius: 24px;
  padding: 40px 40px 36px;
  box-shadow: var(--color-shadow-sm, 0 4px 18px rgba(15, 23, 42, 0.06));
}

/* ---- Pill badge — landing trust-icon colours ---- */
.db-about-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #000000;
  background: #F5F7FA;
  border: 1px solid transparent;
  line-height: 1.2;
}

.db-about-pill__icon {
  font-size: 11px;
  color: #6B7C93 !important;
}

.db-about-pill__icon::before {
  color: #6B7C93 !important;
}

/* ---- Hero (inside first card) ---- */
.db-about-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 40px 48px;
  align-items: center;
  margin-bottom: 0;
}

.db-about-hero__copy {
  min-width: 0;
}

.db-about-hero__headline {
  margin: 18px 0 18px;
  font-size: clamp(1.75rem, 2.6vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text-primary);
  text-transform: none;
}

.db-about-hero__accent {
  color: var(--color-brand-primary);
}

.db-about-hero__body {
  color: var(--color-text-secondary);
  font-size: 15px;
  line-height: 1.65;
  max-width: 36rem;
}

.db-about-hero__body p {
  margin: 0 0 14px;
}

.db-about-hero__body p:last-child {
  margin-bottom: 0;
}

.db-about-hero__body--cms,
.db-about-features__cms {
  max-width: 100%;
}

.db-about-cms-block+.db-about-cms-block {
  margin-top: 16px;
}

.db-about-hero__body--cms h1,
.db-about-hero__body--cms h2,
.db-about-hero__body--cms h3,
.db-about-hero__body--cms h4,
.db-about-hero__body--cms h5,
.db-about-hero__body--cms h6,
.db-about-features__cms h1,
.db-about-features__cms h2,
.db-about-features__cms h3,
.db-about-features__cms h4,
.db-about-features__cms h5,
.db-about-features__cms h6 {
  color: var(--color-text-secondary);
  font-size: inherit;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 12px;
  text-transform: none;
}

.db-about-hero__body--cms p,
.db-about-features__cms p {
  margin: 0 0 14px;
  color: var(--color-text-secondary);
}

.db-about-hero__body--cms img,
.db-about-features__cms img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

/* Feature icons in CMS why-choose HTML — slate palette (not brand orange) */
.db-about-features__cms i,
.db-about-features__cms i::before,
.db-about-features__cms .fa,
.db-about-features__cms .fas,
.db-about-features__cms .far,
.db-about-features__cms .fab,
.db-about-features__cms svg,
.db-about-features__cms svg path {
  color: #6B7C93 !important;
  fill: #6B7C93 !important;
  stroke: #6B7C93;
}

.db-about-features__cms img[src*="icon"],
.db-about-features__cms img.icon,
.db-about-features__cms .feature-icon img,
.db-about-features__cms .icon img {
  /* Approximate #6B7C93 slate tint */
  filter: brightness(0) saturate(100%) invert(52%) sepia(8%) saturate(750%) hue-rotate(175deg) brightness(92%) contrast(88%);
}

.db-about-hero__aside {
  position: relative;
  min-width: 0;
  padding-right: 12px;
}

.db-about-hero__visual {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  max-height: 420px;
  border-radius: 20px;
  border: 2px dashed var(--color-border-strong, var(--color-border-default));
  background:
    repeating-linear-gradient(-45deg,
      var(--color-bg-subtle),
      var(--color-bg-subtle) 12px,
      var(--color-bg-section, #f3f4f6) 12px,
      var(--color-bg-section, #f3f4f6) 24px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.db-about-hero__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}

.db-about-hero__placeholder-label {
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-muted);
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border-default);
  text-align: center;
}

.db-about-hero__float-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
  width: min(220px, 52%);
}

.db-about-hero__float-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border-default);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}

.db-about-hero__float-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  /* Landing trust-icon colours (all float chips) */
  background: #F5F7FA !important;
  color: #6B7C93 !important;
}

.db-about-hero__float-card--trust .db-about-hero__float-icon,
.db-about-hero__float-card--brand .db-about-hero__float-icon,
.db-about-hero__float-card--secure .db-about-hero__float-icon {
  background: #F5F7FA !important;
  color: #6B7C93 !important;
}

.db-about-hero__float-card--trust .db-about-hero__float-icon i,
.db-about-hero__float-card--trust .db-about-hero__float-icon i::before,
.db-about-hero__float-card--brand .db-about-hero__float-icon i,
.db-about-hero__float-card--brand .db-about-hero__float-icon i::before,
.db-about-hero__float-card--secure .db-about-hero__float-icon i,
.db-about-hero__float-card--secure .db-about-hero__float-icon i::before {
  color: #6B7C93 !important;
}

.db-about-hero__float-title {
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  line-height: 1.2;
}

.db-about-hero__float-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.db-about-hero__float-desc {
  font-size: 11px;
  color: var(--color-text-secondary);
  line-height: 1.35;
}

/* ---- Features / Why choose (inside second card) ---- */
.db-about-features {
  margin-bottom: 0;
}

.db-about-features__header {
  text-align: center;
  margin-bottom: 28px;
}

.db-about-features__header .db-about-pill {
  margin-bottom: 14px;
}

.db-about-features__title {
  margin: 0;
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-text-primary);
  text-transform: none;
}

.db-about-features__accent {
  /* Same slate as landing trust icons */
  color: #6B7C93 !important;
}

[data-theme="dark"] .db-about-features__accent {
  color: #A8B3C2 !important;
}

.db-about-features__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  gap: 20px;
  align-items: stretch;
}

.db-about-features__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

/* Icon-type feature card: light-grey rounded row, slate icon tile left
   Light: tile bg #F5F7FA, icon #6B7C93, title black, desc grey
   Dark:  tile bg #1E293B, icon #A8B3C2, title/desc --color-text-primary */
.db-about-feature,
.db-about-features__card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 14px;
  height: 100%;
  box-sizing: border-box;
  background: #F8FAFC;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.db-about-feature:hover,
.db-about-features__card:hover {
  box-shadow: var(--color-shadow-md, 0 10px 24px rgba(15, 23, 42, 0.08));
  transform: translateY(-2px);
  border-color: var(--color-border-default, #e5e7eb);
}

.db-about-feature__icon,
.db-about-features__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 12px;
  background: #F5F7FA;
  color: #6B7C93;
  font-size: 18px;
  line-height: 1;
}

.db-about-feature__icon i,
.db-about-feature__icon i::before,
.db-about-features__icon i,
.db-about-features__icon i::before,
.db-about-features__icon .fa,
.db-about-features__icon .fas,
.db-about-features__icon svg,
.db-about-features__icon svg path {
  color: #6B7C93 !important;
  fill: #6B7C93 !important;
}

.db-about-feature__body,
.db-about-features__card-body {
  min-width: 0;
  flex: 1;
}

.db-about-features__card-title,
.db-about-feature__title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  color: #000000;
  text-transform: none;
  line-height: 1.3;
}

.db-about-features__card-desc,
.db-about-feature__desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #6B7C93;
}

/* Elevated Order protection pop-out — soft shadow only; slate icon tile */
.db-about-features__protection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 28px 24px;
  border-radius: 14px;
  background: var(--color-bg-surface, #fff);
  border: 1px solid var(--color-border-default, #e5e7eb);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
}

.db-about-features__protection-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  border-radius: 12px;
  background: #F5F7FA;
  color: #6B7C93;
  font-size: 18px;
  line-height: 1;
}

.db-about-features__protection-icon i,
.db-about-features__protection-icon i::before,
.db-about-features__protection-icon .fa,
.db-about-features__protection-icon .fas,
.db-about-features__protection-icon svg {
  color: #6B7C93 !important;
  fill: #6B7C93 !important;
}

.db-about-features__protection-body {
  min-width: 0;
}

.db-about-features__protection-title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  text-transform: none;
  line-height: 1.3;
}

.db-about-features__protection-desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #6B7C93;
}

.db-about-features__cms {
  color: var(--color-text-secondary);
  font-size: 15px;
  line-height: 1.65;
}

.db-about-features__cms .row,
.db-about-features__cms .col,
.db-about-features__cms [class*="col-"] {
  max-width: 100%;
}

/* ---- Trust banner / CTA band ---- */
.db-about-trust-banner,
.db-about-cta {
  display: grid;
  grid-template-columns: minmax(120px, 200px) minmax(0, 1fr);
  gap: 28px 36px;
  align-items: center;
  padding: 28px 32px;
  border-radius: 20px;
  background: #0f172a;
  color: var(--color-text-on-inverse, #fff);
}

.db-about-cta__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.db-about-cta__graphic {
  position: relative;
  width: 110px;
  height: 110px;
}

/* Package / camera plate — camera stays brand orange; shield badge is trust blue */
.db-about-cta__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background: linear-gradient(145deg,
      var(--color-bg-surface-alt, #f1f5f9) 0%,
      var(--color-bg-subtle, #e2e8f0) 100%);
  border: 2px solid rgba(255, 255, 255, 0.18);
  color: var(--color-brand-primary);
  font-size: 36px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.35);
}

.db-about-cta__box i,
.db-about-cta__box i::before,
.db-about-cta__box .fa,
.db-about-cta__box .fas {
  color: var(--color-brand-primary) !important;
}

.db-about-cta__trust {
  position: absolute;
  right: -10px;
  bottom: -8px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--color-bg-surface, #fff);
  border: 3px solid #0f172a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.25);
  color: var(--color-info);
}

/* Shield glyph forced to trust blue (--color-info), never brand orange */
.db-about-page .db-about-cta__trust-shield,
.db-about-page .db-about-cta__trust .fa-shield-alt,
.db-about-page .db-about-cta__trust i.fa-shield-alt,
.db-about-cta__trust-shield {
  font-size: 22px;
  color: var(--color-info) !important;
  line-height: 1;
}

.db-about-page .db-about-cta__trust-shield::before,
.db-about-page .db-about-cta__trust .fa-shield-alt::before,
.db-about-page .db-about-cta__trust i.fa-shield-alt::before,
.db-about-cta__trust-shield::before {
  color: var(--color-info) !important;
}

.db-about-cta__trust-check {
  position: absolute;
  font-size: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  color: #fff !important;
}

.db-about-cta__trust-check::before,
.db-about-cta__trust .db-about-cta__trust-check,
.db-about-cta__trust .db-about-cta__trust-check::before {
  color: #fff !important;
}

.db-about-cta__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.db-about-cta__title {
  margin: 0 0 8px;
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-text-on-inverse);
  text-transform: none;
}

.db-about-cta__subtext {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--color-bg-inverse-soft, rgba(255, 255, 255, 0.78));
  max-width: 34rem;
}

.db-about-cta__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.db-about-cta__auth {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--color-info);
  border: 1px solid var(--color-info);
  color: var(--color-text-on-accent);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.db-about-cta__auth-link {
  color: var(--color-text-on-accent) !important;
  text-decoration: none !important;
}

.db-about-cta__auth-link:hover,
.db-about-cta__auth-link:focus {
  color: var(--color-text-on-accent) !important;
  text-decoration: underline !important;
}

.db-about-cta__auth-sep {
  color: var(--color-text-on-accent);
  opacity: 0.85;
}

/* Outline CTA — mock: white border on dark band */
.db-about-cta__explore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.88);
  color: var(--color-text-on-inverse, #fff) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
}

.db-about-cta__explore:hover,
.db-about-cta__explore:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
  color: #fff !important;
}

.db-about-cta__explore i,
.db-about-cta__explore i::before {
  font-size: 12px;
  color: inherit !important;
}

/* ---- Dark theme ---- */
[data-theme="dark"] .db-about-page {
  background: var(--color-bg-page);
}

[data-theme="dark"] .db-about-card {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  box-shadow: none;
}

[data-theme="dark"] .db-about-hero__visual {
  background:
    repeating-linear-gradient(-45deg,
      var(--color-bg-subtle),
      var(--color-bg-subtle) 12px,
      var(--color-bg-surface-alt) 12px,
      var(--color-bg-surface-alt) 24px);
}

[data-theme="dark"] .db-about-feature,
[data-theme="dark"] .db-about-features__card {
  background: var(--color-bg-subtle, #172033);
  border-color: transparent;
}

[data-theme="dark"] .db-about-feature__icon,
[data-theme="dark"] .db-about-features__icon,
[data-theme="dark"] .db-about-features__protection-icon {
  background: #1E293B;
  color: #A8B3C2;
}

/* About pills + hero float trust icons — dark */
[data-theme="dark"] .db-about-pill {
  background: #1E293B !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}

[data-theme="dark"] .db-about-pill__icon,
[data-theme="dark"] .db-about-pill__icon::before {
  color: #A8B3C2 !important;
}

[data-theme="dark"] .db-about-hero__float-icon,
[data-theme="dark"] .db-about-hero__float-card--trust .db-about-hero__float-icon,
[data-theme="dark"] .db-about-hero__float-card--brand .db-about-hero__float-icon,
[data-theme="dark"] .db-about-hero__float-card--secure .db-about-hero__float-icon {
  background: #1E293B !important;
  color: #A8B3C2 !important;
}

[data-theme="dark"] .db-about-hero__float-card--trust .db-about-hero__float-icon i,
[data-theme="dark"] .db-about-hero__float-card--trust .db-about-hero__float-icon i::before,
[data-theme="dark"] .db-about-hero__float-card--brand .db-about-hero__float-icon i,
[data-theme="dark"] .db-about-hero__float-card--brand .db-about-hero__float-icon i::before,
[data-theme="dark"] .db-about-hero__float-card--secure .db-about-hero__float-icon i,
[data-theme="dark"] .db-about-hero__float-card--secure .db-about-hero__float-icon i::before {
  color: #A8B3C2 !important;
}

[data-theme="dark"] .db-about-hero__float-title {
  color: #FFFFFF !important;
}

[data-theme="dark"] .db-about-feature__icon i,
[data-theme="dark"] .db-about-feature__icon i::before,
[data-theme="dark"] .db-about-features__icon i,
[data-theme="dark"] .db-about-features__icon i::before,
[data-theme="dark"] .db-about-features__icon .fa,
[data-theme="dark"] .db-about-features__icon .fas,
[data-theme="dark"] .db-about-features__icon svg,
[data-theme="dark"] .db-about-features__icon svg path,
[data-theme="dark"] .db-about-features__protection-icon i,
[data-theme="dark"] .db-about-features__protection-icon i::before,
[data-theme="dark"] .db-about-features__protection-icon .fa,
[data-theme="dark"] .db-about-features__protection-icon .fas,
[data-theme="dark"] .db-about-features__protection-icon svg,
[data-theme="dark"] .db-about-features__cms i,
[data-theme="dark"] .db-about-features__cms i::before,
[data-theme="dark"] .db-about-features__cms .fa,
[data-theme="dark"] .db-about-features__cms .fas,
[data-theme="dark"] .db-about-features__cms .far,
[data-theme="dark"] .db-about-features__cms .fab,
[data-theme="dark"] .db-about-features__cms svg,
[data-theme="dark"] .db-about-features__cms svg path {
  color: #A8B3C2 !important;
  fill: #A8B3C2 !important;
  stroke: #A8B3C2;
}

[data-theme="dark"] .db-about-features__cms img[src*="icon"],
[data-theme="dark"] .db-about-features__cms img.icon,
[data-theme="dark"] .db-about-features__cms .feature-icon img,
[data-theme="dark"] .db-about-features__cms .icon img {
  /* Approximate #A8B3C2 slate tint */
  filter: brightness(0) saturate(100%) invert(76%) sepia(6%) saturate(350%) hue-rotate(175deg) brightness(95%) contrast(90%);
}

[data-theme="dark"] .db-about-features__card-title,
[data-theme="dark"] .db-about-feature__title,
[data-theme="dark"] .db-about-features__protection-title {
  color: var(--color-text-primary);
}

[data-theme="dark"] .db-about-features__card-desc,
[data-theme="dark"] .db-about-feature__desc,
[data-theme="dark"] .db-about-features__protection-desc {
  color: #A8B3C2;
}

[data-theme="dark"] .db-about-features__protection,
[data-theme="dark"] .db-about-hero__float-card {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .db-about-trust-banner,
[data-theme="dark"] .db-about-cta {
  background: var(--color-bg-page);
}

[data-theme="dark"] .db-about-cta__trust {
  border-color: var(--color-bg-page);
  background: var(--color-bg-surface);
}

/* About us CTA — ensure readable contrast in dark mode */
[data-theme="dark"] .db-about-cta__title {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .db-about-cta__subtext {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .db-about-cta__explore {
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .db-about-cta__explore:hover,
[data-theme="dark"] .db-about-cta__explore:focus {
  background: var(--color-info-soft) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-primary) !important;
}

/* ---- Responsive ---- */
@media (max-width: 991.98px) {
  .db-about-page {
    padding: 20px 0 48px;
  }

  .db-about-page__shell {
    gap: 18px;
  }

  .db-about-card {
    padding: 28px 20px 24px;
    border-radius: 18px;
  }

  .db-about-hero {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 0;
  }

  .db-about-hero__aside {
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
  }

  .db-about-hero__visual {
    max-height: 360px;
    aspect-ratio: 5 / 4;
  }

  .db-about-hero__float-cards {
    right: 0;
    width: min(180px, 46%);
  }

  .db-about-features__layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .db-about-features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .db-about-features__protection {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }

  .db-about-trust-banner,
  .db-about-cta {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 24px 20px;
    gap: 20px;
  }

  .db-about-cta__subtext {
    margin-left: auto;
    margin-right: auto;
  }

  .db-about-cta__actions {
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  .db-about-features__grid {
    grid-template-columns: 1fr;
  }

  .db-about-hero__float-cards {
    position: static;
    transform: none;
    width: 100%;
    margin-top: 14px;
  }

  .db-about-hero__float-card {
    width: 100%;
  }

  .db-about-cta__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .db-about-cta__auth,
  .db-about-cta__explore {
    justify-content: center;
    width: 100%;
  }
}

/* Live auction mobile — center column (video + bid + controls) as full-width focus */
@media (max-width: 991.98px) {
  .actionpage_topO.mobiledisplay_oneline>.container {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .actionpage_topO.mobiledisplay_oneline .mobile_order {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }

  .actionpage_topO.mobiledisplay_oneline .mobile_order>.product-detail-heading.prodctdetil_newtitles.productDetails_box,
  .actionpage_topO.mobiledisplay_oneline .mobile_order>.product-detail-heading {
    width: 100%;
    order: 0;
    margin: 0;
    padding: 12px 14px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: 12px;
    box-shadow: var(--color-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08));
  }

  .actionpage_topO.mobiledisplay_oneline .auctionaminim_main.productDetails_bx,
  .actionpage_topO.mobiledisplay_oneline .auctionaminim_main {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 12px 12px 20px;
    text-align: center;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: 12px;
    box-shadow: var(--color-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08));
  }

  .actionpage_topO.mobiledisplay_oneline .auctionaminim,
  .actionpage_topO.mobiledisplay_oneline .auctionaminim_livestreaming,
  .actionpage_topO.mobiledisplay_oneline .auctionaminim .product-detailslider,
  .actionpage_topO.mobiledisplay_oneline .auctionaminim_livestreaming .product-detailslider {
    width: 100%;
    max-width: 100%;
  }

  .actionpage_topO.mobiledisplay_oneline .auctionaminim img,
  .actionpage_topO.mobiledisplay_oneline .auctionaminim_livestreaming img,
  .actionpage_topO.mobiledisplay_oneline .auctionaminim video,
  .actionpage_topO.mobiledisplay_oneline .auctionaminim_livestreaming video {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }

  .actionpage_topO.mobiledisplay_oneline .progress_box,
  .actionpage_topO.mobiledisplay_oneline .progress_box.mobile_progress {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
  }

  .actionpage_topO.mobiledisplay_oneline .or_text_color.live-auction-bid-amount,
  .actionpage_topO.mobiledisplay_oneline .live-auction-bid-amount,
  .actionpage_topO.mobiledisplay_oneline .progress__number .live-auction-bid-amount {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--color-text-primary) !important;
  }

  .actionpage_topO.mobiledisplay_oneline .progress__number,
  .actionpage_topO.mobiledisplay_oneline .progress__number .or_text_color:not(.live-auction-bid-amount) {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--color-text-primary) !important;
  }

  .actionpage_topO.mobiledisplay_oneline .or_text_color.live-auction-countdown,
  .actionpage_topO.mobiledisplay_oneline .live-auction-countdown,
  .actionpage_topO.mobiledisplay_oneline .live-auction-countdown time {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--color-text-primary) !important;
  }

  .actionpage_topO.mobiledisplay_oneline .placebif_flex {
    width: 100%;
    margin-top: 16px;
    justify-content: center;
  }

  .actionpage_topO.mobiledisplay_oneline .placebidcont {
    width: 100%;
    max-width: 100%;
  }

  .actionpage_topO.mobiledisplay_oneline .newrigh_ppris .auction_track {
    font-size: 13px !important;
    line-height: 1.4;
    gap: 8px;
  }

  /* Keep item list / messages stacked below; do not remove */
  .actionpage_topO.mobiledisplay_oneline .col-xs-12.d-lg-none .tabmssage_perent,
  .actionpage_topO.mobiledisplay_oneline .d-lg-none .actionpag_tabmess_newperent {
    margin-top: 16px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border-default);
    border-radius: 12px;
    padding: 8px;
  }
}

[data-theme="dark"] .actionpage_topO.mobiledisplay_oneline .auctionaminim_main.productDetails_bx,
[data-theme="dark"] .actionpage_topO.mobiledisplay_oneline .auctionaminim_main,
[data-theme="dark"] .actionpage_topO.mobiledisplay_oneline .mobile_order>.product-detail-heading {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
}

.other-list-page .paddingrigt_none_Cfilter,
.product-detail-main-bx .paddingrigt_none_Cfilter {
  padding-right: 15px !important;
}

.other-list-page .product-sideBar-parent + [class*="col-"],
.other-list-page .paddingrigt_none_Cfilter + [class*="col-"] {
  padding-left: 15px !important;
}

.product-sideBar-parent .product-listing-sideBar-colum.sideBar-location > h2,
.product-sideBar-parent .product-listing-sideBar-colum.sideBar-category > h2,
.product-sideBar-parent .product-listing-sideBar-colum.price-filter-block > h2,
.product-sideBar-parent .product-listing-sideBar-colum.other-option > h2,
.sidebarleft_newinner .product-listing-sideBar-colum.sideBar-location > h2,
.sidebarleft_newinner .product-listing-sideBar-colum.sideBar-category > h2,
.sidebarleft_newinner .product-listing-sideBar-colum.price-filter-block > h2,
.sidebarleft_newinner .product-listing-sideBar-colum.other-option > h2 {
  margin-bottom: 14px !important;
}

/* Distance input under Location — no extra top gap on any list page */
.product-sideBar-parent .product-listing-sideBar-colum.sideBar-location > h2 + .form-group,
.product-sideBar-parent .product-listing-sideBar-colum.sideBar-location .sideBar-choose-distance,
.product-sideBar-parent .product-listing-sideBar-colum.sideBar-location .form-group.sideBar-choose-distance,
.sidebarleft_newinner .product-listing-sideBar-colum.sideBar-location > h2 + .form-group,
.sidebarleft_newinner .product-listing-sideBar-colum.sideBar-location .sideBar-choose-distance,
.sidebarleft_newinner .product-listing-sideBar-colum.sideBar-location .form-group.sideBar-choose-distance,
.db-search-results-page .product-listing-sideBar-colum.sideBar-location > h2 + .form-group,
.db-search-results-page .product-listing-sideBar-colum.sideBar-location .sideBar-choose-distance {
  margin-top: 0 !important;
}

/* Keep activity status badges on one horizontal line */
#myownlevel.db-activity-tabs .product-status-badge,
#myownlevel.db-activity-tabs .order-status-badge,
#subtab02.db-auction-show .product-status-badge,
#subtab02.db-auction-show .order-status-badge {
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

/* Manage listings sold/bought cards — keep actions on the right on PC */
@media (min-width: 768px) {
  #myownlevel.db-activity-tabs .atlistingside_new .prdNewRow_row,
  #myownlevel.db-activity-tabs .product-listing-product .prdNewRow_row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
  }

  #myownlevel.db-activity-tabs .atlistingside_new .newPrdList_col-1,
  #myownlevel.db-activity-tabs .product-listing-product .newPrdList_col-1 {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }

  #myownlevel.db-activity-tabs .atlistingside_new .subtab_edit.newPrdList_col-2.right_section,
  #myownlevel.db-activity-tabs .product-listing-product .subtab_edit.newPrdList_col-2.right_section {
    flex: 0 0 130px;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    margin-left: auto;
  }
}

/* General dropdown containment — stay inside viewport */
.dropdown-menu {
  max-width: min(100vw - 16px, 420px);
}

.dropdown-menu.show,
.dropdown-menu[style] {
  right: auto;
}

@media (max-width: 575.98px) {
  .top-right-anchor ul li.dropdown .dropdown-menu,
  .header-top-actions .dropdown-menu,
  .desktop-dropdwn-bx,
  .dropdown-menu-2 {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    transform: none !important;
  }
}

@media (max-width: 991.98px) {
  .product-sideBar-parent .filter-clear {
    margin-bottom: 18px !important;
  }

  .product-sideBar-parent .filter-clear + .product-listing-sideBar-colum {
    margin-top: 14px !important;
  }

  .db-search-mobile-filters .dropdown_arrow,
  .other-list-mobile-filter-pill .dropdown_arrow,
  .fillter_btn_track .dropdown_arrow {
    display: none !important;
  }

  .product-detail-main-bx .row,
  .actionpage_topO .row {
    align-items: flex-start;
  }

  .db_productDetail_page,
  .actionpage_topO .product-detail-owner-bx {
    order: 2;
  }

  .db_pdp_details_under_gallery_col,
  .actionpage_topO .product-detail-heading {
    order: 1;
  }

  .categoryBox.account_setting_tabs,
  .listtbtn_typ.categoryBox.account_setting_tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-width: 100% !important;
    -webkit-overflow-scrolling: touch;
  }

  .categoryBox.account_setting_tabs .nav-item,
  .listtbtn_typ.categoryBox.account_setting_tabs .nav-item {
    flex: 0 0 auto !important;
  }
}

/* UserMessageBox chat header final alignment override */
.pagemain_chat02 .db_chatbox_head .chatHeder-leftBox {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_back_arrow {
  flex: 0 0 auto !important;
  margin-right: 10px !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_profile_trigger {
  display: inline-flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_header_identity {
  display: inline-flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 14px !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_header_identity .chatuser {
  position: relative !important;
  overflow: visible !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_header_icon_wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  overflow: hidden !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_header_icon {
  margin: 0 !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_header_text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_header_name,
.pagemain_chat02 .db_chatbox_head .db_chat_header_status {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pagemain_chat02 .db_chatbox_head .db_chat_header_identity .chatuser .db_chat_header_presence_dot,
.pagemain_chat02 .db_chatbox_head .db_chat_header_identity .chatuser .db_chat_header_presence_dot.live-dot,
.pagemain_chat02 .db_chatbox_head .db_chat_header_identity .chatuser .db_chat_header_presence_dot.online,
.pagemain_chat02 .db_chatbox_head .db_chat_header_identity .chatuser .db_chat_header_presence_dot.offline,
.pagemain_chat02 .db_chatbox_head .db_chat_header_identity .chatuser .db_chat_header_presence_dot.incall {
  position: absolute !important;
  top: auto !important;
  right: -1px !important;
  bottom: -1px !important;
  left: auto !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  border: 2px solid var(--color-info) !important;
  border-radius: 999px !important;
  z-index: 2 !important;
}

/* UserMessageBox mobile conversation list final alignment override */
.pagemain_chat02 .rightchat_list {
  background: var(--color-bg-surface) !important;
}

.pagemain_chat02 .chat_teambx.chat_box_mobile {
  background: var(--color-bg-surface) !important;
}

.pagemain_chat02 .chatteammem_bx {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 8px !important;
  border-bottom: 1px solid var(--color-border-default) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.pagemain_chat02 .chatteammem_bx:hover,
.pagemain_chat02 .chatteammem_bx:focus-within {
  background: var(--color-bg-card-muted) !important;
}

.pagemain_chat02 .chatteammem_bx .chatuser {
  position: relative !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  overflow: visible !important;
}

.pagemain_chat02 .chatteammem_bx .userimgC {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: var(--color-bg-card-muted) !important;
}

.pagemain_chat02 .chatteammem_bx .userimgC img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.pagemain_chat02 .chatteammem_bx .chatuser .live-dot,
.pagemain_chat02 .chatteammem_bx .chatuser .live-dot.online,
.pagemain_chat02 .chatteammem_bx .chatuser .live-dot.offline,
.pagemain_chat02 .chatteammem_bx .chatuser .live-dot.incall {
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  border: 2px solid var(--color-bg-surface) !important;
  border-radius: 999px !important;
  z-index: 2 !important;
}

.pagemain_chat02 .chatteammem_bx .chatusername {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.pagemain_chat02 .chatteammem_bx .chatusername p {
  max-width: none !important;
  margin: 0 0 2px !important;
  color: var(--color-text-primary) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pagemain_chat02 .chatteammem_bx .lastMessage-track {
  max-width: none !important;
  color: var(--color-text-secondary) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pagemain_chat02 .chatteammem_bx .chatu_time {
  align-self: flex-start !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 38px !important;
  margin-left: 8px !important;
  padding-top: 2px !important;
  text-align: right !important;
}

.pagemain_chat02 .chatteammem_bx .chatu_time p {
  margin: 0 !important;
  color: var(--color-text-muted) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

@media screen and (max-width: 420px) {
  .pagemain_chat02 .db_messages_list_toolbar {
    padding: 14px 18px 10px !important;
  }

  .pagemain_chat02 .chat_teambx.chat_box_mobile {
    padding: 8px 20px 16px !important;
  }

  .pagemain_chat02 .chatteammem_bx {
    padding: 11px 0 !important;
  }
}

/* UserMessageBox mobile dark-mode header/search correction */
:root,
[data-theme="light"] {
  --db-messages-mobile-header-bg: var(--color-bg-inverse);
  --db-messages-mobile-header-text: var(--color-text-on-accent);
}

[data-theme="dark"] {
  --db-messages-mobile-header-bg: var(--color-bg-page);
  --db-messages-mobile-header-text: var(--color-text-primary);
}

@media screen and (max-width: 991px) {
  body.db_messages_mobile_layout,
  body.db_messages_mobile_layout .db_messages_page,
  body.db_messages_mobile_layout .db_messages_page .chatmainS.pagemain_chat02 {
    background: var(--color-bg-page) !important;
  }

  body.db_messages_mobile_layout .db_messages_unified_header.product-header {
    min-height: 44px !important;
    padding: 0 !important;
    background: var(--db-messages-mobile-header-bg) !important;
    border: 0 !important;
  }

  body.db_messages_mobile_layout .db_messages_unified_header .db_messages_unified_back {
    background: var(--db-messages-mobile-header-bg) !important;
    color: var(--db-messages-mobile-header-text) !important;
  }

  body.db_messages_mobile_layout .db_messages_unified_header .db_messages_unified_back i,
  body.db_messages_mobile_layout .db_messages_unified_header .db_messages_unified_back span {
    color: var(--db-messages-mobile-header-text) !important;
  }

  body.db_messages_mobile_layout .db_messages_unified_header_spacer {
    height: 44px !important;
    background: var(--color-bg-page) !important;
  }
}

.pagemain_chat02 .db_messages_search {
  background: var(--color-bg-surface-alt) !important;
  border-color: var(--color-border-default) !important;
  box-shadow: none !important;
}

.pagemain_chat02 .db_messages_search input,
.pagemain_chat02 .db_messages_search input:focus,
.pagemain_chat02 .db_messages_search input:hover {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .pagemain_chat02 .db_messages_search {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
}

/* UserMessageBox single mobile title/back row */
.pagemain_chat02 .db_messages_list_title_row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.pagemain_chat02 .db_messages_list_title_text {
  min-width: 0 !important;
}

.pagemain_chat02 .db_messages_inline_back {
  display: inline-flex !important;
  flex: 0 0 32px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 999px !important;
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  box-shadow: none !important;
}

.pagemain_chat02 .db_messages_inline_back:hover,
.pagemain_chat02 .db_messages_inline_back:focus {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-primary) !important;
}

.pagemain_chat02 .db_messages_inline_back i {
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

@media screen and (max-width: 991px) {
  body.db_messages_mobile_layout .db_messages_unified_header,
  body.db_messages_mobile_layout .db_messages_unified_header_spacer {
    display: none !important;
    height: 0 !important;
  }

  body.db_messages_mobile_layout .db_messages_page .pagemain_chat02 .rightchat_list {
    top: var(--db-messages-header-offset, 52px) !important;
  }
}

[data-theme="dark"] .pagemain_chat02 .db_messages_inline_back {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

/* Listing mobile filters: normalized sheet, pills, and direct sort options */
@media (max-width: 991.98px) {
  .other-list-page .fillter_btn_box,
  .db-search-mobile-filters,
  .fillter_btn_box {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 0 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
  }

  .other-list-page .fillter_btn_box::-webkit-scrollbar,
  .db-search-mobile-filters::-webkit-scrollbar,
  .fillter_btn_box::-webkit-scrollbar {
    display: none !important;
  }

  .fillter_btn_box #filter-toggler,
  .fillter_btn_box .fillter_btn_track,
  .other-list-page .fillter_btn_box #filter-toggler.other-list-mobile-filter-pill,
  .db-search-mobile-filters #filter-toggler.db-search-filter-pill {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    min-width: max-content !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }

  .fillter_btn_box #filter-toggler .fillter_trackMobile,
  .fillter_btn_box .fillter_btn_track .fillter_trackMobile {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: max-content !important;
  }

  .product-sideBar-parent.active {
    top: 0 !important;
    left: 0 !important;
    width: min(360px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    background: var(--color-bg-surface) !important;
    border-right: 1px solid var(--color-border-default) !important;
    box-shadow: var(--color-shadow-lg, 0 12px 32px rgba(15, 23, 42, 0.18)) !important;
  }

  .product-sideBar-parent.active .product-listing-sideBar,
  .product-sideBar-parent.active .fillter_preant,
  .product-sideBar-parent.active .sidebarleft_newinner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
  }

  .product-sideBar-parent.active .fillter_preant {
    height: 100dvh !important;
    padding: 52px 16px 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .product-sideBar-parent.active .sidebarleft_newinner {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .product-sideBar-parent.active #filter-closer {
    top: 12px !important;
    right: 14px !important;
    z-index: 2 !important;
  }

  .product-sideBar-parent.active .filter-clear {
    margin: 0 0 18px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .product-sideBar-parent.active .filter-clear + .product-listing-sideBar-colum {
    margin-top: 0 !important;
  }

  .product-sideBar-parent .product-listing-sideBar-colum {
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  .product-sideBar-parent .product-listing-sideBar-colum > h2,
  .sidebarleft_newinner .product-listing-sideBar-colum > h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;
    line-height: 1.25 !important;
  }

  .product-sideBar-parent .product-listing-sideBar-colum .form-group,
  .product-sideBar-parent .product-listing-sideBar-colum .form-group-icon-bx,
  .product-sideBar-parent .product-listing-sideBar-colum .sideBar-choose-distance {
    margin-top: 0 !important;
  }

  .product-sideBar-parent .price-filter-block .row {
    align-items: flex-start !important;
    margin-right: -4px !important;
    margin-left: -4px !important;
  }

  .product-sideBar-parent .price-filter-block .row > [class*="col-"] {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .db-mobile-sort-options {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: max-content !important;
  }

  .db-mobile-sort-options button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid var(--color-nav-tab-inactive-border) !important;
    border-radius: 6px !important;
    background: var(--color-bg-surface) !important;
    color: var(--color-nav-tab-inactive-text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  .db-mobile-sort-options button.is-active,
  .db-mobile-sort-options button:hover,
  .db-mobile-sort-options button:focus {
    border-color: var(--color-nav-tab-active-border) !important;
    background: var(--color-nav-tab-active-bg) !important;
    color: var(--color-nav-tab-active-text) !important;
  }

  .product-sideBar-parent.active .db-mobile-sort-section {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .product-sideBar-parent.active .db-mobile-sort-options--drawer {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .product-sideBar-parent.active .db-mobile-sort-options--drawer button {
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

/* Listing sidebar category tree: preserve existing visual design.
   React state controls API data and expanded category rows; keep CSS minimal here. */
.product-sideBar-parent .sideBar-category .innerfilt_topcat li a,
.sidebarleft_newinner .sideBar-category .innerfilt_topcat li a {
  white-space: normal !important;
  word-break: break-word !important;
}

/* Listing skeleton grids use one wide SVG row with four card placeholders.
   Clip/scale that SVG so the visible skeleton count matches the real card grid. */
.db-product-grid {
  overflow: hidden !important;
}

@supports selector(.db-product-grid:has(> [class*="col-"])) {
  .product-listing-main-bx .row.db-product-grid:has(> [class*="col-"]) {
    overflow: visible !important;
  }
}

.db-product-grid > svg {
  transform-origin: left top !important;
}

@supports selector(svg:has(rect)) {
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .db-product-grid > svg:has(rect[x="1040"]) {
      width: 138% !important;
      max-width: none !important;
    }
  }

  @media (max-width: 767.98px) {
    .db-product-grid > svg:has(rect[x="1040"]) {
      width: 209% !important;
      max-width: none !important;
    }
  }
}

.product-header:not(.db_messages_unified_header) .breadcrumb-bx {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
}

.product-header:not(.db_messages_unified_header) .breadcrumb-bx > h2 {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  overflow: hidden !important;
  color: var(--color-text-primary) !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
}

.product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .btnx.btn-primaryx {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  margin-left: 10px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb-item {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb-item a {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 991.98px) {
  .product-header:not(.db_messages_unified_header) {
    margin-top: 8px !important;
  }

  .product-header:not(.db_messages_unified_header) .breadcrumb-bx {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .product-header:not(.db_messages_unified_header) .breadcrumb-bx > h2 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    overflow: hidden !important;
    color: var(--color-text-primary) !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .btnx.btn-primaryx {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    margin-left: 10px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb-item {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb-item a {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  @media (max-width: 575.98px) {
    .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner {
      flex-wrap: wrap !important;
      align-items: flex-start !important;
      gap: 8px 0 !important;
      overflow: visible !important;
    }

    .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .btnx.btn-primaryx {
      flex: 0 0 auto !important;
      min-height: 34px !important;
    }

    .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb {
      flex: 0 0 100% !important;
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      overflow: visible !important;
      white-space: normal !important;
      flex-wrap: wrap !important;
      row-gap: 4px !important;
    }

    .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb-item {
      flex: 0 1 auto !important;
      max-width: 100% !important;
      overflow: visible !important;
      text-overflow: clip !important;
      white-space: normal !important;
      line-height: 1.35 !important;
    }

    .product-header:not(.db_messages_unified_header) .breadcrumb-bx-inner .breadcrumb-item a {
      display: inline !important;
      overflow: visible !important;
      text-overflow: clip !important;
      white-space: normal !important;
      word-break: break-word !important;
    }
  }

  .product-sideBar-parent.active .sideBar-category .innerfilt_topcat {
    gap: 4px !important;
    padding-bottom: 8px !important;
  }

  .product-sideBar-parent.active .sideBar-category .innerfilt_topcat li a,
  .product-sideBar-parent.active .sideBar-category .innerfilt_topcat li a.goclass01 {
    min-height: 38px !important;
    padding: 9px 10px 9px 20px !important;
  }
}

.db-sort-dropdown {
  position: relative;
  width: 100%;
  z-index: 20;
}

.db-sort-dropdown__toggle {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: var(--color-text-primary, #111);
}

.db-sort-dropdown__chevron {
  display: inline-flex;
  color: #000;
  flex: 0 0 auto;
  margin-left: 8px;
}

.db-sort-dropdown__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 30;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  overflow: hidden;
}

.db-sort-dropdown__menu button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 14px;
  border: 0;
  background: #fff;
  color: #111;
  font-size: 14px;
  line-height: 1.3;
  cursor: pointer;
}

.db-sort-dropdown__menu button.is-active,
.db-sort-dropdown__menu button:hover,
.db-sort-dropdown__menu button:focus {
  background: var(--color-brand-primary, #2f6fed);
  color: #fff;
}

.custom-field-filter-stack {
  display: block;
}

.custom-field-filter summary {
  list-style: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text-primary, #111);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}

.custom-field-filter summary::-webkit-details-marker {
  display: none;
}

.custom-field-filter summary::after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
  flex: 0 0 auto;
}

.custom-field-filter[open] summary::after {
  transform: rotate(-135deg);
}

.custom-field-filter-options li {
  cursor: pointer;
}

.custom-field-filter-options li span {
  display: block;
  padding: 6px 0;
}

@media (max-width: 991.98px) {
  .mobile_fillter .custom-field-filter-stack,
  .product-sideBar-parent.active .custom-field-filter-stack {
    display: block;
    width: 100%;
    padding-bottom: 16px;
  }

  .mobile_fillter .custom-field-filter,
  .product-sideBar-parent.active .custom-field-filter {
    margin: 0 0 16px;
    width: 100%;
  }

  .mobile_fillter .custom-field-filter > h2,
  .mobile_fillter .custom-field-filter summary,
  .product-sideBar-parent.active .custom-field-filter > h2,
  .product-sideBar-parent.active .custom-field-filter summary {
    min-height: 44px;
    font-size: 16px;
    line-height: 1.3;
  }

  .mobile_fillter .custom-field-filter-options,
  .product-sideBar-parent.active .custom-field-filter-options {
    max-height: min(50vh, 360px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .mobile_fillter .custom-field-filter-options li,
  .product-sideBar-parent.active .custom-field-filter-options li {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .mobile_fillter .custom-field-filter-options li span,
  .product-sideBar-parent.active .custom-field-filter-options li span {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
  }

  .product-sideBar-parent.active .fillter_preant {
    padding-bottom: 32px !important;
  }
}

.form-group-icon-bx .db-sort-dropdown .form-group-icon {
  pointer-events: none;
}

/* Click-only detail gallery thumbs — no swipe library, page scroll always works */
.db-detail-gallery-thumbs-wrap,
.product-detailslider .db-detail-gallery-thumbs-wrap {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0;
  padding: 0;
  box-sizing: border-box;
  touch-action: pan-y !important;
  -ms-touch-action: pan-y !important;
}

.db-detail-gallery-thumbs,
.product-detailslider .db-detail-gallery-thumbs {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  gap: 8px;
  box-sizing: border-box;
  touch-action: pan-y !important;
  -ms-touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.db-detail-gallery-thumbs::-webkit-scrollbar {
  display: none;
}

.db-detail-gallery-thumbs > li,
.product-detailslider .db-detail-gallery-thumbs > li {
  flex: 1 1 0 !important;
  min-width: 72px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
  cursor: pointer;
  list-style: none;
  touch-action: pan-y !important;
  -ms-touch-action: pan-y !important;
}

.db-detail-gallery-thumbs > li img,
.product-detailslider .db-detail-gallery-thumbs > li img {
  display: block !important;
  width: 100% !important;
  height: 100px !important;
  object-fit: cover !important;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  touch-action: pan-y !important;
}

.db-detail-gallery-thumbs > li.selected img,
.product-detailslider .db-detail-gallery-thumbs > li.selected img {
  outline: 2px solid var(--color-text-link, #249ee4);
  outline-offset: 0;
}

/* Let vertical page scroll win over image carousels + thumb strip on small screens */
.product-detailslider .carousel,
.product-detailslider .carousel .slider-wrapper,
.product-detailslider .carousel .slider,
.product-detailslider .carousel .slide,
.product-detailslider .carousel .slide img,
.product-detailslider .carousel .thumbs-wrapper,
.product-detailslider .carousel .thumbs-wrapper .control-arrow,
.product-detailslider .carousel ul.thumbs,
.product-detailslider .carousel ul.thumbs li,
.product-detailslider .carousel .thumb,
.product-detailslider .carousel .thumb img,
.similar-products-bx,
.similar-products-bx .landing-product-carousel-wrap,
.similar-products-bx .landing-product-track,
.similar-products-bx .landing-product-slide,
.similar-products-bx .landing-product-card,
.similar-products-bx .landing-product-card__image,
.similar-products-bx .landing-product-card__image img,
.similar-products-bx .owl-carousel,
.similar-products-bx .owl-stage,
.similar-products-bx .owl-stage-outer,
.similar-products-bx .owl-item,
.similar-pro,
.similar-pro .owl-carousel,
.similar-pro .owl-stage,
.similar-pro .owl-stage-outer,
.similar-pro .owl-item,
.landing-product-track,
.landing-product-slide,
.landing-product-card,
.landing-product-card__image,
.landing-product-card__image img {
  touch-action: pan-y pan-x !important;
}

.product-detailslider .carousel .slide > a,
.product-detailslider .carousel .slide img,
.product-detailslider .carousel .thumb,
.product-detailslider .carousel .thumb img,
.product-detailslider .carousel ul.thumbs li,
.product-detailslider .carousel ul.thumbs li img {
  -webkit-user-drag: none;
  user-select: none;
}

/* List/Edit an item: selected buy-now delivery options use blue (not brand orange) */
.post-ad-delivery-options .check-box input:checked + label:after,
.post-ad-shipping-options .check-box input:checked + label:after {
  border-color: var(--color-info) !important;
  background-color: var(--color-info) !important;
}

/* Schedule Live Auction — video streaming fee checkbox selected = blue */
#subtabpackage02 .special_makead_stand .check-box input:checked + label:after,
#subtabpackage02 .ad_box .check-box input:checked + label:after {
  border-color: var(--color-info) !important;
  background-color: var(--color-info) !important;
}

/* Profile details — gender & seller type selected = blue */
#subtab011 .db_custom_cheak .check-box input:checked + label:after,
#subtab011 .custom_cheak .check-box input:checked + label:after {
  border-color: var(--color-info) !important;
  background-color: var(--color-info) !important;
}

/* Checkout Pay Now — always capsule */
.checkout_card .db_checkout_pay_now,
.right_inner_details .db_checkout_pay_now,
button.db_checkout_pay_now.btn {
  border-radius: 999px !important;
}

/* Reviews tab: compact star filters (no sideways page scroll) */
.rating_section,
.product-all-detail-tab .rating_section,
#customers-reviews .rating_section,
#customers-reviews-2 .rating_section,
#customer.tab-pane .rating_section,
.rating_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  white-space: normal;
  overflow-x: visible;
  max-width: 100%;
  width: auto;
  box-sizing: border-box;
}

.rating_section .star-filter,
.rating_section .star,
.rating_section .star.col,
.rating_box .star-filter,
.rating_box .star,
.rating_box .star.col {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}

.customer-review-bx,
#customers-reviews,
#customers-reviews-2,
#customer.tab-pane,
.tabcustomer_target,
.product-all-detail-tab .tab-content,
.product-all-detail-tab .tab-pane {
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

@media (max-width: 991.98px) {
  .db-listing-pdp .db_pdp_details_under_gallery .rating_section,
  .product-all-detail-tab .rating_section,
  .rating_box {
    flex-wrap: wrap;
    width: 100%;
  }

  .db-listing-pdp .db_pdp_details_under_gallery .rating_section .star-filter,
  .product-all-detail-tab .rating_section .star-filter,
  .rating_box .star-filter {
    font-size: 13px;
  }
}