* Add custom CSS styles below */ 
salla-trust-badges,
salla-trust-badges *,
.salla-trust-badges,
.salla-trust-badges *,
[class*="trust-badges"],
[class*="trust-badge"],
[id*="trust-badges"],
[id*="trust-badge"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ========================================================================
   LEGEND STORE — Professional Dark Theme
   Target: Salla / Angel theme
   Paste this file at the END of the Custom CSS field.
   This stylesheet changes appearance only; it does not hide indexable text.
   ======================================================================== */

:root {
  --ls-primary: #0099e5;
  --ls-primary-bright: #19b8ff;
  --ls-primary-deep: #006fae;
  --ls-action-start: #005f96;
  --ls-action-end: #007bb8;
  --ls-bg: #090f16;
  --ls-bg-soft: #0d151f;
  --ls-surface: #121c27;
  --ls-surface-2: #182534;
  --ls-surface-3: #203044;
  --ls-text: #f7fbff;
  --ls-muted: #aebdca;
  --ls-border: rgba(0, 153, 229, 0.28);
  --ls-border-strong: rgba(25, 184, 255, 0.58);
  --ls-success: #35d477;
  --ls-danger: #ff6675;
  --ls-warning: #ffc83d;
  --ls-radius-sm: 10px;
  --ls-radius-md: 15px;
  --ls-radius-lg: 20px;
  --ls-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.22);
  --ls-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.34);

  /* Salla theme variables */
  --bg-color: var(--ls-bg);
  --color-primary: var(--ls-primary);
  --color-primary-dark: var(--ls-primary-deep);
  --color-primary-light: var(--ls-primary-bright);
  --color-primary-reverse: #ffffff;
  --theme-primary-color: var(--ls-primary);
  --main-text-color: var(--ls-text);
  --main-text-color-dark: var(--ls-text);
  --color-text: var(--ls-muted);
  --dark-bg-main: var(--ls-bg);
  --dark-grey: var(--ls-surface);
  --dark-text-main: var(--ls-text);
  --dark-text-sec: var(--ls-muted);
  --header-bg: var(--ls-bg-soft);
  --footer-bg: #070c12;
  --menu-bg: var(--ls-bg-soft);
  --text-btn: #ffffff;
}

html {
  scroll-behavior: smooth;
  color-scheme: dark;
}

body#app {
  background:
    radial-gradient(circle at 92% 0%, rgba(0, 153, 229, 0.11), transparent 30rem),
    linear-gradient(180deg, var(--ls-bg-soft) 0, var(--ls-bg) 34rem) !important;
  color: var(--ls-text) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body#app,
body#app button,
body#app input,
body#app select,
body#app textarea {
  font-family: var(--font-main), "Tahoma", "Arial", sans-serif;
}

body#app * {
  box-sizing: border-box;
}

body#app a {
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

body#app ::selection {
  color: #ffffff;
  background: rgba(0, 153, 229, 0.78);
}

body#app :focus-visible {
  outline: 3px solid rgba(25, 184, 255, 0.55) !important;
  outline-offset: 3px;
}

/* Preserve the store owner's existing trust-badges preference. */
salla-trust-badges,
salla-trust-badges *,
.salla-trust-badges,
.salla-trust-badges *,
[class*="trust-badges"],
[class*="trust-badge"],
[id*="trust-badges"],
[id*="trust-badge"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

/* Header --------------------------------------------------------------- */

.store-header .header-inner,
.store-header .inner {
  background: rgba(9, 15, 22, 0.92) !important;
  border-bottom: 1px solid var(--ls-border) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.store-header .header-container > div {
  min-height: 68px;
}

.store-header .navbar-brand img,
.store-header .logo-dark {
  width: auto !important;
  height: 46px !important;
  max-width: 170px;
  object-fit: contain;
  filter: drop-shadow(0 5px 12px rgba(0, 153, 229, 0.22));
}

.store-header .header-btn,
.store-header .search-btn,
.store-header .mburger {
  color: var(--ls-text) !important;
}

.store-header .header-btn,
.store-header .search-btn {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
}

.store-header .header-btn:hover,
.store-header .search-btn:hover {
  color: #ffffff !important;
  background: rgba(0, 153, 229, 0.12) !important;
  border-color: var(--ls-border) !important;
}

.store-header .sicon-menu,
.store-header .sicon-search,
.store-header .sicon-user,
.store-header .s-cart-summary-icon {
  color: var(--ls-primary-bright) !important;
}

.store-header .s-cart-summary-count {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--ls-action-start), var(--ls-action-end)) !important;
  box-shadow: 0 0 0 3px var(--ls-bg-soft), 0 5px 14px rgba(0, 153, 229, 0.38);
}

/* Side menu and search ------------------------------------------------- */

.mobile-menu,
.mm-ocd__content,
.mm-spn,
.angelmodal__content,
.s-search-container,
.s-modal-container {
  color: var(--ls-text) !important;
  background: var(--ls-bg-soft) !important;
}

.mobile-menu .sidemenu-link,
.mobile-menu a {
  color: var(--ls-muted) !important;
  border-bottom-color: rgba(255, 255, 255, 0.07) !important;
}

.mobile-menu .sidemenu-link:hover,
.mobile-menu .sidemenu-link:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(90deg, rgba(0, 153, 229, 0.16), transparent) !important;
}

/* Customer account menu --------------------------------------------- */

/*
 * Salla renders the signed-in customer links inside salla-user-menu.
 * Keep the component's closed state intact, but make every item visible
 * and scrollable once the customer opens it (especially on iOS/Safari).
 */
salla-user-menu .s-user-menu-toggler.opened {
  visibility: visible !important;
  opacity: 1 !important;
}

salla-user-menu .s-user-menu-toggler.opened .s-user-menu-dropdown {
  color: var(--ls-text) !important;
  background: var(--ls-bg-soft) !important;
  border: 1px solid var(--ls-border) !important;
  box-shadow: var(--ls-shadow-lg) !important;
}

salla-user-menu .s-user-menu-toggler.opened .s-user-menu-dropdown-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-height: min(70vh, 560px) !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-overflow-scrolling: touch;
}

salla-user-menu .s-user-menu-toggler.opened .s-user-menu-dropdown-item {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

salla-user-menu .s-user-menu-dropdown-item-link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 14px !important;
  color: var(--ls-text) !important;
  background: transparent !important;
  border-radius: 10px !important;
}

salla-user-menu .s-user-menu-dropdown-item-link:hover,
salla-user-menu .s-user-menu-dropdown-item-link:focus-visible {
  color: #ffffff !important;
  background: rgba(0, 153, 229, 0.14) !important;
}

salla-user-menu .s-user-menu-dropdown-item-prefix,
salla-user-menu .s-user-menu-dropdown-item-prefix svg {
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  color: var(--ls-primary-bright) !important;
  fill: currentColor !important;
}

salla-user-menu .s-user-menu-dropdown-item-title {
  display: inline !important;
  flex: 1 1 auto !important;
  color: inherit !important;
  line-height: 1.55 !important;
  white-space: normal !important;
}

salla-user-menu .s-user-menu-dropdown-item-badge {
  flex: 0 0 auto !important;
  color: #ffffff !important;
  background: var(--ls-primary-deep) !important;
}

salla-user-menu .s-user-menu-dropdown-item-logout {
  margin-top: 6px !important;
  border-top: 1px solid rgba(174, 189, 202, 0.14) !important;
}

salla-user-menu .s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-link,
salla-user-menu .s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-prefix,
salla-user-menu .s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-prefix svg {
  color: var(--ls-danger) !important;
}

.s-search-input,
.form-input,
body#app input:not([type="checkbox"]):not([type="radio"]),
body#app textarea,
body#app select {
  min-height: 46px;
  color: var(--ls-text) !important;
  caret-color: var(--ls-primary-bright);
  background: var(--ls-surface) !important;
  border: 1px solid rgba(174, 189, 202, 0.22) !important;
  border-radius: var(--ls-radius-sm) !important;
  box-shadow: none !important;
}

body#app input::placeholder,
body#app textarea::placeholder {
  color: #81909e !important;
  opacity: 1;
}

.s-search-input:focus,
.form-input:focus,
body#app input:not([type="checkbox"]):not([type="radio"]):focus,
body#app textarea:focus,
body#app select:focus {
  border-color: var(--ls-primary) !important;
  box-shadow: 0 0 0 4px rgba(0, 153, 229, 0.12) !important;
}

/* Page headings and breadcrumbs -------------------------------------- */

.nav-header {
  background:
    linear-gradient(110deg, rgba(0, 153, 229, 0.13), rgba(18, 28, 39, 0.86) 48%, rgba(9, 15, 22, 0.96)) !important;
  border-bottom: 1px solid var(--ls-border) !important;
}

.category_title_wrapper {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#page-main-title,
.category_title,
body#app h1,
body#app h2,
body#app h3 {
  color: var(--ls-text) !important;
}

#page-main-title {
  font-weight: 800 !important;
  letter-spacing: -0.015em;
}

.breadcrumb,
.breadcrumbs,
salla-breadcrumb,
salla-breadcrumb a {
  color: var(--ls-muted) !important;
}

/* Home sections ------------------------------------------------------- */

.s-block {
  margin-top: clamp(24px, 4vw, 48px) !important;
}

.s-block__title,
.s-slider-block__title {
  align-items: center;
  margin-bottom: 14px !important;
}

.s-block__title h2,
.s-slider-block__title h2 {
  position: relative;
  padding-inline-start: 15px;
  color: var(--ls-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em;
}

.s-block__title h2::before,
.s-slider-block__title h2::before {
  position: absolute;
  inset-block: 4px;
  inset-inline-start: 0;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ls-primary-bright), var(--ls-primary-deep));
  box-shadow: 0 0 14px rgba(25, 184, 255, 0.42);
  content: "";
}

.s-block__display-all {
  padding: 8px 13px !important;
  color: var(--ls-primary-bright) !important;
  background: rgba(0, 153, 229, 0.08);
  border: 1px solid var(--ls-border);
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 700;
}

.s-block__display-all:hover {
  color: #ffffff !important;
  background: rgba(0, 153, 229, 0.18);
  border-color: var(--ls-border-strong);
}

/* Product cards ------------------------------------------------------- */

custom-salla-product-card.s-product-card-entry,
.s-product-card-entry {
  overflow: hidden !important;
  color: var(--ls-text) !important;
  background: linear-gradient(155deg, var(--ls-surface-2), var(--ls-surface)) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-md) !important;
  box-shadow: var(--ls-shadow-sm) !important;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease !important;
}

custom-salla-product-card.s-product-card-entry:hover,
.s-product-card-entry:hover {
  transform: translateY(-4px);
  border-color: var(--ls-border-strong) !important;
  box-shadow: var(--ls-shadow-lg), 0 0 0 1px rgba(0, 153, 229, 0.10) !important;
}

.s-product-card-entry .s-product-card-image {
  overflow: hidden;
  background: #0b121b !important;
  border-bottom: 1px solid rgba(0, 153, 229, 0.18);
}

.s-product-card-entry .s-product-card-image img {
  transition: transform 350ms ease, filter 350ms ease;
}

.s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.025);
  filter: saturate(1.05) contrast(1.02);
}

.s-product-card-entry .s-product-card-content {
  padding: 14px !important;
}

.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a {
  color: var(--ls-text) !important;
  font-weight: 750 !important;
  line-height: 1.65 !important;
}

.s-product-card-entry .s-product-card-content-sub,
.s-product-card-entry .s-product-card-content-sub * {
  color: var(--ls-primary-bright) !important;
  font-weight: 800 !important;
}

.s-product-card-entry .s-product-card-actions button {
  color: var(--ls-text) !important;
  background: rgba(9, 15, 22, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}

.s-product-card-entry .s-product-card-actions button:hover {
  color: #ffffff !important;
  background: var(--ls-primary) !important;
  border-color: var(--ls-primary-bright) !important;
}

/* Buttons ------------------------------------------------------------- */

.s-button-element.s-button-primary,
.s-button-element.s-button-primary-outline,
#s-cart-summary-card-submit .s-button-element,
.product-single salla-add-product-button .s-button-element {
  min-height: 44px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--ls-action-start), var(--ls-action-end)) !important;
  border: 1px solid rgba(88, 207, 255, 0.62) !important;
  border-radius: var(--ls-radius-sm) !important;
  box-shadow: 0 9px 22px rgba(0, 153, 229, 0.24) !important;
  font-weight: 800 !important;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
}

.s-button-element.s-button-primary:hover,
.s-button-element.s-button-primary-outline:hover,
#s-cart-summary-card-submit .s-button-element:hover,
.product-single salla-add-product-button .s-button-element:hover {
  transform: translateY(-2px);
  filter: brightness(1.09);
  box-shadow: 0 12px 28px rgba(0, 153, 229, 0.34) !important;
}

.s-button-element:disabled,
.s-button-element[disabled] {
  transform: none !important;
  filter: grayscale(0.35);
  opacity: 0.58 !important;
  box-shadow: none !important;
}

.btn--outline-primary {
  min-height: 42px;
  padding-inline: 18px !important;
  color: var(--ls-primary-bright) !important;
  background: rgba(0, 153, 229, 0.08) !important;
  border: 1px solid var(--ls-border-strong) !important;
}

.btn--outline-primary:hover {
  color: #ffffff !important;
  background: var(--ls-primary) !important;
}

/* Category and sorting ------------------------------------------------ */

.product-index #product-filter {
  min-width: 155px;
  padding-inline: 14px 36px !important;
  color: var(--ls-text) !important;
  background-color: var(--ls-surface) !important;
  border-color: var(--ls-border) !important;
}

.s-products-list-wrapper {
  gap: 18px !important;
}

.s-slider-nav-arrow {
  color: var(--ls-primary-bright) !important;
  background: var(--ls-surface) !important;
  border: 1px solid var(--ls-border) !important;
  box-shadow: var(--ls-shadow-sm);
}

.s-slider-nav-arrow:hover {
  color: #ffffff !important;
  background: var(--ls-primary) !important;
}

.swiper-scrollbar {
  background: rgba(174, 189, 202, 0.14) !important;
}

.swiper-scrollbar-drag {
  background: linear-gradient(90deg, var(--ls-primary-deep), var(--ls-primary-bright)) !important;
}

/* Product page -------------------------------------------------------- */

.product-single .sidebar {
  padding: 10px !important;
  background: linear-gradient(150deg, var(--ls-surface-2), var(--ls-surface)) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-lg) !important;
  box-shadow: var(--ls-shadow-lg);
}

.product-single .details-slider,
.product-single .details-slider img {
  overflow: hidden;
  border-radius: calc(var(--ls-radius-lg) - 5px) !important;
}

.product-single .main-content {
  padding: clamp(17px, 2.2vw, 28px) !important;
  color: var(--ls-text) !important;
  background: linear-gradient(155deg, rgba(24, 37, 52, 0.96), rgba(18, 28, 39, 0.98)) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-lg) !important;
  box-shadow: var(--ls-shadow-lg);
}

.product-single h1 {
  color: var(--ls-text) !important;
  font-weight: 850 !important;
  line-height: 1.55 !important;
}

.product-single .price,
.product-single .starting-or-normal-price,
.product-single .total-price {
  color: var(--ls-primary-bright) !important;
}

.product-single .product-availablity {
  width: max-content;
  padding: 7px 11px;
  color: #8df0b5 !important;
  background: rgba(53, 212, 119, 0.10);
  border: 1px solid rgba(53, 212, 119, 0.28);
  border-radius: 999px;
  font-weight: 700;
}

.product-single .product-available-dot {
  background: var(--ls-success) !important;
  box-shadow: 0 0 0 4px rgba(53, 212, 119, 0.12), 0 0 12px rgba(53, 212, 119, 0.55);
}

.product-single .tabs__product {
  gap: 8px;
}

.product-single .tab-trigger {
  min-height: 43px;
  padding: 10px 15px !important;
  color: var(--ls-muted) !important;
  background: var(--ls-bg-soft) !important;
  border: 1px solid rgba(174, 189, 202, 0.16) !important;
  border-radius: 11px 11px 0 0 !important;
  font-weight: 750;
}

.product-single .tab-trigger:hover {
  color: #ffffff !important;
  border-color: var(--ls-border-strong) !important;
}

.product-single .tab-trigger.is-active {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--ls-action-start), var(--ls-action-end)) !important;
  border-color: var(--ls-primary-bright) !important;
  box-shadow: 0 8px 20px rgba(0, 153, 229, 0.22);
}

.product-single .tabs-wrapper__product {
  color: var(--ls-text) !important;
  background: rgba(9, 15, 22, 0.52) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-md) 0 var(--ls-radius-md) var(--ls-radius-md) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

.product-single .product__description,
.product-single .product__description p,
.product-single .product__description li,
.product-single .product__description span,
.product-single .product__description strong {
  color: var(--ls-text) !important;
}

.product-single .product__description {
  font-size: 1rem;
  line-height: 1.95 !important;
}

.product-single .product__description h1,
.product-single .product__description h2,
.product-single .product__description h3,
.product-single .product__description h4 {
  margin-block: 18px 10px;
  color: #ffffff !important;
  font-weight: 850 !important;
  line-height: 1.55 !important;
}

.product-single .product__description a {
  color: var(--ls-primary-bright) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.product-single .product__description img,
.product-single .product__description video,
.product-single .product__description iframe {
  max-width: 100% !important;
  height: auto;
  border-radius: var(--ls-radius-sm);
}

/* Preserve warning text while fixing black inline text in descriptions. */
.product-single .product__description [style*="255, 0, 0"],
.product-single .product__description [style*="255, 6, 6"] {
  color: #ff6f7c !important;
}

.product-single .sticky-product-bar {
  color: var(--ls-text) !important;
  background: rgba(13, 21, 31, 0.96) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-md) !important;
  box-shadow: 0 -12px 34px rgba(0, 0, 0, 0.30) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.s-quantity-input-container {
  overflow: hidden;
  color: var(--ls-text) !important;
  background: var(--ls-bg-soft) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-sm) !important;
}

.s-quantity-input-button {
  color: var(--ls-primary-bright) !important;
  background: transparent !important;
}

.s-quantity-input-button:hover {
  color: #ffffff !important;
  background: rgba(0, 153, 229, 0.16) !important;
}

/* Reviews and testimonials ------------------------------------------- */

.s-block--testimonials .swiper-slide > div {
  color: var(--ls-text) !important;
  background: linear-gradient(150deg, var(--ls-surface-2), var(--ls-surface)) !important;
  border: 1px solid rgba(0, 153, 229, 0.22) !important;
  border-radius: var(--ls-radius-md) !important;
  box-shadow: var(--ls-shadow-sm) !important;
}

.s-block--testimonials .testimonial__avatar {
  background: var(--ls-surface-3);
  border: 3px solid var(--ls-primary) !important;
  box-shadow: 0 8px 25px rgba(0, 153, 229, 0.25) !important;
}

.s-block--testimonials p,
.s-block--testimonials .testimonial__icon,
.s-comments,
.s-comments-container,
.s-comments-header,
.s-reviews-summary,
.s-comment-form {
  color: var(--ls-text) !important;
}

.s-rating-stars-selected,
.s-rating-stars-selected svg {
  color: var(--ls-warning) !important;
  fill: var(--ls-warning) !important;
}

/* Cart --------------------------------------------------------------- */

.cart .cart-item,
.cart .shadow-default.bg-white,
.cart salla-cart-summary-card {
  color: var(--ls-text) !important;
  background: linear-gradient(150deg, var(--ls-surface-2), var(--ls-surface)) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-md) !important;
  box-shadow: var(--ls-shadow-sm) !important;
}

.cart .cart-item h2,
.cart .cart-item h2 a,
.cart .cart-item .item-total,
.cart .cart-item .item-price {
  color: var(--ls-text) !important;
}

.cart .cart-item img {
  background: var(--ls-bg-soft);
  border-color: var(--ls-border) !important;
  border-radius: var(--ls-radius-sm) !important;
}

.cart .cart-item .btn--wishlist button,
.cart .cart-item .btn--delete button {
  min-width: 38px;
  min-height: 38px;
  border-radius: 9px !important;
}

.cart .cart-item .btn--wishlist button {
  color: var(--ls-primary-bright) !important;
  background: rgba(0, 153, 229, 0.10) !important;
}

.cart .cart-item .btn--delete button {
  color: var(--ls-danger) !important;
  background: rgba(255, 102, 117, 0.10) !important;
}

.cart .s-cart-summary-card-sheet,
.cart .s-cart-summary-card-sheet-wrap,
.cart .s-cart-summary-card-bar,
.cart .s-cart-summary-card-action {
  color: var(--ls-text) !important;
  background: transparent !important;
  border-color: rgba(174, 189, 202, 0.14) !important;
}

.cart .s-cart-summary-card-sheet-title,
.cart .s-cart-summary-card-bar-total,
.cart .s-cart-summary-card-line b {
  color: var(--ls-text) !important;
}

.cart .s-cart-summary-card-bar-total,
.cart .s-cart-summary-card-line b {
  color: var(--ls-primary-bright) !important;
}

.cart .no-content-placeholder {
  max-width: 520px;
  margin-inline: auto;
  padding: 42px 28px;
  color: var(--ls-muted) !important;
  background: linear-gradient(150deg, var(--ls-surface-2), var(--ls-surface)) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-lg) !important;
  box-shadow: var(--ls-shadow-sm);
}

.cart .no-content-placeholder .icon {
  color: var(--ls-primary-bright) !important;
  background: rgba(0, 153, 229, 0.12) !important;
  border: 1px solid var(--ls-border);
}

/* Footer -------------------------------------------------------------- */

.store-footer,
.store-footer__inner {
  color: var(--ls-muted) !important;
  background: #070c12 !important;
}

.store-footer__inner {
  border-top: 1px solid var(--ls-border) !important;
}

.store-footer .footer-top,
.store-footer .footer-middle,
.store-footer .footer-bottom {
  border-color: rgba(174, 189, 202, 0.12) !important;
}

.store-footer h3,
.store-footer .s-contacts-title {
  color: var(--ls-primary-bright) !important;
}

.store-footer a {
  color: var(--ls-muted) !important;
}

.store-footer a:hover {
  color: #ffffff !important;
}

.store-footer .logo-footer img {
  filter: drop-shadow(0 6px 15px rgba(0, 153, 229, 0.22));
}

.store-footer .to-top a {
  padding: 10px 16px !important;
  color: var(--ls-text) !important;
  background: rgba(0, 153, 229, 0.08);
  border: 1px solid var(--ls-border);
  border-radius: 999px;
}

.store-footer .to-top a:hover {
  background: rgba(0, 153, 229, 0.18);
  border-color: var(--ls-border-strong);
}

/* Notifications and common overlays --------------------------------- */

.s-notify,
salla-notify,
.swal2-popup {
  color: var(--ls-text) !important;
  background: var(--ls-surface-2) !important;
  border: 1px solid var(--ls-border) !important;
  border-radius: var(--ls-radius-md) !important;
  box-shadow: var(--ls-shadow-lg) !important;
}

.s-modal-close {
  color: #ffffff !important;
  background: rgba(255, 102, 117, 0.16) !important;
}

/* Responsive polish -------------------------------------------------- */

@media (max-width: 767px) {
  .store-header .header-container > div {
    min-height: 62px;
  }

  .store-header .navbar-brand img,
  .store-header .logo-dark {
    height: 39px !important;
    max-width: 138px;
  }

  .nav-header {
    padding-block: 18px !important;
  }

  .s-block {
    margin-top: 27px !important;
  }

  .s-block__title h2,
  .s-slider-block__title h2 {
    font-size: 1.12rem !important;
  }

  .s-block__display-all {
    padding: 7px 10px !important;
    font-size: 0.8rem;
  }

  custom-salla-product-card.s-product-card-entry,
  .s-product-card-entry {
    border-radius: 12px !important;
  }

  .s-product-card-entry .s-product-card-content {
    padding: 11px !important;
  }

  .s-product-card-entry .s-product-card-content-title,
  .s-product-card-entry .s-product-card-content-title a {
    font-size: 0.9rem !important;
  }

  .s-products-list-wrapper {
    gap: 11px !important;
  }

  .product-single .sidebar {
    width: calc(100% - 24px) !important;
    margin: 12px !important;
    padding: 7px !important;
    border-radius: 15px !important;
  }

  .product-single .main-content {
    width: calc(100% - 24px) !important;
    margin-inline: 12px !important;
    padding: 16px !important;
    border-radius: 15px !important;
  }

  .product-single .tabs__product {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .product-single .tabs__product::-webkit-scrollbar {
    display: none;
  }

  .product-single .tab-trigger {
    white-space: nowrap;
  }

  .product-single .tabs-wrapper__product {
    border-radius: 0 0 13px 13px !important;
  }

  .product-single .sticky-product-bar {
    padding: 12px !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .cart .cart-item {
    padding: 12px !important;
  }

  .cart .no-content-placeholder {
    padding: 30px 18px;
  }

  .store-footer .footer-middle {
    gap: 22px;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body#app *,
  body#app *::before,
  body#app *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ========================================================================
   FINAL MOBILE CUSTOMER-MENU FIX
   Keep this block at the very end of the custom stylesheet.
   Covers both Salla render modes: inline drawer and dropdown sheet.
   ======================================================================== */

@media (max-width: 767px) {
  .mobile-menu .menu-user-login,
  .mobile-menu .menu-user-login > *,
  .mobile-menu salla-user-menu,
  .mm-spn salla-user-menu,
  .mm-ocd__content salla-user-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-wrapper,
  .mm-spn salla-user-menu .s-user-menu-wrapper,
  .mm-ocd__content salla-user-menu .s-user-menu-wrapper {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* The inline account list is otherwise treated as an mmenu sub-panel. */
  .mobile-menu salla-user-menu .s-user-menu-inline,
  .mm-spn salla-user-menu .s-user-menu-inline,
  .mm-ocd__content salla-user-menu .s-user-menu-inline,
  .mobile-menu salla-user-menu .s-user-menu-dropdown-list,
  .mm-spn salla-user-menu .s-user-menu-dropdown-list,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-list {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    transition: none !important;
    background: transparent !important;
    z-index: 1 !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-inline::before,
  .mobile-menu salla-user-menu .s-user-menu-inline::after,
  .mm-spn salla-user-menu .s-user-menu-inline::before,
  .mm-spn salla-user-menu .s-user-menu-inline::after,
  .mm-ocd__content salla-user-menu .s-user-menu-inline::before,
  .mm-ocd__content salla-user-menu .s-user-menu-inline::after,
  .mobile-menu salla-user-menu .s-user-menu-dropdown-list::before,
  .mobile-menu salla-user-menu .s-user-menu-dropdown-list::after,
  .mm-spn salla-user-menu .s-user-menu-dropdown-list::before,
  .mm-spn salla-user-menu .s-user-menu-dropdown-list::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    content: none !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-dropdown-item,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-dropdown-item::before,
  .mobile-menu salla-user-menu .s-user-menu-dropdown-item::after,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item::before,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item::after,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item::before,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item::after {
    display: none !important;
    content: none !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-dropdown-item-link,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item-link,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item-link {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 13px 16px !important;
    color: var(--ls-text) !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-dropdown-item-title,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item-title,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item-title {
    position: static !important;
    inset: auto !important;
    display: inline !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-dropdown-item-prefix,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item-prefix,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item-prefix {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 22px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ls-primary-bright) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-dropdown-item-prefix svg,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item-prefix svg,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item-prefix svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    fill: currentColor !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mobile-menu salla-user-menu .s-user-menu-dropdown-item-logout,
  .mm-spn salla-user-menu .s-user-menu-dropdown-item-logout,
  .mm-ocd__content salla-user-menu .s-user-menu-dropdown-item-logout {
    margin-top: 8px !important;
    border-top: 1px solid rgba(174, 189, 202, 0.18) !important;
  }
}