/**
 * ANBOOST Storefront V1.5 — Shared Commerce Layer Polish
 * Visual / interaction craft only. No layout redesign or business logic.
 */

/* ------------------------------------------------------------------
   Product variants
   ------------------------------------------------------------------ */
.value-input-area .size-lists,
.shop-details-contents .size-lists,
.size-lists {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sf-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.value-input-area .size-lists li,
.size-lists li {
  min-height: var(--sf-control-height-sm);
  min-width: var(--sf-control-height-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.85rem;
  margin: 0 !important;
  border: 1.5px solid var(--sf-border-strong);
  border-radius: var(--sf-radius-md);
  background: var(--sf-surface);
  color: var(--sf-heading);
  cursor: pointer;
  user-select: none;
  transition:
    border-color var(--sf-duration) var(--sf-ease),
    background-color var(--sf-duration) var(--sf-ease),
    color var(--sf-duration) var(--sf-ease),
    box-shadow var(--sf-duration) var(--sf-ease),
    transform var(--sf-duration-fast) var(--sf-ease),
    opacity var(--sf-duration) var(--sf-ease);
}

.value-input-area .size-lists li:hover,
.size-lists li:hover {
  border-color: var(--sf-action);
  transform: translateY(-1px);
}

.value-input-area .size-lists li:focus-visible,
.size-lists li:focus-visible {
  outline: none;
  box-shadow: var(--sf-focus-ring);
}

.value-input-area .size-lists li.active,
.size-lists li.active,
.value-input-area .size-lists li.selected,
.size-lists li.selected {
  border-color: var(--sf-action);
  background-color: color-mix(in srgb, var(--sf-action) 10%, #fff);
  color: var(--sf-heading);
  box-shadow: inset 0 0 0 1px var(--sf-action);
  font-weight: 600;
}

.value-input-area .size-lists li.disabled,
.size-lists li.disabled,
.value-input-area .size-lists li.sold-out,
.size-lists li.sold-out,
.value-input-area .size-lists li[disabled],
.size-lists li[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  text-decoration: line-through;
  transform: none;
  pointer-events: none;
  background: var(--sf-disabled-bg);
}

/* Color swatches */
.value-input-area .color-list li,
.size-lists.color-list li {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border-radius: var(--sf-radius-pill);
  border: 2px solid transparent;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.15);
}

.value-input-area .color-list li:hover,
.size-lists.color-list li:hover {
  transform: scale(1.06);
}

.value-input-area .color-list li.active,
.size-lists.color-list li.active,
.value-input-area .color-list li.selected,
.size-lists.color-list li.selected {
  box-shadow:
    inset 0 0 0 1px rgba(15, 23, 42, 0.12),
    0 0 0 2px #fff,
    0 0 0 4px var(--sf-action);
  background-image: none;
}

/* Image swatches (if used) */
.value-input-area .size-lists li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/* ------------------------------------------------------------------
   Quantity selector
   ------------------------------------------------------------------ */
.value-input-area .quantity-area,
.quantity-area,
.product-quantity,
.cart-quantity {
  display: inline-flex;
  align-items: stretch;
  border: 1.5px solid var(--sf-border-strong);
  border-radius: var(--sf-radius-md);
  overflow: hidden;
  background: var(--sf-surface);
}

.substract,
.plus,
.quick-view-substract,
.quick-view-plus,
.quantity-area .substract,
.quantity-area .plus,
span.substract,
span.plus {
  min-width: var(--sf-control-height-sm);
  min-height: var(--sf-control-height-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  color: var(--sf-heading);
  background: var(--sf-surface-muted);
  transition:
    background-color var(--sf-duration) var(--sf-ease),
    color var(--sf-duration) var(--sf-ease);
}

.substract:hover,
.plus:hover,
.quick-view-substract:hover,
.quick-view-plus:hover {
  background: color-mix(in srgb, var(--sf-action) 12%, #fff);
  color: var(--sf-action);
}

.substract:active,
.plus:active,
.quick-view-substract:active,
.quick-view-plus:active {
  background: color-mix(in srgb, var(--sf-action) 20%, #fff);
}

.substract:focus-visible,
.plus:focus-visible,
.quick-view-substract:focus-visible,
.quick-view-plus:focus-visible {
  outline: none;
  box-shadow: var(--sf-focus-ring);
  z-index: 1;
}

.quantity-input,
.quick-view-quantity-input,
input.quantity-input,
input.qty_ {
  width: 3.25rem;
  min-height: var(--sf-control-height-sm);
  border: 0 !important;
  border-inline: 1px solid var(--sf-border) !important;
  border-radius: 0 !important;
  text-align: center;
  font-weight: 600;
  color: var(--sf-heading);
  background: var(--sf-surface);
  box-shadow: none !important;
  -moz-appearance: textfield;
}

.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button,
.quick-view-quantity-input::-webkit-outer-spin-button,
.quick-view-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-input:disabled,
.quick-view-quantity-input:disabled {
  background: var(--sf-disabled-bg);
  color: var(--sf-disabled);
}

/* ------------------------------------------------------------------
   Add to Cart / Buy Now states
   ------------------------------------------------------------------ */
.add_to_cart_single_page,
.but_now_single_page,
.quick_view_add_to_cart,
.quick_view_but_now,
.add-to-cart-btn.cart-loading {
  position: relative;
}

.cart-loading.is-loading,
.cart-loading.loading,
.cart-loading.active-loading {
  opacity: 0.72;
  pointer-events: none;
  cursor: wait;
}

.add_to_cart_single_page:active,
.but_now_single_page:active,
.quick_view_add_to_cart:active,
.quick_view_but_now:active {
  transform: scale(0.985);
}

/* ------------------------------------------------------------------
   Quick View modal
   ------------------------------------------------------------------ */
#product_quick_view,
.product-quick-view-modal,
.quick-view-modal,
.modal.quick-view {
  transition: opacity var(--sf-duration-slow) var(--sf-ease);
}

#product_quick_view .shop-details-contents,
.product-quick-view .shop-details-contents,
#product_quick_view .value-input-area,
.product-quick-view .value-input-area {
  padding-top: var(--sf-space-2);
}

#product_quick_view .shop-details-thumb img,
.product-quick-view .shop-details-thumb img,
#product_quick_view img {
  border-radius: var(--sf-radius-md);
}

#product_quick_view .cmn-btn,
.product-quick-view .cmn-btn {
  margin-top: var(--sf-space-2);
}

#product_quick_view h3,
#product_quick_view h4,
.product-quick-view h3,
.product-quick-view h4 {
  color: var(--sf-heading);
  font-family: var(--sf-font-heading);
}

/* ------------------------------------------------------------------
   Mini cart / wishlist dropdown
   ------------------------------------------------------------------ */
.cart-shopping .addto-cart-contents {
  border-radius: var(--sf-radius-lg);
  border: 1px solid var(--sf-border);
  box-shadow: var(--sf-shadow-lg);
  padding: var(--sf-space-3);
  background: var(--sf-surface);
  transition:
    opacity var(--sf-duration) var(--sf-ease),
    visibility var(--sf-duration) var(--sf-ease),
    transform var(--sf-duration) var(--sf-ease);
}

.cart-shopping .single-addto-carts {
  align-items: flex-start;
  gap: var(--sf-space-2);
  padding: var(--sf-space-3) 0;
  border-bottom: 1px solid var(--sf-border);
}

.cart-shopping .single-addto-carts:last-child {
  border-bottom: 0;
}

.cart-shopping .addto-cart-thumb {
  border-radius: var(--sf-radius-sm);
  overflow: hidden;
  background: var(--sf-surface-muted);
}

.cart-shopping .addto-cart-thumb img {
  border-radius: var(--sf-radius-sm);
}

.cart-shopping .addto-cart-title {
  font-size: 0.95rem !important;
  font-weight: 600;
  color: var(--sf-heading);
  line-height: 1.35;
  margin-bottom: var(--sf-space-1);
}

.cart-shopping .name-subtitle {
  font-size: 0.8rem;
  color: var(--sf-body);
  opacity: 0.9;
}

.cart-shopping .price-title {
  font-weight: 600;
  color: var(--sf-action) !important;
}

.cart-shopping .addto-cart-counts {
  min-width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--sf-radius-pill);
  background: var(--sf-surface-muted);
  font-size: 0.8rem;
  font-weight: 600;
}

.cart-shopping .close-cart .icon-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--sf-radius-pill);
  transition: background-color var(--sf-duration) var(--sf-ease), color var(--sf-duration) var(--sf-ease);
}

.cart-shopping .close-cart:hover .icon-close {
  background: var(--sf-error-bg);
  color: var(--sf-error);
}

.cart-shopping .cart-total-amount {
  margin-top: var(--sf-space-3);
  padding-top: var(--sf-space-3);
  border-top: 1px solid var(--sf-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sf-space-3);
}

.cart-shopping .cart-total-amount .amount-title {
  margin: 0;
  font-weight: 600;
  color: var(--sf-heading);
}

.cart-shopping .btn-wrapper {
  margin-top: var(--sf-space-3) !important;
}

.cart-shopping .btn-wrapper .cmn-btn {
  width: 100%;
}

.cart-shopping .icon-notification {
  transition: transform var(--sf-duration-fast) var(--sf-ease);
}

.cart-shopping:hover .icon-notification,
.cart-shopping .icon:hover + .icon-notification {
  transform: scale(1.05);
}

/* ------------------------------------------------------------------
   Cart / wishlist page
   ------------------------------------------------------------------ */
.cart-area table,
.wishlist-area table,
.cart-table,
.table.cart-table {
  border-collapse: separate;
  border-spacing: 0;
}

.cart-area table thead th,
.wishlist-area table thead th {
  font-weight: 600;
  color: var(--sf-heading);
  border-bottom: 1px solid var(--sf-border-strong);
  padding: var(--sf-space-3) var(--sf-space-4);
  background: var(--sf-surface-muted);
}

.cart-area table tbody td,
.wishlist-area table tbody td {
  padding: var(--sf-space-4);
  vertical-align: middle;
  border-bottom: 1px solid var(--sf-border);
}

.cart-area table img,
.wishlist-area table img {
  border-radius: var(--sf-radius-sm);
}

.coupon-contents,
.cart-right-contents,
.checkout-right-contents {
  background: var(--sf-surface);
  border: 1px solid var(--sf-border);
  border-radius: var(--sf-radius-lg);
  box-shadow: var(--sf-shadow-sm);
  padding: var(--sf-space-5);
}

.coupon-contents-details-list,
.coupon-contents-details-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sf-space-3);
}

.coupon-contents-details-list-item {
  padding: var(--sf-space-2) 0;
  border-bottom: 1px dashed var(--sf-border);
  color: var(--sf-body);
}

.coupon-contents-details-list-item:last-child {
  border-bottom: 0;
  font-weight: 700;
  color: var(--sf-heading);
  padding-top: var(--sf-space-3);
}

/* ------------------------------------------------------------------
   Checkout presentation
   ------------------------------------------------------------------ */
.checkout-area .form-group,
.checkout-contents .form-group,
.checkout-left-contents .form-group,
.checkout-area .single-input {
  margin-bottom: var(--sf-space-4);
}

.checkout-area .form-control,
.checkout-contents .form-control,
.checkout-area .form--control {
  min-height: var(--sf-control-height);
  padding: 0.65rem 0.9rem;
}

.checkout-area h4,
.checkout-area h5,
.checkout-contents h4,
.checkout-contents h5,
.billing-details-wrapper h4 {
  color: var(--sf-heading);
  font-family: var(--sf-font-heading);
  font-weight: 650;
  margin-bottom: var(--sf-space-4);
}

.checkout-area .payment-gateway-wrapper,
.checkout-area .shipping-option,
.checkout-right-side .payment-gateway-list,
.payment-gateway-list li {
  border-radius: var(--sf-radius-md);
  transition: border-color var(--sf-duration) var(--sf-ease), background-color var(--sf-duration) var(--sf-ease);
}

.terms-condition,
.checkout-area .terms-and {
  font-size: 0.925rem;
}

.checkout-area .btn-wrapper .cmn-btn,
.checkout-right-side .cmn-btn {
  min-height: 3rem;
  font-size: 1rem;
}

/* ------------------------------------------------------------------
   Customer account
   ------------------------------------------------------------------ */
.user-dashboard .card,
.seller-profile-dashboard .card,
.dashboard-card,
.user-dashboard-wrapper .card {
  border: 1px solid var(--sf-border);
  border-radius: var(--sf-radius-lg);
  box-shadow: var(--sf-shadow-sm);
  overflow: hidden;
}

.user-dashboard .card-body,
.seller-profile-dashboard .card-body {
  padding: var(--sf-space-5);
}

.user-dashboard .card h4,
.user-dashboard .card h5,
.seller-profile-dashboard h4,
.seller-profile-dashboard h5 {
  color: var(--sf-heading);
  font-weight: 650;
}

.user-dashboard .card i,
.seller-profile-dashboard .card i {
  opacity: 0.85;
}

.user-dashboard .table,
.dashboard-order-table {
  border-radius: var(--sf-radius-md);
  overflow: hidden;
}

.user-dashboard .table th {
  background: var(--sf-surface-muted);
  font-weight: 600;
  color: var(--sf-heading);
}

/* ------------------------------------------------------------------
   Mobile touch targets / commerce spacing (no IA change)
   ------------------------------------------------------------------ */
@media (max-width: 991px) {
  .value-input-area .size-lists li,
  .size-lists li {
    min-height: 2.5rem;
    padding: 0.5rem 0.95rem;
  }

  .value-input-area .color-list li,
  .size-lists.color-list li {
    width: 2.25rem;
    height: 2.25rem;
  }

  .substract,
  .plus,
  .quick-view-substract,
  .quick-view-plus {
    min-width: 2.5rem;
    min-height: 2.5rem;
  }

  .mobile-footer-menu a,
  .bottom-menu-list a,
  .footer-mobile-menu a {
    min-height: 2.75rem;
    padding-block: var(--sf-space-2);
  }

  .cart-area table tbody td,
  .wishlist-area table tbody td {
    padding: var(--sf-space-3);
  }

  .coupon-contents,
  .cart-right-contents {
    padding: var(--sf-space-4);
    margin-top: var(--sf-space-4);
  }
}

@media (max-width: 575px) {
  .cart-shopping .addto-cart-contents {
    width: min(92vw, 22rem);
  }

  .btn-wrapper .cmn-btn,
  .cmn-btn {
    width: 100%;
  }
}

/* ------------------------------------------------------------------
   Wave 0 — PDP gallery usability (same slick gallery; no new model)
   ------------------------------------------------------------------ */
.shop-details-area .shop-details-thumb-wrapper,
.shop-details-area .shop-details-thums,
.shop-details-area .shop-details-thums img {
  border-radius: var(--sf-radius-lg);
}

.shop-details-bottom-slider-area {
  position: relative !important;
  z-index: 2 !important;
  margin-top: var(--sf-space-4);
}

.shop-details-bottom-slider-area .small-img,
.shop-details-bottom-slider-area .shop-small-thumb-wrapper {
  border-radius: var(--sf-radius-md);
  overflow: hidden;
  cursor: pointer;
  transition:
    box-shadow var(--sf-duration) var(--sf-ease),
    opacity var(--sf-duration) var(--sf-ease),
    transform var(--sf-duration-fast) var(--sf-ease);
}

.shop-details-bottom-slider-area .small-img:hover,
.shop-details-bottom-slider-area .shop-small-thumb-wrapper:hover .small-img {
  transform: translateY(-1px);
  box-shadow: var(--sf-shadow-sm);
}

.shop-details-bottom-slider-area .slick-current .small-img,
.shop-details-bottom-slider-area .small-img.slick-current,
.shop-details-bottom-slider-area .slick-current .details-small-product {
  box-shadow: 0 0 0 2px var(--sf-action);
}

/* PDP buy-block hierarchy */
.shop-details-contents .price-update-through,
.shop-details-contents .price-wrap,
.value-input-area {
  margin-block: var(--sf-space-3);
}

.value-input-area .list .list-item,
.value-input-area .item-title,
.value-input-area label {
  font-weight: 600;
  color: var(--sf-heading);
  margin-bottom: var(--sf-space-2);
}

.shop-details-stock,
.stock-notifications,
.delivery-options {
  margin-top: var(--sf-space-3);
  line-height: 1.5;
}

/* Shop sidebar / filter chrome rhythm */
.shop-sidebar,
.shop-sidebar-content,
.shop-left-sidebar,
.filter-wrapper {
  line-height: 1.45;
}

.shop-sidebar .single-sidebar-item,
.shop-sidebar-content .widget,
.single-sidebar-item {
  margin-bottom: var(--sf-space-5);
  padding-bottom: var(--sf-space-4);
  border-bottom: 1px solid var(--sf-border);
}

.shop-sidebar .single-sidebar-item:last-child,
.shop-sidebar-content .widget:last-child {
  border-bottom: 0;
}

/* Incomplete variant guidance */
.value-input-area .size-lists.sf-variant-attention {
  box-shadow: 0 0 0 2px var(--sf-error-border);
  border-radius: var(--sf-radius-md);
  padding: var(--sf-space-2);
  background: var(--sf-error-bg);
}

.sf-variant-hint {
  color: var(--sf-error);
  font-size: 0.9rem;
  font-weight: 600;
}

/* Mini-cart: allow click/tap open without becoming a drawer */
.cart-shopping.is-open .addto-cart-contents,
.cart-shopping.sf-open .addto-cart-contents {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.shop-filters-top,
.shop-top-bar,
.shop-topbar-content,
.product-showing-filter {
  margin-bottom: var(--sf-space-4);
  gap: var(--sf-space-3);
}

/* Mobile footer existing icons — touch comfort only, same IA */
.mobile-footer-menu a,
.bottom-menu-list a,
.footer-mobile-menu a,
.mobile-menu-wrapper a {
  min-width: 2.75rem;
  min-height: 2.75rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  transition: color var(--sf-duration) var(--sf-ease), opacity var(--sf-duration) var(--sf-ease);
}

.mobile-footer-menu a:focus-visible,
.bottom-menu-list a:focus-visible,
.footer-mobile-menu a:focus-visible {
  outline: none;
  box-shadow: var(--sf-focus-ring);
  border-radius: var(--sf-radius-md);
}

/* Fallback when color-mix unsupported */
@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
  .value-input-area .size-lists li.active,
  .size-lists li.active {
    background-color: #f5f8ff;
  }

  .substract:hover,
  .plus:hover {
    background: #f0f4f8;
  }

  .cart-loading.active-loading::after,
  .cart-loading.is-loading::after {
    background: rgba(255, 255, 255, 0.55);
  }
}

/* ------------------------------------------------------------------
   Payment success hierarchy
   ------------------------------------------------------------------ */
.order-success-area .title {
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: var(--sf-space-3);
  color: var(--sf-heading);
}

.order-success-area .order-page-description {
  max-width: 36rem;
  margin-inline: auto;
  color: var(--sf-muted, #667085);
  line-height: 1.6;
}

.billing-wrappers {
  height: 100%;
}

.billing-items {
  border: 1px solid var(--sf-border, #e4e7ec);
  border-radius: var(--sf-radius-lg, 12px);
  padding: var(--sf-space-5, 1.25rem);
  background: var(--sf-surface, #fff);
  box-shadow: var(--sf-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.05));
  height: 100%;
}

.billing-title {
  font-size: 1.05rem;
  font-weight: 650;
  margin-bottom: var(--sf-space-3);
  padding-bottom: var(--sf-space-3);
  border-bottom: 1px solid var(--sf-border, #e4e7ec);
  color: var(--sf-heading);
}

.billing-details {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}

.billing-details li {
  font-size: 0.925rem;
  line-height: 1.5;
  color: var(--sf-body, #344054);
}

.billing-details li strong {
  color: var(--sf-heading);
  font-weight: 600;
  margin-inline-end: 0.35rem;
}

/* ------------------------------------------------------------------
   Customer account dashboard polish
   ------------------------------------------------------------------ */
.seller-profile-details-area .single-orders {
  border: 1px solid var(--sf-border, #e4e7ec);
  border-radius: var(--sf-radius-lg, 12px);
  background: var(--sf-surface, #fff);
  box-shadow: var(--sf-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.05));
  transition: border-color var(--sf-duration) var(--sf-ease), box-shadow var(--sf-duration) var(--sf-ease);
}

.seller-profile-details-area .single-orders:hover {
  border-color: color-mix(in srgb, var(--sf-action, #111) 25%, #e4e7ec);
  box-shadow: var(--sf-shadow-md, 0 4px 12px rgba(16, 24, 40, 0.08));
}

.seller-profile-details-area .orders-flex-content {
  gap: var(--sf-space-4, 1rem);
  padding: var(--sf-space-4, 1rem) var(--sf-space-5, 1.25rem);
  align-items: center;
}

.seller-profile-details-area .orders-flex-content .icon {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--sf-action, #111) 8%, #fff);
  color: var(--sf-action, #111);
  font-size: 1.35rem;
}

.seller-profile-details-area .order-titles {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--sf-heading);
}

.seller-profile-details-area .order-para {
  color: var(--sf-muted, #667085);
  font-size: 0.875rem;
}

.seller-dashboard-list .list a {
  border-radius: var(--sf-radius-md, 8px);
  transition: background-color var(--sf-duration) var(--sf-ease), color var(--sf-duration) var(--sf-ease);
}

.seller-dashboard-list .list.active a,
.seller-dashboard-list .list a:hover {
  background: color-mix(in srgb, var(--sf-action, #111) 8%, #fff);
}

/* Size chart tables */
.sf-size-chart .custom--table {
  width: 100%;
  border-collapse: collapse;
}

.sf-size-chart .custom--table th,
.sf-size-chart .custom--table td {
  padding: 0.7rem 0.85rem;
  border-bottom: 1px solid var(--sf-border, #e4e7ec);
  text-align: start;
}

.sf-size-chart .custom--table thead th {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--sf-muted, #667085);
  background: color-mix(in srgb, var(--sf-border, #e4e7ec) 35%, #fff);
}

.sf-size-chart-note {
  font-size: 0.875rem;
  line-height: 1.55;
}

/* ==================================================================
   Milestone 1 — critical visual bugfixes (shared; loads after theme CSS)
   ================================================================== */

/* Price range: never render square brand-colored handles under Prices */
.price-range-slider .ui-range-slider.noUi-target .noUi-handle {
  top: -4.5px !important;
  border-radius: 50% !important;
  background: var(--main-color-one) !important;
}
.price-range-slider .ui-range-slider.noUi-target .noUi-handle::before {
  border-radius: 50% !important;
}
.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
  background: var(--main-color-one) !important;
}

/* Expand/collapse carets must stay visible above list text */
.menu-item-has-children::after,
.single-shop-left-list .item.menu-item-has-children::after,
.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children::after,
.cate-list.menu-item-has-children::after {
  z-index: 1 !important;
}

/* PDP thumbs must remain in normal stacking (override any leftover inline -1) */
.shop-details-bottom-slider-area {
  position: relative !important;
  z-index: 2 !important;
}