/* Keep the existing gray palette; add depth only. */
html:not([data-theme="dark"]) .header-part,
html:not([data-theme="dark"]) .header-part.active,
html:not([data-theme="dark"]) .navbar-part,
html:not([data-theme="dark"]) .home-product-filters {
  border-color: rgba(111, 130, 156, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 7px 14px rgba(55, 79, 115, 0.13) !important;
}

html:not([data-theme="dark"]) .home-filter-control input,
html:not([data-theme="dark"]) .home-filter-control select,
html:not([data-theme="dark"]) .home-filter-reset {
  box-shadow:
    inset 2px 2px 5px rgba(111, 130, 156, 0.15),
    inset -2px -2px 5px rgba(255, 255, 255, 0.68) !important;
}

html:not([data-theme="dark"]) .home-filter-control input:focus,
html:not([data-theme="dark"]) .home-filter-control select:focus {
  box-shadow:
    inset 1px 1px 3px rgba(111, 130, 156, 0.12),
    0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent) !important;
}

html:not([data-theme="dark"]) .product-list-card {
  border-color: rgba(111, 130, 156, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 6px 13px rgba(55, 79, 115, 0.13) !important;
}

.storefront-product-list-head {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 6px 13px color-mix(in srgb, var(--primary) 24%, transparent) !important;
}

html:not([data-theme="dark"]) .storefront-category-block .product-list-stat strong {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.58),
    0 3px 7px rgba(55, 79, 115, 0.1);
}

html:not([data-theme="dark"]) .product-list-action .btn-buy {
  border: 0 !important;
  outline: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 6px 12px color-mix(in srgb, var(--primary) 28%, transparent) !important;
}

/* Remove the tiny moving shine/separator that can look like a stray line. */
.btn-buy[id^="openModal_"]::after,
.buy-btn-box4::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.storefront-category-block .product-list-action {
  border-left-color: transparent !important;
}

html:not([data-theme="dark"]) .product-list-action .btn-buy:active {
  box-shadow:
    inset 0 2px 4px rgba(20, 61, 116, 0.24),
    0 2px 5px color-mix(in srgb, var(--primary) 20%, transparent) !important;
  transform: translateY(1px) !important;
}

html:not([data-theme="dark"]) .home-notice-custom {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 8px 17px rgba(55, 79, 115, 0.14);
}

@media (hover: hover) and (pointer: fine) {
  html:not([data-theme="dark"]) .storefront-category-block .product-list-card:not(.product-disable):hover {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      0 9px 18px rgba(45, 75, 116, 0.17) !important;
    transform: translateY(-2px);
  }
}
