/* CAMERA POINT — COMPLETE CSS — QUICK VIEW IMAGE FIX V3
   Replace the previous Custom CSS with this entire file.
   Homepage, recommendations and all product listings share the same mobile card design.
   Category/all-products lists use a normal two-column grid with vertical page scrolling.
   Desktop galleries keep a separate, fixed-height thumbnail column.
   This version resets conflicting rail padding, margins and vertical offsets.
   White thumbnails, sticky-cart sizing and the contact/social footer are included.
   Mobile: up to 767px. Compact header: up to 1023px. Desktop: from 1024px.
   Tablet product layouts (768–1023px) keep the theme's existing layout.
   !important is retained where this file must override the theme.
   CSS cannot create a working category link or add missing cart controls.
*/

/* 1. Shared settings and interaction effects */

:root {
  --cp-orange: #ff6b00;
  --cp-link-orange: #f47b20;
  --cp-button-radius: 10px;
  --cp-focus-color: #1f2937;
  --cp-motion-duration: 0.2s;
  --cp-card-motion-duration: 0.35s;
  --cp-sticky-space: 140px;
  --cp-sticky-z-index: 40;
}

.product-entry img {
  transition: transform var(--cp-card-motion-duration) ease, opacity var(--cp-motion-duration) ease;
}

.store-feature,
.testimonial {
  transition: transform var(--cp-card-motion-duration) ease, box-shadow var(--cp-card-motion-duration) ease;
}

.product-entry {
  border-radius: 16px !important;
  overflow: hidden;
  transition: transform var(--cp-card-motion-duration) ease, box-shadow var(--cp-card-motion-duration) ease !important;
}

.s-button-element {
  overflow: hidden !important;
  -webkit-tap-highlight-color: transparent;
  transition: filter var(--cp-motion-duration) ease, background-color var(--cp-motion-duration) ease, border-color var(--cp-motion-duration) ease, color var(--cp-motion-duration) ease !important;
}

.s-button-element::before,
.s-button-element::after {
  border-radius: inherit !important;
}

.s-button-element:hover,
.s-button-element:active {
  transform: none !important;
  box-shadow: none !important;
}

.s-button-element:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

.s-button-element:focus-visible {
  outline: 2px solid var(--cp-focus-color) !important;
  outline-offset: 2px !important;
}

.s-block__display-all,
.store-feature,
.testimonial {
  border-radius: 16px;
}

section[component-id="1562998291"] salla-products-slider.fit-slider-products,
section[component-id="1562998291"] salla-products-slider.fit-slider-products salla-product-card,
section[component-id="1562998291"] salla-products-slider.fit-slider-products .s-product-card-entry,
section[component-id="1562998291"] salla-products-slider.fit-slider-products .s-product-card-content,
section[component-id="1562998291"] salla-products-slider.fit-slider-products .s-product-card-content-main,
section[component-id="1562998291"] salla-products-slider.fit-slider-products .s-product-card-content-title,
section[component-id="1562998291"] salla-products-slider.fit-slider-products .s-product-card-content-title a,
section[component-id="1562998291"] salla-products-slider.fit-slider-products .s-product-card-price,
section[component-id="1562998291"] salla-products-slider.fit-slider-products .s-product-card-content-footer {
  direction: rtl !important;
  text-align: right !important;
}

#custom-products-slider-0 .product-card__addToCart,
#custom-products-slider-0 .product-card__addToCart salla-add-product-button,
#custom-products-slider-0 .product-card__addToCart salla-button {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: var(--cp-button-radius) !important;
}

#custom-products-slider-0 .product-card__addToCart::before,
#custom-products-slider-0 .product-card__addToCart::after,
#custom-products-slider-0 .product-card__addToCart salla-add-product-button::before,
#custom-products-slider-0 .product-card__addToCart salla-add-product-button::after,
#custom-products-slider-0 .product-card__addToCart salla-button::before,
#custom-products-slider-0 .product-card__addToCart salla-button::after {
  content: none !important;
  display: none !important;
}

#custom-products-slider-0 .product-card__addToCart .s-button-element {
  border-radius: var(--cp-button-radius) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
  transform: none !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .product-entry:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
  }

  .product-entry:hover img {
    transform: scale(1.06);
  }

  .store-feature:hover,
  .testimonial:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  }

  .s-button-element:not(:disabled):not([aria-disabled="true"]):not(.s-button-disabled):hover {
    filter: brightness(0.93) !important;
  }
}

@media screen and (max-width: 768px) and (hover: hover) and (pointer: fine) {
  .product-entry:hover {
    transform: translateY(-3px);
  }
}

.s-button-element:not(:disabled):not([aria-disabled="true"]):not(.s-button-disabled):active {
  filter: brightness(0.88) !important;
}

.s-button-element:is(:disabled, [aria-disabled="true"], .s-button-disabled) {
  filter: none !important;
}

/* 2. Compact header on phones and tablets */

@media screen and (max-width: 1023px) {
  #mainnav.main-nav-container,
  #mainnav > .inner {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
  }

  #mainnav .header__main-container {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    box-sizing: border-box !important;
  }

  #mainnav .header__main-row {
    height: 60px !important;
    min-height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
  }

  #mainnav .header__main-start,
  #mainnav .header__brand,
  #mainnav .header__main-end {
    align-items: center !important;
  }
}

@media screen and (max-width: 767px) {
  /* 3. Mobile categories: four items, right to left */

  section[component-id="1653455993"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  section[component-id="1653455993"] ul.square-links__grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 6px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    direction: rtl !important;
    box-sizing: border-box !important;
  }

  section[component-id="1653455993"] ul.square-links__grid > li.square-links__item {
    display: block !important;
    flex: 0 0 calc((100% - 18px) / 4) !important;
    width: calc((100% - 18px) / 4) !important;
    min-width: calc((100% - 18px) / 4) !important;
    max-width: calc((100% - 18px) / 4) !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }

  section[component-id="1653455993"] ul.square-links__grid > li.square-links__item > a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  section[component-id="1653455993"] .square-links__item img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  /* 4. Mobile section headings */

  section[component-id="1562998291"] .home-block-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 0 12px !important;
    direction: rtl !important;
    text-align: initial !important;
    box-sizing: border-box !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  section[component-id="1562998291"] .home-block-title h2[data-selia="home-custom-products-title"] {
    display: block !important;
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  section[component-id="1562998291"] .home-block-title .enhanced-title-border {
    display: none !important;
  }

  section[component-id="1562998291"] .home-block-title::before {
    content: "عرض جميع الأقسام >" !important;
    display: block !important;
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: var(--cp-link-orange) !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  section[component-id="1653455993"] .home-block-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 0 12px !important;
    direction: rtl !important;
    text-align: initial !important;
    box-sizing: border-box !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  section[component-id="1653455993"] .home-block-title .square-links__title {
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  section[component-id="1653455993"] .home-block-title .square-links__subtitle,
  section[component-id="1653455993"] .home-block-title .home-block-line {
    display: none !important;
  }

  section[component-id="1653455993"] .home-block-title::before {
    content: "عرض جميع الأقسام >" !important;
    order: 2 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: var(--cp-link-orange) !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  /* Generated heading text is a visual fallback. For navigation, use a real
   <a class="camera-point-view-all" href="YOUR_CATEGORY_URL"> link in the theme. */

  :is(section[component-id="1653455993"], section[component-id="1562998291"]) .home-block-title .camera-point-view-all {
    order: 2 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: var(--cp-link-orange) !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  :is(section[component-id="1653455993"], section[component-id="1562998291"])
  .home-block-title:has(
    .camera-point-view-all
  )::before {
    content: none !important;
    display: none !important;
  }

  /* 5. Shared mobile cards: homepage + recommendations + all product listings.
     Two cards across; photo on the left, RTL details on the right, cart below.
     Match section wrappers, including similar-products sliders using source="selected".
     No product IDs or product-page body class are required. */

  section[component-id="1562998291"] > salla-products-slider[slider-id="custom-products-slider-0"],
  #custom-products-slider-0 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  section[component-id="1562998291"] > salla-products-slider[slider-id="custom-products-slider-0"],
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) > .s-slider-container,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) > salla-slider > .s-slider-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 4px 6px 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  :is(:is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) > .s-slider-container, :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) > salla-slider > .s-slider-container) > .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  :is(:is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) > .s-slider-container, :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) > salla-slider > .s-slider-container) > .swiper-wrapper > .swiper-slide {
    flex: 0 0 calc((100% - 8px) / 2) !important;
    width: calc((100% - 8px) / 2) !important;
    min-width: 0 !important;
    max-width: calc((100% - 8px) / 2) !important;
    height: auto !important;
    margin-right: 0 !important;
    margin-left: 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) custom-salla-product-card.product-card {
    --cp-photo-height: clamp(132px, 28vw, 168px);
    --cp-photo-size: 150px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 52fr) minmax(0, 48fr) !important;
    grid-template-rows: minmax(var(--cp-photo-height), auto) auto !important;
    grid-template-areas: "photo info" "cart cart" !important;
    gap: 6px 4px !important;
    align-items: stretch !important;
    align-content: start !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: 6px !important;
    direction: ltr !important;
    background: #ffffff !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 6px rgb(0 0 0 / 3%) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card > .product-card__image {
    display: contents !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card > .product-card__image::before,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card > .product-card__image::after {
    content: none !important;
    display: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image > a {
    grid-area: photo !important;
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--cp-photo-height) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 22px 2px 4px !important;
    aspect-ratio: auto !important;
    background: transparent !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image > a img.main-image {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: min(94%, var(--cp-photo-size)) !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    scale: none !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card > .product-card__content {
    grid-area: info !important;
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    direction: rtl !important;
    text-align: right !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__content-wrapper,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__title {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(11px, 2.25vw, 12px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #111827 !important;
    text-align: right !important;
    unicode-bidi: plaintext !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__subtitle {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #7b8494 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-options:empty {
    display: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) salla-rating-stars {
    max-width: 100% !important;
    margin: 0 !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    font-size: clamp(13px, 2.9vw, 16px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #111827 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__price .starting-or-normal-price,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__price .price_is_on_sale {
    flex-wrap: wrap !important;
    gap: 3px !important;
    max-width: 100% !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__price .total-price {
    margin: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    white-space: nowrap !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__price .before-price {
    font-size: 10px !important;
    color: #7b8494 !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image:has(> .product-card__actions .wishlist) > .product-card__buttons,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card:has(> .product-card__image > .product-card__addToCart) > .product-card__content > .product-card__mini-cart,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__actions, .product-card__buttons) .quickview-btn {
    display: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image > .product-card__actions,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image:not(:has(> .product-card__actions .wishlist)) > .product-card__buttons {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 2 !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__actions, .product-card__buttons) .wishlist {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__actions, .product-card__buttons) .s-button-element {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #f6f7f9 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__actions, .product-card__buttons) .not-added .s-button-element {
    color: #667085 !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image > .product-card__addToCart {
    grid-area: cart !important;
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image > .product-card__addToCart::before,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image > .product-card__addToCart::after {
    content: none !important;
    display: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) salla-add-product-button,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) salla-button {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) .s-button-element {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 5px 6px !important;
    background: var(--cp-orange) !important;
    border: 1px solid var(--cp-orange) !important;
    border-radius: var(--cp-button-radius) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    direction: rtl !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* Cart labels */

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) .s-button-element,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) .s-button-text,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) .s-button-text span {
    font-size: 14px !important;
  }


  /* Recommendation wrappers can shrink within the product-page layout. */
  :is(
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ),
  :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) :is(.similar-products__container, .similar-products__list) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider
  ) {
    direction: rtl !important;
  }

  /* Reset hover layers on the real cart, retaining disabled/loading controls. */
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart),
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) :is(salla-add-product-button, salla-button) {
    position: static !important;
    inset: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: transparent !important;
    border-radius: var(--cp-button-radius) !important;
    box-shadow: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) :is(salla-add-product-button, salla-button)::before,
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) :is(.product-card__addToCart, .product-card__mini-cart) :is(salla-add-product-button, salla-button)::after {
    content: none !important;
    display: none !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card__image > a > picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  /* Some cards place the only cart control inside the content instead. */
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card:not(:has(> .product-card__image > .product-card__addToCart)):has(> .product-card__content > .product-card__mini-cart)
  > .product-card__content {
    display: contents !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card:not(:has(> .product-card__image > .product-card__addToCart)):has(> .product-card__content > .product-card__mini-cart)
  > .product-card__content > .product-card__content-wrapper {
    grid-area: info !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 4px 0 !important;
    direction: rtl !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) .product-card:not(:has(> .product-card__image > .product-card__addToCart)):has(> .product-card__content > .product-card__mini-cart)
  > .product-card__content > .product-card__mini-cart {
    grid-area: cart !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  /* 6. Mobile cart buttons in product listings */

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart),
  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  salla-button {
    background: transparent !important;
    border-radius: var(--cp-button-radius) !important;
    box-shadow: none !important;
  }

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)::before,
  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)::after,
  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  salla-button::before,
  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  salla-button::after {
    content: none !important;
    display: none !important;
  }

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  :is(.s-button-element, .s-button-element:hover, .s-button-element:focus, .s-button-element:active) {
    background: var(--cp-orange) !important;
    background-clip: padding-box !important;
    border: 1px solid var(--cp-orange) !important;
    border-radius: var(--cp-button-radius) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
    -webkit-tap-highlight-color: transparent;
  }

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  .s-button-element .s-button-text,
  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  .s-button-element .s-button-text span {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  .s-button-element :is(i, svg) {
    color: #ffffff !important;
  }

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  .s-button-element:is(:disabled, [aria-disabled="true"], .s-button-disabled) {
    opacity: 0.55 !important;
    filter: none !important;
    cursor: not-allowed !important;
  }

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  .s-button-element:focus:not(:focus-visible) {
    outline: none !important;
  }

  body :is(
    custom-salla-product-card,
    salla-product-card,
    .product-card,
    .s-product-card-entry,
    .product-entry,
    salla-products-list,
    salla-products-slider
  )
  :is(salla-add-product-button, .product-card__addToCart, .product-card__mini-cart)
  .s-button-element:focus-visible {
    outline: 2px solid var(--cp-focus-color) !important;
    outline-offset: 2px !important;
  }

  /* 7. Mobile product gallery */

  body.product-single .product-single__main-media {
    --cp-product-gallery-height: clamp(230px, 65vw, 300px);
    --cp-product-image-size: 84%;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
  }

  body.product-single .product-single__main-media salla-slider.details-slider {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
  }

  body.product-single .product-single__main-media salla-slider.details-slider > .s-slider-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--cp-product-gallery-height) !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    align-items: center !important;
  }

  body.product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper > .swiper-slide {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
  }

  body.product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper > .swiper-slide.magnify-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper > .swiper-slide img.product-single__slide-image {
    display: block !important;
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: var(--cp-product-image-size) !important;
    height: var(--cp-product-image-size) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: none !important;
    transition: none !important;
    box-sizing: border-box !important;
  }

  /* 8. Standard Salla image fallback. Selia cards use the shared layout above. */

  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  ) {
    --cp-related-photo-height: clamp(140px, 36vw, 180px);
    --cp-related-photo-width: 160px;
  }

  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  )
  .s-product-card-image {
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
  }

  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  )
  .s-product-card-image::before,
  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  )
  .s-product-card-image::after {
    content: none !important;
    display: none !important;
  }

  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  )
  .s-product-card-image
  > a {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--cp-related-photo-height) !important;
    min-height: var(--cp-related-photo-height) !important;
    max-height: var(--cp-related-photo-height) !important;
    margin: 0 !important;
    padding: 14px 20px !important;
    aspect-ratio: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  )
  .s-product-card-image > a img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: var(--cp-related-photo-width) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: none !important;
    transition: none !important;
    box-sizing: border-box !important;
  }

  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  )
  .s-product-card-content-title
  > a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    overflow: hidden !important;
  }

  :is(
    salla-products-slider[source="related"],
    .s-before-related,
    .s-after-related,
    .s-block-bundle-similar-products,
    .s-block-bundle-customers-also-bought,
    [component-name="similar-products"]
  )
  .s-product-card-content-subtitle {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    overflow: hidden !important;
  }

  /* 9. Quick-view cart button on mobile */

  body .quickview-single-info salla-add-product-button[quick-buy] :is(
    button.s-button-element,
    button.s-button-element:hover,
    button.s-button-element:focus,
    button.s-button-element:active
  ) {
    background: var(--cp-orange) !important;
    background-clip: padding-box !important;
    border: 1px solid var(--cp-orange) !important;
    border-radius: var(--cp-button-radius) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  body .quickview-single-info salla-add-product-button[quick-buy] button.s-button-element :is(.s-button-text, .s-button-text span, i, svg) {
    color: #ffffff !important;
  }

  body .quickview-single-info salla-add-product-button[quick-buy] button.s-button-element :is(.s-button-text, .s-button-text span) {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }

  body .quickview-single-info salla-add-product-button[quick-buy] button.s-button-element:is( :disabled, [aria-disabled="true"], .s-button-disabled ) {
    opacity: 0.55 !important;
    filter: none !important;
  }

  /* 10. Responsive mobile logo */

  #mainnav .header__brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 190px !important;
    width: 190px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 60px !important;
  }

  #mainnav .header__brand a {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #mainnav .header__brand img {
    display: block !important;
    width: 190px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  /* 11. Product thumbnails: full photos inside 80px frames */

  body.product-single .s-slider-thumbs-container {
    overflow: hidden !important;
  }

  body.product-single .s-slider-thumbs-container .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 80px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.product-single .s-slider-thumbs-container .swiper-slide > .slide-one-fourth {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
  }

  body.product-single .s-slider-thumbs-container img {
    width: 70px !important;
    height: 70px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: auto !important;
    transform: none !important;
    scale: none !important;
  }

  body.product-single .s-slider-thumbs-container .object-cover {
    object-fit: contain !important;
  }

  /* 12. Mobile bottom navigation and sticky product controls
   Adjust --cp-sticky-space if your theme adds more rows to this bar. */

  .selia-bottom-nav {
    display: none !important;
  }

  body.product-single .sticky-product-bar:not([hidden]):not([aria-hidden="true"]):not(.hidden):not(.is-hidden) {
    display: block !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: var(--cp-sticky-z-index) !important;
    background: #ffffff !important;
    box-shadow: 0 -5px 20px rgb(0 0 0 / 12%) !important;
    padding: 8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
    box-sizing: border-box !important;
  }

  body.product-single .sticky-product-bar:is([hidden], [aria-hidden="true"], .hidden, .is-hidden) {
    display: none !important;
  }

  body.product-single .sticky-product-bar form {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.product-single .sticky-product-bar salla-quantity-input {
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px !important;
  }

  body.product-single .sticky-product-bar .s-add-product-button-main {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.product-single .sticky-product-bar .s-add-product-button-main > :is(salla-button, button) {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  body.product-single .sticky-product-bar .s-add-product-button-main .s-button-element {
    height: auto !important;
    min-height: 55px !important;
    width: 100% !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: normal !important;
    background: var(--cp-orange) !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
  }

  body.product-single:has(.sticky-product-bar:not([hidden]):not([aria-hidden="true"]):not(.hidden):not(.is-hidden)) {
    padding-bottom: calc(var(--cp-sticky-space) + env(safe-area-inset-bottom)) !important;
  }
}

@media screen and (min-width: 1024px) {
  /* 13. Desktop product photos and gallery */

  body {
    --cp-desktop-card-frame-height: 200px;
    --cp-desktop-card-image-width: 180px;
    --cp-desktop-gallery-height: 420px;
    --cp-desktop-gallery-image-size: 82%;
  }

  body .product-card .product-card__image,
  body .s-product-card-entry .s-product-card-image,
  body salla-product-card .s-product-card-image {
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
  }

  body .product-card .product-card__image > a,
  body .s-product-card-entry .s-product-card-image > a,
  body salla-product-card .s-product-card-image > a {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--cp-desktop-card-frame-height) !important;
    min-height: var(--cp-desktop-card-frame-height) !important;
    max-height: var(--cp-desktop-card-frame-height) !important;
    margin: 0 !important;
    padding: 16px 24px !important;
    aspect-ratio: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .product-card .product-card__image > a > picture,
  body .s-product-card-entry .s-product-card-image > a > picture,
  body salla-product-card .s-product-card-image > a > picture {
    display: block !important;
    grid-area: 1 / 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  body .product-card .product-card__image > a img,
  body .s-product-card-entry .s-product-card-image > a img,
  body salla-product-card .s-product-card-image > a img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    grid-area: 1 / 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: var(--cp-desktop-card-image-width) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: none !important;
    box-sizing: border-box !important;
  }

  .product-single .product-single__main-media,
  .product-single .product-single__main-media salla-slider.details-slider {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
  }

  .product-single .product-single__main-media salla-slider.details-slider {
    display: block !important;
  }

  .product-single .product-single__main-media salla-slider.details-slider > .s-slider-container {
    height: var(--cp-desktop-gallery-height) !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper,
  .product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper > .swiper-slide {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper > .swiper-slide.magnify-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .product-single .product-single__main-media salla-slider.details-slider > .s-slider-container > .swiper-wrapper > .swiper-slide img.product-single__slide-image {
    display: block !important;
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: var(--cp-desktop-gallery-image-size) !important;
    height: var(--cp-desktop-gallery-image-size) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: none !important;
    box-sizing: border-box !important;
  }

  /* 14. Desktop categories */

  section[component-id="1653455993"] {
    --cp-desktop-category-image-size: 180px;
  }

  section[component-id="1653455993"] ul.square-links__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    justify-items: center !important;
    gap: 24px 32px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    direction: rtl !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  section[component-id="1653455993"] ul.square-links__grid > li.square-links__item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  section[component-id="1653455993"] ul.square-links__grid > li.square-links__item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  section[component-id="1653455993"] .square-links__item img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: var(--cp-desktop-category-image-size) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--cp-desktop-category-image-size) !important;
    min-height: 0 !important;
    max-height: var(--cp-desktop-category-image-size) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: none !important;
    box-sizing: border-box !important;
  }

  /* 15. Desktop cart rows and corner controls */

  body custom-salla-product-card.product-card--vertical:has( > .product-card__image > .product-card__addToCart ) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "photo" "info" "cart" !important;
    gap: 12px !important;
    align-content: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    padding: 10px 12px 12px !important;
    box-sizing: border-box !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image {
    display: contents !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image::before,
  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image::after {
    content: none !important;
    display: none !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image > a {
    grid-area: photo !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__content {
    grid-area: info !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__content > .product-card__mini-cart {
    display: none !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image > .product-card__addToCart {
    grid-area: cart !important;
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__addToCart :is(salla-add-product-button, salla-button) {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__addToCart::before,
  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__addToCart::after {
    content: none !important;
    display: none !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__addToCart :is(
    button.s-button-element,
    button.s-button-element:hover,
    button.s-button-element:focus,
    button.s-button-element:active
  ) {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    background: var(--cp-orange) !important;
    background-clip: padding-box !important;
    border: 1px solid var(--cp-orange) !important;
    border-radius: var(--cp-button-radius) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__addToCart .s-button-element :is(.s-button-text, .s-button-text span, i, svg) {
    color: #ffffff !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__addToCart .s-button-element :is(.s-button-text, .s-button-text span) {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__addToCart button.s-button-element:is( :disabled, [aria-disabled="true"], .s-button-disabled ) {
    opacity: 0.55 !important;
    filter: none !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image > .product-card__buttons {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 2 !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image > .product-card__buttons .s-button-element {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image:has(
     > .product-card__buttons > .wishlist 
  ):has(
     > .product-card__buttons > .quickview-btn 
  )
  > .product-card__actions {
    display: none !important;
  }

  /* 16. Align desktop photo, title, description, price and cart rows */

  body salla-products-slider .s-slider-container:has( > .swiper-wrapper > .s-products-slider-card ),
  body salla-products-slider .swiper-wrapper:has( > .s-products-slider-card ) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body salla-products-slider .swiper-wrapper:has( > .s-products-slider-card ) {
    align-items: stretch !important;
  }

  body salla-products-slider .swiper-wrapper > .s-products-slider-card.swiper-slide {
    display: flex !important;
    align-items: stretch !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
  }

  body custom-salla-product-card.product-card--vertical:has( > .product-card__image > .product-card__addToCart ) {
    --cp-aligned-title-height: 44px;
    --cp-aligned-subtitle-height: 44px;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-rows: var(--cp-desktop-card-frame-height, 200px) minmax(0, 1fr) auto !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image > a {
    height: var(--cp-desktop-card-frame-height, 200px) !important;
    min-height: var(--cp-desktop-card-frame-height, 200px) !important;
    max-height: var(--cp-desktop-card-frame-height, 200px) !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__image > a img {
    object-fit: contain !important;
    object-position: center center !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  > .product-card__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__content-wrapper {
    display: grid !important;
    flex: 1 1 auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: var(--cp-aligned-title-height) var(--cp-aligned-subtitle-height) minmax(0, 1fr) minmax(40px, auto) !important;
    grid-template-areas: "title" "subtitle" "options" "price" !important;
    gap: 8px !important;
    align-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__content-wrapper > .product-card__title {
    grid-area: title !important;
    min-width: 0 !important;
    height: var(--cp-aligned-title-height) !important;
    min-height: var(--cp-aligned-title-height) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__title > a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    height: var(--cp-aligned-title-height) !important;
    min-height: var(--cp-aligned-title-height) !important;
    max-height: var(--cp-aligned-title-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    overflow: hidden !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__content-wrapper > .product-card__subtitle {
    grid-area: subtitle !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    min-width: 0 !important;
    height: var(--cp-aligned-subtitle-height) !important;
    min-height: var(--cp-aligned-subtitle-height) !important;
    max-height: var(--cp-aligned-subtitle-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    overflow: hidden !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__content-wrapper > .product-options {
    grid-area: options !important;
    align-self: end !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body custom-salla-product-card.product-card--vertical:has(
     > .product-card__image > .product-card__addToCart 
  )
  .product-card__content-wrapper > .product-card__price {
    grid-area: price !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-self: stretch !important;
    gap: 4px 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 17. Respect reduced-motion preferences across all customized components */

@media (prefers-reduced-motion: reduce) {
  :root {
    --cp-motion-duration: 0s !important;
    --cp-card-motion-duration: 0s !important;
  }

  .product-entry:hover,
  .product-entry:hover img,
  .store-feature:hover,
  .testimonial:hover {
    transform: none !important;
  }
}

/* CAMERA POINT — DESKTOP GALLERY CORRECTION
   Restores the vertical gallery layout and removes the theme's rail padding.
   Thumbnail images remain uncropped; Swiper keeps its own track transforms. */
@media screen and (min-width: 1024px) {
  .product-single salla-slider.details-slider {
    --cp-fixed-gallery-height: var(--cp-desktop-gallery-height, 420px);
    --cp-fixed-thumb-width: 96px;
    --cp-fixed-thumb-gap: 16px;
    --cp-fixed-thumb-height: calc((var(--cp-fixed-gallery-height) - 48px) / 4);
  }

  /* Override the earlier display:block rule only for vertical galleries. */
  .product-single .product-single__main-media
  salla-slider.details-slider.s-slider-vertical {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    gap: var(--cp-fixed-thumb-gap) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--cp-fixed-gallery-height) !important;
    min-height: var(--cp-fixed-gallery-height) !important;
    max-height: var(--cp-fixed-gallery-height) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .product-single .product-single__main-media
  salla-slider.details-slider.s-slider-vertical > .s-slider-container {
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--cp-fixed-gallery-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    box-sizing: border-box !important;
  }

  /* Reserve an independent column; its height never depends on image count. */
  .product-single .product-single__main-media
  salla-slider.details-slider.s-slider-vertical > .s-slider-thumbs {
    flex: 0 0 var(--cp-fixed-thumb-width) !important;
    width: var(--cp-fixed-thumb-width) !important;
    min-width: var(--cp-fixed-thumb-width) !important;
    max-width: var(--cp-fixed-thumb-width) !important;
    height: var(--cp-fixed-gallery-height) !important;
    min-height: var(--cp-fixed-gallery-height) !important;
    max-height: var(--cp-fixed-gallery-height) !important;
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .product-single salla-slider.details-slider .s-slider-thumbs-container {
    min-width: 0 !important;
    min-height: 88px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  /* Remove the theme's 48px padding and top:50% / translateY(-50%) offset. */
  .product-single salla-slider.details-slider.s-slider-vertical
  .s-slider-thumbs-container {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--cp-fixed-gallery-height) !important;
    min-height: var(--cp-fixed-gallery-height) !important;
    max-height: var(--cp-fixed-gallery-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    scale: none !important;
    box-sizing: border-box !important;
  }

  .product-single salla-slider.details-slider.s-slider-vertical
  .s-slider-thumbs-container > .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Horizontal rows keep the widths supplied by the slider. */
  .product-single salla-slider.details-slider
  .s-slider-thumbs-container > .swiper-wrapper > .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    min-width: 0 !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .product-single salla-slider.details-slider.s-slider-vertical
  .s-slider-thumbs-container > .swiper-wrapper > .swiper-slide {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--cp-fixed-thumb-height) !important;
    min-height: var(--cp-fixed-thumb-height) !important;
    max-height: var(--cp-fixed-thumb-height) !important;
    margin: 0 0 var(--cp-fixed-thumb-gap) !important;
  }

  .product-single salla-slider.details-slider .s-slider-thumbs-container
  .swiper-slide :is(a, picture, .slide-one-fourth, .slide--one-fourth) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .product-single salla-slider.details-slider .s-slider-thumbs-container img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    scale: none !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }
}


/* Remove unused bottom-navigation space on mobile */
@media screen and (max-width: 767px) {
  body#app.index.has-bottom-nav {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   MOBILE CATEGORY / ALL-PRODUCTS / SEARCH LISTS
   Every rendered product occupies one of two grid columns.
   Salla retains sorting, filtering, pagination and infinite loading.
   These rules do not convert product sliders into grids.
========================================================= */

@media screen and (max-width: 767px) {

  .products-index .product-index__layout > .main-content {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  salla-products-list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  salla-products-list > .s-products-list-wrapper:not([hidden]):not([aria-hidden="true"]):not(.hidden):not(.is-hidden) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-columns: auto !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    align-content: start !important;
    gap: 8px !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: 4px 0 8px !important;

    direction: rtl !important;
    overflow: visible !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  salla-products-list > .s-products-list-wrapper > custom-salla-product-card.product-card {
    grid-area: auto !important;
    order: 0 !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }

  /* Support a loading/status row if the theme puts it inside the grid. */
  salla-products-list > .s-products-list-wrapper > .s-infinite-scroll-status {
    grid-column: 1 / -1 !important;
  }
}

@media screen and (max-width: 767px) {
  :is(
    #custom-products-slider-0,
    salla-products-slider[source="related"],
    :where(.s-before-related,
      .s-after-related,
      .s-block-bundle-similar-products,
      .s-block-bundle-customers-also-bought,
      [component-name="similar-products"]) salla-products-slider,
    salla-products-list
  ) custom-salla-product-card.product-card:is([hidden], [aria-hidden="true"], .hidden, .is-hidden) {
    display: none !important;
  }
}

/* =========================================================
   PRODUCT THUMBNAILS — WHITE BACKGROUND ON ALL SCREEN SIZES
   Keep the existing image sizing, borders and active orange outline.
========================================================= */

.product-single salla-slider.details-slider :is(
  .s-slider-thumbs,
  .s-slider-thumbs-container,
  .s-slider-thumbs-container .swiper-wrapper,
  .s-slider-thumbs-container .swiper-slide,
  .s-slider-thumbs-container .slide-one-fourth,
  .s-slider-thumbs-container .slide-one-fourth > a,
  .s-slider-thumbs-container picture,
  .s-slider-thumbs-container img
) {
  background: #ffffff !important;
}

/* Remove gray decorative fills while retaining selection borders. */
.product-single salla-slider.details-slider .s-slider-thumbs-container
:is(.swiper-slide, .slide-one-fourth)::before,
.product-single salla-slider.details-slider .s-slider-thumbs-container
:is(.swiper-slide, .slide-one-fourth)::after {
  background: transparent !important;
}
/* Center the footer social icons */
footer salla-social.store-footer__social {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

footer salla-social.store-footer__social > ul.s-social-list {
  justify-content: center !important;
  width: auto !important;
  margin-inline: auto !important;
}

/* Desktop: contact section left, existing logo and links beside it */
@media screen and (min-width: 1024px) {

  /* Footer container containing the contact row and bottom bar */
  footer div:has(> div > selia-contacts):has(> .footer-bottom) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 0 !important;
    direction: ltr !important;
  }

  /* Preserve the existing logo and important-links row */
  footer div:has(> div > selia-contacts):has(> .footer-bottom)
  > :not(.footer-bottom):not(:has(> selia-contacts)) {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    direction: rtl !important;
  }

  /* Contact heading, phone and social icons together in the left column */
  footer div:has(> .footer-bottom) > div:has(> selia-contacts) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    position: relative !important;
    z-index: 1;
    gap: 20px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: center !important;
  }

  /* Contact section: left side of the logo */
  footer div:has(> .footer-bottom) > div > selia-contacts {
    align-self: center !important;
    justify-self: stretch !important;

    position: relative !important;
    z-index: 1;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    direction: rtl !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Show the existing "تواصل معنا" title */
  footer div:has(> .footer-bottom)
  > div > selia-contacts[hide-title="true"][title]::before {
    content: attr(title);
    display: block;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
  }

  footer div:has(> .footer-bottom) > div > selia-contacts > div {
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Social icons beneath the phone button */
  footer div:has(> .footer-bottom)
  > div > salla-social.store-footer__social {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
  }

  footer div:has(> .footer-bottom)
  > div > salla-social.store-footer__social > ul.s-social-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Copyright/payment bar spans the footer */
  footer div:has(> div > selia-contacts) > .footer-bottom {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    direction: rtl !important;
  }
}

/* Sticky cart: consistent, uncropped product thumbnails */
.sticky-cart-single {
  --cp-sticky-thumb-size: clamp(80px, 10vw, 112px);
}

.sticky-cart-single .content-product {
  display: flex !important;
  flex: 0 0 var(--cp-sticky-thumb-size) !important;
  width: var(--cp-sticky-thumb-size) !important;
  min-width: var(--cp-sticky-thumb-size) !important;
  max-width: var(--cp-sticky-thumb-size) !important;
  height: var(--cp-sticky-thumb-size) !important;
  align-self: center !important;
}

.sticky-cart-single .item-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.sticky-cart-single .item-thumb img {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.sticky-cart-single .sticky-cart-single__body {
  min-width: 0 !important;
}

/* CAMERA POINT — OPTIONAL JAVASCRIPT COMPANION
   All original color declarations above are preserved.
   Keyboard focus uses the existing text color; no new palette is introduced. */
salla-slider.details-slider [data-cp-gallery-thumb]:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: -3px !important;
}

@media (prefers-reduced-motion: no-preference) {
  html[data-cp-smooth-scroll] {
    scroll-behavior: smooth;
  }

  /* Content is visible before JavaScript runs. Each entrance plays only once. */
  [data-cp-reveal="animate"] {
    animation: cp-enter-depth 520ms cubic-bezier(0.2, 0.7, 0.25, 1) both;
    transform-origin: center 85%;
  }
}

@keyframes cp-enter-depth {
  from {
    opacity: 0.65;
    transform: perspective(900px) translate3d(0, 16px, 0) rotateX(2deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-cp-smooth-scroll] {
    scroll-behavior: auto;
  }

  salla-slider.details-slider > .s-slider-container > .swiper-wrapper,
  salla-slider.details-slider .s-slider-thumbs-container > .swiper-wrapper,
  salla-slider.details-slider [data-cp-gallery-thumb] {
    transition-duration: 0s !important;
  }
}
/* CAMERA POINT - MIRROR SHINE ON PRODUCT HOVER
   Paste at the very end of your existing Custom CSS.
   The image link stays visible even when its wrapper uses display: contents.
*/

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body :is(.product-card__image, .s-product-card-image) > a {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
  }

  body :is(.product-card__image, .s-product-card-image) > a::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(
      115deg,
      rgba(255, 255, 255, 0) 30%,
      rgba(255, 255, 255, 0.12) 42%,
      rgba(255, 255, 255, 0.8) 50%,
      rgba(255, 255, 255, 0.12) 58%,
      rgba(255, 255, 255, 0) 70%
    );
    opacity: 0;
    transform: translateX(-110%);
    animation: none !important;
  }

  body :is(.product-card, .s-product-card-entry, .product-entry, salla-product-card):hover
  :is(.product-card__image, .s-product-card-image) > a::after {
    animation: cp-product-mirror-shine 850ms ease-in-out both !important;
  }
}

@keyframes cp-product-mirror-shine {
  0% {
    transform: translateX(-110%);
    opacity: 0;
  }
  15%, 85% {
    opacity: 1;
  }
  100% {
    transform: translateX(110%);
    opacity: 0;
  }
}

/* CAMERA POINT - COMPACT MOBILE FOOTER
   Paste this entire block at the END of your existing Salla Custom CSS.
   Applies only to screens up to 767px wide.
   Uses the footer classes shown in your screenshots; no JavaScript needed.
*/

@media screen and (max-width: 767px) {
  /* Content-sized sections remove the large vertical gaps. */
  footer.store-footer .store-footer__inner {
    height: auto !important;
    min-height: 0 !important;
    padding: 24px 0 0 !important;
  }

  footer.store-footer .store-footer__grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  /* Logo, description and certificate stay together. */
  footer.store-footer .store-footer__brand {
    order: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  footer.store-footer .store-footer__logo-link {
    margin: 0 0 8px !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  footer.store-footer .store-footer__logo-link img {
    display: block !important;
    width: 180px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 68px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  footer.store-footer .store-footer__brand > p {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    text-align: center !important;
    overflow-wrap: anywhere;
  }

  footer.store-footer .store-footer__brand > p:empty {
    display: none !important;
  }

  footer.store-footer .footer-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
  }

  footer.store-footer .footer-badges salla-trust-badges {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid rgb(55 65 81 / 12%) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  footer.store-footer .footer-badges .s-trust-badges-image {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  footer.store-footer .footer-badges .s-trust-badges-content {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: start !important;
  }

  footer.store-footer .footer-badges .s-trust-badges-label {
    margin: 0 0 2px !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  footer.store-footer .footer-badges .s-trust-badges-number {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    direction: ltr !important;
    unicode-bidi: isolate;
    overflow-wrap: anywhere;
  }

  /* Empty locale/app rows no longer reserve space. */
  footer.store-footer .store-footer__locale-row,
  footer.store-footer .store-footer__apps {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.store-footer .store-footer__locale-row:has(> *),
  footer.store-footer .store-footer__apps:has(> *) {
    margin-top: 12px !important;
  }

  footer.store-footer .store-footer__apps {
    order: 2 !important;
  }

  /* Important links: smaller heading, two columns, no bullet dots. */
  footer.store-footer .store-footer__menu {
    order: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid rgb(55 65 81 / 12%) !important;
    box-sizing: border-box !important;
  }

  footer.store-footer .store-footer__menu-title {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  footer.store-footer .store-footer__menu .footer-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  footer.store-footer .store-footer__menu .footer-list > li {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  footer.store-footer .store-footer__menu .footer-list > li::before,
  footer.store-footer .store-footer__menu .footer-list > li > a::before {
    content: none !important;
    display: none !important;
  }

  footer.store-footer .store-footer__menu .footer-list > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 6px 2px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    box-sizing: border-box !important;
  }

  /* Keep phone and social controls close to the links. */
  footer.store-footer .store-footer__contacts-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
    padding: 0 16px 16px !important;
    box-sizing: border-box !important;
  }

  footer.store-footer .store-footer__contacts-row > selia-contacts,
  footer.store-footer .store-footer__social {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.store-footer .store-footer__contacts-row > selia-contacts > div {
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  footer.store-footer .store-footer__social > ul.s-social-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
  }

  footer.store-footer .store-footer__social .s-social-list > li {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.store-footer .store-footer__social .s-social-list > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  footer.store-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 12px 16px !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  footer.store-footer .footer-bottom p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  footer.store-footer .store-footer__bottom-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.store-footer .footer-bottom .s-payments-list {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.store-footer a:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 2px !important;
  }
}
footer.store-footer .footer-badges {
  display: none !important;
}


/* =========================================================
   CAMERA POINT - QUICK VIEW: SMALLER, COMPLETE PRODUCT IMAGE
   Uses the .img-quickview gallery shown in your screenshot.
   Adjust the two frame heights below to change the image size.
========================================================= */

body .img-quickview {
  --cp-quickview-frame-height: min(380px, 55vh);
  --cp-quickview-image-padding: 28px;

  min-width: 0 !important;
  height: var(--cp-quickview-frame-height) !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: center !important;
  margin-block: auto !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

/* Give the main slider a definite height so tall photos cannot stretch it.
   The theme still controls the gallery column and slide movement. */
body .img-quickview .product-quickview__images,
body .img-quickview .quickview-images,
body .img-quickview salla-slider,
body .img-quickview :is(.s-slider-container, .swiper, .swiper-container) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--cp-quickview-frame-height) !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
}

body .img-quickview salla-slider {
  display: block !important;
}

body .img-quickview :is(.s-slider-container, .swiper, .swiper-container) {
  overflow: hidden !important;
}

/* Do not reset the wrapper's transform or the slide widths: the slider
   needs those values for its next/previous image controls. */
body .img-quickview .swiper-wrapper {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  align-items: center !important;
}

body .img-quickview .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
}

/* Support a photo inside a link or a <picture> element as well. */
body .img-quickview picture,
body .img-quickview a:has(> img),
body .img-quickview a:has(> picture) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--cp-quickview-frame-height) !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Contain displays the entire photo; padding makes the product smaller.
   The fixed image box also works when the photo has no slider wrapper. */
body .img-quickview img,
body .img-quickview img:hover {
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--cp-quickview-frame-height) !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: auto !important;
  padding: var(--cp-quickview-image-padding) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  scale: none !important;
  translate: none !important;
  rotate: none !important;
  clip-path: none !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 767px) {
  body .img-quickview {
    --cp-quickview-frame-height: min(260px, 42vh);
    --cp-quickview-image-padding: 18px;
  }
}