/* ============================================================================
   THE QUEENDOM — V13.398 HOMEPAGE ZERO-FLASH / FAIL-SAFE BOOT GUARD
   Base: V13.397

   Fixes BOTH homepage boot problems:
   1) no native Raed / bright-page flash while THE QUEENDOM home is rebuilding.
   2) the store can NEVER stay hidden forever if a SPA navigation, hydration race,
      or an earlier JavaScript error prevents a ready marker from arriving.

   Important design change from V13.395:
   - DO NOT hide .app-inner anymore.
   - A warm full-screen paint shield sits ABOVE the page only during boot.
   - The shield disappears immediately when V13.398 marks the home ready.
   - CSS itself has an independent 8s emergency fail-safe, so even if JS never reaches
     the controller the real store is automatically exposed.
   ============================================================================ */

html,
body.theme-raed {
  background: #f8f5f1 !important;
}

@keyframes qdm-v414-home-shield-failsafe {
  0%, 99.9% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/*
 * Server-rendered Raed home blocks are our earliest reliable homepage marker.
 * Cover them rather than hiding the application shell itself. The custom page
 * can build completely underneath this layer without ever risking a permanent
 * blank screen.
 */
body.theme-raed:not(.qdm-v398-home-ready):has(
  #main-content [data-testid^="store-home-"]
)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: block;
  background: #f8f5f1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  animation: qdm-v414-home-shield-failsafe 0s linear 8s forwards !important;
}

/* V13.414: while the opaque shield is active, keep the native home content
   non-painting as a second layer of protection. This prevents any old-theme
   frame from leaking through on slow hydration / hard refresh. */
body.theme-raed:not(.qdm-v398-home-ready):has(
  #main-content [data-testid^="store-home-"]
) #main-content {
  visibility: hidden !important;
  opacity: 0 !important;
}

body.theme-raed.qdm-v398-home-ready #main-content {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Normal path: remove the shield in the very frame the custom shell is ready. */
body.theme-raed.qdm-v398-home-ready::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  animation: none !important;
}

/* The old V13.395 full-shell hiding contract is intentionally retired. */

/* ============================================================================
   END V13.398 HOMEPAGE ZERO-FLASH / FAIL-SAFE BOOT GUARD
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.391 INNER-PAGE ZERO-FLASH GUARD
   MUST REMAIN THE FIRST CSS IN THE FILE.

   Covers:
   - ALL catalog/product-index pages
   - informational pages such as Size Guide / Order Policy / Returns / Gift page

   Behavior:
   - paint the QUEENDOM warm canvas immediately
   - hide the entire old Raed app shell before it can flash
   - reveal only after header + footer + custom inner-page presentation are ready

   Product detail / cart / homepage are NOT held by this guard.
   ============================================================================ */

/* Never let the browser canvas fall back to bright white between inner routes. */
html {
  background: #f5f1ec !important;
}

/* Catalog pages have the server-side body marker `product-index`. */
body.product-index {
  background: #f5f1ec !important;
}

/*
 * Information pages are detected from their native Salla content wrapper.
 * :has() works before our JS adds qdm-inner-info-page, so the old footer/header
 * cannot flash while the custom presenter is still starting.
 */
body:has(.content--single-page),
body:has(.s-information-page) {
  background: #f5f1ec !important;
}

/* Hide the ENTIRE native app shell until THE QUEENDOM conversion is ready. */
body.product-index:not(.qdm-v391-inner-ready) .app-inner,
body:not(.qdm-v391-inner-ready):has(.content--single-page) .app-inner,
body:not(.qdm-v391-inner-ready):has(.s-information-page) .app-inner {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep a stable warm canvas instead of exposing an old footer/skeleton. */
body.product-index:not(.qdm-v391-inner-ready),
body:not(.qdm-v391-inner-ready):has(.content--single-page),
body:not(.qdm-v391-inner-ready):has(.s-information-page) {
  min-height: 100vh !important;
}

/* Instant reveal; no fade that could look like another flash. */
body.qdm-v391-inner-ready .app-inner {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ============================================================================
   END V13.391 ZERO-FLASH GUARD
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.390 CATALOG FIRST-PAINT GUARD
   MUST REMAIN AT THE VERY TOP OF THIS CSS FILE.

   F12-confirmed server marker on ALL catalog/index pages:
     BODY.product-index

   Purpose:
   Stop the old Raed catalog/filter/footer from painting for 1 frame before
   THE QUEENDOM catalog presentation is applied.

   Applies to:
   - New Collection
   - Suits
   - Immediate Delivery
   - All Products
   - every other native Salla product-index/category page using this catalog

   Does NOT apply to:
   - product detail pages
   - homepage
   - cart
   ============================================================================ */

/*
 * The header stays visible.
 * Only the page body content + native footer are held back until V13.390 marks
 * the transformed catalog ready.
 */
body.product-index:not(.qdm-v390-catalog-ready) #main-content,
body.product-index:not(.qdm-v390-catalog-ready) [data-testid="store-footer"],
body.product-index:not(.qdm-v390-catalog-ready) footer.store-footer {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/*
 * Keep the original layout footprint while hidden, so the footer cannot jump
 * upward into view during initialization.
 */
body.product-index:not(.qdm-v390-catalog-ready) #main-content {
  min-height: 72vh !important;
}

/* Reveal only after our JS has completed the initial catalog transformation. */
body.product-index.qdm-v390-catalog-ready #main-content,
body.product-index.qdm-v390-catalog-ready [data-testid="store-footer"],
body.product-index.qdm-v390-catalog-ready footer.store-footer {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ============================================================================
   END V13.390 CATALOG FIRST-PAINT GUARD
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.387 FIRST-PAINT NATIVE RECOMMENDATION GUARD
   MUST STAY AT THE VERY TOP OF THIS CSS FILE.

   Why:
   V13.386 removes unwanted Salla recommendation blocks after JS/hydration.
   That can still allow a 100–500ms flash of the native/skeleton layout.

   V13.387 hides known native recommendation surfaces on the FIRST CSS paint,
   while V13.386 JS remains the late-injection fallback.

   Important:
   - custom THE QUEENDOM related grid is NOT targeted.
   - product-page native related slider stays connected/alive as a data source;
     it is visually suppressed before our custom grid mirrors its products.
   ============================================================================ */

/* Product page: keep Salla's native related source alive, but never show it. */
body.qdm-raed.qdm-v197-product-editorial
salla-products-slider[data-testid="store-product-related"],
body.qdm-raed.qdm-v197-product-editorial
salla-products-slider[source="related"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1px !important;
  max-height: 1px !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Live F12-confirmed Similar Products block. */
body.qdm-raed
section.s-block:has([class*="similar-product"]),
body.qdm-raed
section[class*="similar-product"] {
  display: none !important;
}

/* Other native recommendation families Salla may inject on published pages. */
body.qdm-raed
section.s-block:has([class*="customers-also"]),
body.qdm-raed
section.s-block:has([class*="also-bought"]),
body.qdm-raed
section.s-block:has([class*="complete-order"]),
body.qdm-raed
section.s-block:has([class*="related-product"]),
body.qdm-raed
section.s-block:has([class*="recommended-product"]),
body.qdm-raed
section.s-block:has([class*="cross-sell"]),
body.qdm-raed
section.s-block:has([class*="upsell"]),
body.qdm-raed
section[class*="customers-also"],
body.qdm-raed
section[class*="also-bought"],
body.qdm-raed
section[class*="complete-order"],
body.qdm-raed
section[class*="related-product"],
body.qdm-raed
section[class*="recommended-product"],
body.qdm-raed
section[class*="cross-sell"],
body.qdm-raed
section[class*="upsell"] {
  display: none !important;
}

/*
 * Cart page:
 * Product slider/list blocks are recommendation modules, not the actual cart
 * item UI. Hide their containing Salla block before skeletons can paint.
 */
body.qdm-raed.qdm-cart-page-v1394
section.s-block:has(salla-products-slider),
body.qdm-raed.qdm-cart-page-v1394
section.s-block:has(salla-products-list),
body.qdm-raed.qdm-cart-page-v1394
section[class*="related-product"],
body.qdm-raed.qdm-cart-page-v1394
section[class*="similar-product"],
body.qdm-raed.qdm-cart-page-v1394
section[class*="recommended-product"],
body.qdm-raed.qdm-cart-page-v1394
section[class*="cross-sell"],
body.qdm-raed.qdm-cart-page-v1394
section[class*="upsell"] {
  display: none !important;
}

/* Never suppress our custom editorial related-products shell/grid. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-grid {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================================================
   END V13.387 FIRST-PAINT GUARD
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — RAED CSS/JS PORT — HOME V6
   CSS only. Paste into Salla > Custom CSS.
   Built against the uploaded Theme Raed source.
   Palette: beige / black / white — no Raed pink/purple.
   ============================================================================ */

:root {
  --qdm-bg: #f5f1ec;
  --qdm-bg-soft: #f8f5f1;
  --qdm-card: #f3eee8;
  --qdm-ink: #111111;
  --qdm-muted: #746d66;
  --qdm-line: rgba(17, 17, 17, .12);
  --qdm-line-soft: rgba(17, 17, 17, .075);
  --qdm-wide: 1440px;
  --qdm-black: #111111;
}

html {
  scroll-behavior: smooth;
}

body.qdm-raed {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  overflow-x: hidden !important;
  background: var(--qdm-bg) !important;
  color: var(--qdm-ink) !important;
}

body.qdm-raed *,
body.qdm-raed *::before,
body.qdm-raed *::after {
  box-sizing: border-box;
}

body.qdm-raed a {
  text-decoration: none;
}

/* ==========================================================================
   HEADER — keeps Salla's real account/cart components, but restyles Raed DOM
   into the same centered-logo Queendom chrome used in the React version.
   ========================================================================== */
body.qdm-raed .store-header.qdm-raed-header {
  position: relative;
  z-index: 1000;
  width: 100%;
  background: var(--qdm-bg) !important;
  color: var(--qdm-ink) !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-raed-header .top-navbar {
  display: none !important;
}

body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav .inner {
  height: 86px !important;
  min-height: 86px !important;
  background: var(--qdm-bg) !important;
  color: var(--qdm-ink) !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
  width: min(var(--qdm-wide), calc(100% - 64px)) !important;
  max-width: var(--qdm-wide) !important;
  height: 86px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.qdm-raed .qdm-raed-header-row {
  position: relative !important;
  width: 100% !important;
  height: 86px !important;
  min-height: 86px !important;
  display: block !important;
}

body.qdm-raed .qdm-raed-header-row > div:first-child {
  position: static !important;
  display: block !important;
}

body.qdm-raed .qdm-raed-native-menu {
  display: none !important;
}

body.qdm-raed .qdm-raed-desktop-nav[hidden] {
  display: none !important;
}

body.qdm-raed .qdm-raed-logo {
  position: absolute !important;
  z-index: 5;
  left: 50% !important;
  top: 50% !important;
  width: 108px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

body.qdm-raed .qdm-raed-logo img {
  display: block !important;
  width: 106px !important;
  max-width: 106px !important;
  height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-raed-tools {
  position: absolute !important;
  z-index: 7;
  left: 44px !important;
  right: auto !important;
  top: 50% !important;
  width: auto !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  transform: translateY(-50%) !important;
}

body.qdm-raed .qdm-raed-tools salla-user-menu,
body.qdm-raed .qdm-raed-tools salla-cart-summary {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  color: var(--qdm-ink) !important;
}

/* Keep Salla's native account click/menu, but crop the oversized default avatar. */
body.qdm-raed .qdm-raed-tools salla-user-menu {
  position: relative !important;
  overflow: hidden !important;
  clip-path: inset(0) !important;
}

/* The visual layer covers the whole old avatar, including its lower overflow. */
body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay {
  position: absolute !important;
  z-index: 20 !important;
  left: calc(var(--qdm-account-left, 0px) - 6px) !important;
  top: calc(var(--qdm-account-top, 0px) - 4px) !important;
  width: calc(var(--qdm-account-width, 40px) + 12px) !important;
  height: calc(var(--qdm-account-height, 40px) + 32px) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--qdm-bg, #f5f1ec) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg {
  flex: 0 0 auto !important;
  width: 21px !important;
  height: 21px !important;
  margin-top: 13px !important;
  fill: none !important;
  stroke: var(--qdm-ink, #111111) !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Keep the native cart and its quantity badge above the account mask. */
body.qdm-raed .qdm-raed-tools salla-cart-summary {
  position: relative !important;
  z-index: 30 !important;
}

body.qdm-raed .qdm-raed-tools salla-cart-summary .s-cart-summary-total,
body.qdm-raed .qdm-raed-tools salla-cart-summary [class*="cart-summary-total"] {
  display: none !important;
}

body.qdm-raed .qdm-raed-tools .header-btn__icon,
body.qdm-raed .qdm-raed-tools i,
body.qdm-raed .qdm-raed-tools svg {
  color: var(--qdm-ink) !important;
  stroke: var(--qdm-ink) !important;
}

body.qdm-raed .qdm-raed-search {
  position: absolute;
  z-index: 8;
  left: 0;
  top: 50%;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--qdm-ink);
  cursor: pointer;
}

body.qdm-raed .qdm-raed-search svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.qdm-raed .qdm-raed-desktop-nav {
  position: absolute;
  z-index: 6;
  right: 0;
  top: 50%;
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.1vw, 34px);
  transform: translateY(-50%);
  direction: rtl;
  white-space: nowrap;
}

body.qdm-raed .qdm-raed-desktop-nav a,
body.qdm-raed .qdm-raed-desktop-nav a:visited {
  position: relative;
  padding: 8px 0;
  color: var(--qdm-ink) !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  background: transparent !important;
}

body.qdm-raed .qdm-raed-desktop-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 0;
  height: 1px;
  background: var(--qdm-ink);
  transition: width .25s ease;
}

body.qdm-raed .qdm-raed-desktop-nav a:hover::after {
  width: 100%;
}

body.qdm-raed .qdm-raed-native-burger {
  display: none !important;
}

/* Keep Raed sticky header visual behavior, but without its old shadow/colors. */
body.qdm-raed #mainnav.fixed-pinned,
body.qdm-raed #mainnav.fixed-header {
  background: rgba(245, 241, 236, .96) !important;
  border-bottom: 1px solid var(--qdm-line-soft) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
}

/* ==========================================================================
   HOME FRAME
   ========================================================================== */
body.qdm-raed.qdm-raed-home-ready #main-content {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--qdm-bg) !important;
}

body.qdm-raed.qdm-raed-home-ready #main-content > .qdm-raed-original-home {
  display: none !important;
}

body.qdm-raed #qdm-v9-home {
  direction: rtl;
  width: min(var(--qdm-wide), calc(100% - 64px));
  max-width: var(--qdm-wide);
  margin: 0 auto;
  overflow: hidden;
  background: var(--qdm-bg);
  color: var(--qdm-ink);
}

/* ==========================================================================
   HERO — blurred fashion backdrop + centered portrait media on desktop,
   true full-bleed portrait treatment on mobile.
   ========================================================================== */
body.qdm-raed .qdm-v9-hero {
  position: relative;
  width: 100%;
  height: clamp(760px, 84vh, 880px);
  min-height: 760px;
  overflow: hidden;
  isolation: isolate;
  background: #ded8d2;
}

body.qdm-raed .qdm-v9-hero-bg {
  position: absolute;
  inset: -30px;
  z-index: -5;
  background-size: cover;
  background-position: center 28%;
  filter: blur(17px);
  transform: scale(1.075);
  opacity: .84;
}


/* V3: same hero video duplicated as the desktop blurred background. */
body.qdm-raed .qdm-v9-hero-bg-video {
  position: absolute;
  z-index: -6;
  inset: -5%;
  width: 110% !important;
  height: 110% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: blur(28px) brightness(.78) saturate(.92);
  transform: scale(1.12);
  opacity: .86;
  pointer-events: none;
}

body.qdm-raed .qdm-v9-hero-backdrop-tint {
  position: absolute;
  z-index: -5;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(245,241,236,.10), rgba(17,17,17,.05) 30%, rgba(17,17,17,.05) 70%, rgba(245,241,236,.10)),
    rgba(35,29,25,.05);
}

body.qdm-raed .qdm-v9-hero-bg-empty {
  background: linear-gradient(135deg, #d8d0c7, #eee9e3);
}

body.qdm-raed .qdm-v9-hero-media {
  position: absolute;
  z-index: -3;
  left: 50%;
  top: 0;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100%;
  transform: translateX(-50%);
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent;
  filter: none !important;
}

body.qdm-raed .qdm-v9-hero-media-empty {
  width: 100% !important;
  background: linear-gradient(135deg, #cbc2b8, #ece6df);
}

body.qdm-raed .qdm-v9-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgba(0,0,0,.40) 0%, rgba(0,0,0,.08) 40%, transparent 64%),
    linear-gradient(90deg, rgba(0,0,0,.05), transparent 26%, transparent 74%, rgba(0,0,0,.05));
}

body.qdm-raed .qdm-v9-hero-copy {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 42px;
  width: min(660px, calc(100% - 40px));
  transform: translateX(-50%);
  color: #fff !important;
  text-align: center;
  text-shadow: 0 2px 18px rgba(0,0,0,.28);
}

body.qdm-raed .qdm-v9-hero-copy small {
  display: block;
  margin: 0 0 5px;
  color: rgba(255,255,255,.88) !important;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .16em;
  direction: ltr;
}

body.qdm-raed .qdm-v9-hero-copy h1 {
  margin: 0 0 12px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(34px, 3.4vw, 55px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em;
}

body.qdm-raed .qdm-v9-hero-copy a,
body.qdm-raed .qdm-v9-hero-copy a:visited {
  position: relative;
  display: inline-block;
  padding: 6px 2px 8px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
}

body.qdm-raed .qdm-v9-hero-copy a::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 2px;
  height: 1px;
  background: #fff;
}

/* ==========================================================================
   COLLECTION PICKS
   ========================================================================== */
body.qdm-raed .qdm-v9-editorial {
  direction: rtl;
  width: 100%;
  padding: 50px 0 62px;
}

body.qdm-raed .qdm-v9-editorial-head {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 36px;
  margin-bottom: 25px;
}

body.qdm-raed .qdm-v9-editorial-head h2 {
  order: 1;
  margin: 0 !important;
  color: var(--qdm-ink) !important;
  font-size: clamp(35px, 3.8vw, 54px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
}

body.qdm-raed .qdm-v9-editorial-head p {
  order: 2;
  max-width: 430px;
  margin: 0;
  color: var(--qdm-muted) !important;
  font-size: 11px;
  line-height: 1.9;
}

body.qdm-raed .qdm-v9-edit-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  direction: rtl;
}

body.qdm-raed .qdm-v9-edit-card {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #e8e2dc;
  color: #fff !important;
  text-decoration: none !important;
}

body.qdm-raed .qdm-v9-edit-card img,
body.qdm-raed .qdm-v9-edit-card > .qdm-media-placeholder {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  transition: opacity .36s ease, transform .75s cubic-bezier(.2,.7,.2,1);
}

body.qdm-raed .qdm-v9-edit-card > .qdm-media-placeholder {
  background: linear-gradient(140deg, #ded6cd, #f0ebe5);
}

body.qdm-raed .qdm-v9-card-hover {
  opacity: 0;
}

body.qdm-raed .qdm-v9-edit-shade {
  position: absolute;
  inset: 46% 0 0;
  z-index: 2;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.34));
  pointer-events: none;
}

body.qdm-raed .qdm-v9-edit-copy {
  position: absolute;
  z-index: 3;
  right: 16px;
  left: 16px;
  bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  color: #fff;
  text-align: right;
  text-shadow: 0 1px 12px rgba(0,0,0,.25);
}

body.qdm-raed .qdm-v9-edit-copy strong {
  color: #fff !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .03em;
}

body.qdm-raed .qdm-v9-edit-copy em {
  color: #fff !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  direction: ltr;
  unicode-bidi: isolate;
}

@media (hover:hover) {
  body.qdm-raed .qdm-v9-edit-card:hover .qdm-v9-card-default {
    opacity: 0;
    transform: scale(1.008);
  }

  body.qdm-raed .qdm-v9-edit-card:hover .qdm-v9-card-hover {
    opacity: 1;
    transform: scale(1.008);
  }
}

/* ==========================================================================
   UNDER ABAYA / SUITS — old editorial carousel restored in the React version.
   ========================================================================== */
body.qdm-raed .qdm-under-abaya {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 54px 0 58px;
  overflow: hidden;
  background: var(--qdm-bg-soft);
  border-top: 1px solid var(--qdm-line-soft);
  border-bottom: 1px solid var(--qdm-line-soft);
}

body.qdm-raed .qdm-under-abaya-head {
  position: relative;
  z-index: 4;
  width: min(720px, calc(100% - 40px));
  margin: 0 auto 24px;
  text-align: center;
}

body.qdm-raed .qdm-under-abaya-head small {
  display: block;
  margin: 0 0 7px;
  color: var(--qdm-muted);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .20em;
  direction: ltr;
}

body.qdm-raed .qdm-under-abaya-head h2 {
  margin: 0 !important;
  color: var(--qdm-ink) !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
}

body.qdm-raed .qdm-under-abaya-head p {
  max-width: 465px;
  margin: 12px auto 0;
  color: var(--qdm-muted);
  font-size: 11px;
  line-height: 1.85;
}

body.qdm-raed .qdm-under-stage {
  position: relative;
  width: min(1220px, 100%);
  height: clamp(555px, 50vw, 690px);
  margin: 0 auto;
  touch-action: pan-y;
  overflow: hidden;
}

body.qdm-raed .qdm-under-look {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: min(405px, 31.5vw);
  height: min(650px, calc(100% - 34px));
  overflow: hidden;
  border: 1px solid var(--qdm-line-soft);
  border-radius: 0;
  background: #e8e2dc;
  color: var(--qdm-ink);
  box-shadow: none;
  text-decoration: none !important;
  transform-origin: center center;
  transition: transform .72s cubic-bezier(.19,.75,.16,1), opacity .5s ease, filter .5s ease, box-shadow .5s ease;
  will-change: transform, opacity;
}

body.qdm-raed .qdm-under-look img,
body.qdm-raed .qdm-under-look > .qdm-media-placeholder {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

body.qdm-raed .qdm-under-look > .qdm-media-placeholder {
  background: linear-gradient(140deg, #ddd5cc, #efebe5);
}

body.qdm-raed .qdm-under-look:hover img,
body.qdm-raed .qdm-under-look-active img {
  transform: scale(1.018);
}

body.qdm-raed .qdm-under-look-shade {
  position: absolute;
  inset: 48% 0 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent, rgba(17,17,17,.50));
  opacity: .58;
}

body.qdm-raed .qdm-under-look-copy {
  position: absolute;
  z-index: 2;
  left: 18px;
  right: 18px;
  bottom: 17px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 12px;
  align-items: end;
  color: #fff;
  text-align: right;
  text-shadow: 0 1px 10px rgba(0,0,0,.18);
}

body.qdm-raed .qdm-under-look-copy small {
  grid-column: 1 / -1;
  color: rgba(255,255,255,.68);
  font-size: 8px;
  letter-spacing: .18em;
  direction: ltr;
  text-align: right;
}

body.qdm-raed .qdm-under-look-copy strong {
  color: #fff !important;
  font-size: clamp(15px, 1.35vw, 19px);
  font-weight: 400;
}

body.qdm-raed .qdm-under-look-copy span {
  grid-column: 1;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  direction: ltr;
  text-align: right;
}

body.qdm-raed .qdm-under-look-copy em {
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: center;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
}

body.qdm-raed .qdm-under-look-active {
  z-index: 4;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  filter: none;
  box-shadow: 0 22px 58px rgba(17,17,17,.09);
}

body.qdm-raed .qdm-under-look-prev {
  z-index: 2;
  transform: translate(-145%, -50%) scale(.85);
  opacity: .72;
  filter: saturate(.90);
}

body.qdm-raed .qdm-under-look-next {
  z-index: 2;
  transform: translate(45%, -50%) scale(.85);
  opacity: .72;
  filter: saturate(.90);
}

body.qdm-raed .qdm-under-arrow {
  position: absolute;
  z-index: 8;
  top: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  padding: 0 0 2px;
  border: 1px solid var(--qdm-line);
  border-radius: 0;
  background: rgba(251,248,244,.92);
  color: var(--qdm-ink);
  box-shadow: 0 7px 22px rgba(17,17,17,.05);
  font: 300 28px/1 Arial, sans-serif;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

body.qdm-raed .qdm-under-arrow:hover {
  background: var(--qdm-black);
  color: #fff;
  transform: scale(1.04);
}

body.qdm-raed .qdm-under-arrow-prev { left: 12px; }
body.qdm-raed .qdm-under-arrow-next { right: 12px; }

body.qdm-raed .qdm-under-meta {
  width: min(760px, calc(100% - 28px));
  margin: 8px auto 0;
  padding: 15px 4px;
  display: grid;
  grid-template-columns: 80px 1fr auto;
  align-items: center;
  gap: 16px;
  border-top: 1px solid var(--qdm-line);
  border-bottom: 1px solid var(--qdm-line);
  background: transparent;
}

body.qdm-raed .qdm-under-meta-count {
  color: #7b6a5a;
  font-size: 9px;
  font-weight: 500;
  direction: ltr;
  text-align: left;
}

body.qdm-raed .qdm-under-meta-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

body.qdm-raed .qdm-under-meta-name small {
  color: var(--qdm-muted);
  font-size: 8px;
  direction: ltr;
}

body.qdm-raed .qdm-under-meta-name strong {
  color: var(--qdm-ink) !important;
  font-size: 15px;
  font-weight: 400;
}

body.qdm-raed .qdm-under-meta-price {
  color: var(--qdm-ink) !important;
  font-size: 13px;
  font-weight: 600;
  direction: ltr;
  text-align: right;
}

body.qdm-raed .qdm-under-dots {
  min-height: 20px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

body.qdm-raed .qdm-under-dots button {
  width: 18px;
  height: 2px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(17,17,17,.18);
  transition: width .25s ease, background .25s ease;
  cursor: pointer;
}

body.qdm-raed .qdm-under-dots button.is-active {
  width: 34px;
  background: #7b6a5a;
}

body.qdm-raed .qdm-under-cta,
body.qdm-raed .qdm-under-cta:visited {
  width: max-content;
  min-width: 174px;
  min-height: 44px;
  margin: 20px auto 0;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: 1px solid var(--qdm-ink);
  border-radius: 0;
  background: transparent;
  color: var(--qdm-ink) !important;
  font-size: 12px;
  font-weight: 500;
  transition: background .2s ease, color .2s ease;
}

body.qdm-raed .qdm-under-cta:hover {
  background: var(--qdm-black);
  color: #fff !important;
}

/* ==========================================================================
   ALL PRODUCTS BANNER
   ========================================================================== */
body.qdm-raed .qdm-v11-all-products-banner {
  position: relative;
  width: 100%;
  margin: 64px 0 0;
  overflow: hidden;
  background: #ddd6cf;
}

body.qdm-raed .qdm-v10-all-products-link {
  position: relative;
  display: block;
  width: 100%;
  min-height: clamp(420px, 45vw, 650px);
  overflow: hidden;
  color: #fff !important;
}

body.qdm-raed .qdm-v10-all-products-link > img,
body.qdm-raed .qdm-v10-all-products-link > .qdm-media-placeholder {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform .9s cubic-bezier(.2,.7,.2,1);
}

body.qdm-raed .qdm-v10-all-products-link > .qdm-media-placeholder {
  background: linear-gradient(135deg, #8b7766, #cbb9a7);
}

body.qdm-raed .qdm-v10-all-products-link:hover > img {
  transform: scale(1.012);
}

body.qdm-raed .qdm-v10-all-products-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0,0,0,.42), rgba(0,0,0,.04) 65%);
}

body.qdm-raed .qdm-v10-all-products-copy {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 48px;
  width: min(720px, calc(100% - 40px));
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 18px rgba(0,0,0,.22);
}

body.qdm-raed .qdm-v10-all-products-copy small {
  margin-bottom: 5px;
  color: rgba(255,255,255,.82);
  font-size: 9px;
  letter-spacing: .18em;
  direction: ltr;
}

body.qdm-raed .qdm-v10-all-products-copy > strong {
  color: #fff !important;
  font-size: clamp(38px, 4vw, 60px);
  font-weight: 400;
  line-height: 1.06;
}

body.qdm-raed .qdm-v10-all-products-cta {
  position: relative;
  margin-top: 15px;
  padding-bottom: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

body.qdm-raed .qdm-v10-all-products-cta::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 1px;
  background: #fff;
}

/* ==========================================================================
   FOOTER — native Salla data/functionality, Queendom visual treatment.
   ========================================================================== */
body.qdm-raed .store-footer.qdm-raed-footer {
  position: relative;
  margin-top: 0 !important;
  background: rgba(17,17,17,.28) !important;
  color: rgba(255,255,255,.82) !important;
  border: 0 !important;
}

body.qdm-raed .qdm-raed-footer .store-footer__inner {
  padding: 54px 0 34px !important;
  background: rgba(17,17,17,.28) !important;
  color: rgba(255,255,255,.82) !important;
  border: 0 !important;
}

body.qdm-raed .qdm-raed-footer .store-footer__inner > .container,
body.qdm-raed .qdm-raed-footer > .container {
  width: min(var(--qdm-wide), calc(100% - 64px)) !important;
  max-width: var(--qdm-wide) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.qdm-raed .qdm-raed-footer h3,
body.qdm-raed .qdm-raed-footer h4,
body.qdm-raed .qdm-raed-footer b,
body.qdm-raed .qdm-raed-footer strong,
body.qdm-raed .qdm-raed-footer a {
  color: #fff !important;
}

body.qdm-raed .qdm-raed-footer p,
body.qdm-raed .qdm-raed-footer span,
body.qdm-raed .qdm-raed-footer li {
  color: rgba(255,255,255,.68) !important;
}

body.qdm-raed .qdm-raed-footer a:hover {
  color: #fff !important;
  opacity: .78;
}

body.qdm-raed .qdm-raed-footer-brand {
  min-height: 60px;
  margin: 0 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body.qdm-raed .qdm-raed-footer-logo {
  display: block;
  width: 108px;
  max-width: 108px;
  max-height: 58px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  background: transparent !important;
}

body.qdm-raed .qdm-raed-footer salla-social,
body.qdm-raed .qdm-raed-footer .contact-social {
  font-size: 20px !important;
}

body.qdm-raed .qdm-raed-footer salla-social a,
body.qdm-raed .qdm-raed-footer salla-social button {
  width: 38px !important;
  height: 38px !important;
  color: #fff !important;
}

body.qdm-raed .qdm-raed-footer .copyright-text {
  font-size: 10px !important;
  color: rgba(255,255,255,.48) !important;
}

body.qdm-raed .qdm-raed-footer > .container {
  min-height: 68px;
  border-top: 1px solid rgba(255,255,255,.10);
}

body.qdm-raed .qdm-raed-footer salla-payments {
  filter: grayscale(1);
  opacity: .78;
}

/* ==========================================================================
   RESPONSIVE — mirrors the React mobile behavior: sticky compact header,
   portrait hero, 2 + 1 Collection Picks mosaic, and full-bleed banner.
   ========================================================================== */
@media (max-width: 1024px) {
  body.qdm-raed .qdm-raed-desktop-nav {
    gap: 15px;
  }

  body.qdm-raed .qdm-raed-desktop-nav a {
    font-size: 11px;
  }
}

@media (max-width: 900px) {
  body.qdm-raed .store-header.qdm-raed-header {
    position: sticky;
    top: 0;
    z-index: 1200;
  }

  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav .inner,
  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container,
  body.qdm-raed .qdm-raed-header-row {
    height: 68px !important;
    min-height: 68px !important;
  }

  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    width: calc(100% - 24px) !important;
  }

  body.qdm-raed .qdm-raed-logo {
    width: 88px !important;
    height: 46px !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 86px !important;
    max-width: 86px !important;
    height: 42px !important;
  }

  body.qdm-raed .qdm-raed-desktop-nav {
    display: none !important;
  }

  /* Keep Raed's original Salla drawer and category links working on mobile. */
  body.qdm-raed .qdm-raed-native-menu {
    display: block !important;
  }

  body.qdm-raed .qdm-raed-native-menu .main-menu-skel {
    display: none !important;
  }

  body.qdm-raed .qdm-raed-native-burger {
    position: absolute !important;
    z-index: 9;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    color: var(--qdm-ink) !important;
  }

  body.qdm-raed .qdm-raed-native-burger i {
    color: var(--qdm-ink) !important;
    font-size: 21px !important;
  }

  body.qdm-raed .qdm-raed-search {
    right: 42px;
    left: auto;
  }

  body.qdm-raed .qdm-raed-tools {
    left: 0 !important;
    gap: 1px !important;
  }

  body.qdm-raed .qdm-raed-tools salla-user-menu,
  body.qdm-raed .qdm-raed-tools salla-cart-summary {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }

  body.qdm-raed #qdm-v9-home {
    width: 100%;
    max-width: none;
    overflow: visible;
  }

  body.qdm-raed .qdm-v9-hero {
    width: 100vw;
    height: min(154vw, 760px);
    min-height: 0;
    margin-inline: calc(50% - 50vw);
  }

  body.qdm-raed .qdm-v9-hero-bg,
  body.qdm-raed .qdm-v9-hero-bg-video,
  body.qdm-raed .qdm-v9-hero-backdrop-tint {
    display: none !important;
  }

  body.qdm-raed .qdm-v9-hero-media {
    left: 0;
    width: 100% !important;
    height: 100% !important;
    transform: none;
    object-fit: cover !important;
    object-position: center top !important;
  }

  body.qdm-raed .qdm-v9-hero-copy {
    bottom: 26px;
  }

  body.qdm-raed .qdm-v9-hero-copy h1 {
    font-size: clamp(31px, 9vw, 45px) !important;
  }

  body.qdm-raed .qdm-v9-editorial {
    width: calc(100% - 20px);
    margin-inline: auto;
    padding: 38px 0 46px;
  }

  body.qdm-raed .qdm-v9-editorial-head {
    display: block;
    margin-bottom: 18px;
  }

  body.qdm-raed .qdm-v9-editorial-head h2 {
    font-size: 31px !important;
  }

  body.qdm-raed .qdm-v9-editorial-head p {
    max-width: 330px;
    margin-top: 9px;
    font-size: 10px;
  }

  body.qdm-raed .qdm-v9-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.qdm-raed .qdm-v9-edit-card {
    aspect-ratio: 3 / 4;
  }

  body.qdm-raed .qdm-v9-edit-card-3 {
    grid-column: 1 / -1;
    width: 100%;
    aspect-ratio: 2 / 3;
  }

  body.qdm-raed .qdm-v9-edit-copy {
    right: 10px;
    left: 10px;
    bottom: 10px;
  }

  body.qdm-raed .qdm-v9-edit-copy strong {
    font-size: 10px;
  }

  body.qdm-raed .qdm-v9-edit-copy em {
    font-size: 13px;
  }

  body.qdm-raed .qdm-under-abaya {
    margin-top: 10px;
    padding: 38px 0 42px;
  }

  body.qdm-raed .qdm-under-abaya-head {
    margin-bottom: 15px;
  }

  body.qdm-raed .qdm-under-abaya-head h2 {
    font-size: 36px !important;
  }

  body.qdm-raed .qdm-under-abaya-head p {
    max-width: 330px;
    font-size: 10px;
  }

  body.qdm-raed .qdm-under-stage {
    height: 560px;
  }

  body.qdm-raed .qdm-under-look {
    width: min(325px, 72vw);
    height: calc(100% - 42px);
  }

  body.qdm-raed .qdm-under-look-prev {
    transform: translate(-125%, -50%) scale(.76);
    opacity: .42;
  }

  body.qdm-raed .qdm-under-look-next {
    transform: translate(25%, -50%) scale(.76);
    opacity: .42;
  }

  body.qdm-raed .qdm-under-arrow-prev { left: 4px; }
  body.qdm-raed .qdm-under-arrow-next { right: 4px; }

  body.qdm-raed .qdm-under-meta {
    width: min(560px, calc(100% - 20px));
  }

  body.qdm-raed .qdm-v11-all-products-banner {
    width: 100vw;
    margin: 44px calc(50% - 50vw) 0;
  }

  body.qdm-raed .qdm-v10-all-products-link {
    min-height: 78vw;
    max-height: 650px;
  }

  body.qdm-raed .qdm-v10-all-products-copy {
    bottom: 12%;
  }

  body.qdm-raed .qdm-v10-all-products-copy > strong {
    font-size: 38px;
  }

  body.qdm-raed .qdm-raed-footer .store-footer__inner > .container,
  body.qdm-raed .qdm-raed-footer > .container {
    width: calc(100% - 28px) !important;
  }
}

@media (max-width: 560px) {
  body.qdm-raed .qdm-raed-search {
    width: 34px;
    height: 34px;
  }

  body.qdm-raed .qdm-raed-tools {
    left: -2px !important;
  }

  body.qdm-raed .qdm-v9-hero {
    height: 145vw;
    max-height: 690px;
  }

  body.qdm-raed .qdm-v9-hero-copy {
    bottom: 22px;
  }

  body.qdm-raed .qdm-v9-hero-copy small {
    font-size: 8px;
  }

  body.qdm-raed .qdm-v9-hero-copy a {
    font-size: 11px;
  }

  body.qdm-raed .qdm-v9-editorial {
    padding-top: 34px;
  }

  body.qdm-raed .qdm-v9-editorial-head h2 {
    font-size: 29px !important;
  }

  body.qdm-raed .qdm-under-stage {
    height: 505px;
  }

  body.qdm-raed .qdm-under-look {
    width: 72vw;
    height: calc(100% - 36px);
  }

  body.qdm-raed .qdm-under-look-prev {
    transform: translate(-111%, -50%) scale(.69);
    opacity: .26;
  }

  body.qdm-raed .qdm-under-look-next {
    transform: translate(11%, -50%) scale(.69);
    opacity: .26;
  }

  body.qdm-raed .qdm-under-look-copy {
    left: 13px;
    right: 13px;
    bottom: 13px;
  }

  body.qdm-raed .qdm-under-look-copy em {
    font-size: 10px;
  }

  body.qdm-raed .qdm-under-arrow {
    width: 36px;
    height: 36px;
    margin-top: -18px;
  }

  body.qdm-raed .qdm-under-meta {
    padding: 12px 4px;
    grid-template-columns: 48px 1fr auto;
    gap: 7px;
  }

  body.qdm-raed .qdm-under-meta-name strong {
    font-size: 13px;
  }

  body.qdm-raed .qdm-under-meta-price {
    font-size: 11px;
  }

  body.qdm-raed .qdm-under-meta-count {
    font-size: 8px;
  }

  body.qdm-raed .qdm-v10-all-products-link {
    min-height: 98vw;
  }

  body.qdm-raed .qdm-v10-all-products-copy {
    bottom: 14%;
  }

  body.qdm-raed .qdm-v10-all-products-copy > strong {
    font-size: 34px;
  }

  body.qdm-raed .qdm-raed-footer .store-footer__inner {
    padding-top: 38px !important;
  }
}

/* ==========================================================================
   ACCESSIBILITY / SAFETY
   ========================================================================== */
body.qdm-raed .qdm-v9-edit-card:focus-visible,
body.qdm-raed .qdm-under-look:focus-visible,
body.qdm-raed .qdm-under-cta:focus-visible,
body.qdm-raed .qdm-raed-desktop-nav a:focus-visible,
body.qdm-raed .qdm-raed-search:focus-visible,
body.qdm-raed .qdm-raed-search-close:focus-visible,
body.qdm-raed .qdm-raed-search-form input:focus-visible,
body.qdm-raed .qdm-raed-search-form button:focus-visible {
  outline: 1px solid var(--qdm-ink);
  outline-offset: 4px;
}

/* ==========================================================================
   SEARCH DIALOG — V7
   ========================================================================== */
body.qdm-search-open {
  overflow: hidden !important;
}

body.qdm-raed .qdm-raed-search-overlay[hidden] {
  display: none !important;
}

body.qdm-raed .qdm-raed-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: start center;
  padding: clamp(82px, 14vh, 150px) 20px 30px;
}

body.qdm-raed .qdm-raed-search-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgb(14 12 11 / 58%);
  cursor: default;
}

body.qdm-raed .qdm-raed-search-dialog {
  position: relative;
  z-index: 1;
  width: min(720px, 100%);
  padding: 26px;
  border: 1px solid rgb(35 30 26 / 16%);
  border-radius: 2px;
  background: #f7f2eb;
  box-shadow: 0 24px 70px rgb(0 0 0 / 24%);
  color: #171411;
  direction: rtl;
}

body.qdm-raed .qdm-raed-search-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

body.qdm-raed .qdm-raed-search-head h2 {
  margin: 0;
  font-size: clamp(22px, 2.3vw, 30px);
  font-weight: 500;
  line-height: 1.25;
}

body.qdm-raed .qdm-raed-search-close {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0;
  border: 1px solid rgb(35 30 26 / 22%);
  border-radius: 50%;
  background: transparent;
  color: currentColor;
}

body.qdm-raed .qdm-raed-search-close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

body.qdm-raed .qdm-raed-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

body.qdm-raed .qdm-raed-search-form input {
  width: 100%;
  min-width: 0;
  height: 54px;
  padding: 0 17px;
  border: 1px solid rgb(35 30 26 / 24%);
  border-radius: 0;
  background: #fff;
  color: #171411;
  font: inherit;
  font-size: 16px;
  box-shadow: none;
}

body.qdm-raed .qdm-raed-search-form input::placeholder {
  color: rgb(23 20 17 / 52%);
}

body.qdm-raed .qdm-raed-search-form button {
  min-width: 112px;
  height: 54px;
  padding: 0 24px;
  border: 1px solid #171411;
  border-radius: 0;
  background: #171411;
  color: #fff;
  font: inherit;
  font-size: 15px;
  cursor: pointer;
}

@media (max-width: 640px) {
  body.qdm-raed .qdm-raed-search-overlay {
    align-items: start;
    padding: 82px 14px 24px;
  }

  body.qdm-raed .qdm-raed-search-dialog {
    padding: 20px 16px;
  }

  body.qdm-raed .qdm-raed-search-form {
    grid-template-columns: 1fr;
  }

  body.qdm-raed .qdm-raed-search-form button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed *,
  body.qdm-raed *::before,
  body.qdm-raed *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V9 FINAL REACT MATCH
   One cohesive finishing layer for the native Raed header, the custom home,
   and the native footer. All Salla account/cart/search components stay live.
   ============================================================================ */

:root {
  --qdm-bg: #f3eee7;
  --qdm-bg-soft: #f7f3ee;
  --qdm-ink: #11110f;
  --qdm-muted: #736d65;
  --qdm-line: rgba(17, 17, 15, .14);
  --qdm-wide: 1440px;
  --qdm-footer-black: #0d0d0d;
}

body.qdm-raed,
body.qdm-raed #main-content,
body.qdm-raed .qdm-raed-home {
  background: var(--qdm-bg) !important;
  color: var(--qdm-ink) !important;
}

body.qdm-raed #main-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.qdm-raed-home-ready .qdm-raed-original-home {
  display: none !important;
}

/* ------------------------------- header -------------------------------- */
body.qdm-raed .store-header.qdm-raed-header,
body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav .inner {
  background: var(--qdm-bg) !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.qdm-raed .store-header.qdm-raed-header {
  position: relative !important;
  z-index: 1000 !important;
}

body.qdm-raed .qdm-raed-header .top-navbar {
  display: none !important;
}

body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav .inner,
body.qdm-raed .qdm-raed-header-row {
  height: 78px !important;
  min-height: 78px !important;
}

body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
  width: min(var(--qdm-wide), calc(100% - 56px)) !important;
  max-width: var(--qdm-wide) !important;
  height: 78px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.qdm-raed .qdm-raed-header-row {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.qdm-raed .qdm-raed-logo {
  position: absolute !important;
  z-index: 12 !important;
  left: 50% !important;
  top: 50% !important;
  width: 118px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.qdm-raed .qdm-raed-logo img {
  width: 116px !important;
  max-width: 116px !important;
  height: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-raed-meta {
  position: absolute !important;
  z-index: 20 !important;
  right: 0 !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  direction: rtl !important;
  transform: translateY(-50%) !important;
  white-space: nowrap !important;
  color: var(--qdm-ink) !important;
}

body.qdm-raed .qdm-raed-meta-email,
body.qdm-raed .qdm-raed-meta-control,
body.qdm-raed .qdm-raed-collections-toggle {
  min-height: 32px !important;
  margin: 0 !important;
  padding: 6px 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-inline-start: 1px solid var(--qdm-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--qdm-ink) !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-raed-meta-email {
  direction: ltr !important;
  border-inline-start: 0 !important;
  padding-inline-start: 0 !important;
}

body.qdm-raed .qdm-raed-meta-email:hover,
body.qdm-raed .qdm-raed-meta-control:hover,
body.qdm-raed .qdm-raed-collections-toggle:hover {
  opacity: .58 !important;
}

body.qdm-raed .qdm-raed-collections {
  position: relative !important;
}

body.qdm-raed .qdm-raed-desktop-nav[hidden] {
  display: none !important;
}

body.qdm-raed .qdm-raed-desktop-nav {
  position: absolute !important;
  z-index: 50 !important;
  top: calc(100% + 13px) !important;
  right: 0 !important;
  width: 220px !important;
  min-width: 220px !important;
  padding: 10px 0 !important;
  display: grid !important;
  gap: 0 !important;
  transform: none !important;
  direction: rtl !important;
  background: rgba(247, 243, 238, .98) !important;
  border: 1px solid var(--qdm-line) !important;
  box-shadow: 0 18px 44px rgba(17, 17, 15, .10) !important;
}

body.qdm-raed .qdm-raed-desktop-nav a,
body.qdm-raed .qdm-raed-desktop-nav a:visited {
  width: 100% !important;
  padding: 11px 16px !important;
  color: var(--qdm-ink) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  background: transparent !important;
}

body.qdm-raed .qdm-raed-desktop-nav a:hover {
  background: rgba(17, 17, 15, .055) !important;
}

body.qdm-raed .qdm-raed-native-menu,
body.qdm-raed .qdm-raed-native-burger {
  display: none !important;
}

body.qdm-raed .qdm-raed-tools {
  position: absolute !important;
  z-index: 25 !important;
  left: 42px !important;
  right: auto !important;
  top: 50% !important;
  width: auto !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
}

body.qdm-raed .qdm-raed-tools salla-user-menu,
body.qdm-raed .qdm-raed-tools salla-cart-summary {
  position: relative !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  color: var(--qdm-ink) !important;
}

body.qdm-raed .qdm-raed-tools salla-user-menu {
  overflow: hidden !important;
  clip-path: inset(0) !important;
}

body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay {
  position: absolute !important;
  z-index: 20 !important;
  left: var(--qdm-account-left, 0px) !important;
  top: var(--qdm-account-top, 0px) !important;
  width: var(--qdm-account-width, 40px) !important;
  height: var(--qdm-account-height, 40px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--qdm-bg) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  fill: none !important;
  stroke: var(--qdm-ink) !important;
  stroke-width: 1.6 !important;
}

body.qdm-raed .qdm-raed-tools salla-cart-summary {
  z-index: 30 !important;
}

body.qdm-raed .qdm-raed-tools salla-cart-summary .s-cart-summary-total,
body.qdm-raed .qdm-raed-tools salla-cart-summary [class*="cart-summary-total"] {
  display: none !important;
}

body.qdm-raed .qdm-raed-tools .header-btn__icon,
body.qdm-raed .qdm-raed-tools svg,
body.qdm-raed .qdm-raed-tools i {
  color: var(--qdm-ink) !important;
  stroke: currentColor !important;
}

body.qdm-raed .qdm-raed-search {
  position: absolute !important;
  z-index: 26 !important;
  left: 0 !important;
  top: 50% !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--qdm-ink) !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-raed-search svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
}

/* ------------------------------- hero ---------------------------------- */
body.qdm-raed .qdm-raed-home {
  width: 100% !important;
  padding: 0 28px !important;
  overflow: hidden !important;
}

body.qdm-raed .qdm-v9-hero {
  position: relative !important;
  width: min(var(--qdm-wide), 100%) !important;
  height: clamp(600px, 68vw, 820px) !important;
  max-height: 820px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #1b1511 !important;
}

body.qdm-raed .qdm-v9-hero-bg,
body.qdm-raed .qdm-v9-hero-bg-video {
  position: absolute !important;
  z-index: 0 !important;
  inset: -6% !important;
  width: 112% !important;
  height: 112% !important;
  object-fit: cover !important;
  background-position: center !important;
  background-size: cover !important;
  filter: blur(26px) brightness(.55) saturate(.82) !important;
  transform: scale(1.08) !important;
}

body.qdm-raed .qdm-v9-hero-backdrop-tint {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  background: rgba(14, 10, 8, .12) !important;
}

body.qdm-raed .qdm-v9-hero-media {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  width: min(47%, 670px) !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 70px rgba(0, 0, 0, .12) !important;
}

body.qdm-raed .qdm-v9-hero-overlay {
  position: absolute !important;
  z-index: 3 !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 42%, rgba(8, 7, 6, .78) 100%) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-v9-hero-copy {
  position: absolute !important;
  z-index: 4 !important;
  left: 50% !important;
  bottom: clamp(36px, 6vw, 78px) !important;
  width: min(90%, 760px) !important;
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  transform: translateX(-50%) !important;
  direction: rtl !important;
  color: #fff !important;
  text-align: center !important;
}

body.qdm-raed .qdm-v9-hero-copy small {
  font-size: 11px !important;
  letter-spacing: .08em !important;
}

body.qdm-raed .qdm-v9-hero-copy h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(42px, 5.3vw, 78px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

body.qdm-raed .qdm-v9-hero-copy a,
body.qdm-raed .qdm-v9-hero-copy a:visited {
  position: relative !important;
  margin-top: 7px !important;
  padding: 8px 2px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.qdm-raed .qdm-v9-hero-copy a::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: currentColor !important;
  transition: width .25s ease !important;
}

body.qdm-raed .qdm-v9-hero-copy a:hover::after {
  width: 42% !important;
}

/* ------------------------ collection selections ------------------------ */
body.qdm-raed .qdm-v9-editorial {
  width: min(var(--qdm-wide), 100%) !important;
  margin: 0 auto !important;
  padding: 54px 0 116px !important;
  background: transparent !important;
}

body.qdm-raed .qdm-v9-editorial-head {
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

body.qdm-raed .qdm-v9-editorial-head h2 {
  margin: 0 !important;
  color: var(--qdm-ink) !important;
  font-size: clamp(28px, 2.2vw, 38px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

body.qdm-raed .qdm-v9-editorial-head p {
  display: none !important;
}

body.qdm-raed .qdm-v9-edit-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  direction: rtl !important;
}

body.qdm-raed .qdm-v9-edit-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: .67 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #eeeae5 !important;
  color: #fff !important;
}

body.qdm-raed .qdm-v9-edit-card img,
body.qdm-raed .qdm-v9-edit-card .qdm-media-placeholder {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;
  background: #eeeae5 !important;
  transition: opacity .42s ease, transform .8s cubic-bezier(.2,.7,.2,1) !important;
}

body.qdm-raed .qdm-v9-card-default {
  z-index: 1 !important;
  opacity: 1 !important;
}

body.qdm-raed .qdm-v9-card-hover {
  z-index: 2 !important;
  opacity: 0 !important;
}

body.qdm-raed .qdm-v9-edit-card:hover .qdm-v9-card-default,
body.qdm-raed .qdm-v9-edit-card:focus-visible .qdm-v9-card-default {
  opacity: 0 !important;
  transform: scale(1.018) !important;
}

body.qdm-raed .qdm-v9-edit-card:hover .qdm-v9-card-hover,
body.qdm-raed .qdm-v9-edit-card:focus-visible .qdm-v9-card-hover {
  opacity: 1 !important;
  transform: scale(1.018) !important;
}

body.qdm-raed .qdm-v9-edit-shade {
  position: absolute !important;
  z-index: 3 !important;
  inset: 45% 0 0 !important;
  background: linear-gradient(180deg, transparent, rgba(9, 9, 8, .48)) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-v9-edit-copy {
  position: absolute !important;
  z-index: 4 !important;
  right: 22px !important;
  left: 22px !important;
  bottom: 19px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  direction: ltr !important;
  color: #fff !important;
  opacity: .96 !important;
}

body.qdm-raed .qdm-v9-edit-copy strong,
body.qdm-raed .qdm-v9-edit-copy em {
  color: #fff !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
}

/* --------------------------- under abaya ------------------------------- */
body.qdm-raed .qdm-under-abaya {
  width: min(var(--qdm-wide), 100%) !important;
  margin: 0 auto !important;
  padding: 62px 0 112px !important;
  background: transparent !important;
  color: var(--qdm-ink) !important;
  overflow: hidden !important;
}

body.qdm-raed .qdm-under-abaya-head {
  width: min(92%, 740px) !important;
  margin: 0 auto 34px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 7px !important;
  text-align: center !important;
}

body.qdm-raed .qdm-under-abaya-head small {
  color: var(--qdm-ink) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .27em !important;
}

body.qdm-raed .qdm-under-abaya-head h2 {
  margin: 0 !important;
  color: var(--qdm-ink) !important;
  font-size: clamp(44px, 5.5vw, 80px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
}

body.qdm-raed .qdm-under-abaya-head p {
  max-width: 620px !important;
  margin: 4px 0 0 !important;
  color: var(--qdm-muted) !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
}

body.qdm-raed .qdm-under-stage {
  position: relative !important;
  width: 100% !important;
  height: 650px !important;
  margin: 0 auto !important;
  touch-action: pan-y !important;
}

body.qdm-raed .qdm-under-look {
  position: absolute !important;
  z-index: 1 !important;
  top: 50% !important;
  left: 50% !important;
  width: 390px !important;
  height: 590px !important;
  overflow: hidden !important;
  background: #eeeae5 !important;
  color: #fff !important;
  transform-origin: center !important;
  transition: transform .58s cubic-bezier(.22,.72,.18,1), opacity .45s ease, filter .45s ease !important;
}

body.qdm-raed .qdm-under-look img,
body.qdm-raed .qdm-under-look .qdm-media-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;
  background: #eeeae5 !important;
}

body.qdm-raed .qdm-under-look-active {
  z-index: 4 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

body.qdm-raed .qdm-under-look-prev {
  z-index: 2 !important;
  opacity: .48 !important;
  filter: saturate(.62) contrast(.88) !important;
  transform: translate(calc(-50% - 360px), -50%) scale(.87) !important;
}

body.qdm-raed .qdm-under-look-next {
  z-index: 2 !important;
  opacity: .48 !important;
  filter: saturate(.62) contrast(.88) !important;
  transform: translate(calc(-50% + 360px), -50%) scale(.87) !important;
}

body.qdm-raed .qdm-under-look-shade {
  position: absolute !important;
  z-index: 2 !important;
  inset: 45% 0 0 !important;
  background: linear-gradient(180deg, transparent, rgba(7, 7, 6, .45)) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-under-look-copy {
  position: absolute !important;
  z-index: 3 !important;
  right: 18px !important;
  bottom: 18px !important;
  left: 18px !important;
  display: grid !important;
  gap: 3px !important;
  direction: rtl !important;
  color: #fff !important;
  text-align: right !important;
}

body.qdm-raed .qdm-under-look-copy small,
body.qdm-raed .qdm-under-look-copy span,
body.qdm-raed .qdm-under-look-copy em,
body.qdm-raed .qdm-under-look-copy strong {
  color: #fff !important;
  font-style: normal !important;
}

body.qdm-raed .qdm-under-look-copy small {
  font-size: 9px !important;
  letter-spacing: .15em !important;
}

body.qdm-raed .qdm-under-look-copy strong {
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.qdm-raed .qdm-under-look-copy span,
body.qdm-raed .qdm-under-look-copy em {
  font-size: 11px !important;
}

body.qdm-raed .qdm-under-arrow {
  position: absolute !important;
  z-index: 8 !important;
  top: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-50%) !important;
  border: 1px solid var(--qdm-line) !important;
  border-radius: 50% !important;
  background: rgba(247, 243, 238, .9) !important;
  color: var(--qdm-ink) !important;
  font-size: 28px !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-under-arrow-prev { left: max(18px, calc(50% - 640px)) !important; }
body.qdm-raed .qdm-under-arrow-next { right: max(18px, calc(50% - 640px)) !important; }

body.qdm-raed .qdm-under-meta {
  width: min(700px, 92%) !important;
  min-height: 74px !important;
  margin: 0 auto !important;
  padding: 14px 6px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  align-items: center !important;
  border-top: 1px solid var(--qdm-line) !important;
  border-bottom: 1px solid var(--qdm-line) !important;
  direction: rtl !important;
}

body.qdm-raed .qdm-under-meta-count,
body.qdm-raed .qdm-under-meta-price {
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.qdm-raed .qdm-under-meta-count { text-align: right !important; }
body.qdm-raed .qdm-under-meta-price { text-align: left !important; }

body.qdm-raed .qdm-under-meta-name {
  display: grid !important;
  justify-items: center !important;
  gap: 3px !important;
  text-align: center !important;
}

body.qdm-raed .qdm-under-meta-name small {
  color: var(--qdm-muted) !important;
  font-size: 10px !important;
}

body.qdm-raed .qdm-under-meta-name strong {
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.qdm-raed .qdm-under-dots {
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
}

body.qdm-raed .qdm-under-dots button {
  width: 26px !important;
  height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: rgba(17, 17, 15, .16) !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-under-dots button.is-active {
  background: var(--qdm-ink) !important;
}

body.qdm-raed .qdm-under-cta,
body.qdm-raed .qdm-under-cta:visited {
  width: max-content !important;
  min-width: 160px !important;
  margin: 7px auto 0 !important;
  padding: 14px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  background: var(--qdm-ink) !important;
  color: #fff !important;
  font-size: 12px !important;
  transition: opacity .2s ease !important;
}

body.qdm-raed .qdm-under-cta:hover { opacity: .72 !important; }

/* ------------------------ all products banner -------------------------- */
body.qdm-raed .qdm-v11-all-products-banner {
  width: min(1200px, 100%) !important;
  margin: 0 auto !important;
  padding: 26px 0 92px !important;
  background: transparent !important;
}

body.qdm-raed .qdm-v10-all-products-link {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 7.2 !important;
  overflow: hidden !important;
  background: #14110f !important;
  color: #fff !important;
}

body.qdm-raed .qdm-v10-all-products-link img,
body.qdm-raed .qdm-v10-all-products-link .qdm-media-placeholder {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #14110f !important;
  transition: transform .8s ease !important;
}

body.qdm-raed .qdm-v10-all-products-link:hover img { transform: scale(1.018) !important; }

body.qdm-raed .qdm-v10-all-products-overlay {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  background: linear-gradient(270deg, rgba(8,7,6,.12), rgba(8,7,6,.64) 100%) !important;
}

body.qdm-raed .qdm-v10-all-products-copy {
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  right: 7% !important;
  width: min(48%, 540px) !important;
  display: grid !important;
  gap: 8px !important;
  transform: translateY(-50%) !important;
  direction: rtl !important;
  color: #fff !important;
  text-align: right !important;
}

body.qdm-raed .qdm-v10-all-products-copy small { font-size: 10px !important; color: #fff !important; }
body.qdm-raed .qdm-v10-all-products-copy strong {
  color: #fff !important;
  font-size: clamp(44px, 5vw, 78px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

body.qdm-raed .qdm-v10-all-products-cta {
  width: max-content !important;
  padding-bottom: 7px !important;
  border-bottom: 1px solid currentColor !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* -------------------------------- footer -------------------------------- */
body.qdm-raed footer.qdm-raed-footer {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--qdm-bg) !important;
  color: var(--qdm-ink) !important;
  border: 0 !important;
}

body.qdm-raed footer.qdm-raed-footer > *:not(.qdm-raed-footer-shell):not(.qdm-raed-footer-legal) {
  display: none !important;
}

body.qdm-raed .qdm-raed-footer-shell {
  width: 100% !important;
  min-height: 260px !important;
  padding: 34px 24px 70px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: start !important;
  gap: 15px !important;
  background: var(--qdm-bg) !important;
  color: var(--qdm-ink) !important;
  text-align: center !important;
}

body.qdm-raed .qdm-raed-footer-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.qdm-raed .qdm-raed-footer-logo {
  width: 106px !important;
  height: 52px !important;
  object-fit: contain !important;
}

body.qdm-raed .qdm-raed-footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 27px !important;
  direction: rtl !important;
}

body.qdm-raed .qdm-raed-footer-links a,
body.qdm-raed .qdm-raed-footer-email {
  color: var(--qdm-ink) !important;
  font-size: 12px !important;
}

body.qdm-raed .qdm-raed-footer-email {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  direction: ltr !important;
}

body.qdm-raed .qdm-raed-footer-social {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}

body.qdm-raed .qdm-raed-footer-social a {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--qdm-line) !important;
  border-radius: 50% !important;
  color: var(--qdm-ink) !important;
  font-size: 18px !important;
}

body.qdm-raed .qdm-raed-footer-payments {
  margin-top: 5px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.qdm-raed .qdm-raed-footer-payments img {
  width: auto !important;
  max-width: 54px !important;
  height: 22px !important;
  object-fit: contain !important;
}

body.qdm-raed .qdm-raed-footer-legal {
  position: relative !important;
  width: 100% !important;
  min-height: 112px !important;
  margin-top: 34px !important;
  padding: 58px max(34px, calc((100% - var(--qdm-wide)) / 2)) 20px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  background: var(--qdm-footer-black) !important;
  color: #fff !important;
  isolation: isolate !important;
}

body.qdm-raed .qdm-raed-footer-legal::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -3% !important;
  right: -3% !important;
  top: -38px !important;
  height: 80px !important;
  background: var(--qdm-footer-black) !important;
  border-radius: 50% 50% 0 0 / 56% 56% 0 0 !important;
  transform: rotate(.45deg) !important;
}

body.qdm-raed .qdm-raed-footer-copyright {
  color: rgba(255,255,255,.82) !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

body.qdm-raed .qdm-raed-footer-documents {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  direction: rtl !important;
}

body.qdm-raed .qdm-raed-footer-documents span,
body.qdm-raed .qdm-raed-footer-documents strong {
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

/* ------------------------------ responsive ----------------------------- */
@media (max-width: 1050px) {
  body.qdm-raed .qdm-raed-meta-email { display: none !important; }
  body.qdm-raed .qdm-raed-meta-control,
  body.qdm-raed .qdm-raed-collections-toggle { padding-inline: 8px !important; }
  body.qdm-raed .qdm-under-look-prev { transform: translate(calc(-50% - 305px), -50%) scale(.84) !important; }
  body.qdm-raed .qdm-under-look-next { transform: translate(calc(-50% + 305px), -50%) scale(.84) !important; }
}

@media (max-width: 767px) {
  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav .inner,
  body.qdm-raed .qdm-raed-header-row,
  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    height: 64px !important;
    min-height: 64px !important;
  }

  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    width: calc(100% - 24px) !important;
  }

  body.qdm-raed .qdm-raed-logo {
    width: 84px !important;
    height: 42px !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 82px !important;
    height: 40px !important;
  }

  body.qdm-raed .qdm-raed-meta { display: none !important; }
  body.qdm-raed .qdm-raed-native-burger { display: inline-flex !important; }
  body.qdm-raed .qdm-raed-native-menu { display: block !important; }

  body.qdm-raed .qdm-raed-tools {
    left: 32px !important;
    height: 38px !important;
    gap: 0 !important;
  }

  body.qdm-raed .qdm-raed-tools salla-user-menu,
  body.qdm-raed .qdm-raed-tools salla-cart-summary {
    width: 34px !important;
    min-width: 34px !important;
    height: 36px !important;
  }

  body.qdm-raed .qdm-raed-search {
    right: 42px !important;
    left: auto !important;
    width: 32px !important;
    height: 36px !important;
  }

  body.qdm-raed .qdm-raed-home { padding: 0 12px !important; }

  body.qdm-raed .qdm-v9-hero {
    width: 100% !important;
    height: min(132vw, 720px) !important;
    min-height: 510px !important;
  }

  body.qdm-raed .qdm-v9-hero-bg,
  body.qdm-raed .qdm-v9-hero-bg-video,
  body.qdm-raed .qdm-v9-hero-backdrop-tint { display: none !important; }

  body.qdm-raed .qdm-v9-hero-media {
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  body.qdm-raed .qdm-v9-hero-copy { bottom: 30px !important; }
  body.qdm-raed .qdm-v9-hero-copy h1 { font-size: clamp(36px, 12vw, 56px) !important; }

  body.qdm-raed .qdm-v9-editorial {
    padding: 34px 0 78px !important;
  }

  body.qdm-raed .qdm-v9-editorial-head {
    margin-bottom: 19px !important;
  }

  body.qdm-raed .qdm-v9-editorial-head h2 {
    font-size: 28px !important;
  }

  body.qdm-raed .qdm-v9-edit-grid {
    width: calc(100% + 12px) !important;
    margin-inline-end: -12px !important;
    padding-inline-end: 12px !important;
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  body.qdm-raed .qdm-v9-edit-grid::-webkit-scrollbar { display: none !important; }

  body.qdm-raed .qdm-v9-edit-card {
    flex: 0 0 78vw !important;
    max-width: 360px !important;
    scroll-snap-align: start !important;
  }

  body.qdm-raed .qdm-v9-card-hover { display: none !important; }
  body.qdm-raed .qdm-v9-edit-card:hover .qdm-v9-card-default { opacity: 1 !important; transform: none !important; }

  body.qdm-raed .qdm-under-abaya {
    padding: 32px 0 78px !important;
  }

  body.qdm-raed .qdm-under-abaya-head {
    margin-bottom: 22px !important;
  }

  body.qdm-raed .qdm-under-abaya-head h2 {
    font-size: clamp(40px, 12vw, 58px) !important;
  }

  body.qdm-raed .qdm-under-abaya-head p {
    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  body.qdm-raed .qdm-under-stage {
    height: min(130vw, 590px) !important;
  }

  body.qdm-raed .qdm-under-look {
    width: min(76vw, 340px) !important;
    height: min(116vw, 520px) !important;
  }

  body.qdm-raed .qdm-under-look-prev {
    opacity: .15 !important;
    transform: translate(calc(-50% - 72vw), -50%) scale(.84) !important;
  }

  body.qdm-raed .qdm-under-look-next {
    opacity: .15 !important;
    transform: translate(calc(-50% + 72vw), -50%) scale(.84) !important;
  }

  body.qdm-raed .qdm-under-arrow {
    width: 38px !important;
    height: 38px !important;
    font-size: 24px !important;
  }

  body.qdm-raed .qdm-under-arrow-prev { left: 4px !important; }
  body.qdm-raed .qdm-under-arrow-next { right: 4px !important; }

  body.qdm-raed .qdm-under-meta {
    width: 100% !important;
    min-height: 68px !important;
  }

  body.qdm-raed .qdm-v11-all-products-banner {
    padding: 14px 0 64px !important;
  }

  body.qdm-raed .qdm-v10-all-products-link {
    aspect-ratio: 4 / 5 !important;
  }

  body.qdm-raed .qdm-v10-all-products-copy {
    right: 24px !important;
    left: 24px !important;
    width: auto !important;
  }

  body.qdm-raed .qdm-v10-all-products-copy strong {
    font-size: clamp(40px, 12vw, 58px) !important;
  }

  body.qdm-raed .qdm-raed-footer-shell {
    min-height: 290px !important;
    padding: 30px 18px 70px !important;
  }

  body.qdm-raed .qdm-raed-footer-links {
    max-width: 330px !important;
    gap: 10px 17px !important;
  }

  body.qdm-raed .qdm-raed-footer-legal {
    min-height: 156px !important;
    padding: 64px 20px 24px !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 17px !important;
    text-align: center !important;
  }

  body.qdm-raed .qdm-raed-footer-documents {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed *,
  body.qdm-raed *::before,
  body.qdm-raed *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V10 HEADER / NATIVE LOCALIZATION FIX
   - Uses the black transparent React logo.
   - Keeps the Abayas menu closed until the real toggle is pressed.
   - Both language and currency controls open Salla's native localization modal.
   - Restyles that native modal without replacing Salla localization logic.
   ============================================================================ */

body.qdm-raed .store-header.qdm-raed-header,
body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav .inner,
body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
  background: var(--qdm-bg, #f3eee7) !important;
}

body.qdm-raed .qdm-raed-logo,
body.qdm-raed .qdm-raed-logo img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-raed-logo img {
  width: 118px !important;
  max-width: 118px !important;
  height: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
}

/* Abayas dropdown is a real toggle, not an always-open menu. */
body.qdm-raed .qdm-raed-meta:not(.is-open) .qdm-raed-desktop-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-desktop-nav:not([hidden]) {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  animation: qdmHeaderMenuIn .18s ease both;
}

body.qdm-raed .qdm-raed-meta .qdm-meta-chevron {
  display: inline-block !important;
  transform-origin: 50% 46% !important;
  transition: transform .2s ease !important;
}

body.qdm-raed .qdm-raed-collections-toggle[aria-expanded="true"] .qdm-meta-chevron {
  transform: rotate(180deg) !important;
}

body.qdm-raed .qdm-raed-desktop-nav {
  top: calc(100% + 10px) !important;
  width: 218px !important;
  min-width: 218px !important;
  padding: 8px 0 !important;
  overflow: hidden !important;
  background: rgba(248, 244, 239, .99) !important;
  border: 1px solid rgba(17, 17, 15, .11) !important;
  box-shadow: 0 18px 48px rgba(17, 17, 15, .11) !important;
}

body.qdm-raed .qdm-raed-desktop-nav a {
  padding: 12px 17px !important;
  font-size: 13px !important;
}

@keyframes qdmHeaderMenuIn {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Language + currency: both controls deliberately share Salla's native modal. */
body.qdm-raed .qdm-raed-meta-control {
  user-select: none !important;
}

body.qdm-raed .qdm-raed-meta-control:focus-visible,
body.qdm-raed .qdm-raed-collections-toggle:focus-visible {
  outline: 1px solid var(--qdm-ink, #11110f) !important;
  outline-offset: 3px !important;
}

/*
  Salla renders .s-localization-modal-inner for its own localization UI.
  V10 only changes presentation; the actual language/currency actions remain
  the native Salla controls inside this surface.
*/
body.qdm-raed .qdm-localization-dialog {
  width: min(430px, calc(100vw - 28px)) !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fbf8f4 !important;
  box-shadow: 0 28px 80px rgba(17, 17, 15, .22) !important;
}

body.qdm-raed .qdm-localization-surface,
body.qdm-raed .s-localization-modal-inner.qdm-localization-surface {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 !important;
  padding: 28px 30px 30px !important;
  direction: rtl !important;
  background: #fbf8f4 !important;
  color: var(--qdm-ink, #11110f) !important;
  border: 0 !important;
  border-radius: 18px !important;
  font-family: inherit !important;
}

body.qdm-raed .qdm-localization-eyebrow {
  margin: 0 0 12px !important;
  color: #8f5f63 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-align: center !important;
  direction: ltr !important;
}

body.qdm-raed .qdm-localization-surface h1,
body.qdm-raed .qdm-localization-surface h2,
body.qdm-raed .qdm-localization-surface h3,
body.qdm-raed .qdm-localization-surface h4,
body.qdm-raed .qdm-localization-surface [class*="title"] {
  color: var(--qdm-ink, #11110f) !important;
  font-family: inherit !important;
}

body.qdm-raed .qdm-localization-surface h1,
body.qdm-raed .qdm-localization-surface h2,
body.qdm-raed .qdm-localization-surface h3 {
  margin-top: 0 !important;
  font-weight: 500 !important;
  text-align: right !important;
}

body.qdm-raed .qdm-localization-surface p,
body.qdm-raed .qdm-localization-surface [class*="description"] {
  color: #817970 !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
}

body.qdm-raed .qdm-localization-surface hr,
body.qdm-raed .qdm-localization-surface [class*="divider"] {
  border-color: rgba(17, 17, 15, .10) !important;
}

body.qdm-raed .qdm-localization-surface label {
  color: var(--qdm-ink, #11110f) !important;
  font-size: 13px !important;
}

body.qdm-raed .qdm-localization-surface input[type="radio"] {
  accent-color: #11110f !important;
}

body.qdm-raed .qdm-localization-surface select,
body.qdm-raed .qdm-localization-surface input:not([type="radio"]):not([type="checkbox"]),
body.qdm-raed .qdm-localization-surface [class*="select"] {
  min-height: 48px !important;
  border-color: rgba(17, 17, 15, .12) !important;
  border-radius: 9px !important;
  background-color: #fffdfa !important;
  color: #6e675f !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-localization-surface button:not([class*="close"]),
body.qdm-raed .qdm-localization-surface .s-button-btn {
  border-radius: 8px !important;
}

body.qdm-raed .qdm-localization-surface .s-button-btn,
body.qdm-raed .qdm-localization-surface button[type="submit"] {
  min-height: 48px !important;
  background: #11110f !important;
  border-color: #11110f !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-localization-surface button[class*="close"],
body.qdm-raed .qdm-localization-dialog button[class*="close"] {
  color: #9a6067 !important;
}

/* Dim the page behind Salla's localization dialog when :has() is available. */
body.qdm-raed .s-modal-wrapper:has(.qdm-localization-surface),
body.qdm-raed .s-modal-overlay:has(.qdm-localization-surface) {
  backdrop-filter: blur(2px) !important;
}

/* Mobile header must scroll with the page, never become sticky/fixed. */
@media (max-width: 767px) {
  body.qdm-raed .store-header.qdm-raed-header,
  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav.fixed-pinned,
  body.qdm-raed .qdm-raed-header #mainnav.fixed-header {
    position: relative !important;
    top: auto !important;
    inset-block-start: auto !important;
    transform: none !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 86px !important;
    max-width: 86px !important;
    height: 36px !important;
    max-height: 36px !important;
  }

  body.qdm-raed .qdm-localization-dialog {
    width: min(430px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    border-radius: 16px !important;
  }

  body.qdm-raed .qdm-localization-surface,
  body.qdm-raed .s-localization-modal-inner.qdm-localization-surface {
    max-width: 100% !important;
    padding: 24px 18px 22px !important;
    border-radius: 16px !important;
  }
}




/* ============================================================================
   THE QUEENDOM — V11 HEADER POLISH / VERIFIED NATIVE CONTROLS
   - Smaller, cleaner header typography and icons.
   - Equal-height separators between the right-side controls.
   - Search uses Salla's real <salla-search>.open().
   - Language/currency labels mirror Salla's actual selected config values.
   ============================================================================ */

body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav .inner,
body.qdm-raed .qdm-raed-header-row {
  height: 70px !important;
  min-height: 70px !important;
}

body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
  width: min(var(--qdm-wide), calc(100% - 48px)) !important;
  height: 70px !important;
}

body.qdm-raed .qdm-raed-logo {
  width: 106px !important;
  height: 44px !important;
}

body.qdm-raed .qdm-raed-logo img {
  width: 102px !important;
  max-width: 102px !important;
  height: 42px !important;
  max-height: 42px !important;
}

/* Store tools on the left — tighter and visually balanced. */
body.qdm-raed .qdm-raed-tools {
  left: 35px !important;
  height: 36px !important;
  gap: 3px !important;
}

body.qdm-raed .qdm-raed-tools salla-user-menu,
body.qdm-raed .qdm-raed-tools salla-cart-summary {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
}

body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg {
  width: 18px !important;
  height: 18px !important;
  margin-top: 10px !important;
}

body.qdm-raed .qdm-raed-search {
  width: 32px !important;
  height: 32px !important;
}

body.qdm-raed .qdm-raed-search svg {
  width: 17px !important;
  height: 17px !important;
}

/* Right-side meta row. Remove inherited borders and draw identical separators. */
body.qdm-raed .qdm-raed-meta {
  right: 0 !important;
  gap: 0 !important;
  min-height: 28px !important;
}

body.qdm-raed .qdm-raed-meta-email,
body.qdm-raed .qdm-raed-meta-control,
body.qdm-raed .qdm-raed-collections-toggle {
  position: relative !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 9px !important;
  gap: 4px !important;
  border: 0 !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.qdm-raed .qdm-raed-meta-email {
  padding-inline-start: 0 !important;
  padding-inline-end: 9px !important;
  font-size: 10px !important;
}

/* Currency, language and collections each receive the same 14px divider. */
body.qdm-raed .qdm-raed-meta-control::before,
body.qdm-raed .qdm-raed-collections::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  right: 0 !important;
  width: 1px !important;
  height: 14px !important;
  transform: translateY(-50%) !important;
  background: rgba(17, 17, 15, .16) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-raed-collections {
  position: relative !important;
}

body.qdm-raed .qdm-raed-meta-label {
  display: inline-block !important;
  line-height: 1 !important;
}

body.qdm-raed .qdm-raed-meta .qdm-meta-chevron {
  width: 9px !important;
  margin: 0 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Keep the dropdown compact after shrinking the header. */
body.qdm-raed .qdm-raed-desktop-nav {
  top: calc(100% + 9px) !important;
  width: 205px !important;
  min-width: 205px !important;
}

body.qdm-raed .qdm-raed-desktop-nav a {
  padding: 10px 15px !important;
  font-size: 12px !important;
}

@media (max-width: 1100px) and (min-width: 768px) {
  body.qdm-raed .qdm-raed-meta-email {
    display: none !important;
  }

  body.qdm-raed .qdm-raed-meta-control,
  body.qdm-raed .qdm-raed-collections-toggle {
    padding-inline: 7px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 767px) {
  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav .inner,
  body.qdm-raed .qdm-raed-header-row,
  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    height: 64px !important;
    min-height: 64px !important;
  }

  body.qdm-raed .qdm-raed-logo {
    width: 88px !important;
    height: 38px !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 84px !important;
    max-width: 84px !important;
    height: 34px !important;
    max-height: 34px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V12 HEADER FUNCTIONAL FIX (superseded by V13)
   - Real Salla search component is the clickable search target.
   - Real Salla localization component is moved out of Raed's hidden top bar.
   - Every right-side separator has one shared element/height.
   - Account / search / cart sit on one optical baseline.
   ============================================================================ */

/* Header height and centered brand. */
body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav .inner,
body.qdm-raed .qdm-raed-header-row {
  height: 68px !important;
  min-height: 68px !important;
}

body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
  width: min(var(--qdm-wide), calc(100% - 44px)) !important;
  height: 68px !important;
}

body.qdm-raed .qdm-raed-logo {
  width: 100px !important;
  height: 42px !important;
}

body.qdm-raed .qdm-raed-logo img {
  width: 98px !important;
  max-width: 98px !important;
  height: 40px !important;
  max-height: 40px !important;
  background: transparent !important;
}

/* ------------------------- LEFT: search/account/cart ---------------------- */

body.qdm-raed .qdm-raed-tools {
  left: 34px !important;
  top: 50% !important;
  height: 34px !important;
  min-height: 34px !important;
  gap: 2px !important;
  align-items: center !important;
  transform: translateY(-50%) !important;
}

body.qdm-raed .qdm-raed-tools salla-user-menu,
body.qdm-raed .qdm-raed-tools salla-cart-summary {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  align-self: center !important;
}

/* Cover only the native avatar box and center our visual user icon exactly. */
body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay {
  left: var(--qdm-account-left, 0px) !important;
  top: var(--qdm-account-top, 0px) !important;
  width: var(--qdm-account-width, 32px) !important;
  height: var(--qdm-account-height, 32px) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: var(--qdm-bg, #f5f1ec) !important;
}

body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg {
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  transform: none !important;
}

body.qdm-raed .qdm-raed-tools .header-btn__icon,
body.qdm-raed .qdm-raed-tools .header-btn__icon.icon {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/*
  Search wrapper: the transparent native <salla-search placeholder> sits above
  the decorative magnifier. Pointer events therefore go to Salla itself.
*/
body.qdm-raed .qdm-raed-search {
  position: absolute !important;
  z-index: 9 !important;
  left: 0 !important;
  top: 50% !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-raed-search .qdm-native-search-component {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 !important;
  display: block !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: .001 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.qdm-raed .qdm-native-search-icon {
  position: absolute !important;
  z-index: 3 !important;
  inset: 0 !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--qdm-ink, #111) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-native-search-icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
}

/* ---------------------- RIGHT: perfectly aligned meta --------------------- */

body.qdm-raed .qdm-raed-meta {
  right: 0 !important;
  top: 50% !important;
  height: 28px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  transform: translateY(-50%) !important;
  direction: rtl !important;
}

body.qdm-raed .qdm-raed-meta-email,
body.qdm-raed .qdm-raed-meta-control,
body.qdm-raed .qdm-raed-collections-toggle {
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.qdm-raed .qdm-raed-meta-email {
  padding-inline-start: 0 !important;
  direction: ltr !important;
  font-size: 9.5px !important;
}

/* Kill every legacy border/pseudo separator. V12 uses real separator nodes. */
body.qdm-raed .qdm-raed-meta-email,
body.qdm-raed .qdm-raed-meta-control,
body.qdm-raed .qdm-raed-collections-toggle,
body.qdm-raed .qdm-raed-collections {
  border: 0 !important;
}

body.qdm-raed .qdm-raed-meta-control::before,
body.qdm-raed .qdm-raed-collections::before {
  content: none !important;
  display: none !important;
}

body.qdm-raed .qdm-meta-separator {
  flex: 0 0 1px !important;
  width: 1px !important;
  height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  align-self: center !important;
  background: rgba(17, 17, 15, .17) !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-raed-meta .qdm-meta-chevron {
  width: 8px !important;
  height: 10px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

body.qdm-raed .qdm-raed-collections {
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
}

/* Keep the ONE native localization component alive outside Raed's hidden topbar. */
body.qdm-raed .qdm-native-localization-holder {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  inset: auto !important;
  overflow: hidden !important;
  opacity: .001 !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-native-localization-component {
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
}

/* Dropdown remains attached to the Abayas control. */
body.qdm-raed .qdm-raed-desktop-nav {
  top: calc(100% + 8px) !important;
  width: 198px !important;
  min-width: 198px !important;
}

body.qdm-raed .qdm-raed-desktop-nav a {
  padding: 9px 14px !important;
  font-size: 11.5px !important;
}

/* Mobile: keep native functionality but never make the header sticky. */
@media (max-width: 767px) {
  body.qdm-raed .store-header.qdm-raed-header,
  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav.fixed-pinned,
  body.qdm-raed .qdm-raed-header #mainnav.fixed-header {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    transform: none !important;
  }

  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav .inner,
  body.qdm-raed .qdm-raed-header-row,
  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    height: 62px !important;
    min-height: 62px !important;
  }

  body.qdm-raed .qdm-raed-logo {
    width: 84px !important;
    height: 36px !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 82px !important;
    max-width: 82px !important;
    height: 34px !important;
    max-height: 34px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13 REAL SALLA CONTROLS
   Fixes:
   - Search uses Raed's original REAL <salla-search inline> inside our overlay.
   - The ONE real <salla-localization-modal> is no longer hidden/transparent.
   - Account/search/cart are aligned to one visual baseline.
   ============================================================================ */

/* V13 search button is only a clean visual trigger. */
body.qdm-raed .qdm-raed-search {
  position: absolute !important;
  z-index: 9 !important;
  left: 0 !important;
  top: 50% !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-50%) !important;
  overflow: visible !important;
  opacity: 1 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--qdm-ink, #111) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.qdm-raed .qdm-raed-search > svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  pointer-events: none !important;
}

/* Native inline Salla search overlay. No manual /search URL is used. */
body.qdm-native-search-open-v13 {
  overflow: hidden !important;
}

body.qdm-raed .qdm-native-search-overlay-v13[hidden] {
  display: none !important;
}

body.qdm-raed .qdm-native-search-overlay-v13 {
  position: fixed !important;
  z-index: 2147483600 !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: clamp(88px, 13vh, 138px) 18px 28px !important;
}

body.qdm-raed .qdm-native-search-backdrop-v13 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: rgba(14, 12, 10, .52) !important;
  cursor: default !important;
}

body.qdm-raed .qdm-native-search-panel-v13 {
  position: relative !important;
  z-index: 2 !important;
  width: min(700px, 100%) !important;
  max-height: min(680px, calc(100vh - 120px)) !important;
  overflow: auto !important;
  padding: 20px 20px 24px !important;
  border: 1px solid rgba(17,17,17,.10) !important;
  border-radius: 18px !important;
  background: #f7f2eb !important;
  color: #111 !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.18) !important;
}

body.qdm-raed .qdm-native-search-head-v13 {
  height: 34px !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

body.qdm-raed .qdm-native-search-close-v13 {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #111 !important;
  font: 300 24px/1 Arial, sans-serif !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-native-search-host-v13 {
  width: 100% !important;
  min-height: 50px !important;
}

body.qdm-raed .qdm-native-search-host-v13 salla-search,
body.qdm-raed .qdm-native-search-inline-v13 {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 50px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/*
  The localization host must NOT be opacity:0 / 1px / overflow:hidden.
  Its salla-modal lives inside the host, so hiding the host hides the real modal.
*/
body.qdm-raed > salla-localization-modal[data-testid="store-header-localization"] {
  position: static !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* No extra native trigger: our header labels call the component's open(). */
body.qdm-raed > salla-localization-modal[data-testid="store-header-localization"]
  .s-localization-modal-trigger-btn {
  display: none !important;
}

/* Neutralize V12's hidden holder if a hot refresh leaves one behind. */
body.qdm-raed .qdm-native-localization-holder {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Perfect optical baseline for search / account / cart. */
body.qdm-raed .qdm-raed-tools {
  top: 50% !important;
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  transform: translateY(-50%) !important;
}

body.qdm-raed .qdm-raed-tools salla-user-menu,
body.qdm-raed .qdm-raed-tools salla-cart-summary {
  position: relative !important;
  top: auto !important;
  align-self: center !important;
  vertical-align: middle !important;
  transform: none !important;
}

body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay {
  top: 50% !important;
  height: 32px !important;
  min-height: 32px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg {
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  transform: none !important;
}

/* Keep right-side text and separators on exactly one center line. */
body.qdm-raed .qdm-raed-meta,
body.qdm-raed .qdm-raed-meta-email,
body.qdm-raed .qdm-raed-meta-control,
body.qdm-raed .qdm-raed-collections,
body.qdm-raed .qdm-raed-collections-toggle {
  align-items: center !important;
}

body.qdm-raed .qdm-meta-separator {
  height: 14px !important;
  align-self: center !important;
}

@media (max-width: 767px) {
  body.qdm-raed .qdm-native-search-overlay-v13 {
    padding: 76px 12px 18px !important;
  }

  body.qdm-raed .qdm-native-search-panel-v13 {
    max-height: calc(100vh - 94px) !important;
    padding: 16px 14px 20px !important;
    border-radius: 15px !important;
  }
}
/* ============================================================================
   THE QUEENDOM — V13.1 PATCH
   Base: V13
   - Faster home boot (no wait for old Raed product imagery when CDN assets exist)
   - Mobile header is sticky and collision-free
   - Language/currency/email live inside the native Salla burger drawer on mobile
   - Desktop keeps its existing V13 meta controls
   ============================================================================ */

/* Keep the first paint neutral. V13.1 JS now replaces the old home immediately
   because all ten images + video already use explicit CDN URLs. */
html.qdm-script-loading,
html.qdm-script-loading body.theme-raed {
  background: var(--qdm-bg, #f5f1ec) !important;
}

/* V13.398: the full-screen fail-safe shield now handles FIRST paint.
   Hide native Raed home blocks only AFTER our custom home has committed.
   Never hide them merely because qdm-home-booting exists. */
body.theme-raed.qdm-raed-home-ready #main-content > [data-testid^="store-home-"],
body.theme-raed.qdm-raed-home-ready #main-content > * > [data-testid^="store-home-"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ------------------------------- MOBILE ---------------------------------- */
@media (max-width: 767px) {
  /* FINAL mobile sticky rule. This intentionally overrides the old V10/V12
     "never sticky" experiments still present earlier in the full stylesheet. */
  body.qdm-raed .store-header.qdm-raed-header {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 2147482000 !important;
    width: 100% !important;
    background: var(--qdm-bg, #f5f1ec) !important;
    box-shadow: 0 1px 0 rgba(17,17,17,.07) !important;
  }

  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav.fixed-pinned,
  body.qdm-raed .qdm-raed-header #mainnav.fixed-header {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    background: var(--qdm-bg, #f5f1ec) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav .inner,
  body.qdm-raed .qdm-raed-header-row,
  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    height: 58px !important;
    min-height: 58px !important;
  }

  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    width: calc(100% - 22px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  /* Right side: only native burger. */
  body.qdm-raed .qdm-raed-native-burger {
    position: absolute !important;
    z-index: 20 !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    line-height: 0 !important;
  }

  body.qdm-raed .qdm-raed-native-burger i {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 19px !important;
    line-height: 1 !important;
    color: var(--qdm-ink, #111) !important;
  }

  /* Desktop meta is completely removed from the mobile header. Language,
     currency and email are injected into the real Salla mobile drawer below. */
  body.qdm-raed .qdm-raed-meta {
    display: none !important;
  }

  /* Center logo. */
  body.qdm-raed .qdm-raed-logo {
    left: 50% !important;
    top: 50% !important;
    width: 78px !important;
    height: 34px !important;
    transform: translate(-50%, -50%) !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 76px !important;
    max-width: 76px !important;
    height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  /* Left group: search + account + cart, one exact baseline. */
  body.qdm-raed .qdm-raed-search {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    transform: translateY(-50%) !important;
    line-height: 0 !important;
  }

  body.qdm-raed .qdm-raed-search > svg {
    width: 15px !important;
    height: 15px !important;
  }

  body.qdm-raed .qdm-raed-tools {
    position: absolute !important;
    left: 29px !important;
    right: auto !important;
    top: 50% !important;
    width: auto !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    transform: translateY(-50%) !important;
    line-height: 0 !important;
  }

  body.qdm-raed .qdm-raed-tools salla-user-menu,
  body.qdm-raed .qdm-raed-tools salla-cart-summary {
    position: relative !important;
    top: 0 !important;
    width: 29px !important;
    min-width: 29px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    transform: none !important;
    vertical-align: middle !important;
    line-height: 0 !important;
  }

  body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay {
    top: 50% !important;
    width: 29px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
  }

  body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.qdm-raed .qdm-raed-tools .header-btn__icon,
  body.qdm-raed .qdm-raed-tools i,
  body.qdm-raed .qdm-raed-tools svg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
  }

  /* Native mobile drawer additions. */
  body.qdm-raed #mobile-menu .qdm-mobile-menu-meta {
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 18px 16px 22px !important;
    display: block !important;
    border-top: 1px solid rgba(17,17,17,.11) !important;
    background: transparent !important;
    color: #111 !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-meta-title {
    margin: 0 0 10px !important;
    color: rgba(17,17,17,.48) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: .16em !important;
    direction: ltr !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-row {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(17,17,17,.08) !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    text-align: start !important;
    cursor: pointer !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-row .qdm-meta-label,
  body.qdm-raed #mobile-menu .qdm-mobile-menu-email span:last-child {
    color: rgba(17,17,17,.62) !important;
    font-size: 10.5px !important;
    font-weight: 400 !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-email {
    border-bottom: 0 !important;
    overflow-wrap: anywhere !important;
  }
}

/* On desktop, injected drawer extras are not part of the header chrome. */
@media (min-width: 768px) {
  body.qdm-raed #mobile-menu .qdm-mobile-menu-meta {
    display: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.3 FINAL PATCH
   - Mobile header: stable sticky layout with protected center logo
   - Mobile drawer: language/currency/email remain the final drawer block
   - No-flash: hide the entire old Raed home shell, not only direct test IDs
   - Better RTL/LTR behavior after language changes
   ============================================================================ */

/* If any native Salla home block exists, suppress every old direct home child.
   :has() is supported by current Safari/Chrome and leaves product/category pages
   untouched because they do not contain store-home-* test IDs. */
/* V13.53: HOME suppression must run ONLY after our custom HOME is ready.
   Category/product/info pages may legitimately contain components such as
   store-home-testimonials; those must never cause the entire inner page to hide. */
body.theme-raed.qdm-raed-home-ready #main-content:has([data-testid^="store-home-"]) > :not(#qdm-v9-home) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Also catch home blocks nested more deeply than the old V13.1 selectors. */
body.theme-raed.qdm-raed-home-ready #main-content [data-testid^="store-home-"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  /* overflow-x:hidden can create a sticky containing block in some mobile
     engines. clip prevents horizontal spill without breaking sticky. */
  body.qdm-raed {
    overflow-x: clip !important;
  }

  body.qdm-raed .store-header.qdm-raed-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2147482000 !important;
    isolation: isolate !important;
    contain: none !important;
  }

  /* Reserve clean left/right zones so icons never collide with the logo. */
  body.qdm-raed .qdm-raed-header-row {
    padding-inline: 0 !important;
  }

  body.qdm-raed .qdm-raed-logo {
    z-index: 40 !important;
    pointer-events: auto !important;
  }

  body.qdm-raed .qdm-raed-search {
    z-index: 45 !important;
  }

  body.qdm-raed .qdm-raed-tools {
    z-index: 44 !important;
  }

  body.qdm-raed .qdm-raed-native-burger {
    z-index: 45 !important;
  }

  /* Strip any text/extra decoration from Raed's native burger trigger. */
  body.qdm-raed .qdm-raed-native-burger > span:not(.sr-only),
  body.qdm-raed .qdm-raed-native-burger .hidden,
  body.qdm-raed .qdm-raed-native-burger [class*="label"] {
    display: none !important;
  }

  /* The drawer meta block follows the page language cleanly. */
  body.qdm-raed #mobile-menu .qdm-mobile-menu-meta[data-qdm-language="en"] {
    direction: ltr !important;
    text-align: left !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-meta[data-qdm-language="ar"] {
    direction: rtl !important;
    text-align: right !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-row {
    direction: inherit !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-email span:last-child {
    direction: ltr !important;
    unicode-bidi: isolate !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.4 HOTFIX
   - Mobile search icon locked to the right side
   - Native burger drawer now opens above the sticky header cleanly
   - Desktop collections label forced back to Arabic
   ============================================================================ */
@media (max-width: 767px) {
  body.qdm-raed .qdm-raed-search {
    right: 42px !important;
    left: auto !important;
  }

  /* Keep the native drawer above the sticky header instead of sliding under it. */
  body.qdm-raed custom-main-menu,
  body.qdm-raed #mobile-menu,
  body.qdm-raed custom-main-menu #mobile-menu,
  body.qdm-raed .mobile-menu,
  body.qdm-raed [id="mobile-menu"] {
    z-index: 2147483002 !important;
  }

  body.qdm-raed.menu-opened .store-header.qdm-raed-header,
  body.qdm-raed.menu-opened #mainnav,
  body.qdm-raed.menu-opened .qdm-raed-header-row {
    z-index: 10 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.4 MOBILE DRAWER REACT MATCH
   - Mobile drawer gets the same clean head / logo treatment as the React theme
   - Category links styled as the React drawer list
   - One combined language & currency row like the React theme
   ============================================================================ */
@media (max-width: 767px) {
  body.qdm-raed #mobile-menu {
    background: var(--qdm-bg, #f5f1ec) !important;
    padding: 0 18px 24px !important;
    overflow-y: auto !important;
  }

  body.qdm-raed #mobile-menu .main-menu-title,
  body.qdm-raed #mobile-menu .mobile-menu-title,
  body.qdm-raed #mobile-menu .drawer-title,
  body.qdm-raed #mobile-menu .menu-title,
  body.qdm-raed #mobile-menu .title,
  body.qdm-raed #mobile-menu > .close-mobile-menu,
  body.qdm-raed #mobile-menu .close-mobile-menu {
    display: none !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-head {
    display: grid !important;
    grid-template-columns: 40px 1fr 40px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 0 14px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid rgba(17,17,17,.11) !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-close {
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    justify-self: start !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-logo img {
    display: block !important;
    width: 92px !important;
    max-width: 92px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-head-spacer {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-section-label {
    margin: 0 0 8px !important;
    color: rgba(17,17,17,.68) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: right !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-primary-link {
    position: relative !important;
    display: block !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 15px 0 15px 28px !important;
    border-bottom: 1px solid rgba(17,17,17,.10) !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: right !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-primary-link::before {
    content: '←' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #111 !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-meta {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-meta-title {
    display: none !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-localization {
    min-height: 46px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(17,17,17,.14) !important;
    background: transparent !important;
    justify-content: center !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-row-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-row-chevron {
    color: #111 !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.qdm-raed #mobile-menu .qdm-mobile-menu-localization .qdm-meta-label,
  body.qdm-raed #mobile-menu .qdm-mobile-menu-email {
    display: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.6 REACT MOBILE DRAWER
   Source of truth: React QueendomChrome + queendom-v4.scss.
   Raed's native #mobile-menu remains only as a data source; its off-canvas UI is
   no longer used by the visible burger button.
   ============================================================================ */
@media (max-width: 900px) {
  body.qdm-raed.qdm-react-mobile-menu-open {
    overflow: hidden !important;
  }

  /* Never show the old Raed/MMMenu surface behind our React drawer. */
  body.qdm-raed #mobile-menu,
  body.qdm-raed custom-main-menu #mobile-menu {
    display: none !important;
  }

  body.qdm-raed .qdm-v6-mobile-drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483640 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    direction: rtl !important;
  }

  body.qdm-raed .qdm-v6-mobile-drawer.is-open {
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.qdm-raed .qdm-v6-mobile-backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(17,17,17,.33) !important;
    opacity: 0 !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    transition: opacity .25s ease !important;
  }

  body.qdm-raed .qdm-v6-mobile-drawer.is-open .qdm-v6-mobile-backdrop {
    opacity: 1 !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: min(86vw, 360px) !important;
    max-width: 360px !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 18px 22px 28px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    background: #fbf8f4 !important;
    color: #111 !important;
    transform: translateX(-102%) !important;
    box-shadow: 24px 0 60px rgba(17,17,17,.12) !important;
    transition: transform .32s cubic-bezier(.22,.72,.22,1) !important;
  }

  body.qdm-raed .qdm-v6-mobile-drawer.is-open .qdm-v6-mobile-panel {
    transform: translateX(0) !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel-head {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(17,17,17,.09) !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel-head img {
    display: block !important;
    width: 78px !important;
    max-width: 78px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel-head button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-family: Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel > p {
    margin: 25px 0 8px !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: .06em !important;
    text-align: right !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel nav {
    display: grid !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel nav a,
  body.qdm-raed .qdm-v6-mobile-panel nav a:visited {
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    border-bottom: 1px solid rgba(17,17,17,.08) !important;
    background: transparent !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel nav a > span:first-child {
    text-align: right !important;
  }

  body.qdm-raed .qdm-v6-mobile-panel nav a > span:last-child {
    flex: 0 0 auto !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-v6-mobile-localization {
    width: 100% !important;
    min-height: 48px !important;
    margin: 24px 0 0 !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 1px solid rgba(17,17,17,.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-v6-mobile-localization svg {
    width: 15px !important;
    height: 15px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  /* Header must remain underneath the drawer/backdrop while the drawer is open. */
  body.qdm-raed.qdm-react-mobile-menu-open .store-header.qdm-raed-header {
    z-index: 1200 !important;
  }
}

@media (min-width: 901px) {
  body.qdm-raed .qdm-v6-mobile-drawer {
    display: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.7 LOCALIZATION FIX
   One centered React-style language/currency dialog on desktop + mobile.
   This replaces Salla's mobile bottom-sheet presentation while the real
   currency operation still goes through Salla's currency SDK.
   ============================================================================ */
body.qdm-raed.qdm-localization-open {
  overflow: hidden !important;
}

body.qdm-raed .qdm-v7-localization-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483644 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 20px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .2s ease, visibility .2s ease !important;
}

body.qdm-raed .qdm-v7-localization-modal.is-open {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.qdm-raed .qdm-v7-localization-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(17,17,17,.42) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

body.qdm-raed .qdm-v7-localization-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(430px, calc(100vw - 28px)) !important;
  max-height: calc(100dvh - 36px) !important;
  margin: 0 !important;
  padding: 34px 30px 28px !important;
  overflow-y: auto !important;
  border: 1px solid rgba(17,17,17,.08) !important;
  border-radius: 16px !important;
  background: radial-gradient(circle at 82% 0%, rgba(17,17,17,.055), transparent 34%), #fbf8f4 !important;
  color: #111 !important;
  box-shadow: 0 34px 90px rgba(17,17,17,.20) !important;
  text-align: start !important;
}

body.qdm-raed .qdm-v7-localization-close {
  position: absolute !important;
  top: 14px !important;
  left: 16px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-family: Arial, sans-serif !important;
  font-size: 27px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-v7-localization-brand {
  margin: 0 0 7px !important;
  color: rgba(17,17,17,.58) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .24em !important;
  direction: ltr !important;
  text-align: center !important;
}

body.qdm-raed .qdm-v7-localization-panel > h2 {
  margin: 0 !important;
  color: #111 !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

body.qdm-raed .qdm-v7-localization-panel > p:not(.qdm-v7-localization-error) {
  margin: 8px 0 26px !important;
  color: #7e756f !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

body.qdm-raed .qdm-v7-localization-language {
  margin: 0 0 20px !important;
  padding: 0 0 18px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.09) !important;
}

body.qdm-raed .qdm-v7-localization-language legend,
body.qdm-raed .qdm-v7-localization-currency > span {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.qdm-raed .qdm-v7-localization-language label {
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid rgba(17,17,17,.11) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.55) !important;
  color: #111 !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-v7-localization-language input {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #111 !important;
}

body.qdm-raed .qdm-v7-localization-currency {
  display: grid !important;
  margin: 0 0 18px !important;
}

body.qdm-raed .qdm-v7-localization-currency select {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(17,17,17,.14) !important;
  border-radius: 9px !important;
  outline: 0 !important;
  background: #fffdf9 !important;
  color: #111 !important;
  font: inherit !important;
  font-size: 13px !important;
}

body.qdm-raed .qdm-v7-localization-currency select:focus {
  border-color: #111 !important;
  box-shadow: 0 0 0 3px rgba(17,17,17,.08) !important;
}

body.qdm-raed .qdm-v7-localization-currency select:disabled {
  opacity: .6 !important;
  cursor: wait !important;
}

body.qdm-raed .qdm-v7-localization-error {
  margin: -3px 0 16px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  background: rgba(17,17,17,.07) !important;
  color: #111 !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

body.qdm-raed .qdm-v7-localization-error[hidden] {
  display: none !important;
}

body.qdm-raed .qdm-v7-localization-save {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #111 !important;
  border-radius: 9px !important;
  background: rgba(17,17,17,.28) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

body.qdm-raed .qdm-v7-localization-save:disabled {
  opacity: .62 !important;
  cursor: wait !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-v7-localization-modal {
    padding: 14px !important;
    place-items: center !important;
  }

  body.qdm-raed .qdm-v7-localization-panel {
    width: min(430px, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 28px) !important;
    padding: 32px 22px 24px !important;
    border-radius: 16px !important;
    transform: none !important;
    inset: auto !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.11 FINAL HEADER DIRECTION LOCK
   Store language may be RTL, but header geometry always stays identical to EN.
   ============================================================================ */
body.qdm-raed .store-header.qdm-raed-header,
body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav > .inner,
body.qdm-raed .qdm-raed-header #mainnav > .inner > .container,
body.qdm-raed .qdm-raed-header-row {
  direction: ltr !important;
}

/* Keep localized Arabic text readable without allowing RTL to mirror geometry. */
body.qdm-raed .qdm-raed-meta,
body.qdm-raed .qdm-raed-desktop-nav,
body.qdm-raed .qdm-v6-mobile-panel,
body.qdm-raed .qdm-v7-localization-panel {
  unicode-bidi: isolate !important;
}

/* Physical header anchors: never use locale-dependent inline positioning. */
@media (min-width: 901px) {
  body.qdm-raed .qdm-raed-search {
    left: 0 !important;
    right: auto !important;
  }

  body.qdm-raed .qdm-raed-tools {
    left: 34px !important;
    right: auto !important;
  }

  body.qdm-raed .qdm-raed-logo {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  body.qdm-raed .qdm-raed-meta {
    right: 0 !important;
    left: auto !important;
  }
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-logo {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  body.qdm-raed .qdm-raed-native-burger {
    right: 0 !important;
    left: auto !important;
  }

  /* Match the English mobile header: burger/search remain on the same physical side. */
  body.qdm-raed .qdm-raed-search {
    right: 42px !important;
    left: auto !important;
  }

  body.qdm-raed .qdm-raed-tools {
    left: 0 !important;
    right: auto !important;
    direction: ltr !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.11 NATIVE SALLA LOCALIZATION CENTERING
   Currency/language submission is owned by <salla-localization-modal> again.
   Force Salla's mobile bottom-sheet geometry into the same centered dialog used
   on desktop while keeping the native controls and submit flow intact.
   ============================================================================ */
body.qdm-raed .s-modal-wrapper:has(.qdm-localization-surface),
body.qdm-raed .s-modal-container:has(.qdm-localization-surface) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
}

body.qdm-raed .s-modal-content:has(.qdm-localization-surface),
body.qdm-raed .s-modal-body:has(.qdm-localization-surface),
body.qdm-raed .qdm-localization-dialog {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: min(430px, calc(100vw - 28px)) !important;
  max-width: 430px !important;
  max-height: calc(100dvh - 28px) !important;
  margin: auto !important;
  transform: none !important;
  border-radius: 18px !important;
  overflow: auto !important;
}

@media (max-width: 767px) {
  body.qdm-raed .s-modal-wrapper:has(.qdm-localization-surface),
  body.qdm-raed .s-modal-container:has(.qdm-localization-surface) {
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
  }

  body.qdm-raed .s-modal-content:has(.qdm-localization-surface),
  body.qdm-raed .s-modal-body:has(.qdm-localization-surface),
  body.qdm-raed .qdm-localization-dialog {
    width: min(430px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    margin: auto !important;
    transform: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.11 LOCALIZATION PRESENTATION FIX
   Keep the React/Queendom localization panel as the only visible UI.
   The native Salla localization component remains mounted solely for submit().
   ============================================================================ */
body.qdm-raed.qdm-localization-open .qdm-v7-localization-modal.is-open {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* ============================================================================
   THE QUEENDOM — V13.11 CURRENCY NATIVE FALLBACK (INVISIBLE)
   The React-style localization dialog remains the only visible UI. If the
   direct Currency SDK cache is stale, Salla's native component is initialized
   off-screen only to perform its official submit() flow.
   ============================================================================ */
body.qdm-native-localization-stealth salla-localization-modal,
body.qdm-native-localization-stealth .qdm-native-localization-stealth-host {
  position: fixed !important;
  inset: 0 !important;
  z-index: -2147483000 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.qdm-native-localization-stealth salla-modal:has(.s-localization-modal-inner),
body.qdm-native-localization-stealth .s-modal-wrapper:has(.s-localization-modal-inner),
body.qdm-native-localization-stealth .s-modal-container:has(.s-localization-modal-inner) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -2147483000 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.13 REACT FOOTER MATCH
   Exact footer scale/spacing/icons/wave taken from the React reference project.
   Footer-only patch: does not touch localization/currency logic.
   ============================================================================ */
body.qdm-raed footer.qdm-raed-footer {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--qdm-bg, #f5f1ec) !important;
  border: 0 !important;
}

body.qdm-raed .qdm-raed-footer-shell.qdm-v4-footer-light {
  width: min(var(--qdm-wide, 1440px), calc(100% - 64px)) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 24px 0 28px !important;
  display: block !important;
  background: transparent !important;
  color: #111 !important;
  text-align: center !important;
}

body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 98px !important;
  height: 46px !important;
  margin: 0 auto 14px !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo img,
body.qdm-raed .qdm-raed-footer-logo {
  display: block !important;
  width: 98px !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

body.qdm-raed .qdm-raed-footer-links.qdm-v4-footer-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px 30px !important;
  direction: rtl !important;
  margin: 0 auto 20px !important;
}

body.qdm-raed .qdm-raed-footer-links.qdm-v4-footer-links a {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  background: transparent !important;
}

body.qdm-raed .qdm-v9-contact-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 0 !important;
}

body.qdm-raed .qdm-raed-footer-email.qdm-v9-email {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  direction: ltr !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

body.qdm-raed .qdm-raed-footer-email.qdm-v9-email svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: #111 !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.qdm-raed .qdm-raed-footer-social.qdm-v4-socials {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

body.qdm-raed .qdm-raed-footer-social .qdm-v9-social {
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(17,17,17,.2) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  text-decoration: none !important;
}

body.qdm-raed .qdm-raed-footer-social .qdm-v9-social svg {
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: #111 !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.qdm-raed .qdm-raed-footer-social .qdm-v9-social .qdm-fill-dot {
  fill: #111 !important;
  stroke: none !important;
}

body.qdm-raed .qdm-raed-footer-legal.qdm-v4-footer-dark {
  position: relative !important;
  width: 100% !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 34px max(20px, calc((100% - var(--qdm-wide, 1440px)) / 2)) 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  background: #101010 !important;
  color: #fff !important;
  clip-path: polygon(0 20px, 50% 0, 100% 20px, 100% 100%, 0 100%) !important;
  isolation: auto !important;
}

body.qdm-raed .qdm-raed-footer-legal.qdm-v4-footer-dark::before {
  display: none !important;
  content: none !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  flex-wrap: wrap !important;
  direction: rtl !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 10px !important;
}

body.qdm-raed .qdm-v6-legal-item {
  appearance: none !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(255,255,255,.82) !important;
  font: inherit !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body.qdm-raed .qdm-v6-legal-item span,
body.qdm-raed .qdm-v6-legal-item strong {
  color: inherit !important;
  font-size: inherit !important;
}

body.qdm-raed .qdm-v6-legal-item strong {
  color: #fff !important;
  font-weight: 600 !important;
}

body.qdm-raed .qdm-v6-legal-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 auto !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: .92 !important;
}

body.qdm-raed .qdm-raed-footer-copyright {
  margin: 0 !important;
  color: rgba(255,255,255,.65) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
  direction: ltr !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-footer-shell.qdm-v4-footer-light {
    width: calc(100% - 28px) !important;
    padding: 22px 0 26px !important;
  }

  body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo {
    width: 82px !important;
    height: 42px !important;
    margin-bottom: 12px !important;
  }

  body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo img,
  body.qdm-raed .qdm-raed-footer-logo {
    width: 82px !important;
  }

  body.qdm-raed .qdm-raed-footer-links.qdm-v4-footer-links {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin-bottom: 18px !important;
  }

  body.qdm-raed .qdm-raed-footer-links.qdm-v4-footer-links a {
    font-size: 12px !important;
  }

  body.qdm-raed .qdm-raed-footer-legal.qdm-v4-footer-dark {
    min-height: 92px !important;
    padding: 32px 20px 16px !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    clip-path: polygon(0 12px, 50% 0, 100% 12px, 100% 100%, 0 100%) !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
    justify-content: center !important;
    gap: 8px 16px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.13 FOOTER SPECIFICITY RESET
   Raed's legacy footer rules use .store-footer.qdm-raed-footer and !important,
   which outrank the first React-match pass. This final reset explicitly keeps
   the upper footer beige and confines #101010 to the legal strip only.
   ============================================================================ */
body.qdm-raed .store-footer.qdm-raed-footer,
body.qdm-raed footer.store-footer.qdm-raed-footer,
body.qdm-raed footer.qdm-raed-footer {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--qdm-bg, #f5f1ec) !important;
  color: #111 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* The React light area must paint its own solid surface. Do not leave it
   transparent, because the original Raed footer underneath is black. */
body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-shell.qdm-v4-footer-light,
body.qdm-raed footer.store-footer.qdm-raed-footer > .qdm-raed-footer-shell.qdm-v4-footer-light,
body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-shell.qdm-v4-footer-light {
  position: relative !important;
  z-index: 1 !important;
  width: min(var(--qdm-wide, 1440px), calc(100% - 64px)) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 24px 0 28px !important;
  display: block !important;
  background: var(--qdm-bg, #f5f1ec) !important;
  color: #111 !important;
  text-align: center !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Neutralize the old global white text rules only inside the light half. */
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-light a,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-light span,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-light strong,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-light p,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-light b {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-footer-logo,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-footer-logo img,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-raed-footer-logo {
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-email,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-email span {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-email svg,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-social svg {
  stroke: #111 !important;
  opacity: 1 !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-social {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: transparent !important;
  border-color: rgba(17,17,17,.20) !important;
  opacity: 1 !important;
}

/* Dark legal strip is the ONLY black footer surface. */
body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark,
body.qdm-raed footer.store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark,
body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 34px max(20px, calc((100% - var(--qdm-wide, 1440px)) / 2)) 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  background: #101010 !important;
  color: #fff !important;
  clip-path: polygon(0 20px, 50% 0, 100% 20px, 100% 100%, 0 100%) !important;
  filter: none !important;
  opacity: 1 !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark span,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark strong,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark p {
  -webkit-text-fill-color: currentColor !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark .qdm-v6-legal-item,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark .qdm-v6-legal-item span {
  color: rgba(255,255,255,.82) !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark .qdm-v6-legal-item strong {
  color: #fff !important;
}

body.qdm-raed .store-footer.qdm-raed-footer .qdm-v4-footer-dark .qdm-raed-footer-copyright {
  color: rgba(255,255,255,.65) !important;
}

@media (max-width: 900px) {
  body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-shell.qdm-v4-footer-light,
  body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-shell.qdm-v4-footer-light {
    width: calc(100% - 28px) !important;
    padding: 22px 0 26px !important;
  }

  body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark {
    min-height: 92px !important;
    padding: 32px 20px 16px !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    clip-path: polygon(0 12px, 50% 0, 100% 12px, 100% 100%, 0 100%) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.14 DESKTOP HEADER RIGHT CLUSTER — REACT METRICS
   Exact visual metrics taken from the supplied React QueendomChrome header.
   Functionality/order stays owned by the existing V13.13 JavaScript.
   ============================================================================ */
@media (min-width: 901px) {
  /* React uses a 32px physical gutter on each side at normal desktop widths. */
  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    width: min(var(--qdm-wide, 1440px), calc(100% - 64px)) !important;
    max-width: var(--qdm-wide, 1440px) !important;
  }

  /* React #qdm-v15-15-right: gap 6px / min-height 40px. RTL is retained here
     only to preserve Raed's reversed DOM in the same visible React order. */
  body.qdm-raed .qdm-raed-meta {
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    height: 40px !important;
    min-height: 40px !important;
    gap: 6px !important;
    align-items: center !important;
    direction: rtl !important;
    transform: translateY(-50%) !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  /* React localization buttons: 34px high, 2px horizontal padding, 5px gap. */
  body.qdm-raed .qdm-raed-meta-control {
    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    gap: 5px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  /* React Abayas trigger is fractionally taller: 36px. */
  body.qdm-raed .qdm-raed-collections {
    height: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle {
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    gap: 5px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  /* React email: 10px text, 14px icon, 5px gap. */
  body.qdm-raed .qdm-raed-meta-email {
    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
    border: 0 !important;
    direction: ltr !important;
    color: #111 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-raed-meta-email .qdm-meta-mail-icon {
    flex: 0 0 14px !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: #111 !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  /* React chevron is an 8x5 SVG instead of a text glyph. */
  body.qdm-raed .qdm-raed-meta .qdm-meta-chevron {
    flex: 0 0 8px !important;
    display: block !important;
    width: 8px !important;
    height: 5px !important;
    min-width: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: .72 !important;
    transform: none !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle[aria-expanded="true"] .qdm-meta-chevron {
    transform: rotate(180deg) !important;
  }

  /* React separators are subtle pipe glyphs, not 14px solid rules. */
  body.qdm-raed .qdm-meta-separator {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    background: transparent !important;
    color: rgba(17,17,17,.40) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-meta-separator::before {
    content: "|" !important;
    display: block !important;
  }

  /* Keep dropdown geometry aligned with React V6.1. */
  body.qdm-raed .qdm-raed-desktop-nav {
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 9px) !important;
    width: 205px !important;
    min-width: 205px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.15 HERO + COLLECTION TITLE TUNE
   Visual-only patch based on the approved V13.14 shell.
   - Desktop hero is slightly larger overall.
   - Foreground hero video is a little more portrait while keeping blurred video backdrop.
   - Collection Picks heading is smaller and locked to the right.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-v9-hero {
    width: min(1540px, 100%) !important;
    height: clamp(650px, 70vw, 850px) !important;
    max-height: 850px !important;
  }

  /* Keep the same video as the blurred full hero backdrop. */
  body.qdm-raed .qdm-v9-hero-bg,
  body.qdm-raed .qdm-v9-hero-bg-video {
    display: block !important;
    inset: -6% !important;
    width: 112% !important;
    height: 112% !important;
    object-fit: cover !important;
    filter: blur(26px) brightness(.57) saturate(.84) !important;
    transform: scale(1.08) !important;
  }

  /* Slightly narrower foreground = subtly more portrait, not an extreme phone ratio. */
  body.qdm-raed .qdm-v9-hero-media {
    left: 50% !important;
    top: 0 !important;
    bottom: 0 !important;
    width: min(42%, 635px) !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: translateX(-50%) !important;
  }

  /* RTL flex-end was visually landing on the left in Raed. Use a normal block
     so the Arabic heading is unambiguously anchored to the right edge. */
  body.qdm-raed .qdm-v9-editorial-head {
    display: block !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    direction: rtl !important;
    text-align: right !important;
  }

  body.qdm-raed .qdm-v9-editorial-head h2 {
    width: 100% !important;
    margin: 0 !important;
    font-size: clamp(22px, 1.65vw, 28px) !important;
    line-height: 1.2 !important;
    text-align: right !important;
  }
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-v9-editorial-head {
    display: block !important;
    direction: rtl !important;
    text-align: right !important;
  }

  body.qdm-raed .qdm-v9-editorial-head h2 {
    width: 100% !important;
    font-size: 23px !important;
    text-align: right !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.16 HERO SIZE BOOST
   Keeps the approved V13.15 proportions, only makes the desktop hero larger.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-v9-hero {
    height: clamp(740px, 76vw, 930px) !important;
    max-height: 930px !important;
  }

  body.qdm-raed .qdm-v9-hero-media {
    width: min(43%, 665px) !important;
    height: 100% !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.17 HERO HEIGHT TUNE
   Keeps V13.16 width/proportions; only adds a little more desktop height.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-v9-hero {
    height: clamp(780px, 80vw, 980px) !important;
    max-height: 980px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.18 HERO WIDTH + HEIGHT BOOST
   Keeps the approved V13.17 look, but makes the desktop hero larger in both
   dimensions while preserving the portrait foreground video + blurred backdrop.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed #qdm-v9-home {
    overflow: visible !important;
  }

  body.qdm-raed .qdm-v9-hero {
    position: relative !important;
    left: 50% !important;
    width: min(1600px, calc(100vw - 96px)) !important;
    max-width: none !important;
    height: clamp(800px, 81vw, 1000px) !important;
    max-height: 1000px !important;
    transform: translateX(-50%) !important;
  }

  body.qdm-raed .qdm-v9-hero-media {
    width: min(43%, 690px) !important;
    height: 100% !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.19 HERO CENTERING FIX
   Keeps V13.18 dimensions exactly; only centers the oversized desktop hero
   symmetrically inside the RTL home container.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-v9-hero {
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: min(1600px, calc(100vw - 96px)) !important;
    margin-left: calc((100% - min(1600px, calc(100vw - 96px))) / 2) !important;
    margin-right: calc((100% - min(1600px, calc(100vw - 96px))) / 2) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.20 MOBILE FOOTER CURVE TUNE
   - Make the mobile legal-strip wave smooth and rounded like desktop
   - Keep the same footer layout/content; visual-only curve adjustment
   ============================================================================ */
@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed footer.store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark {
    position: relative !important;
    overflow: visible !important;
    min-height: 96px !important;
    padding: 28px 20px 16px !important;
    clip-path: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  body.qdm-raed .qdm-raed-footer-legal.qdm-v4-footer-dark::before,
  body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark::before,
  body.qdm-raed footer.store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark::before,
  body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: -18px !important;
    width: calc(100% + 44px) !important;
    height: 36px !important;
    transform: translateX(-50%) !important;
    background: #101010 !important;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal,
  body.qdm-raed .qdm-raed-footer-copyright {
    position: relative !important;
    z-index: 1 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.22 ALL PRODUCTS BANNER = REACT V7.9–V7.23
   Base restored to V13.20: the approved TOP hero is untouched.
   This patch targets ONLY the bottom "All Products" campaign banner.

   React reference values copied from app/styles/04-components/queendom-v4.scss:
   - banner: 100% of the Queendom home frame
   - desktop link height: 690px
   - foreground campaign image: 68% wide, 690px high, contain, nudged left 28px
   - same campaign image blurred behind the foreground image
   - copy: right 52px, vertically centered
   - mobile/tablet: full image, 4:5, no blurred backdrop, copy near bottom
   ============================================================================ */

body.qdm-raed #qdm-v10-all-products-banner.qdm-v11-all-products-banner {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 4px auto 62px !important;
  padding: 0 !important;
  direction: rtl !important;
  background: transparent !important;
  overflow: visible !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: 690px !important;
  height: 690px !important;
  aspect-ratio: auto !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  background: #211b18 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Exact React idea: the SAME campaign image is the blurred full-width backdrop. */
body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link::before {
  content: "" !important;
  position: absolute !important;
  inset: -34px !important;
  z-index: 0 !important;
  display: block !important;
  background-image: var(--qdm-all-products-image) !important;
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
  filter: blur(28px) brightness(.38) saturate(.72) !important;
  transform: scale(1.08) !important;
  opacity: .92 !important;
  pointer-events: none !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link > img,
body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link > .qdm-media-placeholder {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 68% !important;
  max-width: none !important;
  height: 690px !important;
  min-height: 690px !important;
  margin-left: -28px !important;
  margin-right: auto !important;
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  transform: none !important;
  transition: none !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link:hover > img {
  transform: none !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  background: linear-gradient(90deg, rgba(20,17,15,.12) 0%, rgba(20,17,15,.18) 50%, rgba(12,11,10,.48) 100%) !important;
  pointer-events: none !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-copy {
  position: absolute !important;
  z-index: 2 !important;
  right: 52px !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: auto !important;
  max-width: 420px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  transform: translateY(-50%) !important;
  direction: rtl !important;
  color: #fff !important;
  text-align: right !important;
  text-shadow: none !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-copy small {
  margin: 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-copy strong {
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(36px, 4.4vw, 62px) !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-cta {
  width: max-content !important;
  margin: 0 !important;
  padding: 0 0 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.85) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* React mobile/tablet: full campaign image, no blur gutters. */
@media (max-width: 900px) {
  body.qdm-raed #qdm-v10-all-products-banner.qdm-v11-all-products-banner {
    width: calc(100% + 28px) !important;
    max-width: none !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    margin-bottom: 46px !important;
    padding: 0 !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    background: #171412 !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link::before {
    content: none !important;
    display: none !important;
    background: none !important;
    filter: none !important;
    opacity: 0 !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link > img,
  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link > .qdm-media-placeholder {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center 42% !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-overlay {
    z-index: 1 !important;
    background: linear-gradient(0deg, rgba(9,8,7,.46) 0%, rgba(9,8,7,.07) 42%, rgba(9,8,7,0) 72%) !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-copy {
    right: 22px !important;
    left: 22px !important;
    top: auto !important;
    bottom: 54px !important;
    width: auto !important;
    max-width: none !important;
    align-items: flex-start !important;
    transform: none !important;
    z-index: 2 !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-copy strong {
    font-size: 38px !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-cta {
    font-size: 17px !important;
    line-height: 1.35 !important;
    padding-bottom: 6px !important;
  }
}

@media (max-width: 520px) {
  body.qdm-raed #qdm-v10-all-products-banner.qdm-v11-all-products-banner {
    width: calc(100% + 18px) !important;
    margin-left: -9px !important;
    margin-right: -9px !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-copy {
    bottom: 50px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.23 WIDER ALL-PRODUCTS BANNER
   Desktop-only width increase for the campaign section above the footer.
   Keeps V13.22 image/blur/copy positions intact and centers the extra width.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed #qdm-v10-all-products-banner.qdm-v11-all-products-banner {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    width: min(calc(100% + 220px), calc(100vw - 72px)) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.24 RTL CENTERING FIX
   V13.23 widened the All Products banner correctly, but its LTR centering
   formula double-shifted the oversized block inside the RTL home container.
   Mirror the centering formula for RTL while preserving the exact same size.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed #qdm-v10-all-products-banner.qdm-v11-all-products-banner {
    left: auto !important;
    right: 50% !important;
    transform: translateX(50%) !important;
    width: min(calc(100% + 220px), calc(100vw - 72px)) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.25 MOBILE ALL-PRODUCTS HEIGHT TUNE
   - Keep the approved mobile full-bleed banner style
   - Make the banner a little taller only on mobile
   ============================================================================ */
@media (max-width: 900px) {
  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link {
    aspect-ratio: 4 / 5.4 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.26 MOBILE ALL-PRODUCTS HEIGHT MORE
   - Make the mobile all-products banner image taller than V13.25
   ============================================================================ */
@media (max-width: 900px) {
  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link {
    aspect-ratio: 4 / 6 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.27 MOBILE ALL-PRODUCTS HEIGHT MATCH
   - Make the mobile all-products banner taller again to match the requested look
   - Mobile only; desktop and copy layout stay unchanged
   ============================================================================ */
@media (max-width: 900px) {
  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-link {
    aspect-ratio: 4 / 6.8 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.28 UNDER ABAYA POLISH
   - Slightly smaller heading
   - Remove the top divider line
   - Preserve image sharpness (remove legacy image zoom / heavy softening)
   - Mobile mirrors desktop composition: center look + visible side looks behind
   ============================================================================ */
body.qdm-raed .qdm-under-abaya {
  border-top: 0 !important;
}

body.qdm-raed .qdm-under-abaya-head h2 {
  font-size: clamp(40px, 4.8vw, 68px) !important;
}

body.qdm-raed .qdm-under-abaya-head p {
  font-size: 12px !important;
  line-height: 1.8 !important;
}

/* Do not digitally zoom the source image. Legacy hover/active rules were
   resampling the photograph and making it look softer than the source file. */
body.qdm-raed .qdm-under-look img {
  transform: none !important;
  filter: none !important;
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

body.qdm-raed .qdm-under-look:hover img,
body.qdm-raed .qdm-under-look-active img {
  transform: none !important;
  filter: none !important;
}

/* Keep desktop side looks editorially recessed without washing their images. */
body.qdm-raed .qdm-under-look-prev,
body.qdm-raed .qdm-under-look-next {
  filter: none !important;
  opacity: .56 !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-under-abaya-head h2 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }

  body.qdm-raed .qdm-under-abaya-head p {
    max-width: 350px !important;
    font-size: 11px !important;
    line-height: 1.72 !important;
  }

  body.qdm-raed .qdm-under-stage {
    height: min(130vw, 590px) !important;
    overflow: visible !important;
  }

  /* Slightly narrower center card leaves room to actually see the two looks
     behind it, matching the desktop three-card composition. */
  body.qdm-raed .qdm-under-look {
    width: min(72vw, 330px) !important;
    height: min(116vw, 520px) !important;
  }

  body.qdm-raed .qdm-under-look-active {
    z-index: 4 !important;
    opacity: 1 !important;
    filter: none !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }

  /* Side cards remain behind the active look but visibly peek from both sides. */
  body.qdm-raed .qdm-under-look-prev {
    z-index: 2 !important;
    opacity: .50 !important;
    filter: none !important;
    transform: translate(-118%, -50%) scale(.76) !important;
  }

  body.qdm-raed .qdm-under-look-next {
    z-index: 2 !important;
    opacity: .50 !important;
    filter: none !important;
    transform: translate(18%, -50%) scale(.76) !important;
  }

  body.qdm-raed .qdm-under-look-prev .qdm-under-look-copy,
  body.qdm-raed .qdm-under-look-next .qdm-under-look-copy {
    opacity: .58 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.29 COLLECTION PICKS: ADD SG-1034
   - Four desktop cards; SG-1034 sits between the existing right and middle cards
   - Mobile keeps the existing horizontal-scroll behavior
   ============================================================================ */
@media (min-width: 768px) {
  body.qdm-raed .qdm-v9-edit-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.30 COLLECTION PICKS SIZE + ZL RESTORE
   - Desktop collection section widens toward the approved hero width.
   - Four cards stay in one row but are materially larger.
   - Mobile scroll behavior is intentionally unchanged.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-v9-editorial {
    position: relative !important;
    left: auto !important;
    right: 50% !important;
    width: min(1600px, calc(100vw - 96px)) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(50%) !important;
  }

  body.qdm-raed .qdm-v9-edit-grid {
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.qdm-raed .qdm-v9-edit-card {
    min-width: 0 !important;
    aspect-ratio: .69 !important;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  body.qdm-raed .qdm-v9-edit-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.31 MOBILE COLLECTION PICKS SWIPE CTA
   - Keep the current mobile card style
   - Add a final "view all products" card at the end of the swipe row
   - Add a moving progress bar under the row
   ============================================================================ */
body.qdm-raed .qdm-v9-edit-mobile-progress {
  display: none !important;
}

body.qdm-raed .qdm-v9-edit-view-all {
  display: none !important;
}

@media (max-width: 767px) {
  body.qdm-raed .qdm-v9-editorial {
    padding-bottom: 46px !important;
  }

  body.qdm-raed .qdm-v9-edit-grid {
    width: calc(100% + 16px) !important;
    margin-inline-end: -16px !important;
    padding-inline-end: 16px !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body.qdm-raed .qdm-v9-edit-card {
    flex: 0 0 69vw !important;
    max-width: 360px !important;
  }

  body.qdm-raed .qdm-v9-edit-view-all {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    flex: 0 0 60vw !important;
    max-width: 290px !important;
    min-height: 100% !important;
    background: #101010 !important;
    color: #fff !important;
    border: 1px solid rgba(16,16,16,.08) !important;
  }

  body.qdm-raed .qdm-v9-edit-view-all .qdm-v9-edit-shade,
  body.qdm-raed .qdm-v9-edit-view-all .qdm-v9-edit-copy,
  body.qdm-raed .qdm-v9-edit-view-all img,
  body.qdm-raed .qdm-v9-edit-view-all .qdm-media-placeholder {
    display: none !important;
  }

  body.qdm-raed .qdm-v9-edit-view-all-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-height: 100% !important;
    padding: 22px 18px !important;
    text-align: right !important;
    gap: 8px !important;
  }

  body.qdm-raed .qdm-v9-edit-view-all-inner small {
    color: rgba(255,255,255,.62) !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
  }

  body.qdm-raed .qdm-v9-edit-view-all-inner strong {
    color: #fff !important;
    font-size: 21px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
  }

  body.qdm-raed .qdm-v9-edit-view-all-inner span {
    color: rgba(255,255,255,.74) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body.qdm-raed .qdm-v9-edit-view-all-inner em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin-top: 6px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-style: normal !important;
  }

  body.qdm-raed .qdm-v9-edit-mobile-progress {
    display: block !important;
    position: relative !important;
    width: 76px !important;
    height: 3px !important;
    margin: 18px auto 0 !important;
    background: rgba(17,17,17,.14) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  body.qdm-raed .qdm-v9-edit-mobile-progress-bar {
    display: block !important;
    width: 20% !important;
    height: 100% !important;
    background: rgba(17,17,17,.28) !important;
    border-radius: inherit !important;
    transform: translateX(0) !important;
    transition: transform .28s ease, width .28s ease !important;
  }
}

@media (min-width: 768px) {
  body.qdm-raed .qdm-v9-edit-view-all,
  body.qdm-raed .qdm-v9-edit-mobile-progress {
    display: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.32 SMOOTH MOBILE PICKS PROGRESS
   The indicator now represents the real continuous horizontal scroll amount.
   It grows from the right edge toward the left as the user swipes through all
   products, reaching the full track at the final View All card.
   ============================================================================ */
@media (max-width: 767px) {
  body.qdm-raed .qdm-v9-edit-mobile-progress {
    width: calc(100% - 32px) !important;
    max-width: 420px !important;
    height: 2px !important;
    margin: 18px auto 0 !important;
    background: rgba(17,17,17,.14) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  body.qdm-raed .qdm-v9-edit-mobile-progress-bar {
    --qdm-picks-progress: .14;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(17,17,17,.28) !important;
    border-radius: inherit !important;
    transform: scaleX(var(--qdm-picks-progress)) !important;
    transform-origin: right center !important;
    transition: transform 80ms linear !important;
    will-change: transform !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.35 SEARCH VISUAL REFINE
   Visual-only restyle of the existing native Salla search.
   Functionality/results remain owned by <salla-search>.
   ============================================================================ */
body.qdm-raed .qdm-native-search-overlay-v13 {
  align-items: flex-start !important;
  justify-content: center !important;
  padding: clamp(72px, 10vh, 110px) 14px 24px !important;
}

body.qdm-raed .qdm-native-search-backdrop-v13 {
  background: rgba(17, 17, 17, .22) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body.qdm-raed .qdm-native-search-panel-v13 {
  width: min(520px, calc(100vw - 28px)) !important;
  max-height: min(650px, calc(100vh - 90px)) !important;
  padding: 20px 22px 28px !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 0 !important;
  background: var(--qdm-bg, #f5f1ec) !important;
  color: #111 !important;
  box-shadow: 0 14px 46px rgba(0,0,0,.12) !important;
  overflow: visible !important;
}

body.qdm-raed .qdm-native-search-head-v13 {
  position: relative !important;
  height: 48px !important;
  margin: 0 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.qdm-raed .qdm-native-search-head-v13 > span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

body.qdm-raed .qdm-native-search-close-v13 {
  position: absolute !important;
  top: -2px !important;
  left: -4px !important;
  right: auto !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font: 600 25px/1 Arial, sans-serif !important;
  box-shadow: none !important;
}

body.qdm-raed .qdm-native-search-host-v13,
body.qdm-raed .qdm-native-search-host-v13 salla-search,
body.qdm-raed .qdm-native-search-inline-v13 {
  width: 100% !important;
  min-height: 52px !important;
}

/* Salla renders these classes inside the native search component. We only
   neutralize its pill styling and keep its actual input/results behavior. */
body.qdm-raed .qdm-native-search-host-v13 .s-search-input,
body.qdm-raed .qdm-native-search-host-v13 [class*="s-search-input"] {
  min-height: 52px !important;
  height: 52px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.86) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111 !important;
}

body.qdm-raed .qdm-native-search-host-v13 input[type="search"],
body.qdm-raed .qdm-native-search-host-v13 input {
  min-height: 50px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  outline: none !important;
}

body.qdm-raed .qdm-native-search-host-v13 input::placeholder {
  color: rgba(46,54,73,.65) !important;
  opacity: 1 !important;
}

body.qdm-raed .qdm-native-search-host-v13 button,
body.qdm-raed .qdm-native-search-host-v13 .s-search-icon,
body.qdm-raed .qdm-native-search-host-v13 [class*="search-icon"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #111 !important;
}

body.qdm-raed .qdm-native-search-host-v13 svg {
  stroke: currentColor !important;
}

body.qdm-raed .qdm-native-search-host-v13 .s-search-results {
  margin-top: 10px !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
}

@media (max-width: 767px) {
  body.qdm-raed .qdm-native-search-overlay-v13 {
    padding: 18px 7px !important;
  }

  body.qdm-raed .qdm-native-search-panel-v13 {
    width: 100% !important;
    max-height: calc(100vh - 36px) !important;
    padding: 18px 22px 28px !important;
  }

  body.qdm-raed .qdm-native-search-head-v13 {
    height: 50px !important;
    margin-bottom: 20px !important;
    font-size: 24px !important;
  }

  body.qdm-raed .qdm-native-search-close-v13 {
    left: -3px !important;
    top: -1px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.36 SALLA PRIMARY PALETTE + LOGIN
   - Replaces the old pink/red primary accent with Queendom beige/sand
   - Applies through Salla/Twilight CSS variables so native components follow it
   - Login modal gets the Queendom beige surface without changing auth behavior
   ============================================================================ */
:root,
body.qdm-raed {
  --qdm-accent: #d8c6b5;
  --qdm-accent-dark: #c6b09b;
  --qdm-accent-light: #eee5dc;
  --qdm-accent-ink: #111111;

  --color-primary: var(--qdm-accent) !important;
  --color-primary-dark: var(--qdm-accent-dark) !important;
  --color-primary-light: var(--qdm-accent-light) !important;
  --color-primary-reverse: var(--qdm-accent-ink) !important;
}

/* Native Salla login inherits the same palette even when its component bundle
   is lazy-loaded after the page. */
body.qdm-raed salla-login-modal,
body.qdm-raed salla-login-modal salla-modal {
  --color-primary: var(--qdm-accent) !important;
  --color-primary-dark: var(--qdm-accent-dark) !important;
  --color-primary-light: var(--qdm-accent-light) !important;
  --color-primary-reverse: var(--qdm-accent-ink) !important;
  --s-color-primary: var(--qdm-accent) !important;
  --s-color-primary-dark: var(--qdm-accent-dark) !important;
  --s-color-primary-light: var(--qdm-accent-light) !important;
}

/* Login surface — selectors are intentionally additive; Salla keeps all login
   logic and validation. These only repaint light-DOM modal wrappers when present. */
body.qdm-raed salla-login-modal .s-modal-content,
body.qdm-raed salla-login-modal .s-modal-body,
body.qdm-raed salla-login-modal .s-login-modal,
body.qdm-raed salla-login-modal [class*="login-modal"] {
  background-color: var(--qdm-bg, #f5f1ec) !important;
}

body.qdm-raed salla-login-modal input,
body.qdm-raed salla-login-modal .s-form-control,
body.qdm-raed salla-login-modal [class*="form-control"] {
  background: rgba(255,255,255,.38) !important;
  border-color: rgba(17,17,17,.14) !important;
  color: #111 !important;
  box-shadow: none !important;
}

body.qdm-raed salla-login-modal input:focus,
body.qdm-raed salla-login-modal .s-form-control:focus,
body.qdm-raed salla-login-modal [class*="form-control"]:focus {
  border-color: var(--qdm-accent-dark) !important;
  box-shadow: 0 0 0 2px rgba(198,176,155,.13) !important;
}

/* Salla's main login/submit buttons follow the new beige primary. */
body.qdm-raed salla-login-modal .s-button-primary,
body.qdm-raed salla-login-modal button[class*="primary"],
body.qdm-raed salla-login-modal [class*="btn-primary"] {
  background: var(--qdm-accent) !important;
  border-color: var(--qdm-accent) !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.qdm-raed salla-login-modal .s-button-primary:hover,
body.qdm-raed salla-login-modal button[class*="primary"]:hover,
body.qdm-raed salla-login-modal [class*="btn-primary"]:hover {
  background: var(--qdm-accent-dark) !important;
  border-color: var(--qdm-accent-dark) !important;
}

/* Secondary login action: beige/black instead of pink/red outline. */
body.qdm-raed salla-login-modal .s-button-outline,
body.qdm-raed salla-login-modal button[class*="outline"],
body.qdm-raed salla-login-modal [class*="btn-outline"] {
  border-color: var(--qdm-accent-dark) !important;
  color: #5f5146 !important;
  background: transparent !important;
}

/* Header cart count is one of Raed's remaining hard-coded red accents. */
body.qdm-raed .s-cart-summary-count,
body.qdm-raed salla-cart-summary .s-cart-summary-count,
body.qdm-raed salla-cart-summary [class*="cart-summary-count"] {
  background: var(--qdm-accent-dark) !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  border-color: var(--qdm-bg, #f5f1ec) !important;
}

/* Common native Salla primary buttons/active accents elsewhere (cart, account,
   sheets, etc.) now inherit the Queendom palette rather than Raed pink/red. */
body.qdm-raed .s-button-primary,
body.qdm-raed .btn--primary,
body.qdm-raed [class~="bg-primary"] {
  --color-primary: var(--qdm-accent) !important;
  --color-primary-dark: var(--qdm-accent-dark) !important;
  --color-primary-reverse: #111 !important;
}


/* THE QUEENDOM — V13.36 SEARCH BACKDROP FIX
   Neutral glass blur behind search; removes the brown/red tint only. */
body.qdm-raed .qdm-native-search-backdrop-v13 {
  background: rgba(17,17,17,.22) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}


/* ============================================================================
   THE QUEENDOM — V13.39 MOBILE HERO FULLER PORTRAIT
   - Mobile only: let the hero use a near-native 9:16 portrait frame
   - Removes the old 720px cap so more of the video length remains visible
   ============================================================================ */
@media (max-width: 767px) {
  body.qdm-raed .qdm-v9-hero {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 9 / 16 !important;
  }

  body.qdm-raed .qdm-v9-hero-media {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.40 MOBILE HERO FULL-BLEED + THIRD COLOR BLACK
   - Mobile hero touches both screen edges while keeping the V13.39 tall ratio.
   - Third/light accent shade is black instead of beige.
   ============================================================================ */

/* Third palette shade: black instead of beige. */
:root,
body.qdm-raed {
  --qdm-accent-light: #111111 !important;
}

/* Keep Salla components that read their own light-primary variable in sync. */
body.qdm-raed salla-login-modal,
body.qdm-raed salla-login-modal salla-modal {
  --color-primary-light: #111111 !important;
  --s-color-primary-light: #111111 !important;
}

@media (max-width: 767px) {
  /* qdm-raed-home has 12px side padding on mobile. Expand only the hero through
     that padding so the video becomes truly edge-to-edge without changing the
     rest of the homepage sections. */
  body.qdm-raed .qdm-v9-hero {
    width: calc(100% + 24px) !important;
    max-width: none !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    border-radius: 0 !important;
    aspect-ratio: 9 / 16 !important;
  }

  body.qdm-raed .qdm-v9-hero-media {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.41 MOBILE STICKY HEADER MOTION
   - Keep the exact approved mobile header geometry.
   - When scrolling begins, the whole sticky bar drops in smoothly instead of
     snapping into place while the rest of the mobile chrome animates.
   ============================================================================ */
@media (max-width: 767px) {
  body.qdm-raed .store-header.qdm-raed-header {
    will-change: transform, opacity !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
  }

  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck {
    animation: qdm-mobile-header-drop-in .42s cubic-bezier(.22,.72,.18,1) both !important;
  }

  @keyframes qdm-mobile-header-drop-in {
    0% {
      transform: translate3d(0, -14px, 0);
      opacity: .94;
    }
    100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck {
    animation: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.42 MOBILE STICKY BAR STATIC / CONTENT MOTION ONLY
   - The beige sticky bar itself never moves.
   - Only the logo/icons/content row drops in smoothly when sticky state starts.
   ============================================================================ */
@media (max-width: 767px) {
  /* Cancel V13.41 motion on the sticky background shell itself. */
  body.qdm-raed .store-header.qdm-raed-header,
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    will-change: auto !important;
  }

  /* Animate only the visible header contents. Background stays put. */
  body.qdm-raed .store-header.qdm-raed-header .qdm-raed-header-row {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
    will-change: transform, opacity !important;
  }

  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck .qdm-raed-header-row {
    animation: qdm-mobile-header-content-drop-in .42s cubic-bezier(.22,.72,.18,1) both !important;
  }

  @keyframes qdm-mobile-header-content-drop-in {
    0% {
      transform: translate3d(0, -14px, 0);
      opacity: .94;
    }
    100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck .qdm-raed-header-row {
    animation: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.43 DESKTOP ABAYAS INTERACTION
   - Smooth chevron response
   - Soft pressed/open state on the trigger
   - Dropdown animates both in and out instead of appearing/disappearing abruptly
   - Subtle stagger on menu items while preserving the existing React-like layout
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-raed-collections-toggle {
    position: relative !important;
    border-radius: 999px !important;
    transition:
      background-color .22s ease,
      color .22s ease,
      transform .18s ease !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle:hover {
    background: rgba(17,17,17,.035) !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle:active {
    transform: translateY(1px) scale(.97) !important;
  }

  body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-collections-toggle {
    background: rgba(17,17,17,.055) !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle .qdm-meta-chevron {
    transition: transform .34s cubic-bezier(.22,1,.36,1), opacity .2s ease !important;
    transform-origin: 50% 50% !important;
    opacity: .68 !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle:hover .qdm-meta-chevron {
    opacity: 1 !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle[aria-expanded="true"] .qdm-meta-chevron {
    transform: rotate(180deg) translateY(-1px) !important;
    opacity: 1 !important;
  }

  /* Keep the menu renderable during its short closing transition. */
  body.qdm-raed .qdm-raed-desktop-nav[hidden] {
    display: none !important;
  }

  body.qdm-raed .qdm-raed-desktop-nav:not([hidden]) {
    display: grid !important;
    visibility: visible !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transform: translateY(-9px) scale(.975) !important;
    transform-origin: top right !important;
    transition:
      opacity .2s ease,
      transform .28s cubic-bezier(.22,1,.36,1),
      box-shadow .28s ease !important;
    animation: none !important;
    will-change: opacity, transform !important;
  }

  body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-desktop-nav:not([hidden]) {
    display: grid !important;
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    box-shadow: 0 20px 52px rgba(17,17,15,.14) !important;
    animation: none !important;
  }

  body.qdm-raed .qdm-raed-desktop-nav.is-closing:not([hidden]) {
    pointer-events: none !important;
  }

  body.qdm-raed .qdm-raed-desktop-nav a {
    position: relative !important;
    opacity: .72 !important;
    transform: translateX(5px) !important;
    transition:
      opacity .18s ease,
      transform .25s cubic-bezier(.22,1,.36,1),
      background-color .18s ease !important;
  }

  body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-desktop-nav a {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-desktop-nav a:nth-child(1) { transition-delay: .025s !important; }
  body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-desktop-nav a:nth-child(2) { transition-delay: .055s !important; }
  body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-desktop-nav a:nth-child(3) { transition-delay: .085s !important; }
  body.qdm-raed .qdm-raed-meta.is-open .qdm-raed-desktop-nav a:nth-child(4) { transition-delay: .115s !important; }

  body.qdm-raed .qdm-raed-desktop-nav a:hover {
    background: rgba(17,17,17,.045) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed .qdm-raed-collections-toggle,
  body.qdm-raed .qdm-raed-collections-toggle .qdm-meta-chevron,
  body.qdm-raed .qdm-raed-desktop-nav,
  body.qdm-raed .qdm-raed-desktop-nav a {
    transition: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.44 TRUE OPEN/CLOSE ANIMATIONS
   - Desktop Abayas dropdown has a visible open/close animation on click.
   - Search backdrop + panel animate in/out while preserving the current design.
   ============================================================================ */

@keyframes qdmAbayasMenuIn {
  0% { opacity: 0; transform: translateY(-14px) scale(.965); filter: blur(2px); }
  55% { opacity: 1; transform: translateY(2px) scale(1.005); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes qdmAbayasItemIn {
  0% { opacity: 0; transform: translateX(9px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes qdmSearchBackdropIn {
  0% { opacity: 0; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); }
  100% { opacity: 1; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
}

@keyframes qdmSearchPanelIn {
  0% { opacity: 0; transform: translateY(-22px) scale(.965); }
  65% { opacity: 1; transform: translateY(3px) scale(1.004); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes qdmSearchBackdropOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes qdmSearchPanelOut {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to { opacity: 0; transform: translateY(-14px) scale(.975); }
}

@media (min-width: 901px) {
  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav:not([hidden]) {
    animation: qdmAbayasMenuIn .38s cubic-bezier(.16,1,.3,1) both !important;
  }

  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav a {
    animation: qdmAbayasItemIn .34s cubic-bezier(.16,1,.3,1) both !important;
  }

  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav a:nth-child(1) { animation-delay: .045s !important; }
  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav a:nth-child(2) { animation-delay: .080s !important; }
  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav a:nth-child(3) { animation-delay: .115s !important; }
  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav a:nth-child(4) { animation-delay: .150s !important; }
}

body.qdm-raed .qdm-native-search-overlay-v13.is-opening .qdm-native-search-backdrop-v13 {
  animation: qdmSearchBackdropIn .30s ease both !important;
}

body.qdm-raed .qdm-native-search-overlay-v13.is-opening .qdm-native-search-panel-v13 {
  animation: qdmSearchPanelIn .40s cubic-bezier(.16,1,.3,1) both !important;
  transform-origin: top center !important;
}

body.qdm-raed .qdm-native-search-overlay-v13.is-closing .qdm-native-search-backdrop-v13 {
  animation: qdmSearchBackdropOut .24s ease both !important;
  pointer-events: none !important;
}

body.qdm-raed .qdm-native-search-overlay-v13.is-closing .qdm-native-search-panel-v13 {
  animation: qdmSearchPanelOut .24s ease both !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav,
  body.qdm-raed .qdm-raed-meta.is-opening .qdm-raed-desktop-nav a,
  body.qdm-raed .qdm-native-search-overlay-v13.is-opening .qdm-native-search-backdrop-v13,
  body.qdm-raed .qdm-native-search-overlay-v13.is-opening .qdm-native-search-panel-v13,
  body.qdm-raed .qdm-native-search-overlay-v13.is-closing .qdm-native-search-backdrop-v13,
  body.qdm-raed .qdm-native-search-overlay-v13.is-closing .qdm-native-search-panel-v13 {
    animation: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.49 PERFORMANCE-SAFE ROUTING
   A route-pending link is intentionally non-clickable until Salla exposes the
   real category/product href. Never navigate to a wrong category as fallback.
   ============================================================================ */
body.qdm-raed a.qdm-route-pending {
  cursor: default !important;
}

body.qdm-raed a.qdm-route-pending.qdm-v9-edit-card,
body.qdm-raed a.qdm-route-pending.qdm-under-look {
  pointer-events: none !important;
}


/* ============================================================================
   THE QUEENDOM — V13.50 SEARCH + NATIVE PRODUCT INDEX FOUNDATION
   ============================================================================ */

/* Category/search/offers pages must stay fully native and visible.
   This intentionally does NOT create fake products. */
body.qdm-raed.qdm-native-product-index #main-content {
  min-height: 50vh !important;
}

body.qdm-raed.qdm-native-product-index
  salla-products-list[data-testid="store-products-list"],
body.qdm-raed.qdm-native-product-index
  salla-products-list.qdm-native-product-list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 1px !important;
}

/* The dedicated search component inherits the already-approved V13 search UI. */
body.qdm-raed .qdm-native-search-host-v13
  salla-search.qdm-dedicated-search-v13-50 {
  display: block !important;
  width: 100% !important;
  min-height: 50px !important;
}


/* ============================================================================
   THE QUEENDOM — V13.51 GLOBAL INNER PAGES + REACT CATALOG
   Reference: React QueendomCollectionCatalog + approved Queendom chrome.
   Salla keeps ownership of products, prices, links, stock, sorting and footer links.
   ============================================================================ */

/* ---------------------------- GLOBAL INNER SHELL --------------------------- */
body.qdm-raed.qdm-inner-page {
  --qdm-inner-bg: var(--qdm-bg, #f5f1ec);
  --qdm-inner-soft: #f2ede7;
  --qdm-inner-line: #cabfb2;
  --qdm-inner-text: #171310;
  --qdm-inner-muted: #6b625b;
  background: var(--qdm-inner-bg) !important;
  color: var(--qdm-inner-text) !important;
}

body.qdm-raed.qdm-inner-page,
body.qdm-raed.qdm-inner-page .app-inner,
body.qdm-raed.qdm-inner-page #main-content {
  background: var(--qdm-inner-bg) !important;
}

/* Inner routes must use the same Queendom header/footer surfaces as home. */
body.qdm-raed.qdm-inner-page .store-header.qdm-raed-header,
body.qdm-raed.qdm-inner-page .qdm-raed-header #mainnav,
body.qdm-raed.qdm-inner-page .qdm-raed-header #mainnav > .inner,
body.qdm-raed.qdm-inner-page .qdm-raed-header #mainnav > .inner > .container,
body.qdm-raed.qdm-inner-page .qdm-raed-header-row {
  background: var(--qdm-inner-bg) !important;
}

body.qdm-raed.qdm-inner-page footer.qdm-raed-footer,
body.qdm-raed.qdm-inner-page .store-footer.qdm-raed-footer,
body.qdm-raed.qdm-inner-page .qdm-raed-footer-shell.qdm-v4-footer-light {
  background: var(--qdm-inner-bg) !important;
}

/* Kill the visual traces of old Raed colors on inner-page chrome only. */
body.qdm-raed.qdm-inner-page #main-content a {
  --color-primary: #111111;
}

body.qdm-raed.qdm-inner-page .text-primary,
body.qdm-raed.qdm-inner-page .hover\:text-primary:hover {
  color: #111111 !important;
}

/* ------------------------------ CATALOG PAGE ------------------------------- */
body.qdm-raed.qdm-inner-catalog-page #main-content {
  display: block !important;
  min-height: 70vh !important;
  padding: 34px 0 84px !important;
  margin: 0 !important;
  gap: 0 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-breadcrumbs-v1351,
body.qdm-raed.qdm-inner-catalog-page .s-before-products-list,
body.qdm-raed.qdm-inner-catalog-page .s-after-products-list,
body.qdm-raed.qdm-inner-catalog-page .s-after-testimonials {
  display: none !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
  width: min(1280px, calc(100% - 56px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-main-v1351 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filters-v1351 {
  display: none !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  direction: rtl !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--qdm-inner-text) !important;
  font-family: inherit !important;
  font-size: clamp(23px, 1.95vw, 30px) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
  text-align: left !important;
}

/* Native select remains alive for Raed's product.js and becomes the mobile UI. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
  display: none !important;
}

/* React desktop sort control. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
  position: relative !important;
  z-index: 60 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  direction: rtl !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-label-v1351 {
  color: #4a3c34 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351 {
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border: 1px solid var(--qdm-inner-line) !important;
  border-radius: 10px !important;
  background: var(--qdm-inner-soft) !important;
  color: #2f2539 !important;
  box-shadow: none !important;
  font: inherit !important;
  cursor: pointer !important;
  transition: border-color .2s ease, background-color .2s ease !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351:hover {
  background: #f6f1ec !important;
  border-color: #bcae9f !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351:focus-visible {
  outline: none !important;
  border-color: #7b6a5a !important;
  box-shadow: 0 0 0 3px rgba(123,106,90,.12) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-current-v1351 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: right !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-current-v1351 {
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-arrow-v1351 {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: #6b5b50 !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform .22s ease !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351.is-open .qdm-catalog-sort-arrow-v1351 {
  transform: rotate(180deg) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-popover-v1351 {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  inset-inline-end: 0 !important;
  width: 292px !important;
  min-width: 190px !important;
  padding: 8px !important;
  border: 1px solid var(--qdm-inner-line) !important;
  border-radius: 10px !important;
  background: #f7f3ee !important;
  box-shadow: 0 12px 28px rgba(35,25,17,.10) !important;
  overflow: hidden !important;
  animation: qdmCatalogPopoverIn .22s cubic-bezier(.2,.75,.2,1) both !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-popover-v1351[hidden] {
  display: none !important;
}

@keyframes qdmCatalogPopoverIn {
  from { opacity: 0; transform: translateY(-5px) scale(.985); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351 {
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #2f2539 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: right !important;
  cursor: pointer !important;
  transition: background-color .16s ease, color .16s ease !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351 {
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351:hover {
  background: rgba(47,37,57,.06) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351.is-active {
  background: #ebe3da !important;
  color: #241a31 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mark-v1351 {
  flex: 0 0 12px !important;
  width: 12px !important;
  color: #7b6a5a !important;
  font-size: 8px !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* -------------------------- SALLA PRODUCT GRID ----------------------------- */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 {
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 52px 34px !important;
  align-items: start !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry {
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: var(--qdm-inner-text) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry:hover {
  box-shadow: none !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
  position: relative !important;
  flex: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f1eeea !important;
  opacity: 1 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  transform: scale(1.001) !important;
  transition: transform .55s cubic-bezier(.2,.7,.2,1) !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.025) !important;
  }
}

/* Remove Raed-commerce chrome so cards match the React editorial cards. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-wishlist-btn,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-footer,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 salla-add-product-button,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-rating,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-rating-stars,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-subtitle,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-pie,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-quantity {
  display: none !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
  background: transparent !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
  align-items: flex-start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-main,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title {
  width: 100% !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: #3f3551 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: .02em !important;
  text-align: right !important;
  text-decoration: none !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title a {
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 2px !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  align-items: flex-start !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  margin: 0 !important;
  color: #2d2340 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price {
  justify-content: flex-start !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price span {
  color: #8a817a !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

/* Sale/out badges use Queendom black/beige instead of Raed red/pink. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-promotion-title {
  top: 12px !important;
  inset-inline-start: 0 !important;
  max-width: calc(100% - 24px) !important;
  padding: 6px 9px !important;
  border-radius: 0 !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 500 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-out-badge {
  background: #e8e1da !important;
  color: #4e4640 !important;
  border-radius: 0 !important;
}

/* -------------------------- INFORMATIONAL PAGES ---------------------------- */
body.qdm-raed.qdm-inner-info-page #main-content {
  min-height: 65vh !important;
  padding: 32px 0 82px !important;
  background: var(--qdm-inner-bg) !important;
}

body.qdm-raed.qdm-inner-info-page #main-content > .container {
  width: min(1120px, calc(100% - 56px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.qdm-raed.qdm-inner-info-page #main-content .breadcrumbs {
  display: none !important;
}

body.qdm-raed.qdm-inner-info-page .qdm-info-card-v1351 {
  width: min(1100px, 100%) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 42px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-inner-info-page .qdm-info-title-v1351 {
  margin: 0 0 28px !important;
  padding: 0 !important;
  color: var(--qdm-inner-text) !important;
  font-size: clamp(25px, 2.1vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

body.qdm-raed.qdm-inner-info-page .qdm-info-entry-v1351 {
  color: #3f3934 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 2 !important;
}

body.qdm-raed.qdm-inner-info-page .qdm-info-entry-v1351 h2,
body.qdm-raed.qdm-inner-info-page .qdm-info-entry-v1351 h3,
body.qdm-raed.qdm-inner-info-page .qdm-info-entry-v1351 h4 {
  color: var(--qdm-inner-text) !important;
  font-weight: 500 !important;
}

body.qdm-raed.qdm-inner-info-page .qdm-info-entry-v1351 a {
  color: #111111 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

body.qdm-raed.qdm-inner-info-page .qdm-info-entry-v1351 hr {
  border-color: rgba(17,17,17,.12) !important;
}

body.qdm-raed.qdm-inner-info-page .qdm-info-comments-v1351 {
  display: block !important;
  margin-top: 42px !important;
}

/* ------------------------------- RESPONSIVE -------------------------------- */
@media (max-width: 1100px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    gap: 42px 24px !important;
  }
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page #main-content {
    padding: 24px 0 54px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: calc(100% - 28px) !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
    min-height: 48px !important;
    margin-bottom: 22px !important;
    gap: 14px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
    font-size: 20px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
    display: none !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
    position: relative !important;
    flex: 0 0 166px !important;
    min-width: 0 !important;
    display: block !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-label-v1351 {
    display: none !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #d8d0c9 !important;
    border-radius: 16px !important;
    background: #f3efeb !important;
    color: #1c1714 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    direction: rtl !important;
    text-align: right !important;
  }

  html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    direction: ltr !important;
    text-align: left !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 18px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
    aspect-ratio: .77 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
    gap: 3px !important;
    padding-top: 7px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title a {
    font-size: 10px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-inner-info-page #main-content {
    padding: 24px 0 58px !important;
  }

  body.qdm-raed.qdm-inner-info-page #main-content > .container {
    width: calc(100% - 28px) !important;
  }

  body.qdm-raed.qdm-inner-info-page .qdm-info-card-v1351 {
    padding-top: 20px !important;
  }
}

@media (max-width: 560px) {
  body.qdm-raed.qdm-inner-catalog-page #main-content {
    padding-top: 18px !important;
    padding-bottom: 42px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: calc(100% - 26px) !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
    align-items: center !important;
    gap: 9px !important;
    margin-bottom: 18px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
    flex-basis: 154px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    gap: 30px 14px !important;
  }

  body.qdm-raed.qdm-inner-info-page #main-content > .container {
    width: calc(100% - 24px) !important;
  }

  body.qdm-raed.qdm-inner-info-page .qdm-info-title-v1351 {
    margin-bottom: 22px !important;
    font-size: 24px !important;
  }

  body.qdm-raed.qdm-inner-info-page .qdm-info-entry-v1351 {
    font-size: 13px !important;
    line-height: 1.9 !important;
  }
}

@media (max-width: 390px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: calc(100% - 14px) !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    gap-inline: 6px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-arrow-v1351 {
    transition: none !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-popover-v1351 {
    animation: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.52 PREVIEW ROUTING + CATALOG DATA FIX
   No visual regression patch is needed here; V13.51 catalog presentation stays.
   This marker exists so the installed CSS/JS pair can be verified together.
   ============================================================================ */
html body.qdm-raed {
  --qdm-preview-routing-version: 13.52;
}


/* ============================================================================
   THE QUEENDOM — V13.53 INNER PAGE VISIBILITY SAFETY NET
   Prevent old homepage suppression from blanking category/info pages when
   Raed includes a home-named component such as testimonials inside them.
   ============================================================================ */
body.theme-raed.qdm-inner-page
#main-content:has([data-testid^="store-home-"]) > :not(#qdm-v9-home) {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Keep deliberate V13.51 display:none choices (breadcrumbs/hooks/filters) intact;
   only visibility/opacity from the old home no-flash system is reversed. */
body.theme-raed.qdm-inner-catalog-page .container--products-list,
body.theme-raed.qdm-inner-catalog-page #page-main-title,
body.theme-raed.qdm-inner-catalog-page salla-products-list[data-testid="store-products-list"] {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* ============================================================================
   THE QUEENDOM — V13.54 EXACT REACT CATALOG MATCH
   Source of truth: current React QueendomCollectionCatalog + queendom-v4.scss.
   Data/functionality remains Salla-native.
   ============================================================================ */

/* Page frame: exact React widths/padding. */
body.qdm-raed.qdm-inner-catalog-page #main-content {
  width: 100% !important;
  min-height: 70vh !important;
  padding: 34px 0 84px !important;
  background: var(--qdm-bg, #f5f1ec) !important;
  color: var(--qdm-ink, #171310) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
  width: min(1280px, calc(100% - 56px)) !important;
  margin-inline: auto !important;
}

/* Toolbar = React qdm-catalog-toolbar. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  direction: rtl !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #171310 !important;
  font-size: clamp(23px, 1.95vw, 30px) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
  text-align: left !important;
}

/* Desktop sort = final React V7.45 look. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
  position: relative !important;
  z-index: 60 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  direction: rtl !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-label-v1351 {
  color: #4a3c34 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351 {
  min-width: 190px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border: 1px solid #cabfb2 !important;
  border-radius: 10px !important;
  background: #f2ede7 !important;
  color: #2f2539 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351:hover {
  background: #f6f1ec !important;
  border-color: #bcae9f !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351:focus-visible {
  outline: none !important;
  border-color: #7b6a5a !important;
  box-shadow: 0 0 0 3px rgba(123,106,90,.12) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-current-v1351 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #2f2539 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-current-v1351 {
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-arrow-v1351 {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: #6b5b50 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform .22s ease !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351.is-open .qdm-catalog-sort-arrow-v1351 {
  transform: rotate(180deg) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-popover-v1351 {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  inset-inline-end: 0 !important;
  width: 292px !important;
  min-width: 190px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid #cabfb2 !important;
  border-radius: 10px !important;
  background: #f7f3ee !important;
  box-shadow: 0 12px 28px rgba(35,25,17,.10) !important;
  overflow: hidden !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351 {
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #2f2539 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351:hover {
  background: rgba(47,37,57,.06) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351.is-active {
  background: #ebe3da !important;
  color: #241a31 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mark-v1351 {
  color: #7b6a5a !important;
}

/* Exact React editorial grid. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 52px 34px !important;
  align-items: start !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry {
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #f1eeea !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  transform: scale(1.001) !important;
  transition: transform .55s cubic-bezier(.2,.7,.2,1) !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.025) !important;
  }
}

/* React card = image, name, one clean price. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
  background: transparent !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
  align-items: flex-start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-main,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title {
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title a {
  width: 100% !important;
  display: block !important;
  color: #3f3551 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: .02em !important;
  text-align: right !important;
  text-decoration: none !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title a {
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  align-items: flex-start !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  margin: 0 !important;
  color: #2d2340 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  text-align: left !important;
}

/* React renders one price only. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price > span,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price > p {
  display: none !important;
}

/* Strip Raed commerce extras only on catalog cards. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-wishlist-btn,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-footer,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 salla-add-product-button,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-rating,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-rating-stars,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-subtitle,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-pie,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-quantity {
  display: none !important;
}

/* Sale badges: Queendom black/beige, never Raed red/pink. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-promotion-title {
  top: 12px !important;
  inset-inline-start: 0 !important;
  padding: 6px 9px !important;
  border-radius: 0 !important;
  background: rgba(17,17,17,.28) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 500 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-out-badge {
  border-radius: 0 !important;
  background: #e8e1da !important;
  color: #4e4640 !important;
}

/* Mobile = exact React two-column composition. */
@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page #main-content {
    padding: 24px 0 54px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: calc(100% - 28px) !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
    margin-bottom: 22px !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
    font-size: 20px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
    display: none !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
    position: relative !important;
    display: block !important;
    flex: 0 0 166px !important;
    min-width: 0 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-label-v1351 {
    display: none !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 40px 0 14px !important;
    border: 1px solid #d8d0c9 !important;
    border-radius: 16px !important;
    background: #f3efeb !important;
    color: #1c1714 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    direction: rtl !important;
    text-align: right !important;
  }

  html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    direction: ltr !important;
    text-align: left !important;
    padding: 0 14px 0 40px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 18px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
    aspect-ratio: .77 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
    gap: 3px !important;
    padding-top: 7px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-title a {
    font-size: 10px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
    font-size: 13px !important;
  }
}

@media (max-width: 560px) {
  body.qdm-raed.qdm-inner-catalog-page #main-content {
    padding-top: 18px !important;
    padding-bottom: 42px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: calc(100% - 26px) !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
    gap: 9px !important;
    margin-bottom: 18px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
    flex-basis: 154px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 13px !important;
    border-radius: 15px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    gap: 30px 14px !important;
  }
}

@media (max-width: 390px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: calc(100% - 14px) !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    gap-inline: 6px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-arrow-v1351 {
    transition: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.55 PORTRAIT CATALOG CARDS
   Fixes: cards looked square; SKU was showing instead of the readable name.
   Goal: portrait editorial product image + name and price together at bottom-right.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry.qdm-catalog-card-v1355 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
  aspect-ratio: 4 / 6.1 !important;
  height: auto !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image > a {
  width: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  padding-top: 10px !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 {
  align-items: flex-start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-sku-v1355 {
  display: none !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 .s-product-card-content-title a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #2e243f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 .s-product-card-content-title a {
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content-sub {
  align-items: flex-start !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  width: 100% !important;
  margin: 0 !important;
  color: #2e243f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  text-align: left !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
    aspect-ratio: 4 / 6.4 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 .s-product-card-content-title a,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
    font-size: 12px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.56 TALLER CATALOG CARDS
   Main fix: make category cards visually tall/portrait, not square-wide.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
  gap: 54px 28px !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-v1355 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 6.9 !important;
  min-height: clamp(420px, 36vw, 620px) !important;
  overflow: hidden !important;
  background: #f1eeea !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image .s-product-card-image-content {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
  padding-top: 12px !important;
  gap: 4px !important;
  align-items: flex-end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 .s-product-card-content-title a {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #3b304c !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #3b304c !important;
  text-align: right !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
  align-items: flex-start !important;
  text-align: left !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 .s-product-card-content-title a,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  text-align: left !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    gap: 34px 16px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image {
    aspect-ratio: 4 / 7.15 !important;
    min-height: 280px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 .s-product-card-content-title a,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-price,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
    font-size: 11px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.58 SAFE ROLLBACK
   Visual behavior is V13.56. V13.57 language auto-enforcement is removed.
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.59 PRODUCT NAME + PRICE POLISH
   - Never leave a card with price only because its title looks like an SKU.
   - Name + price stay RIGHT aligned under the abaya in BOTH Arabic and English.
   - Slightly larger product name; clearly larger price.
   ============================================================================ */

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355 {
  align-items: flex-end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-sub,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-sub-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-sub,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-sub-v1355 {
  align-items: flex-end !important;
  text-align: right !important;
}

/* Product name / code fallback */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355 a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355 a,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a {
  width: 100% !important;
  color: #30263f !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
}

/* Price — intentionally a little larger than the product name. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-price-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4 {
  width: 100% !important;
  color: #30263f !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.32 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-name-v1355,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-name-v1355 a,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-content-title a,
  html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-content-title a {
    font-size: 12.5px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-price-v1355,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-price,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-sale-price h4,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-starting-price h4 {
    font-size: 14px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.60 PRODUCT NAMES + ENGLISH TYPOGRAPHY
   - Product name is always visible; JS now uses Raed card.product.name.
   - Arabic metadata = right aligned.
   - English metadata = left aligned.
   - English site typography uses a clean Helvetica/Arial family like reference.
   ============================================================================ */

/* English typography — whole storefront, without changing Arabic. */
html[dir="ltr"] body.qdm-raed,
html[lang^="en"] body.qdm-raed {
  --qdm-font-en: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-family: var(--qdm-font-en) !important;
}

html[dir="ltr"] body.qdm-raed button,
html[dir="ltr"] body.qdm-raed input,
html[dir="ltr"] body.qdm-raed select,
html[dir="ltr"] body.qdm-raed textarea,
html[lang^="en"] body.qdm-raed button,
html[lang^="en"] body.qdm-raed input,
html[lang^="en"] body.qdm-raed select,
html[lang^="en"] body.qdm-raed textarea {
  font-family: var(--qdm-font-en) !important;
}

/* Ensure the native/generated product title can never stay hidden. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-title-v1360,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  margin: 0 0 4px !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-title-v1360 a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  color: #30263f !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4 {
  display: block !important;
  width: 100% !important;
  color: #30263f !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* Arabic: metadata at bottom-right. */
html:not([dir="ltr"]) body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content {
  align-items: flex-end !important;
  text-align: right !important;
}

html:not([dir="ltr"]) body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title a,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title a,
html:not([dir="ltr"]) body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-price,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-price,
html:not([dir="ltr"]) body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-sale-price h4,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-sale-price h4,
html:not([dir="ltr"]) body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-starting-price h4,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  text-align: right !important;
}

/* English: true mirrored placement — metadata at bottom-left. */
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355 {
  align-items: flex-start !important;
  text-align: left !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-sub,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-sub,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355 {
  align-items: flex-start !important;
  text-align: left !important;
}

html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title a,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title a,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-price,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-price,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-sale-price h4,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-sale-price h4,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-starting-price h4,
html[lang^="en"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  text-align: left !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351 .s-product-card-content-title a,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 {
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351 .s-product-card-price,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
    font-size: 15px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.61 REFERENCE CARD RATIO + IMAGE QUALITY
   User reference image measures almost exactly 3:4 (width:height).
   This overrides the overly-tall V13.56 ratio while preserving the card grid.
   ============================================================================ */

/* Reference-like portrait: clearly vertical, but close enough to square. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #f4f2f0 !important;
}

/* Force every possible Raed/Salla image wrapper to fill the 3:4 frame. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .s-product-card-image-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Sharper normal-state rendering: no perpetual scale/compositor transform. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  transform: none !important;
  image-rendering: auto !important;
  filter: none !important;
  backface-visibility: visible !important;
  transition: transform .42s cubic-bezier(.2,.7,.2,1) !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.012) !important;
  }
}

/* Keep the same reference ratio on mobile too; only the column width changes. */
@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image {
    min-height: 0 !important;
    aspect-ratio: 3 / 4 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.62 LIGHTER SITE PALETTE
   A lighter, cleaner warm off-white. Keeps the Queendom beige identity without
   the heavier/darker cast of #f3eee7.
   ============================================================================ */
:root {
  --qdm-bg: #f8f5f1 !important;
  --qdm-bg-soft: #fcfaf7 !important;
}

html.qdm-script-loading,
html.qdm-script-loading body.theme-raed,
body.qdm-raed,
body.qdm-raed #main-content,
body.qdm-raed .qdm-raed-home,
body.qdm-raed.qdm-inner-page,
body.qdm-raed.qdm-inner-page .app-inner,
body.qdm-raed.qdm-inner-page #main-content {
  background-color: #f8f5f1 !important;
}

/* Header uses the same clean page tone on every route. */
body.qdm-raed .store-header.qdm-raed-header,
body.qdm-raed .qdm-raed-header #mainnav,
body.qdm-raed .qdm-raed-header #mainnav .inner,
body.qdm-raed .qdm-raed-header #mainnav > .inner > .container,
body.qdm-raed .qdm-raed-header-row,
body.qdm-raed.qdm-inner-page .store-header.qdm-raed-header,
body.qdm-raed.qdm-inner-page .qdm-raed-header #mainnav,
body.qdm-raed.qdm-inner-page .qdm-raed-header #mainnav > .inner,
body.qdm-raed.qdm-inner-page .qdm-raed-header #mainnav > .inner > .container,
body.qdm-raed.qdm-inner-page .qdm-raed-header-row {
  background-color: #f8f5f1 !important;
}

/* Light editorial sections / upper footer. Keep the legal footer black. */
body.qdm-raed .qdm-under-abaya,
body.qdm-raed footer.qdm-raed-footer,
body.qdm-raed .store-footer.qdm-raed-footer,
body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-shell.qdm-v4-footer-light,
body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-shell.qdm-v4-footer-light,
body.qdm-raed.qdm-inner-page footer.qdm-raed-footer,
body.qdm-raed.qdm-inner-page .store-footer.qdm-raed-footer,
body.qdm-raed.qdm-inner-page .qdm-raed-footer-shell.qdm-v4-footer-light {
  background-color: #f8f5f1 !important;
}

/* Inner-page controls stay slightly separated from the page, but lighter too. */
body.qdm-raed.qdm-inner-page {
  --qdm-inner-bg: #f8f5f1 !important;
  --qdm-inner-soft: #fbf8f4 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
  background-color: #fbf8f4 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-popover-v1351 {
  background-color: #fdfbf8 !important;
}

/* Search panel follows the new site surface; backdrop behavior is untouched. */
body.qdm-raed .qdm-native-search-panel-v13 {
  background-color: #faf7f3 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.63 CATALOG CARD RATIO MATCH
   Match the user's reference more closely:
   - product cards should feel portrait, but not overly tall
   - show the full product when possible, not aggressive crop
   - keep the clean white card image background
   ============================================================================ */

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 18 / 25 !important;   /* moderate portrait like the reference */
  overflow: hidden !important;
  background: #ffffff !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .s-product-card-image-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image source,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #ffffff !important;
  transform: none !important;
  filter: none !important;
  image-rendering: auto !important;
  backface-visibility: visible !important;
  transition: transform .28s ease !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.01) !important;
  }
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image {
    aspect-ratio: 18 / 25 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.64 TRUE 3:4 CATALOG FRAME
   The previous CSS-only aspect-ratio was not enough because Salla's card
   retained a landscape computed height. JS now enforces the real pixel height.
   This CSS is the matching visual fallback.
   ============================================================================ */

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .s-product-card-image-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #fff !important;
  transform: none !important;
  filter: none !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.008) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.65 CATALOG UPPER FOCUS
   Keep the 3:4 card frame, but bias the crop upward so the head/top/abaya
   are more visible and the feet can be cropped if needed.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture img,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image source {
  object-position: center 20% !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image picture img,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image source {
    object-position: center 18% !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.66 HIGHER CATALOG FOCUS
   Slightly higher framing than V13.65; card size/ratio stays unchanged.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture img {
  object-position: center 12% !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image picture img {
    object-position: center 10% !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.67 HEAD-FOCUSED CATALOG FRAME
   Stronger upward crop so the head must appear whenever possible.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture img {
  object-position: center 4% !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image picture img {
    object-position: center 2% !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.68 REFERENCE CATALOG LAYOUT
   Target: user's second reference screenshot.
   - true 3:4 image frame
   - full image visible inside frame (no head crop)
   - slightly narrower desktop grid/cards
   - exact card-edge text alignment
   ============================================================================ */

/* Reference desktop width: slightly narrower than V13.54–67. */
@media (min-width: 901px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: min(1140px, calc(100% - 56px)) !important;
    max-width: 1140px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-products-list-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 50px 28px !important;
  }
}

/* True 3:4 frame stays fixed by JS; show the whole product like reference #2. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #fff !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .s-product-card-image-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  transform: none !important;
  filter: none !important;
}

/* No crop/zoom that can cut the head in normal or hover state. */
@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-entry:hover .s-product-card-image img {
    transform: none !important;
  }
}

/* Card copy sits directly under the image and follows the card edge. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355 {
  width: 100% !important;
  padding: 8px 0 0 !important;
  gap: 2px !important;
}

/* Arabic: right edge exactly like reference #2. */
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-sub,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-sub-v1355 {
  align-items: flex-end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4 {
  text-align: right !important;
}

/* English: mirror the reference layout to the left edge. */
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-sub,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-sub-v1355 {
  align-items: flex-start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4 {
  text-align: left !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image picture img {
    object-fit: contain !important;
    object-position: center center !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.70 EXACT REACT CATALOG IMAGE
   Copied from the actual React catalog behavior:
   .qdm-catalog-grid  => 1280px / 3 cols / 46px 24px gap
   .qdm-catalog-media => 3:4
   img                => cover + center top
   This intentionally crops the LOWER part of tall product photos so the
   head/upper abaya remain visible. No blur, no white side-fill workaround.
   ============================================================================ */

/* Exact React desktop catalog geometry. */
@media (min-width: 901px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: min(1280px, calc(100% - 56px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-products-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 46px 24px !important;
    align-items: start !important;
  }
}

/* Exact React media frame. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #eeeae5 !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image .s-product-card-image-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image picture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  background: transparent !important;
  transform: scale(1.001) !important;
  filter: none !important;
  transition: transform .55s cubic-bezier(.2,.7,.2,1) !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.025) !important;
  }
}

/* Exact React metadata rhythm. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355 {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding-top: 10px !important;
}

body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355 {
  align-items: flex-end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-content-v1355 {
  align-items: flex-start !important;
  text-align: left !important;
}

/* Keep the larger name/price polish requested later, while using React geometry. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355 {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-price-v1355 {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image picture img {
    object-fit: cover !important;
    object-position: center top !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.71 HIGH-RES CATALOG IMAGES
   Image geometry remains exactly V13.70; only source resolution is upgraded.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img {
  image-rendering: auto !important;
  filter: none !important;
}


/* ============================================================================
   THE QUEENDOM — V13.72 PRODUCT-PAGE HIGH-RES IMAGES
   Geometry stays exactly V13.70. The card image may be replaced by the first
   product-gallery image from the same preview/store page when it is sharper.
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.73 SORT-PERSISTENT REACT CATALOG
   Safety net for Salla's native re-render after changing "Sort by".
   Keeps every category/sort state visually identical to the default catalog.
   ============================================================================ */

/* The host may briefly be recreated without our helper class after sorting. */
body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #fff !important;
}

body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image .s-product-card-image-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list .s-product-card-image picture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  background: transparent !important;
  transform: scale(1.001) !important;
  image-rendering: auto !important;
  filter: none !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-inner-catalog-page
  salla-products-list .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.025) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.74 ZERO-FLASH HOME + CLEAN HERO VIDEO
   ============================================================================ */

/* V13.398 SUPERSEDES THE OLD V13.74 FIRST-PAINT HIDE.
   Do not directly hide native homepage children before JavaScript succeeds.
   The top-of-file V13.398 paint shield prevents the visible flash and has its
   own timed fail-safe. Once qdm-raed-home-ready exists, the later safe selectors
   hide the native Raed home normally. */
body.theme-raed
#main-content:has(
  [data-testid^="store-home-"]:not([data-testid="store-home-testimonials"])
) {
  background: #f8f5f1 !important;
}

/* HERO VIDEO FIRST FRAME
   Never display an unrelated poster/native placeholder. Real video pixels fade
   in only after loadeddata/canplay/playing. */
body.qdm-raed .qdm-v9-hero video.qdm-v9-video-pending {
  opacity: 0 !important;
}

body.qdm-raed .qdm-v9-hero-media.qdm-v9-video-ready {
  opacity: 1 !important;
  transition: opacity .14s ease !important;
}

body.qdm-raed .qdm-v9-hero-bg-video.qdm-v9-video-ready {
  opacity: .86 !important;
  transition: opacity .18s ease !important;
}

/* Clean neutral/dark frame while the video decodes. */
body.qdm-raed .qdm-v9-hero {
  background: #1b1511 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.75 CATALOG BREADCRUMB + MOBILE ALIGNMENT
   Desktop toolbar alignment stays unchanged. Mobile follows the supplied
   reference: breadcrumb above, title and square sort box on one aligned row.
   ============================================================================ */

/* New breadcrumb: visible on desktop + mobile, inside the same catalog width. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-v1375 {
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  color: #332b27 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-v1375[dir="rtl"] {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-v1375[dir="ltr"] {
  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-v1375 a {
  color: #332b27 !important;
  text-decoration: none !important;
  transition: opacity .18s ease !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-v1375 a:hover {
  opacity: .62 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-separator-v1375 {
  flex: 0 0 auto !important;
  color: #7b716b !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-current-v1375 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* MOBILE ONLY — mirror the alignment in the supplied screenshot. */
@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-v1375 {
    margin-bottom: 30px !important;
    gap: 9px !important;
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
    min-height: 42px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-title-v1351 {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    line-height: 1.15 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
    position: relative !important;
    flex: 0 0 min(46vw, 196px) !important;
    width: min(46vw, 196px) !important;
    min-width: 138px !important;
    max-width: 196px !important;
    height: 42px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 42px 0 14px !important;
    border: 1px solid #d5cdc6 !important;
    border-radius: 6px !important;
    background: #f2ecef !important;
    color: #2d2430 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 42px !important;
    direction: rtl !important;
    text-align: right !important;
  }

  /* Explicit small chevron so the native box matches the reference. */
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351::after {
    content: '' !important;
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 1.5px solid #6d6460 !important;
    border-bottom: 1.5px solid #6d6460 !important;
    transform: translateY(-68%) rotate(45deg) !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351,
  html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    direction: ltr !important;
    text-align: left !important;
    padding: 0 14px 0 42px !important;
  }

  body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351::after,
  html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351::after {
    left: auto !important;
    right: 15px !important;
  }
}

@media (max-width: 560px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-path-v1375 {
    margin-bottom: 27px !important;
    font-size: 12.5px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
    gap: 10px !important;
    margin-bottom: 22px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
    flex-basis: min(45vw, 176px) !important;
    width: min(45vw, 176px) !important;
    min-width: 136px !important;
    height: 40px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351 {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 5px !important;
    line-height: 40px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.76 MOBILE SORT COLOR RESTORE
   Keep V13.75 dimensions/shape/alignment; restore the previous surface color.
   ============================================================================ */
@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351 {
    background: #fbf8f4 !important;
    background-color: #fbf8f4 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.77 MOBILE SORT RTL POLISH
   Keep V13.76 box size/shape/color. Fix Arabic alignment and selected-text
   legibility; mirror cleanly for English.
   ============================================================================ */
@media (max-width: 900px) {
  /* Arabic / RTL:
     arrow is on the LEFT, so reserve space on the LEFT — not the right. */
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351 {
    direction: rtl !important;
    text-align: right !important;
    text-align-last: right !important;
    padding: 0 13px 0 38px !important;

    color: #17120f !important;
    -webkit-text-fill-color: #17120f !important;
    opacity: 1 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  /* Native popup options — keep every Arabic sentence on the right. */
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351 option {
    direction: rtl !important;
    text-align: right !important;
    color: #17120f !important;
    background: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    unicode-bidi: plaintext !important;
  }

  /* English mirrors the same geometry. */
  body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351,
  html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351 {
    direction: ltr !important;
    text-align: left !important;
    text-align-last: left !important;
    padding: 0 38px 0 13px !important;
  }

  body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351 option,
  html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351 option {
    direction: ltr !important;
    text-align: left !important;
  }
}

/* Very small phones: keep long price labels readable inside the SAME box. */
@media (max-width: 560px) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-sort-mobile-select-v1351 {
    font-size: 12.5px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.78 WHOLE-HEADER STICKY MOTION
   Reference behavior from the supplied mobile + desktop clips:
   - header chrome moves as ONE unit
   - no static empty bar behind moving mobile contents
   - same sticky/drop motion on desktop
   - applies globally, home + all inner/catalog/product pages
   ============================================================================ */

/* Full header is the sticky unit on every viewport. */
body.qdm-raed .store-header.qdm-raed-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 2147482000 !important;
  isolation: isolate !important;
  contain: none !important;
}

/* Cancel the old V13.42 "static bar / moving contents" behavior.
   The inner row must NEVER animate independently now. */
body.qdm-raed
.store-header.qdm-raed-header
.qdm-raed-header-row,
body.qdm-raed
.store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck
.qdm-raed-header-row {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

/* Base whole-shell state. */
body.qdm-raed .store-header.qdm-raed-header {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  will-change: transform, opacity !important;
}

/* Once scrolling starts, the ENTIRE bar enters from above as one piece.
   -100% means even the background bar is hidden during the entry,
   eliminating the empty sticky strip the user reported. */
body.qdm-raed
.store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck {
  animation: qdm-v1378-whole-header-drop
    .38s cubic-bezier(.22,.72,.18,1) both !important;
}

@keyframes qdm-v1378-whole-header-drop {
  0% {
    transform: translate3d(0, -100%, 0);
    opacity: .98;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* Keep Salla's native fixed/pinned classes from splitting the inner nav away
   from our single sticky shell. */
body.qdm-raed
.store-header.qdm-raed-header
#mainnav,
body.qdm-raed
.store-header.qdm-raed-header
#mainnav.fixed-header,
body.qdm-raed
.store-header.qdm-raed-header
#mainnav.fixed-pinned {
  position: relative !important;
  top: auto !important;
  inset-block-start: auto !important;
  transform: none !important;
}

/* Menu drawers/modals must keep the header stable while open. */
body.qdm-raed.menu-opened .store-header.qdm-raed-header,
body.qdm-raed.qdm-react-mobile-menu-open .store-header.qdm-raed-header {
  animation: none !important;
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
}

/* Reduced motion: sticky still works, animation simply disappears. */
@media (prefers-reduced-motion: reduce) {
  body.qdm-raed
  .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck {
    animation: none !important;
    transform: translate3d(0, 0, 0) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.79 NATURAL WHOLE-HEADER SCROLL
   Final behavior from the supplied mobile + desktop clips:
   the ENTIRE header, including its background bar, belongs to normal page flow.
   It scrolls away with the page and nothing remains pinned over products.
   ============================================================================ */

/* Kill every previous sticky/fixed experiment on the complete header shell. */
body.qdm-raed .store-header.qdm-raed-header,
body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready,
body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-stuck,
body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck,
body.qdm-raed.menu-opened .store-header.qdm-raed-header,
body.qdm-raed.qdm-react-mobile-menu-open .store-header.qdm-raed-header {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;

  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition-property: none !important;
  opacity: 1 !important;
  will-change: auto !important;

  /* It still layers correctly while physically present, but it is NOT pinned. */
  z-index: 1200 !important;
}

/* Salla may add fixed-header/fixed-pinned to #mainnav while scrolling.
   Force every state back into the SAME normal-flow header. */
body.qdm-raed .store-header.qdm-raed-header #mainnav,
body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-header,
body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-pinned,
body.qdm-raed #mainnav.fixed-header,
body.qdm-raed #mainnav.fixed-pinned {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;

  transform: none !important;
  translate: none !important;
  animation: none !important;
  margin-top: 0 !important;

  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* The row/logo/icons must never have their own independent sticky animation. */
body.qdm-raed .store-header.qdm-raed-header .qdm-raed-header-row,
body.qdm-raed
.store-header.qdm-raed-header.qdm-mobile-header-stuck
.qdm-raed-header-row {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

/* Explicitly cover both viewport families so older media-query !important
   declarations cannot bring sticky behavior back. */
@media (max-width: 900px) {
  body.qdm-raed .store-header.qdm-raed-header {
    position: relative !important;
    top: auto !important;
  }

  body.qdm-raed .store-header.qdm-raed-header #mainnav,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-header,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-pinned {
    position: relative !important;
    top: auto !important;
  }
}

@media (min-width: 901px) {
  body.qdm-raed .store-header.qdm-raed-header {
    position: relative !important;
    top: auto !important;
  }

  body.qdm-raed .store-header.qdm-raed-header #mainnav,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-header,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-pinned {
    position: relative !important;
    top: auto !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.80 CTA + CANONICAL ABAYAS NAV
   Routing-only fix. Visual behavior remains V13.79.
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.81 PREVIEW-SAFE CANONICAL ROUTING
   Routing-only fix; no visual changes from V13.80/V13.79.
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.93
   EXACT V13.81 ACCOUNT APPEARANCE + BODY-LEVEL NATIVE SALLA USER MENU
   ============================================================================ */

/* This lives under <body>, OUTSIDE the clipped V13.81 header/user-menu. */
body.qdm-raed .qdm-account-popover-v1393 {
  position: fixed !important;
  z-index: 2147483000 !important;

  top: var(--qdm-account-popover-top, 70px) !important;
  left: var(--qdm-account-popover-left, 12px) !important;

  width: var(--qdm-account-popover-width, 276px) !important;
  max-width: calc(100vw - 24px) !important;

  margin: 0 !important;
  padding: 8px 0 !important;

  background: #ffffff !important;
  border: 1px solid rgba(17, 17, 17, .08) !important;
  border-radius: 7px !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, .10),
    0 2px 8px rgba(0, 0, 0, .05) !important;

  overflow: visible !important;

  opacity: 0 !important;
  transform: translate3d(0, -5px, 0) !important;
  transform-origin: top center !important;
  transition:
    opacity .16s ease,
    transform .18s cubic-bezier(.22,.72,.18,1) !important;
}

body.qdm-raed .qdm-account-popover-v1393[hidden] {
  display: none !important;
}

body.qdm-raed .qdm-account-popover-v1393.is-open {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Salla's own list-only user-menu. No trigger/avatar exists in inline mode. */
body.qdm-raed
.qdm-account-popover-v1393
salla-user-menu.qdm-account-inline-menu-v1393 {
  display: block !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: 0 !important;

  overflow: visible !important;
  clip-path: none !important;
  contain: none !important;

  color: #111111 !important;
}

/* Do not let broad header rules accidentally style the body-level menu. */
body.qdm-raed
.qdm-account-popover-v1393
salla-user-menu * {
  box-sizing: border-box;
}

@media (max-width: 767px) {
  body.qdm-raed .qdm-account-popover-v1393 {
    border-radius: 6px !important;
    max-height: min(72vh, 560px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.94 MOBILE CART FOOTER CLEARANCE
   Cart only / mobile only:
   keep Total + Checkout fully above the black footer wave.
   ============================================================================ */
@media (max-width: 900px) {
  /* Raed puts the cart summary inside `.sticky top-24`.
     On mobile this can collide visually with the footer at the end of the page.
     Return the summary column to normal flow. */
  body.qdm-raed.qdm-cart-page-v1394
  #main-content .sticky:has(> salla-cart-summary-card[data-testid="store-cart-summary"]) {
    position: relative !important;
    top: auto !important;
    inset-block-start: auto !important;

    z-index: 5 !important;

    /* Safe distance from the 36px curved legal-footer wave. */
    margin-bottom: 58px !important;
    padding-bottom: 0 !important;
  }

  /* Keep the card/button itself above the start of the footer if browser
     rounding or safe-area behavior removes a few pixels of the gap. */
  body.qdm-raed.qdm-cart-page-v1394
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    display: block !important;
    position: relative !important;
    z-index: 6 !important;
    margin-bottom: 0 !important;
  }

  /* The footer's curved pseudo-element starts 18px above its own box.
     On cart pages keep it below the checkout stacking layer. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed.qdm-cart-page-v1394
  .store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark {
    z-index: 1 !important;
  }

  /* Extra breathing room for iPhone bottom safe area, without changing
     the footer design or any other page. */
  body.qdm-raed.qdm-cart-page-v1394 #main-content {
    padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.95 MOBILE STICKY COMMERCE ABOVE FOOTER
   Cart + product purchase bars stay sticky/fixed at the bottom, always above
   the black footer wave. Desktop remains unchanged.
   ============================================================================ */
@media (max-width: 900px) {
  /* ------------------------------------------------------------------------
     CART: restore the sticky checkout behavior removed in V13.94.
     Only the Total/Checkout card is pinned, not the entire sidebar contents.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-cart-page-v1394
  #main-content .sticky:has(> salla-cart-summary-card[data-testid="store-cart-summary"]) {
    position: static !important;
    top: auto !important;
    inset: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    z-index: auto !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    z-index: 2147482500 !important;
    isolation: isolate !important;

    /* iPhone home-indicator clearance while retaining the native card UI. */
    padding-bottom: env(safe-area-inset-bottom) !important;

    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
  }

  /* Reserve space so the final cart content can still scroll fully above the
     fixed Total/Checkout card instead of ending underneath it. */
  body.qdm-raed.qdm-cart-page-v1394 #main-content {
    padding-bottom: calc(172px + env(safe-area-inset-bottom)) !important;
  }

  /* ------------------------------------------------------------------------
     PRODUCT: Raed already makes `.sticky-product-bar` fixed at bottom on mobile.
     Its original z-index is only 2, which lets the black footer wave cover it.
     Preserve the native sticky behavior and move the whole purchase bar above
     every footer layer.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-product-page-v1395 .sticky-product-bar,
  body.qdm-raed.is-sticky-product-bar.product-single .sticky-product-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    max-width: none !important;

    z-index: 2147482500 !important;
    isolation: isolate !important;

    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    transform: translateY(0) translateZ(0) !important;
  }

  /* Make sure every native purchase control remains in the same top layer. */
  body.qdm-raed.qdm-product-page-v1395 .sticky-product-bar salla-add-product-button,
  body.qdm-raed.qdm-product-page-v1395 .sticky-product-bar salla-quantity-input,
  body.qdm-raed.qdm-product-page-v1395 .sticky-product-bar__btn {
    position: relative !important;
    z-index: 2 !important;
  }

  /* Keep enough scroll room below product content for the fixed purchase bar. */
  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.is-sticky-product-bar.product-single #main-content {
    padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important;
  }

  /* ------------------------------------------------------------------------
     FOOTER: it must always pass BEHIND sticky commerce bars, never over them.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-cart-page-v1394 .store-footer.qdm-raed-footer,
  body.qdm-raed.qdm-product-page-v1395 .store-footer.qdm-raed-footer,
  body.qdm-raed.qdm-cart-page-v1394 .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed.qdm-product-page-v1395 .qdm-raed-footer-legal.qdm-v4-footer-dark {
    position: relative !important;
    z-index: 1 !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-raed-footer-legal.qdm-v4-footer-dark::before,
  body.qdm-raed.qdm-product-page-v1395
  .qdm-raed-footer-legal.qdm-v4-footer-dark::before {
    z-index: -1 !important;
    pointer-events: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.96 FOOTER-AWARE STICKY COMMERCE
   Mobile cart + product bars stay fixed while browsing, then rise exactly with
   the footer as it enters the viewport. The footer is therefore fully visible
   below the bar instead of being covered by it.
   ============================================================================ */
@media (max-width: 900px) {
  /* CART */
  body.qdm-raed.qdm-cart-page-v1394
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    bottom: calc(var(--qdm-commerce-footer-lift-v1396, 0px) + env(safe-area-inset-bottom)) !important;
    transition: bottom .08s linear !important;
  }

  /* PRODUCT */
  body.qdm-raed.qdm-product-page-v1395 .sticky-product-bar,
  body.qdm-raed.is-sticky-product-bar.product-single .sticky-product-bar {
    bottom: var(--qdm-commerce-footer-lift-v1396, 0px) !important;
    transition: bottom .08s linear !important;
  }

  /* Restore footer stacking naturally. It no longer needs to sit behind the bar;
     physical separation is handled by the dynamic bottom offset. */
  body.qdm-raed.qdm-cart-page-v1394 .store-footer.qdm-raed-footer,
  body.qdm-raed.qdm-product-page-v1395 .store-footer.qdm-raed-footer,
  body.qdm-raed.qdm-cart-page-v1394 .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed.qdm-product-page-v1395 .qdm-raed-footer-legal.qdm-v4-footer-dark {
    z-index: auto !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.97 FIXED COMMERCE + FOOTER SLOT
   Mobile cart + product purchase bars remain fixed at viewport bottom ALWAYS.
   At page end, a real slot is inserted AFTER the footer with exactly the bar's
   height. This lets the footer scroll completely above the fixed bar, so the bar
   visually sits in its own reserved space below the footer instead of covering it.
   ============================================================================ */
@media (max-width: 900px) {
  /* Never lift the bars with the footer again. */
  body.qdm-raed.qdm-cart-page-v1394
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    bottom: env(safe-area-inset-bottom) !important;
    transition: none !important;
  }

  body.qdm-raed.qdm-product-page-v1395 .sticky-product-bar,
  body.qdm-raed.is-sticky-product-bar.product-single .sticky-product-bar {
    bottom: 0 !important;
    transition: none !important;
  }

  /* Remove the large BEFORE-footer padding from V13.95.
     The reserved room now belongs AFTER the footer, exactly as requested. */
  body.qdm-raed.qdm-cart-page-v1394 #main-content {
    padding-bottom: 0 !important;
  }

  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.is-sticky-product-bar.product-single #main-content {
    padding-bottom: 0 !important;
  }

  /* The actual reserved area UNDER the footer. */
  body.qdm-raed .qdm-commerce-footer-slot-v1397 {
    display: block !important;
    width: 100% !important;
    height: calc(
      var(--qdm-commerce-slot-height-v1397, 140px)
      + env(safe-area-inset-bottom)
      + 10px
    ) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f8f5f1 !important;
    border: 0 !important;

    position: relative !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  /* Footer returns to normal stacking. The reserved slot, not z-index,
     is what prevents overlap at the end of the page. */
  body.qdm-raed.qdm-cart-page-v1394 .store-footer.qdm-raed-footer,
  body.qdm-raed.qdm-product-page-v1395 .store-footer.qdm-raed-footer,
  body.qdm-raed.qdm-cart-page-v1394 .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed.qdm-product-page-v1395 .qdm-raed-footer-legal.qdm-v4-footer-dark {
    z-index: auto !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.98 EXACT FOOTER-TO-BAR JOIN
   Remove Raed's native 7rem sticky-product reserve; V13.97 already owns the
   footer slot. Keep exactly ONE reserve equal to the visible fixed bar height.
   ============================================================================ */
@media (max-width: 900px) {
  /* Raed app.css:
       @media(max-width:640px){
         .is-sticky-product-bar.product-single { padding-bottom:7rem }
       }
     That ~112px is the large white gap seen above our V13.97 slot. */
  body.qdm-raed.is-sticky-product-bar.product-single,
  body.qdm-raed.qdm-product-page-v1395.is-sticky-product-bar.product-single {
    padding-bottom: 0 !important;
  }

  /* The slot is EXACTLY the measured fixed-bar height.
     Bar height already includes its own safe-area/padding, so do not add it
     a second time and do not add the old +10px breathing room. */
  body.qdm-raed .qdm-commerce-footer-slot-v1397 {
    height: var(--qdm-commerce-slot-height-v1397, 120px) !important;
    min-height: var(--qdm-commerce-slot-height-v1397, 120px) !important;
    max-height: var(--qdm-commerce-slot-height-v1397, 120px) !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.99 TI-1060 HOME LINK + HOVER FIX
   Missing product-route discovery no longer disables home-card interaction.
   ============================================================================ */
body.qdm-raed a.qdm-route-pending.qdm-v9-edit-card[data-qdm-product-code] {
  pointer-events: auto !important;
  cursor: pointer !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed
  .qdm-v9-edit-card[data-qdm-product-code="TI-1060"]:hover
  .qdm-v9-card-default {
    opacity: 0 !important;
    transform: scale(1.018) !important;
  }

  body.qdm-raed
  .qdm-v9-edit-card[data-qdm-product-code="TI-1060"]:hover
  .qdm-v9-card-hover {
    display: block !important;
    opacity: 1 !important;
    transform: scale(1.018) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.100 LARGER DESKTOP COLLECTION PICKS
   Make the four "Collection Picks" cards materially larger by letting the
   section use almost the full desktop viewport width. Mobile stays unchanged.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-v9-editorial {
    position: relative !important;
    right: 50% !important;
    left: auto !important;

    width: min(1880px, calc(100vw - 32px)) !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: translateX(50%) !important;
  }

  body.qdm-raed .qdm-v9-edit-grid {
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body.qdm-raed .qdm-v9-edit-card {
    width: 100% !important;
    min-width: 0 !important;

    /* Preserve the approved fashion-card proportions while width grows. */
    aspect-ratio: .69 !important;
  }

  /* Keep the heading aligned with the enlarged grid edge. */
  body.qdm-raed .qdm-v9-editorial-head {
    width: 100% !important;
  }
}

/* Ultra-wide monitors: allow a little more breathing room without letting the
   cards become absurdly oversized. */
@media (min-width: 1900px) {
  body.qdm-raed .qdm-v9-editorial {
    width: min(1940px, calc(100vw - 40px)) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.101 PREMIUM TYPOGRAPHY
   Arabic source of truth: Raed's own --font-main / DINNextLTArabic.
   Goal: cleaner fashion typography, more breathing room, no compressed Arabic.
   ============================================================================ */

:root {
  --qdm-font-ar: var(--font-main), "DINNextLTArabic", "Dubai", "Tahoma", sans-serif;
  --qdm-font-en: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* --------------------------------------------------------------------------
   1) SITE-WIDE FONT RENDERING
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed,
html[lang^="ar"] body.qdm-raed {
  font-family: var(--qdm-font-ar) !important;
  font-kerning: normal !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

html[dir="rtl"] body.qdm-raed button,
html[dir="rtl"] body.qdm-raed input,
html[dir="rtl"] body.qdm-raed select,
html[dir="rtl"] body.qdm-raed textarea,
html[lang^="ar"] body.qdm-raed button,
html[lang^="ar"] body.qdm-raed input,
html[lang^="ar"] body.qdm-raed select,
html[lang^="ar"] body.qdm-raed textarea {
  font-family: var(--qdm-font-ar) !important;
  font-kerning: normal !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Arabic should NOT use Latin-style tracking.
   Several older Queendom rules used .08em–.27em, which visually compresses /
   breaks Arabic shaping and makes short CTAs look low-quality. */
html[dir="rtl"] body.qdm-raed :where(
  h1, h2, h3, h4, h5, h6,
  p, a, button, label,
  small, strong, em, span,
  .qdm-v9-hero-copy,
  .qdm-v9-editorial-head,
  .qdm-v9-edit-copy,
  .qdm-under-copy,
  .qdm-under-meta,
  .qdm-under-cta,
  .qdm-v10-all-products-copy,
  .qdm-raed-desktop-nav,
  .qdm-catalog-toolbar-v1351,
  .qdm-catalog-products-v1351,
  .qdm-breadcrumb-v1375
) {
  letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   2) MAIN HEADINGS — elegant but not squeezed
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed :where(
  .qdm-v9-hero-copy h1,
  .qdm-v9-editorial-head h2,
  .qdm-under-copy h2,
  .qdm-v10-all-products-copy h2,
  .qdm-catalog-title-v1351,
  .qdm-catalog-toolbar-v1351 h1,
  .qdm-inner-page h1
) {
  font-family: var(--qdm-font-ar) !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

/* --------------------------------------------------------------------------
   3) NAVIGATION / BREADCRUMBS / SORT
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-raed-desktop-nav a,
html[dir="rtl"] body.qdm-raed .qdm-breadcrumb-v1375,
html[dir="rtl"] body.qdm-raed .qdm-breadcrumb-v1375 a,
html[dir="rtl"] body.qdm-raed .qdm-catalog-sort-mobile-select-v1351,
html[dir="rtl"] body.qdm-raed .qdm-catalog-sort-v1351 select {
  font-family: var(--qdm-font-ar) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   4) CTA TEXT — fix the "compressed" look
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-under-cta,
html[dir="rtl"] body.qdm-raed .qdm-under-cta:visited,
html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy a,
html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy a:visited,
html[dir="rtl"] body.qdm-raed .qdm-v10-all-products-copy a,
html[dir="rtl"] body.qdm-raed .qdm-v10-all-products-link {
  font-family: var(--qdm-font-ar) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-cta,
html[dir="rtl"] body.qdm-raed .qdm-under-cta:visited {
  min-width: 172px !important;
  padding: 13px 24px !important;
  gap: 14px !important;
}

/* --------------------------------------------------------------------------
   5) HOME COLLECTION PRODUCT COPY
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy strong {
  font-family: var(--qdm-font-ar) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy em {
  font-family: var(--qdm-font-ar) !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

/* Under Abaya product metadata */
html[dir="rtl"] body.qdm-raed .qdm-under-meta-name small {
  font-family: var(--qdm-font-ar) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-meta-name strong {
  font-family: var(--qdm-font-ar) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-meta-count,
html[dir="rtl"] body.qdm-raed .qdm-under-meta-price {
  font-family: var(--qdm-font-ar) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* --------------------------------------------------------------------------
   6) CATALOG PRODUCT NAMES / PRICES
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355 a,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a {
  font-family: var(--qdm-font-ar) !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-price-v1355,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4 {
  font-family: var(--qdm-font-ar) !important;
  font-size: 17.5px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

/* --------------------------------------------------------------------------
   7) PRODUCT PAGE / CART / FORMS
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed :where(
  .product-single,
  .product-single button,
  .product-single input,
  .product-single select,
  salla-cart-summary-card,
  salla-cart-summary-card button,
  salla-cart-summary-card input,
  .qdm-account-popover-v1393
) {
  font-family: var(--qdm-font-ar) !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

/* --------------------------------------------------------------------------
   8) MOBILE TYPOGRAPHY — slightly larger than old 10–12px rules
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {
  html[dir="rtl"] body.qdm-raed .qdm-raed-desktop-nav a,
  html[dir="rtl"] body.qdm-raed .qdm-breadcrumb-v1375,
  html[dir="rtl"] body.qdm-raed .qdm-breadcrumb-v1375 a,
  html[dir="rtl"] body.qdm-raed .qdm-catalog-sort-mobile-select-v1351 {
    font-size: 13px !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-under-cta,
  html[dir="rtl"] body.qdm-raed .qdm-under-cta:visited,
  html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy a {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy strong {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy em {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-name-v1355,
  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-name-v1355 a,
  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-content-title a {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-price-v1355,
  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-price {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
}

/* --------------------------------------------------------------------------
   9) ENGLISH — retain the approved clean sans typography
   -------------------------------------------------------------------------- */

html[dir="ltr"] body.qdm-raed,
html[lang^="en"] body.qdm-raed {
  font-family: var(--qdm-font-en) !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}


/* ============================================================================
   THE QUEENDOM — V13.102 CALM PREMIUM TYPOGRAPHY
   Cleaner, calmer Arabic typography inspired by the supplied references.
   ============================================================================ */

:root {
  --qdm-font-ar-v13102: "IBM Plex Sans Arabic", "DINNextLTArabic", "Dubai", Tahoma, sans-serif;
  --qdm-font-en-v13102: "Inter", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* --------------------------------------------------------------------------
   GLOBAL
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed,
html[lang^="ar"] body.qdm-raed {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-synthesis: none !important;
}

html[dir="rtl"] body.qdm-raed :where(
  button,
  input,
  select,
  textarea,
  a,
  span,
  p,
  label,
  small,
  strong,
  em,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
) {
  font-family: var(--qdm-font-ar-v13102) !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

html[dir="ltr"] body.qdm-raed,
html[lang^="en"] body.qdm-raed {
  font-family: var(--qdm-font-en-v13102) !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy h1 {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-weight: 400 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.01em !important;
}

html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy small {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy a {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   SECTION TITLES
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-v9-editorial-head h2,
html[dir="rtl"] body.qdm-raed .qdm-under-copy h2,
html[dir="rtl"] body.qdm-raed .qdm-v10-all-products-copy h2,
html[dir="rtl"] body.qdm-raed .qdm-catalog-title-v1351,
html[dir="rtl"] body.qdm-raed .qdm-catalog-toolbar-v1351 h1,
html[dir="rtl"] body.qdm-raed .qdm-inner-page h1 {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.012em !important;
}

/* Main home section title like "مختارات الكولكشن" */
html[dir="rtl"] body.qdm-raed .qdm-v9-editorial-head h2 {
  font-size: clamp(28px, 2.15vw, 40px) !important;
}

/* Under Abaya large title */
html[dir="rtl"] body.qdm-raed .qdm-under-copy h2 {
  font-size: clamp(42px, 4.9vw, 76px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
}

/* All products large title */
html[dir="rtl"] body.qdm-raed .qdm-v10-all-products-copy h2 {
  font-size: clamp(42px, 5vw, 78px) !important;
  font-weight: 400 !important;
  line-height: 1.07 !important;
}

/* --------------------------------------------------------------------------
   UNDER ABAYA COPY
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-under-copy > small {
  font-family: var(--qdm-font-en-v13102) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .22em !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-copy p {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  letter-spacing: 0 !important;
  opacity: .72 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-cta,
html[dir="rtl"] body.qdm-raed .qdm-under-cta:visited {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  min-width: 168px !important;
  padding: 13px 22px !important;
}

/* --------------------------------------------------------------------------
   HOME PRODUCT COPY
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy strong {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy em {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-meta-name small {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 10.5px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-meta-name strong {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-meta-count,
html[dir="rtl"] body.qdm-raed .qdm-under-meta-price {
  font-family: var(--qdm-font-en-v13102) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* --------------------------------------------------------------------------
   CATALOG PRODUCT TEXT
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355 a,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-content-title a {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-price-v1355,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-price,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-sale-price h4,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-starting-price h4 {
  font-family: var(--qdm-font-en-v13102) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   NAV / BREADCRUMBS / SORT
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed .qdm-raed-desktop-nav a,
html[dir="rtl"] body.qdm-raed .qdm-breadcrumb-v1375,
html[dir="rtl"] body.qdm-raed .qdm-breadcrumb-v1375 a,
html[dir="rtl"] body.qdm-raed .qdm-catalog-sort-mobile-select-v1351,
html[dir="rtl"] body.qdm-raed .qdm-catalog-sort-v1351 select {
  font-family: var(--qdm-font-ar-v13102) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   PRODUCT PAGE / CART
   -------------------------------------------------------------------------- */

html[dir="rtl"] body.qdm-raed :where(
  .product-single,
  .product-single button,
  .product-single input,
  .product-single select,
  salla-cart-summary-card,
  salla-cart-summary-card button,
  salla-cart-summary-card input,
  .qdm-account-popover-v1393
) {
  font-family: var(--qdm-font-ar-v13102) !important;
  letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {
  html[dir="rtl"] body.qdm-raed .qdm-v9-editorial-head h2 {
    font-size: 25px !important;
    line-height: 1.22 !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-under-copy h2 {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-v10-all-products-copy h2 {
    font-size: 40px !important;
    line-height: 1.08 !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-under-copy p {
    font-size: 12.5px !important;
    line-height: 1.72 !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-under-cta,
  html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy a {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy strong {
    font-size: 12px !important;
  }

  html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy em {
    font-size: 13.5px !important;
  }

  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-name-v1355,
  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-name-v1355 a,
  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-content-title a {
    font-size: 12.75px !important;
    line-height: 1.52 !important;
  }

  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .qdm-catalog-card-price-v1355,
  html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-price {
    font-size: 14px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.103 TRUE SYSTEM ARABIC TYPOGRAPHY
   No Google Fonts / no external loading.
   iPhone/iPad/macOS => Apple system Arabic.
   Windows            => Segoe UI Arabic.
   This also overrides Raed's --font-main so native Raed/Salla text inherits it.
   ============================================================================ */

:root,
html,
body.theme-raed,
body.qdm-raed {
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  --qdm-font-ar: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  --qdm-font-ar-v13102: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  --qdm-font-en-v13102: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

html[dir="rtl"] body.theme-raed,
html[dir="rtl"] body.qdm-raed,
html[lang^="ar"] body.theme-raed,
html[lang^="ar"] body.qdm-raed {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  font-kerning: normal !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Form controls do not always inherit body font in browsers. */
html[dir="rtl"] body.qdm-raed :where(button, input, select, textarea, option) {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  letter-spacing: 0 !important;
}

/* Custom Queendom text: explicit final override so old accumulated font rules
   cannot win. Icon-font nodes are deliberately NOT targeted. */
html[dir="rtl"] body.qdm-raed :where(
  .qdm-v9-hero-copy,
  .qdm-v9-hero-copy h1,
  .qdm-v9-hero-copy small,
  .qdm-v9-hero-copy a,
  .qdm-v9-editorial-head,
  .qdm-v9-editorial-head h2,
  .qdm-v9-edit-copy,
  .qdm-v9-edit-copy strong,
  .qdm-v9-edit-copy em,
  .qdm-under-copy,
  .qdm-under-copy h2,
  .qdm-under-copy p,
  .qdm-under-meta,
  .qdm-under-meta-name,
  .qdm-under-meta-name small,
  .qdm-under-meta-name strong,
  .qdm-under-cta,
  .qdm-v10-all-products-copy,
  .qdm-v10-all-products-copy h2,
  .qdm-v10-all-products-copy a,
  .qdm-catalog-toolbar-v1351,
  .qdm-catalog-title-v1351,
  .qdm-catalog-sort-mobile-select-v1351,
  .qdm-catalog-products-v1351,
  .qdm-catalog-card-name-v1355,
  .qdm-catalog-card-price-v1355,
  .qdm-breadcrumb-v1375,
  .qdm-breadcrumb-v1375 a,
  .qdm-raed-desktop-nav a,
  .qdm-account-popover-v1393
) {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  font-synthesis: none !important;
}

/* Arabic feels cramped when old Latin tracking survives. */
html[dir="rtl"] body.qdm-raed :where(
  .qdm-v9-hero-copy h1,
  .qdm-v9-hero-copy a,
  .qdm-v9-editorial-head h2,
  .qdm-v9-edit-copy strong,
  .qdm-v9-edit-copy em,
  .qdm-under-copy h2,
  .qdm-under-copy p,
  .qdm-under-cta,
  .qdm-v10-all-products-copy h2,
  .qdm-v10-all-products-copy a,
  .qdm-catalog-title-v1351,
  .qdm-catalog-card-name-v1355,
  .qdm-catalog-card-price-v1355,
  .qdm-breadcrumb-v1375
) {
  letter-spacing: 0 !important;
}

/* Calm fashion hierarchy: lighter, cleaner, more breathing room. */
html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy h1 {
  font-weight: 400 !important;
  line-height: 1.18 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-v9-editorial-head h2 {
  font-weight: 400 !important;
  line-height: 1.28 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-copy h2,
html[dir="rtl"] body.qdm-raed .qdm-v10-all-products-copy h2 {
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-copy p {
  font-weight: 400 !important;
  line-height: 1.85 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-under-cta,
html[dir="rtl"] body.qdm-raed .qdm-v9-hero-copy a,
html[dir="rtl"] body.qdm-raed .qdm-v10-all-products-copy a {
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy strong,
html[dir="rtl"] body.qdm-raed .qdm-catalog-card-name-v1355,
html[dir="rtl"] body.qdm-raed .qdm-catalog-card-name-v1355 a {
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

html[dir="rtl"] body.qdm-raed .qdm-v9-edit-copy em,
html[dir="rtl"] body.qdm-raed .qdm-catalog-card-price-v1355 {
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

/* English stays clean and system-native too. */
html[dir="ltr"] body.qdm-raed,
html[lang^="en"] body.qdm-raed {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}


/* ============================================================================
   THE QUEENDOM — V13.104 UNDER ABAYA SOFT-EDGE CARDS
   Remove the hard rectangular/card feel around the suits.
   Preserve the exact carousel layout and clarity while softly blending
   photograph edges into the page background.
   ============================================================================ */

body.qdm-raed .qdm-under-look {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  isolation: isolate !important;
}

/* Keep the source photo itself untouched/sharp. */
body.qdm-raed .qdm-under-look img,
body.qdm-raed .qdm-under-look .qdm-media-placeholder {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Soft page-color feather around the photograph.
   It removes the visible rectangular edge without washing out the model. */
body.qdm-raed .qdm-under-look::after {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  inset: 0 !important;

  pointer-events: none !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow:
    inset 10px 0 18px -10px #f8f5f1,
    inset -10px 0 18px -10px #f8f5f1,
    inset 0 10px 18px -12px #f8f5f1,
    inset 0 -10px 18px -12px #f8f5f1 !important;
}

/* Center card stays crisp: only a very subtle edge blend. */
body.qdm-raed .qdm-under-look-active::after {
  box-shadow:
    inset 7px 0 14px -9px #f8f5f1,
    inset -7px 0 14px -9px #f8f5f1,
    inset 0 7px 14px -10px #f8f5f1,
    inset 0 -7px 14px -10px #f8f5f1 !important;
}

/* Side looks already fade by opacity; give their edges a slightly softer
   transition so they feel part of the editorial canvas rather than boxes. */
body.qdm-raed .qdm-under-look-prev::after,
body.qdm-raed .qdm-under-look-next::after {
  box-shadow:
    inset 14px 0 24px -10px #f8f5f1,
    inset -14px 0 24px -10px #f8f5f1,
    inset 0 12px 22px -12px #f8f5f1,
    inset 0 -12px 22px -12px #f8f5f1 !important;
}

/* Keep copy above the feather layer. */
body.qdm-raed .qdm-under-look-copy {
  z-index: 7 !important;
}

body.qdm-raed .qdm-under-look-shade {
  z-index: 6 !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-under-look::after {
    box-shadow:
      inset 7px 0 14px -9px #f8f5f1,
      inset -7px 0 14px -9px #f8f5f1,
      inset 0 7px 14px -10px #f8f5f1,
      inset 0 -7px 14px -10px #f8f5f1 !important;
  }

  body.qdm-raed .qdm-under-look-prev::after,
  body.qdm-raed .qdm-under-look-next::after {
    box-shadow:
      inset 10px 0 18px -9px #f8f5f1,
      inset -10px 0 18px -9px #f8f5f1,
      inset 0 8px 16px -10px #f8f5f1,
      inset 0 -8px 16px -10px #f8f5f1 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.105 COLLECTION PICKS DESKTOP MORE CTA
   Desktop only. Centered CTA under the four Collection Picks cards,
   linking to New Collection. Mobile remains unchanged.
   ============================================================================ */

body.qdm-raed .qdm-v9-edit-desktop-more-wrap {
  display: none !important;
}

@media (min-width: 901px) {
  body.qdm-raed .qdm-v9-edit-desktop-more-wrap {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 30px 0 0 !important;
    padding: 0 !important;
  }

  body.qdm-raed .qdm-v9-edit-desktop-more {
    min-width: 148px !important;
    height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;

    padding: 0 24px !important;
    margin: 0 !important;

    background: #111111 !important;
    border: 1px solid #111111 !important;
    border-radius: 0 !important;

    color: #ffffff !important;
    text-decoration: none !important;

    font-family: var(--font-main), "Segoe UI", Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    transition:
      background-color .22s ease,
      color .22s ease,
      transform .22s ease !important;
  }

  body.qdm-raed .qdm-v9-edit-desktop-more:hover {
    background: transparent !important;
    color: #111111 !important;
    transform: translateY(-1px) !important;
  }

  body.qdm-raed .qdm-v9-edit-desktop-more:focus-visible {
    outline: 1px solid #111111 !important;
    outline-offset: 4px !important;
  }
}

html[dir="ltr"] body.qdm-raed .qdm-v9-edit-desktop-more {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}


/* ============================================================================
   THE QUEENDOM — V13.106 UNDER ABAYA CTA HOVER
   Match the desktop Collection Picks "More" button interaction exactly.
   ============================================================================ */
@media (hover: hover) and (pointer: fine) {
  body.qdm-raed .qdm-under-cta,
  body.qdm-raed .qdm-under-cta:visited {
    background: #111111 !important;
    border: 1px solid #111111 !important;
    color: #ffffff !important;

    transition:
      background-color .22s ease,
      color .22s ease,
      border-color .22s ease,
      transform .22s ease !important;
  }

  body.qdm-raed .qdm-under-cta:hover {
    background: transparent !important;
    border-color: #111111 !important;
    color: #111111 !important;
    opacity: 1 !important;
    transform: translateY(-1px) !important;
  }
}

body.qdm-raed .qdm-under-cta:focus-visible {
  background: transparent !important;
  border-color: #111111 !important;
  color: #111111 !important;
  opacity: 1 !important;
  outline: 1px solid #111111 !important;
  outline-offset: 4px !important;
}


/* ============================================================================
   THE QUEENDOM — V13.107 UNDER ABAYA ARROW HOVER
   Match the CTA interaction: calm default, black active hover, subtle motion.
   ============================================================================ */
@media (hover: hover) and (pointer: fine) {
  body.qdm-raed .qdm-under-arrow {
    background: rgba(248, 245, 241, .96) !important;
    border-color: rgba(17,17,17,.18) !important;
    color: #111111 !important;

    transition:
      background-color .22s ease,
      color .22s ease,
      border-color .22s ease,
      transform .22s ease,
      box-shadow .22s ease !important;
  }

  body.qdm-raed .qdm-under-arrow:hover {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;

    transform: translateY(-50%) scale(1.06) !important;
    box-shadow: 0 8px 22px rgba(17,17,17,.10) !important;
  }
}

body.qdm-raed .qdm-under-arrow:focus-visible {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;

  outline: 1px solid #111111 !important;
  outline-offset: 4px !important;
  transform: translateY(-50%) scale(1.04) !important;
}


/* ============================================================================
   THE QUEENDOM — V13.108 EXACT REACT FONT CONTRACT
   Source of truth copied from the React project:
     [dir="rtl"] { --font-main: var(--font-ar); }
     body        { font-family: var(--font-main); }

   This intentionally overrides V13.103's system-font experiment and returns
   typography to the same Salla SDK font pipeline used by THE QUEENDOM REACT.
   ============================================================================ */

/* Exact React font variable behavior. */
html[dir="rtl"] {
  --font-main: var(--font-ar) !important;
}

body.qdm-raed {
  font-family: var(--font-main) !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* Undo the system-font overrides introduced in V13.103 and let the same
   --font-main used by React control all ordinary textual UI. */
body.qdm-raed :where(
  h1, h2, h3, h4, h5, h6,
  p, a, button, label, small, strong, em,
  input, select, textarea,
  .qdm-v9-hero-copy,
  .qdm-v9-editorial-head,
  .qdm-v9-edit-copy,
  .qdm-under-copy,
  .qdm-under-meta,
  .qdm-under-cta,
  .qdm-v10-all-products-copy,
  .qdm-raed-desktop-nav,
  .qdm-breadcrumb-v1375,
  .qdm-catalog-toolbar-v1351,
  .qdm-catalog-products-v1351,
  .qdm-account-popover-v1393,
  .product-single,
  salla-cart-summary-card
) {
  font-family: var(--font-main) !important;
  font-synthesis: none !important;
}

/* React keeps Arabic shaping clean rather than using Latin-style tracking. */
html[dir="rtl"] body.qdm-raed :where(
  h1, h2, h3, h4, h5, h6,
  p, a, button, label, small, strong, em,
  .qdm-v9-hero-copy,
  .qdm-v9-editorial-head,
  .qdm-v9-edit-copy,
  .qdm-under-copy,
  .qdm-under-meta,
  .qdm-under-cta,
  .qdm-v10-all-products-copy,
  .qdm-raed-desktop-nav,
  .qdm-breadcrumb-v1375,
  .qdm-catalog-toolbar-v1351,
  .qdm-catalog-products-v1351
) {
  letter-spacing: 0 !important;
}

/* Match the current React heading treatment: inherit the main Arabic face,
   regular weight, compact editorial line-height. */
html[dir="rtl"] body.qdm-raed :where(
  .qdm-v9-hero-copy h1,
  .qdm-v9-editorial-head h2,
  .qdm-under-copy h2,
  .qdm-v10-all-products-copy h2
) {
  font-family: var(--font-main) !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
}

/* English follows React/Salla's normal --font-main path too. */
html[dir="ltr"] body.qdm-raed {
  font-family: var(--font-main) !important;
}

html[dir="ltr"] body.qdm-raed :where(
  h1, h2, h3, h4, h5, h6,
  p, a, button, label, small, strong, em,
  input, select, textarea
) {
  font-family: var(--font-main) !important;
}


/* ============================================================================
   THE QUEENDOM — V13.109 SHORT-PAGE FOOTER / EMPTY-STATE CROP
   Fix large blank space under the footer on desktop + mobile when pages are
   short (e.g. empty cart / sparse states). The page becomes a column layout,
   main content grows, and the footer is pinned to the bottom of the viewport.
   ============================================================================ */
html,
body {
  min-height: 100% !important;
}

body.qdm-raed {
  min-height: 100vh !important;
  min-height: 100dvh !important;

  display: flex !important;
  flex-direction: column !important;
}

/* Keep the whole page shell filling the viewport, then let the footer sit at
   the bottom instead of leaving a white tail underneath it. */
body.qdm-raed .store-header.qdm-raed-header,
body.qdm-raed footer.qdm-raed-footer,
body.qdm-raed .store-footer.qdm-raed-footer {
  flex: 0 0 auto !important;
}

body.qdm-raed #main-content,
body.qdm-raed main,
body.qdm-raed .main-content,
body.qdm-raed [role="main"] {
  flex: 1 0 auto !important;
  min-height: 0 !important;
}

body.qdm-raed footer.qdm-raed-footer,
body.qdm-raed .store-footer.qdm-raed-footer {
  margin-top: auto !important;
}

/* Safety net: if any residual area is still produced after the footer by a
   native wrapper, make that area dark instead of beige/white. */
body.qdm-raed .qdm-commerce-footer-slot-v1397 {
  background: #101010 !important;
}

/* Empty cart page specifically: keep the state visually centered better and
   avoid exaggerated vertical gaps before the footer on short screens. */
body.qdm-raed.qdm-cart-page-v1394 #main-content {
  display: flex !important;
  flex-direction: column !important;
}

body.qdm-raed.qdm-cart-page-v1394 #main-content > *:last-child {
  margin-bottom: 0 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.110 TRUE RAED APP-SHELL FOOTER FIX
   Raed master.twig structure:
     body#app
       .app-inner.flex.flex-col.min-h-full
         header
         #main-content
         footer
   Therefore the viewport-height fix must live on .app-inner, not body.
   ============================================================================ */

html {
  height: 100% !important;
  min-height: 100% !important;
}

body#app.qdm-raed,
body.qdm-raed {
  height: auto !important;
  min-height: 100% !important;

  /* Undo V13.109 body-level flex. Raed's real flex shell is .app-inner. */
  display: block !important;
}

body.qdm-raed > .app-inner {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  min-height: 100vh !important;
  min-height: 100dvh !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Main content owns all remaining viewport space on short pages. */
body.qdm-raed > .app-inner > #main-content {
  flex: 1 0 auto !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

/* Footer is the final normal-flow block of the real app shell. */
body.qdm-raed > .app-inner > footer.store-footer.qdm-raed-footer,
body.qdm-raed > .app-inner > footer.qdm-raed-footer,
body.qdm-raed > .app-inner > [data-testid="store-footer"] {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}

/* There must be no page-height spacer after the app shell. Salla's components
   after .app-inner are modal/toast web-components and should not reserve layout
   height while closed. */
body.qdm-raed > .app-inner + :where(
  salla-add-product-toast,
  salla-offer-modal,
  salla-login-modal,
  salla-quick-buy,
  salla-modal
) {
  margin: 0 !important;
}

/* Desktop + mobile empty/short pages: never inherit an artificial bottom
   min-height from old inner-page experiments. */
body.qdm-raed.qdm-cart-page-v1394 > .app-inner > #main-content,
body.qdm-raed > .app-inner > #main-content:has(
  [data-testid*="empty"],
  .empty-cart,
  .cart-empty
) {
  min-height: 0 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.111 ALL PRODUCTS CTA HOVER
   Match the approved Hero CTA interaction: the underline starts full-width
   and contracts to 42% only when hovering "تصفحي المجموعة".
   ============================================================================ */
body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-cta {
  position: relative !important;
  border-bottom: 0 !important;
}

body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-cta::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: currentColor !important;
  transition: width .25s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.qdm-raed #qdm-v10-all-products-banner .qdm-v10-all-products-cta:hover::after {
    width: 42% !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.112 CATALOG IMAGE QUALITY — SINGLE VISIBLE RENDER
   - Keep Salla's native product list, count, links and sorting untouched.
   - Never show the small card thumbnail and then visibly swap to the sharp image.
   - While JS resolves/preloads the final source, only the image pixels are hidden;
     the product card itself remains in its exact place, so no products disappear
     and the grid does not reflow.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img.qdm-catalog-image-pending-v13112 {
  opacity: 0 !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img.qdm-catalog-image-ready-v13112 {
  opacity: 1 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.113 MOBILE FOOTER GEOMETRY LOCK
   - One identical footer curve on every mobile route and in both AR / EN.
   - Removes left:50% + translateX centering from the curve so RTL can never
     resolve the ellipse from the wrong side on hydrated/inner pages.
   - Keeps all footer content, links, legal data and page-specific commerce
     behavior untouched.
   - Locks social buttons to true circles on every mobile footer.
   ============================================================================ */
@media (max-width: 900px) {
  /* The footer itself is the clipping frame for the oversized curve. */
  body.qdm-raed footer.qdm-raed-footer,
  body.qdm-raed footer.store-footer.qdm-raed-footer,
  body.qdm-raed .store-footer.qdm-raed-footer {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Same legal-strip box on home, catalog, info, cart and product pages. */
  body.qdm-raed .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed footer.store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark,
  body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 96px !important;
    padding: 28px 20px 16px !important;
    overflow: visible !important;
    clip-path: none !important;
    transform: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    background: #101010 !important;
  }

  /* Direction-neutral curve: physical left/right anchors are deliberate.
     No percentage translation = no RTL/LTR drift or half-ellipse. */
  body.qdm-raed .qdm-raed-footer-legal.qdm-v4-footer-dark::before,
  body.qdm-raed .store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark::before,
  body.qdm-raed footer.store-footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark::before,
  body.qdm-raed footer.qdm-raed-footer > .qdm-raed-footer-legal.qdm-v4-footer-dark::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: -18px !important;
    left: -22px !important;
    right: -22px !important;
    width: auto !important;
    height: 36px !important;
    margin: 0 !important;
    transform: none !important;
    background: #101010 !important;
    border: 0 !important;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
    pointer-events: none !important;
  }

  /* Footer information always stays above the curve surface. */
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal,
  body.qdm-raed .qdm-raed-footer-copyright {
    position: relative !important;
    z-index: 1 !important;
  }

  /* Language only controls reading order; never geometry. */
  html[dir="rtl"] body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal,
  body.qdm-raed.qdm-lang-ar .qdm-raed-footer-documents.qdm-v9-legal {
    direction: rtl !important;
  }

  html[dir="ltr"] body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal,
  body.qdm-raed.qdm-lang-en .qdm-raed-footer-documents.qdm-v9-legal {
    direction: ltr !important;
  }

  /* Hard-lock the social outlines to perfect circles in both languages. */
  body.qdm-raed .qdm-raed-footer-social .qdm-v9-social {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.114 CATALOG IMAGE QUALITY — ORIGINAL-FIRST
   - Main catalog cards stay in the native Salla product list.
   - Hide only the low-resolution pixels until the final source is decoded.
   - The product/card/grid itself is never removed or reflowed.
   ============================================================================ */
@media (min-width: 0px) {
  body.qdm-raed.qdm-inner-catalog-page
  salla-products-list[data-testid="store-products-list"]
  .s-product-card-image img.qdm-catalog-image-pending-v13114,
  body.qdm-raed.qdm-inner-catalog-page
  salla-products-list.qdm-native-product-list
  .s-product-card-image img.qdm-catalog-image-pending-v13114 {
    opacity: 0 !important;
  }

  body.qdm-raed.qdm-inner-catalog-page
  salla-products-list[data-testid="store-products-list"]
  .s-product-card-image img.qdm-catalog-image-ready-v13114,
  body.qdm-raed.qdm-inner-catalog-page
  salla-products-list.qdm-native-product-list
  .s-product-card-image img.qdm-catalog-image-ready-v13114 {
    opacity: 1 !important;
  }
}

/* V13.114 first-paint guard: when the native catalog list is booting, do not
   paint Salla's small thumbnail before our original-resolution source is ready. */
body.qdm-raed.qdm-inner-catalog-page
salla-products-list.qdm-native-product-list.qdm-catalog-quality-boot-v13114
.s-product-card-image img:not(.qdm-catalog-image-ready-v13114) {
  opacity: 0 !important;
}

/* ============================================================================
   THE QUEENDOM — V13.115 CATALOG IMAGE REVEAL
   - Keep the card surface warm/beige while the final sharp image loads.
   - Reveal only the final image with a very short fade.
   - No white flash and no low-resolution -> high-resolution visual swap.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
salla-products-list[data-testid="store-products-list"] .s-product-card-image,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list.qdm-native-product-list .s-product-card-image,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list[data-testid="store-products-list"] .s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list.qdm-native-product-list .s-product-card-image picture {
  background: var(--qdm-card, #f3eee8) !important;
}

body.qdm-raed.qdm-inner-catalog-page
salla-products-list[data-testid="store-products-list"] .s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list.qdm-native-product-list .s-product-card-image img {
  transition: opacity .14s ease-out !important;
  will-change: opacity;
}

body.qdm-raed.qdm-inner-catalog-page
salla-products-list[data-testid="store-products-list"] .s-product-card-image img.qdm-catalog-image-pending-v13114,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list.qdm-native-product-list .s-product-card-image img.qdm-catalog-image-pending-v13114 {
  opacity: 0 !important;
}

body.qdm-raed.qdm-inner-catalog-page
salla-products-list[data-testid="store-products-list"] .s-product-card-image img.qdm-catalog-image-ready-v13114,
body.qdm-raed.qdm-inner-catalog-page
salla-products-list.qdm-native-product-list .s-product-card-image img.qdm-catalog-image-ready-v13114 {
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed.qdm-inner-catalog-page
  salla-products-list .s-product-card-image img {
    transition: none !important;
  }
}

/* V13.118: JS-only catalog history/BFCache recovery. CSS unchanged from V13.116/V13.117 visual state. */

/* ============================================================================
   THE QUEENDOM — V13.120 CATALOG PLACEHOLDER TONE
   - Replace the harsh white/bright card-image first paint with the same tone as
     the catalog page background.
   - Keep the existing high-res image pipeline and fade-in behavior unchanged.
   - Visual-only patch: no product source, count, sorting or link changes.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-entry,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .qdm-catalog-card-v1355,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-content {
  background: transparent !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image,
body.qdm-raed.qdm-inner-catalog-page salla-products-list[data-testid="store-products-list"] .s-product-card-image,
body.qdm-raed.qdm-inner-catalog-page salla-products-list.qdm-native-product-list .s-product-card-image,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image > div,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image picture,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image .lazy-load-image-background,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-image .s-product-card-image-content {
  background: var(--qdm-inner-bg, var(--qdm-bg, #f5f1ec)) !important;
}

body.qdm-raed.qdm-inner-catalog-page salla-products-list[data-testid="store-products-list"] .s-product-card-image img,
body.qdm-raed.qdm-inner-catalog-page salla-products-list.qdm-native-product-list .s-product-card-image img {
  transition: opacity .18s ease-out !important;
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed.qdm-inner-catalog-page salla-products-list[data-testid="store-products-list"] .s-product-card-image img,
  body.qdm-raed.qdm-inner-catalog-page salla-products-list.qdm-native-product-list .s-product-card-image img {
    transition: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.121 DESKTOP HEADER SCALE TUNE
   - Slightly taller desktop header only.
   - Slightly larger centered logo to keep proportions balanced.
   - Mobile header and all header behavior/links remain unchanged.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-raed-header #mainnav,
  body.qdm-raed .qdm-raed-header #mainnav .inner,
  body.qdm-raed .qdm-raed-header-row,
  body.qdm-raed .qdm-raed-header #mainnav > .inner > .container {
    height: 84px !important;
    min-height: 84px !important;
  }

  body.qdm-raed .qdm-raed-logo {
    width: 122px !important;
    height: 52px !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 118px !important;
    max-width: 118px !important;
    height: 50px !important;
    max-height: 50px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.122 DESKTOP META SCALE + CENTER ALIGN
   - Enlarge only the desktop operations / language / currency / email cluster.
   - Keep the cluster vertically centered on the same axis as the centered logo.
   - Mobile header remains untouched.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-raed-meta {
    top: 50% !important;
    height: 46px !important;
    min-height: 46px !important;
    gap: 8px !important;
    align-items: center !important;
    transform: translateY(-50%) !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-raed-meta-control {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 3px !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-raed-collections,
  body.qdm-raed .qdm-raed-collections-toggle {
    height: 40px !important;
    min-height: 40px !important;
  }

  body.qdm-raed .qdm-raed-collections-toggle {
    padding: 0 3px !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-raed-meta-email {
    height: 40px !important;
    min-height: 40px !important;
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body.qdm-raed .qdm-raed-meta-email .qdm-meta-mail-icon {
    flex-basis: 16px !important;
    width: 16px !important;
    height: 16px !important;
  }

  body.qdm-raed .qdm-raed-meta .qdm-meta-chevron {
    flex-basis: 9px !important;
    width: 9px !important;
    min-width: 9px !important;
    height: 6px !important;
  }

  body.qdm-raed .qdm-meta-separator {
    font-size: 12px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.123 DESKTOP LEFT TOOLS SCALE + CENTER ALIGN
   - Enlarge desktop search / account / cart only.
   - Keep the whole left cluster optically centered on the logo axis.
   - Mobile remains untouched.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-raed-search {
    top: 50% !important;
    left: 0 !important;
    right: auto !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    transform: translateY(-50%) !important;
  }

  body.qdm-raed .qdm-raed-search .qdm-native-search-component,
  body.qdm-raed .qdm-native-search-icon {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  body.qdm-raed .qdm-raed-search > svg,
  body.qdm-raed .qdm-native-search-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  body.qdm-raed .qdm-raed-tools {
    top: 50% !important;
    left: 42px !important;
    right: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    gap: 2px !important;
    align-items: center !important;
    transform: translateY(-50%) !important;
  }

  body.qdm-raed .qdm-raed-tools salla-user-menu,
  body.qdm-raed .qdm-raed-tools salla-cart-summary {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
  }

  body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay {
    top: 50% !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
  }

  body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }

  body.qdm-raed .qdm-raed-tools .header-btn__icon,
  body.qdm-raed .qdm-raed-tools .header-btn__icon.icon {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.qdm-raed .qdm-raed-tools .header-btn__icon svg,
  body.qdm-raed .qdm-raed-tools salla-cart-summary svg,
  body.qdm-raed .qdm-raed-tools salla-cart-summary i {
    width: 21px !important;
    height: 21px !important;
    font-size: 21px !important;
  }

  body.qdm-raed salla-cart-summary .s-cart-summary-count,
  body.qdm-raed salla-cart-summary [class*="cart-summary-count"] {
    transform: scale(1.03) !important;
    transform-origin: center !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.124 DESKTOP HEADER BALANCE
   - Remove the desktop email from the right-side header meta cluster.
   - Remove its now-unused separator.
   - Nudge the remaining operations / language / currency cluster slightly
     farther right while keeping it vertically centered on the logo axis.
   - Mobile drawer/footer email remain untouched.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed .qdm-raed-meta-email {
    display: none !important;
  }

  body.qdm-raed .qdm-raed-meta-email + .qdm-meta-separator {
    display: none !important;
  }

  body.qdm-raed .qdm-raed-meta {
    right: -22px !important;
    left: auto !important;
    top: 50% !important;
    height: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    transform: translateY(-50%) !important;
  }

  body.qdm-raed .qdm-raed-meta-control,
  body.qdm-raed .qdm-raed-collections,
  body.qdm-raed .qdm-raed-collections-toggle {
    align-self: center !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.126 DESKTOP CATALOG — FOUR ACROSS / FULL-WIDTH DISTRIBUTION
   - Desktop catalog pages only: New Collection, Suits, offers, all products, search.
   - Four products per row across nearly the full page width.
   - Preserve every existing card/image shape, aspect-ratio, crop, typography and
     image-quality behavior; this patch changes only the grid/container distribution.
   - Tablet/mobile layout remains untouched.
   ============================================================================ */
@media (min-width: 1025px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-shell-v1351 {
    width: calc(100% - 48px) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-main-v1351,
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 {
    width: 100% !important;
    max-width: none !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-products-list-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.128 CATALOG FILTER + SORT TRIGGER
   - Compact underlined filter/sort trigger on every catalog page.
   - Existing Salla sorting behavior/options remain unchanged.
   - Same visual control on desktop and mobile.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
  display: none !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
  position: relative !important;
  z-index: 60 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  direction: inherit !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128 {
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 0 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #171310 !important;
  box-shadow: none !important;
  font: inherit !important;
  cursor: pointer !important;
  transition: opacity .18s ease, border-color .18s ease !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128:hover {
  background: transparent !important;
  border-color: currentColor !important;
  opacity: .72 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128:focus-visible {
  outline: 1px solid #171310 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-label-v13128 {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-icon-v13128 {
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-popover-v1351 {
  top: calc(100% + 10px) !important;
  inset-inline-end: 0 !important;
  width: min(292px, calc(100vw - 28px)) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-current-v1351,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-arrow-v1351 {
  display: none !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-v1351 {
    display: inline-flex !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-native-v1351 {
    display: none !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128 {
    min-height: 30px !important;
    height: 30px !important;
    gap: 6px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-label-v13128 {
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-icon-v13128 {
    flex-basis: 16px !important;
    width: 16px !important;
    height: 16px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.130 FILTER + SORT — EXACT COMPACT REFERENCE
   - Plain underlined text + small sliders icon only.
   - No pill, no box, no bottom border under the icon, no oversized spacing.
   - Keeps the same working sort popover and behavior on every catalog page.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128 {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128:hover,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #111 !important;
  opacity: .72 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-label-v13128 {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  text-decoration-skip-ink: auto !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-icon-v13128 {
  flex: 0 0 15px !important;
  width: 15px !important;
  min-width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  fill: none !important;
  stroke: #111 !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transform: none !important;
}

/* Arabic reference: icon sits physically to the right of the underlined label. */
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128,
body.qdm-raed.qdm-lang-ar.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128 {
  flex-direction: row !important;
  direction: rtl !important;
}

/* English keeps the conventional label then icon arrangement. */
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128,
body.qdm-raed.qdm-lang-en.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128 {
  flex-direction: row !important;
  direction: ltr !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-trigger-v13128 {
    min-height: 0 !important;
    height: auto !important;
    padding: 2px 0 !important;
    gap: 5px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-label-v13128 {
    font-size: 14px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-filter-sort-icon-v13128 {
    flex-basis: 15px !important;
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.136 CATALOG PRODUCT SHINE
   - Removes second-image hover entirely: no extra image request, preload, decode,
     overlay, API wait, or JavaScript hover state.
   - Desktop/fine-pointer only: a lightweight CSS sheen sweeps across the existing
     product image. It is immediate because it uses no network-loaded asset.
   - Product geometry, image crop, quality pipeline, links, sorting and mobile stay
     untouched.
   ============================================================================ */
@media (hover: hover) and (pointer: fine) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image::after {
    content: "" !important;
    position: absolute !important;
    top: -20% !important;
    bottom: -20% !important;
    left: -75% !important;
    width: 42% !important;
    z-index: 6 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    background: linear-gradient(
      108deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.04) 28%,
      rgba(255,255,255,0.32) 50%,
      rgba(255,255,255,0.08) 66%,
      rgba(255,255,255,0) 100%
    ) !important;
    transform: skewX(-16deg) translate3d(0,0,0) !important;
    transition:
      left .72s cubic-bezier(.22,.61,.36,1),
      opacity .16s ease-out !important;
    will-change: left, opacity;
  }

  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-entry:hover
  .s-product-card-image::after {
    left: 132% !important;
    opacity: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image::after {
    display: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.137 CATALOG SHINE + MICRO ZOOM
   - Keeps the immediate CSS-only shine from V13.136.
   - Adds an intentionally tiny zoom to the image link on desktop hover.
   - No second image, no network/API work, and no mobile change.
   ============================================================================ */
@media (hover: hover) and (pointer: fine) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    transform-origin: center center !important;
    transition: transform .42s cubic-bezier(.22,.61,.36,1) !important;
    will-change: transform;
  }

  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-entry:hover
  .s-product-card-image > a {
    transform: scale(1.018) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qdm-raed.qdm-inner-catalog-page
  .qdm-catalog-products-v1351
  .s-product-card-image > a {
    transform: none !important;
    transition: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.138 FOOTER CR + VAT EMPHASIS
   - Make the Commercial Registration and VAT details materially easier to read.
   - Keep numerals crisp, LTR and tabular inside the RTL footer.
   - The CR row is now a real link to the official Saudi Business certificate.
   ============================================================================ */
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
  gap: 30px !important;
  font-size: 13px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item {
  min-height: 42px !important;
  padding: 6px 0 !important;
  gap: 10px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item span {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item strong {
  display: inline-block !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  unicode-bidi: isolate !important;
  direction: ltr !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-icon {
  width: 25px !important;
  height: 25px !important;
  stroke-width: 1.45 !important;
  opacity: 1 !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v138-cr-link {
  cursor: pointer !important;
  transition: opacity .18s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v138-cr-link:hover {
    opacity: .76 !important;
  }
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v138-cr-link:focus-visible {
  outline: 1px solid rgba(255,255,255,.9) !important;
  outline-offset: 5px !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
    gap: 10px 20px !important;
    font-size: 12px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item {
    min-height: 38px !important;
    gap: 8px !important;
    font-size: 12px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item span {
    gap: 6px !important;
    font-size: 12px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item strong {
    font-size: 13.5px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-icon {
    width: 23px !important;
    height: 23px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.139 SAUDI BUSINESS CENTER VERIFICATION
   - Adds the Saudi Business Center logo beside the CR/VAT data.
   - Logo is intentionally subtle/transparent until hover.
   - Clicking the logo OR Commercial Registration opens the supplied
     E-Commerce Authentication Certificate in a clean full-screen viewer.
   ============================================================================ */
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-certificate-trigger,
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-certificate-trigger {
  cursor: pointer !important;
  text-align: inherit !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 2px !important;
  padding: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  opacity: .58 !important;
  transition: opacity .2s ease, transform .2s ease !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: transparent !important;
  pointer-events: none !important;
}

@media (hover: hover) and (pointer: fine) {
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge:hover {
    opacity: 1 !important;
    transform: translateY(-1px) scale(1.025) !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-certificate-trigger:hover {
    opacity: .8 !important;
  }
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge:focus-visible,
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-certificate-trigger:focus-visible {
  outline: 1px solid rgba(255,255,255,.9) !important;
  outline-offset: 4px !important;
}

html.qdm-v139-certificate-open,
html.qdm-v139-certificate-open body {
  overflow: hidden !important;
}

.qdm-v139-certificate-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.qdm-v139-certificate-modal.is-open {
  display: flex !important;
}

.qdm-v139-certificate-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.78) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  cursor: zoom-out !important;
}

.qdm-v139-certificate-dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(920px, 94vw) !important;
  max-height: 90vh !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  border-radius: 2px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.38) !important;
}

.qdm-v139-certificate-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 88vh !important;
  object-fit: contain !important;
  background: #fff !important;
}

.qdm-v139-certificate-close {
  position: absolute !important;
  top: -14px !important;
  inset-inline-end: -14px !important;
  z-index: 2 !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  border-radius: 999px !important;
  background: rgba(17,17,17,.28) !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.24) !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 3px !important;
    opacity: .68 !important;
  }

  .qdm-v139-certificate-modal {
    padding: 14px !important;
  }

  .qdm-v139-certificate-dialog {
    width: min(94vw, 920px) !important;
  }

  .qdm-v139-certificate-close {
    top: 8px !important;
    inset-inline-end: 8px !important;
    width: 34px !important;
    height: 34px !important;
    border-color: rgba(255,255,255,.2) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.140 FOOTER LEGAL BADGES REFINEMENT
   - Move Saudi Business Center badge to the far right in Arabic.
   - Shrink and balance the badge slightly.
   - Keep CR/VAT numbers crisp.
   - Add a shared full-screen viewer for the supplied certificate images.
   ============================================================================ */
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
  gap: 24px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item {
  min-height: 40px !important;
  gap: 9px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item span {
  gap: 6px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item strong {
  font-size: 15px !important;
  letter-spacing: .02em !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-icon {
  width: 24px !important;
  height: 24px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 2px !important;
  border-radius: 0 !important;
  opacity: .84 !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge img,
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

html[dir="rtl"] body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
html[dir="rtl"] body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger,
body.qdm-raed.qdm-lang-ar .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
body.qdm-raed.qdm-lang-ar .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
  order: -1 !important;
  margin-inline-start: 8px !important;
  margin-inline-end: 0 !important;
}

html[dir="ltr"] body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
html[dir="ltr"] body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger,
body.qdm-raed.qdm-lang-en .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
body.qdm-raed.qdm-lang-en .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
  order: 99 !important;
  margin-inline-start: 8px !important;
  margin-inline-end: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge:hover,
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger:hover {
    opacity: 1 !important;
    transform: translateY(-1px) scale(1.03) !important;
  }
}

html.qdm-v140-legal-viewer-open,
html.qdm-v140-legal-viewer-open body {
  overflow: hidden !important;
}

.qdm-v140-legal-viewer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483200 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.qdm-v140-legal-viewer.is-open {
  display: flex !important;
}

.qdm-v140-legal-viewer__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .82) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  cursor: zoom-out !important;
}

.qdm-v140-legal-viewer__dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(1040px, 94vw) !important;
  max-height: 90vh !important;
  background: #fff !important;
  border-radius: 2px !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .42) !important;
  overflow: hidden !important;
}

.qdm-v140-legal-viewer__image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 88vh !important;
  object-fit: contain !important;
  background: #fff !important;
}

.qdm-v140-legal-viewer__close {
  position: absolute !important;
  top: 10px !important;
  inset-inline-end: 10px !important;
  z-index: 2 !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 999px !important;
  background: rgba(17,17,17,.9) !important;
  color: #fff !important;
  font-size: 25px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
    gap: 10px 18px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 1px !important;
  }

  .qdm-v140-legal-viewer {
    padding: 12px !important;
  }

  .qdm-v140-legal-viewer__dialog {
    width: min(96vw, 1040px) !important;
  }

  .qdm-v140-legal-viewer__close {
    width: 34px !important;
    height: 34px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.141 FOOTER LEGAL SCALE DOWN
   - Make the Saudi Business Center badge and CR/VAT legal details more compact.
   - Keep numbers readable and preserve click/viewer behavior.
   ============================================================================ */
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
  gap: 18px !important;
  font-size: 11px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item {
  min-height: 34px !important;
  padding: 3px 0 !important;
  gap: 7px !important;
  font-size: 11px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item span {
  gap: 5px !important;
  font-size: 11px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item strong {
  font-size: 13px !important;
  letter-spacing: .01em !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-icon {
  width: 20px !important;
  height: 20px !important;
}

body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
  flex-basis: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 1px !important;
  margin-inline-start: 4px !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal {
    gap: 8px 14px !important;
    font-size: 10px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item {
    min-height: 30px !important;
    gap: 6px !important;
    font-size: 10px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item span {
    font-size: 10px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-item strong {
    font-size: 12px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v6-legal-icon {
    width: 18px !important;
    height: 18px !important;
  }

  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
  body.qdm-raed .qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
    flex-basis: 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.146 STABLE BILINGUAL INTERFACE
   Base: V13.143.
   - Language changes translate custom copy without changing home/grid geometry.
   - No global html/body direction override is used in Preview.
   - Native Salla product/card geometry stays controlled by the existing catalog rules.
   ============================================================================ */

/* English text direction only — do not flip containers, grids, margins or card order. */
body.qdm-raed.qdm-interface-lang-en .qdm-v9-hero-copy,
body.qdm-raed.qdm-interface-lang-en .qdm-v9-editorial-head,
body.qdm-raed.qdm-interface-lang-en .qdm-under-abaya-head,
body.qdm-raed.qdm-interface-lang-en .qdm-v10-all-products-copy {
  direction: ltr !important;
}

body.qdm-raed.qdm-interface-lang-en .qdm-v9-editorial-head,
body.qdm-raed.qdm-interface-lang-en .qdm-under-abaya-head {
  text-align: left !important;
}

/* Arabic restores the original visual alignment without moving section geometry. */
body.qdm-raed.qdm-interface-lang-ar .qdm-v9-editorial-head,
body.qdm-raed.qdm-interface-lang-ar .qdm-under-abaya-head {
  text-align: right !important;
}

/* The custom language/currency modal may change reading direction internally only. */
body.qdm-raed.qdm-interface-lang-en .qdm-v7-localization-panel {
  direction: ltr !important;
}

body.qdm-raed.qdm-interface-lang-ar .qdm-v7-localization-panel {
  direction: rtl !important;
}

/* ============================================================================
   THE QUEENDOM — V13.147 ARABIC CATALOG COPY ALIGNMENT
   Base: V13.146.
   - Preview can remain html[dir="ltr"] even while our selected interface is Arabic.
   - Override ONLY product-card copy alignment from qdm-interface-lang-*.
   - Do not flip grids, cards, image geometry, section spacing, or global document dir.
   ============================================================================ */

/* Arabic: title + metadata hug the RIGHT edge of each product card. */
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-sub,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355 {
  align-items: flex-end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title a,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a {
  width: 100% !important;
  text-align: right !important;
  direction: rtl !important;
}

/* Keep numerals themselves LTR, but anchor the complete price on the RIGHT. */
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-sale-price,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-starting-price,
body.qdm-raed.qdm-interface-lang-ar.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  width: 100% !important;
  align-self: stretch !important;
  text-align: right !important;
  direction: ltr !important;
}

/* English stays explicitly on the LEFT without touching card/grid geometry. */
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-sub,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355 {
  align-items: flex-start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-content-title a,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-interface-lang-en.qdm-inner-catalog-page
.qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  width: 100% !important;
  text-align: left !important;
  direction: ltr !important;
}


/* ============================================================================
   THE QUEENDOM — V13.148 CATALOG RTL/LTR OWNERSHIP
   - Arabic catalog starts from the RIGHT, including the product grid itself.
   - Arabic product name + price are anchored to the RIGHT.
   - English catalog starts from the LEFT and keeps left-aligned metadata.
   - Direction is scoped ONLY to catalog products; no home/header/footer geometry flip.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-products-list-wrapper,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-products-list-wrapper {
  direction: rtl !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-products-list-wrapper,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-products-list-wrapper {
  direction: ltr !important;
}

/* Arabic card copy: force physical right edge, not logical start/end. */
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-entry,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-entry {
  direction: rtl !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-main,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-sub,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-main,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-sub,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355 {
  width: 100% !important;
  align-items: flex-end !important;
  justify-items: end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-title,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-title a,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-title,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-content-title a,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355 a {
  display: block !important;
  width: 100% !important;
  margin-inline: 0 !important;
  text-align: right !important;
}

/* Price digits remain LTR for readability, while the whole line stays on the right. */
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-sale-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-starting-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-products-v1351 .s-product-card-starting-price h4,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-sale-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-starting-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-ar .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  display: block !important;
  width: 100% !important;
  margin-inline: 0 !important;
  text-align: right !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

/* English mirror. */
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-entry,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-entry {
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-content-main,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-content-sub,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-content-main,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-content-sub,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-sub-v1355 {
  width: 100% !important;
  align-items: flex-start !important;
  justify-items: start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-content-title,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-content-title a,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-products-v1351 .s-product-card-starting-price h4,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-content-title,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-content-title a,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en .qdm-catalog-products-v1351 .s-product-card-starting-price h4 {
  width: 100% !important;
  text-align: left !important;
  direction: ltr !important;
}


/* ============================================================================
   THE QUEENDOM — V13.149 CATALOG PHYSICAL COPY ALIGNMENT
   - V13.148 successfully reversed Arabic product order, but Preview can keep
     html[dir="ltr"], which still wins on some Raed card text rules.
   - Use the catalog's OWN resolved direction data attribute as the source of truth.
   - Physical right/left alignment only; no global page-direction changes.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-entry {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-content-main,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-content-sub,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.qdm-catalog-card-sub-v1355 {
  width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-content-title,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-content-title > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.qdm-catalog-card-name-v1355 > a {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-sale-price,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-starting-price,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="rtl"]
.s-product-card-starting-price h4 {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.s-product-card-entry,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.s-product-card-content,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.qdm-catalog-card-content-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.s-product-card-content-title,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.s-product-card-content-title > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.qdm-catalog-card-price-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.s-product-card-price,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.s-product-card-sale-price h4,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351[data-qdm-catalog-direction-v13148="ltr"]
.s-product-card-starting-price h4 {
  text-align: left !important;
}


/* ============================================================================
   THE QUEENDOM — V13.152 HOME PRODUCT LANGUAGE + LIVE CURRENCY
   - English Collection Picks product copy is physically LTR/left aligned.
   - English Under Abaya card/meta copy follows the same LTR reading direction.
   - Arabic preserves the approved right-aligned presentation.
   - Price values are supplied by JS from Salla's selected live currency rate.
   ============================================================================ */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-v9-edit-copy {
  direction: ltr !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  text-align: left !important;
  gap: 2px !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-v9-edit-copy strong,
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-v9-edit-copy em {
  width: auto !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy {
  direction: rtl !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  text-align: right !important;
  gap: 2px !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy strong,
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy em {
  width: auto !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy {
  direction: ltr !important;
  text-align: left !important;
  justify-items: start !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy strong,
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy span,
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy em {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta {
  direction: ltr !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-count {
  text-align: left !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-price {
  direction: ltr !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy {
  direction: rtl !important;
  text-align: right !important;
  justify-items: end !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta {
  direction: rtl !important;
}

/* ============================================================================
   THE QUEENDOM — V13.153 ARABIC HOME PRODUCT COPY + UNDER ABAYA PRICE LAYOUT
   - Collection Picks Arabic name/price are physically anchored to the RIGHT.
   - Avoid flex-end + RTL interaction that was pushing them to the left.
   - Under Abaya Arabic overlay keeps name/code separate from price; price is
     always in its own physical RIGHT column so it cannot collide with the name.
   - Under Abaya desktop meta also places the Arabic price on the RIGHT.
   - English behavior from V13.152 is preserved.
   ============================================================================ */

/* Collection Picks — Arabic: stretch copy lines, then right-align the text.
   This is physical/right alignment and does not depend on RTL flex-start/end. */
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-v9-edit-copy {
  direction: rtl !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy strong,
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy em,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-v9-edit-copy strong,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-v9-edit-copy em {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy strong,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-v9-edit-copy strong {
  direction: rtl !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-v9-edit-copy em,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-v9-edit-copy em {
  direction: rtl !important;
  unicode-bidi: isolate !important;
}

/* Under Abaya card overlay — use a physical LTR grid only for geometry.
   Individual text nodes retain their correct Arabic/LTR reading direction. */
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy {
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 18px !important;
  row-gap: 3px !important;
  align-items: end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy strong,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy strong {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy span,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy span {
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  direction: ltr !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy em,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy em {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: end !important;
  justify-self: end !important;
  width: auto !important;
  min-width: max-content !important;
  margin: 0 !important;
  direction: rtl !important;
  text-align: right !important;
  white-space: nowrap !important;
  unicode-bidi: isolate !important;
}

/* Under Abaya meta — Arabic price must be the physical RIGHT item.
   Count moves to the left, product stays centered. */
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta {
  direction: ltr !important;
  grid-template-columns: 1fr 1fr 1fr !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-count,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-count {
  grid-column: 1 !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-name,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-name {
  grid-column: 2 !important;
  direction: rtl !important;
  text-align: center !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-price,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-price {
  grid-column: 3 !important;
  direction: rtl !important;
  text-align: right !important;
  justify-self: stretch !important;
  unicode-bidi: isolate !important;
}


/* ============================================================================
   THE QUEENDOM — V13.155 PREVIEW/NATIVE ARABIC BRIDGE
   - Keeps V13.154 layout and all V13.153 catalog/home fixes intact.
   - When THE QUEENDOM interface is Arabic, native Salla product/cart controls
     are given RTL text direction locally (never flips the whole page/grid).
   - No geometry/order changes to home, Collection Picks, Under Abaya or catalog.
   ============================================================================ */
body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content salla-product-options,
body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content salla-installment,
body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content salla-gifting,
body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content salla-quantity-input,
body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content .product-form,
body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content .product-entry,
body.qdm-raed.qdm-interface-lang-ar.qdm-cart-page-v1394 #main-content salla-cart-summary-card {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content salla-add-product-button,
body.qdm-raed.qdm-interface-lang-ar.qdm-product-page-v1395 #main-content button,
body.qdm-raed.qdm-interface-lang-ar.qdm-cart-page-v1394 #main-content button {
  font-family: inherit !important;
}

body.qdm-raed.qdm-interface-lang-en.qdm-product-page-v1395 #main-content salla-product-options,
body.qdm-raed.qdm-interface-lang-en.qdm-product-page-v1395 #main-content salla-installment,
body.qdm-raed.qdm-interface-lang-en.qdm-product-page-v1395 #main-content salla-gifting,
body.qdm-raed.qdm-interface-lang-en.qdm-product-page-v1395 #main-content salla-quantity-input,
body.qdm-raed.qdm-interface-lang-en.qdm-cart-page-v1394 #main-content salla-cart-summary-card {
  direction: ltr !important;
  text-align: left !important;
}

/* ============================================================================
   THE QUEENDOM — V13.156 NATIVE LOCALIZATION FLASH GUARD
   - Visual-only safety patch: the original Salla localization dialog remains
     mounted and callable for its official language/currency submit() logic.
   - Only its native rendered dialog/backdrop are kept permanently invisible,
     preventing the sub-second old UI flash before/while our custom panel runs.
   - No display:none on the web component itself; functionality stays alive.
   ============================================================================ */
body.qdm-raed salla-localization-modal .s-localization-modal-inner,
body.qdm-raed salla-modal:has(.s-localization-modal-inner),
body.qdm-raed .s-modal-wrapper:has(.s-localization-modal-inner),
body.qdm-raed .s-modal-container:has(.s-localization-modal-inner),
body.qdm-raed .s-modal-overlay:has(.s-localization-modal-inner),
body.qdm-raed .s-modal-content:has(.s-localization-modal-inner),
body.qdm-raed .s-modal-body:has(.s-localization-modal-inner) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
}

/* Keep the native component itself alive and measurable for open()/submit(). */
body.qdm-raed > salla-localization-modal[data-testid="store-header-localization"],
body.qdm-raed .qdm-native-localization-component,
body.qdm-raed .qdm-native-localization-holder salla-localization-modal {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Our custom localization UI is never affected by the native flash guard. */
body.qdm-raed .qdm-v7-localization-modal.is-open,
body.qdm-raed.qdm-localization-open .qdm-v7-localization-modal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* ============================================================================
   THE QUEENDOM — V13.157 UNDER ABAYA PHYSICAL SIDE SWAP
   Arabic:
   - Product name/code = physical LEFT
   - Price = physical RIGHT
   English:
   - Price = physical LEFT
   - Product name/code = physical RIGHT
   Keeps the carousel, sizing, currency logic and every other section untouched.
   ============================================================================ */

/* ---------- ARABIC: card overlay ---------- */
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy {
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 18px !important;
  row-gap: 3px !important;
  align-items: end !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy strong,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy strong {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: auto !important;
  max-width: 100% !important;
  direction: rtl !important;
  text-align: left !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy span,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy span {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  width: auto !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-look-copy em,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-look-copy em {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  justify-self: end !important;
  align-self: end !important;
  width: auto !important;
  min-width: max-content !important;
  direction: rtl !important;
  text-align: right !important;
  white-space: nowrap !important;
  unicode-bidi: isolate !important;
}

/* ---------- ENGLISH: card overlay (exact mirror) ---------- */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-look-copy {
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 18px !important;
  row-gap: 3px !important;
  align-items: end !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy strong,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-look-copy strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  width: auto !important;
  max-width: 100% !important;
  direction: ltr !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy span,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-look-copy span {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  width: auto !important;
  direction: ltr !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-look-copy em,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-look-copy em {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  justify-self: start !important;
  align-self: end !important;
  width: auto !important;
  min-width: max-content !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: nowrap !important;
  unicode-bidi: isolate !important;
}

/* ---------- ARABIC: information row under carousel ----------
   LEFT = name/code, CENTER = counter, RIGHT = price. */
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta {
  direction: ltr !important;
  grid-template-columns: 1fr 1fr 1fr !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-name,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-name {
  grid-column: 1 !important;
  justify-self: stretch !important;
  justify-items: start !important;
  direction: rtl !important;
  text-align: left !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-name small,
body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-name strong,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-name small,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-name strong {
  width: 100% !important;
  text-align: left !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-name small,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-name small {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-name strong,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-name strong {
  direction: rtl !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-count,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-count {
  grid-column: 2 !important;
  justify-self: stretch !important;
  direction: ltr !important;
  text-align: center !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-ar #qdm-v9-home .qdm-under-meta-price,
body.qdm-raed.qdm-lang-ar #qdm-v9-home .qdm-under-meta-price {
  grid-column: 3 !important;
  justify-self: stretch !important;
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

/* ---------- ENGLISH: information row under carousel ----------
   LEFT = price, CENTER = counter, RIGHT = name/code. */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta {
  direction: ltr !important;
  grid-template-columns: 1fr 1fr 1fr !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-price,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-price {
  grid-column: 1 !important;
  justify-self: stretch !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-count,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-count {
  grid-column: 2 !important;
  justify-self: stretch !important;
  direction: ltr !important;
  text-align: center !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-name,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-name {
  grid-column: 3 !important;
  justify-self: stretch !important;
  justify-items: end !important;
  direction: ltr !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-name small,
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-name strong,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-name small,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-name strong {
  width: 100% !important;
  direction: ltr !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}


/* V13.158: no CSS change; footer certificate restoration is isolated to JavaScript. */


/* ============================================================================
   THE QUEENDOM — V13.160 EXACT V13.142 LEGAL STRIP COMPATIBILITY
   - Only the CR / VAT / Saudi Business Center strip is affected.
   - Preserve the V13.142 compact sizing and badge placement.
   - Map the newer Preview interface-language classes onto the same RTL/LTR
     behavior that V13.142 originally got from the page language.
   ============================================================================ */
body.qdm-raed.qdm-interface-lang-ar .qdm-raed-footer-documents.qdm-v9-legal {
  direction: rtl !important;
}

body.qdm-raed.qdm-interface-lang-en .qdm-raed-footer-documents.qdm-v9-legal {
  direction: ltr !important;
}

body.qdm-raed.qdm-interface-lang-ar
.qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
body.qdm-raed.qdm-interface-lang-ar
.qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
  order: -1 !important;
  margin-inline-start: 4px !important;
  margin-inline-end: 0 !important;
}

body.qdm-raed.qdm-interface-lang-en
.qdm-raed-footer-documents.qdm-v9-legal .qdm-v139-sbc-badge,
body.qdm-raed.qdm-interface-lang-en
.qdm-raed-footer-documents.qdm-v9-legal .qdm-v140-sbc-trigger {
  order: 99 !important;
  margin-inline-start: 4px !important;
  margin-inline-end: 0 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.163 HIDE SOLD-OUT PRODUCT CARDS
   - Presentation only: Salla remains the owner of product data/count/order.
   - Cards explicitly marked unavailable by Salla are removed from visible
     storefront lists/sliders. Direct product URLs and admin data are untouched.
   ============================================================================ */
body.qdm-raed .qdm-v13163-sold-out-product {
  display: none !important;
}

/* First-paint guard for Salla's explicit availability state. JS below is the
   compatibility fallback for cards where the status is exposed only via the
   product object or rendered "Sold Out / نفدت الكمية" copy. */
body.qdm-raed custom-salla-product-card:has(salla-add-product-button[product-status="out"]),
body.qdm-raed custom-salla-product-card:has(salla-add-product-button[product-status="out-and-notify"]),
body.qdm-raed salla-product-card:has(salla-add-product-button[product-status="out"]),
body.qdm-raed salla-product-card:has(salla-add-product-button[product-status="out-and-notify"]),
body.qdm-raed .s-product-card-entry:has(salla-add-product-button[product-status="out"]),
body.qdm-raed .s-product-card-entry:has(salla-add-product-button[product-status="out-and-notify"]) {
  display: none !important;
}


/* ============================================================================
   THE QUEENDOM — V13.165 AUTHORITATIVE ZERO-STOCK FILTER
   A second, independent class is used so older compatibility scans cannot
   accidentally reveal a product Salla has reported as out of stock.
   ============================================================================ */
body.qdm-raed .qdm-v13165-no-stock-product {
  display: none !important;
}

/* Immediate path when Raed exposes Salla's status directly in light DOM. */
body.qdm-raed custom-salla-product-card[product-status="out"],
body.qdm-raed custom-salla-product-card[product-status="out-and-notify"],
body.qdm-raed salla-product-card[product-status="out"],
body.qdm-raed salla-product-card[product-status="out-and-notify"],
body.qdm-raed .s-product-card-entry[product-status="out"],
body.qdm-raed .s-product-card-entry[product-status="out-and-notify"],
body.qdm-raed .s-product-card-entry[data-product-status="out"],
body.qdm-raed .s-product-card-entry[data-product-status="out-and-notify"] {
  display: none !important;
}


/* ============================================================================
   THE QUEENDOM — V13.172 CATALOG TOOLBAR LANGUAGE GEOMETRY
   Base: V13.165 (all V13.166–V13.171 Not Found experiments intentionally excluded).
   - Arabic catalog pages: page title on RIGHT, Filter & Sort on LEFT.
   - English catalog pages: page title on LEFT, Filter & Sort on RIGHT.
   - Uses the selected QUEENDOM interface language, not Preview's stale html[dir].
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-toolbar-v1351,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-toolbar-v1351 {
  direction: ltr !important;
  flex-direction: row !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-title-v1351,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-title-v1351 {
  order: 2 !important;
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-desktop-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-native-v1351,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-desktop-v1351,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-native-v1351 {
  order: 1 !important;
  direction: rtl !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-mobile-select-v1351,
html[dir="ltr"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-mobile-select-v1351 {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-toolbar-v1351,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-toolbar-v1351 {
  direction: ltr !important;
  flex-direction: row !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-title-v1351,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-title-v1351 {
  order: 1 !important;
  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-desktop-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-native-v1351,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-desktop-v1351,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-native-v1351 {
  order: 2 !important;
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-mobile-select-v1351,
html[dir="rtl"] body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-mobile-select-v1351 {
  direction: ltr !important;
  text-align: left !important;
}

/* ============================================================================
   THE QUEENDOM — V13.174 CATALOG TITLE PHYSICAL SIDE LOCK
   Base: V13.173.
   - English: title physically LEFT, Filter & Sort physically RIGHT.
   - Arabic: title physically RIGHT, Filter & Sort physically LEFT.
   - Uses physical margins so Preview's stale document direction cannot swap sides.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-toolbar-v1351 {
  direction: ltr !important;
  flex-direction: row !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-title-v1351 {
  order: 1 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-desktop-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-native-v1351 {
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  direction: ltr !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-toolbar-v1351 {
  direction: ltr !important;
  flex-direction: row !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-desktop-v1351,
body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-native-v1351 {
  order: 1 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  direction: rtl !important;
}

body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-title-v1351 {
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  text-align: right !important;
  direction: rtl !important;
}


/* ============================================================================
   THE QUEENDOM — V13.175 PRODUCT PAGE TRUE AR/EN MIRROR
   Base: V13.174.
   - Arabic product page mirrors the native Raed two-column composition:
     gallery RIGHT, product information LEFT, local RTL copy/controls.
   - English keeps the approved composition: gallery LEFT, information RIGHT.
   - Product gallery internals stay LTR so slider arrows/thumbnails are not broken.
   - No global html/body direction rewrite; home/catalog geometry is untouched.
   ============================================================================ */

/* Breadcrumb follows the selected interface language, not Preview's stale html dir. */
body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar .container--breadcrumbs,
body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar .container--breadcrumbs .breadcrumbs,
body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar .container--breadcrumbs salla-breadcrumb {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en .container--breadcrumbs,
body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en .container--breadcrumbs .breadcrumbs,
body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en .container--breadcrumbs salla-breadcrumb {
  direction: ltr !important;
  text-align: left !important;
}

/* Product information owns its reading direction locally. */
body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar .container--product-details .main-content {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en .container--product-details .main-content {
  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar .container--product-details .main-content :where(
  h1, h2, h3, p, article, label, small, .product__description
) {
  text-align: right !important;
}

body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en .container--product-details .main-content :where(
  h1, h2, h3, p, article, label, small, .product__description
) {
  text-align: left !important;
}

/* Keep codes/numbers that are identifiers readable regardless of language. */
body.qdm-raed.qdm-product-page-v1395 .container--product-details .product-sku {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

/* Native commerce components inherit the selected product-page direction. */
body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar .container--product-details :where(
  salla-installment,
  salla-product-options,
  salla-gifting,
  salla-add-product-button,
  salla-quick-order,
  .product-form,
  .sticky-product-bar
) {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en .container--product-details :where(
  salla-installment,
  salla-product-options,
  salla-gifting,
  salla-add-product-button,
  salla-quick-order,
  .product-form,
  .sticky-product-bar
) {
  direction: ltr !important;
  text-align: left !important;
}

/* Desktop: physically swap the two Raed columns for Arabic. */
@media (min-width: 768px) {
  body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar
  .container--product-details > div[id^="product-"] {
    direction: rtl !important;
  }

  body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar
  .container--product-details > div[id^="product-"] > .sidebar {
    direction: ltr !important;
    margin-left: 2rem !important;
    margin-right: 0 !important;
  }

  body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-ar
  .container--product-details > div[id^="product-"] > .main-content {
    direction: rtl !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en
  .container--product-details > div[id^="product-"] {
    direction: ltr !important;
  }

  body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en
  .container--product-details > div[id^="product-"] > .sidebar {
    direction: ltr !important;
    margin-left: 0 !important;
    margin-right: 2rem !important;
  }

  body.qdm-raed.qdm-product-page-v1395.qdm-interface-lang-en
  .container--product-details > div[id^="product-"] > .main-content {
    direction: ltr !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Mobile stays gallery-first vertically; only copy/control direction flips. */
@media (max-width: 767px) {
  body.qdm-raed.qdm-product-page-v1395 .container--product-details > div[id^="product-"] > .sidebar {
    direction: ltr !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.176 DESKTOP CATALOG PHYSICAL EDGE LOCK
   Base: V13.175.
   - English catalog pages: title locked to physical LEFT, Filter & Sort to RIGHT.
   - Arabic catalog pages: title locked to physical RIGHT, Filter & Sort to LEFT.
   - Desktop only; mobile catalog behavior remains unchanged.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-toolbar-v1351 {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
  }

  body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-title-v1351 {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    direction: ltr !important;
    text-align: left !important;
  }

  body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en .qdm-catalog-sort-desktop-v1351 {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    direction: ltr !important;
  }

  body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-title-v1351 {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    direction: rtl !important;
    text-align: right !important;
  }

  body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-ar .qdm-catalog-sort-desktop-v1351 {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    direction: rtl !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.177 FULL NATIVE ARABIC SURFACES
   Base: V13.176.
   Arabic selection mirrors native reviews/cart/checkout/related blocks locally.
   No global document-direction override is used.
   ============================================================================ */

/* Native product commerce blocks: Arabic reading direction, English unchanged. */
body.qdm-raed.qdm-v177-native-ar .qdm-v177-product-native :where(
  salla-gifting,
  salla-quick-order,
  salla-installment,
  salla-product-options,
  salla-add-product-button
) {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v177-native-en .qdm-v177-product-native :where(
  salla-gifting,
  salla-quick-order,
  salla-installment,
  salla-product-options,
  salla-add-product-button
) {
  direction: ltr !important;
  text-align: left !important;
}

/* Reviews / comments */
body.qdm-raed.qdm-v177-native-ar .qdm-v177-reviews-root {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v177-native-ar .qdm-v177-reviews-root :where(h1,h2,h3,h4,p,span,label,strong) {
  text-align: right !important;
}

body.qdm-raed.qdm-v177-native-ar .qdm-v177-reviews-root :where(select, option) {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v177-native-en .qdm-v177-reviews-root {
  direction: ltr !important;
  text-align: left !important;
}

/* Cart summary */
body.qdm-raed.qdm-v177-native-ar .qdm-v177-cart-summary {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v177-native-en .qdm-v177-cart-summary {
  direction: ltr !important;
  text-align: left !important;
}

/* Related products / "You may also like" */
body.qdm-raed.qdm-v177-native-ar .qdm-v177-related-products {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v177-native-ar .qdm-v177-related-products :where(h2,h3,h4,.s-product-card-content,.s-product-card-content-title,.s-product-card-price) {
  text-align: right !important;
}

body.qdm-raed.qdm-v177-native-en .qdm-v177-related-products {
  direction: ltr !important;
  text-align: left !important;
}

/* Checkout: mirror the native checkout composition only on the checkout surface. */
body.qdm-raed.qdm-v177-checkout-page.qdm-v177-native-ar .qdm-v177-checkout-root,
body.qdm-v177-checkout-page.qdm-v177-native-ar .qdm-v177-checkout-root {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v177-checkout-page.qdm-v177-native-ar .qdm-v177-checkout-root :where(h1,h2,h3,h4,p,label,span),
body.qdm-v177-checkout-page.qdm-v177-native-ar .qdm-v177-checkout-root :where(h1,h2,h3,h4,p,label,span) {
  text-align: right !important;
}

body.qdm-raed.qdm-v177-checkout-page.qdm-v177-native-ar .qdm-v177-checkout-root input[type="tel"],
body.qdm-v177-checkout-page.qdm-v177-native-ar .qdm-v177-checkout-root input[type="tel"] {
  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v177-checkout-page.qdm-v177-native-en .qdm-v177-checkout-root,
body.qdm-v177-checkout-page.qdm-v177-native-en .qdm-v177-checkout-root {
  direction: ltr !important;
  text-align: left !important;
}

/* ============================================================================
   THE QUEENDOM — V13.179 BLACK + WHITE UI PALETTE
   Base: V13.178.
   - Removes beige/sand from interactive theme chrome and native Salla actions.
   - Keeps the approved warm site/page background unchanged.
   - Primary actions = black/white; secondary actions = white/black.
   ============================================================================ */

/* Global commerce accent contract. Do NOT change --qdm-bg / page backgrounds. */
:root,
body.qdm-raed {
  --qdm-accent: #000000 !important;
  --qdm-accent-dark: #000000 !important;
  --qdm-accent-light: #ffffff !important;
  --qdm-accent-ink: #ffffff !important;

  --color-primary: #000000 !important;
  --color-primary-dark: #000000 !important;
  --color-primary-light: #ffffff !important;
  --color-primary-reverse: #ffffff !important;

  --s-color-primary: #000000 !important;
  --s-color-primary-dark: #000000 !important;
  --s-color-primary-light: #ffffff !important;
  --s-color-primary-reverse: #ffffff !important;
}

/* Pass the monochrome palette into the main native Salla commerce components,
   including their shadow-DOM internals via inherited CSS custom properties. */
body.qdm-raed :where(
  salla-add-product-button,
  salla-quick-buy,
  salla-cart-summary-card,
  salla-cart-summary,
  salla-product-options,
  salla-quantity-input,
  salla-login-modal,
  salla-login-modal salla-modal,
  salla-gifting,
  salla-installment
) {
  --color-primary: #000000 !important;
  --color-primary-dark: #000000 !important;
  --color-primary-light: #ffffff !important;
  --color-primary-reverse: #ffffff !important;
  --s-color-primary: #000000 !important;
  --s-color-primary-dark: #000000 !important;
  --s-color-primary-light: #ffffff !important;
  --s-color-primary-reverse: #ffffff !important;
}

/* Main native/custom actions: black surface, white copy. */
body.qdm-raed .s-button-primary,
body.qdm-raed .btn--primary,
body.qdm-raed [class~="bg-primary"],
body.qdm-raed button[class*="btn-primary"],
body.qdm-raed button[class*="button-primary"],
body.qdm-raed a[class*="btn-primary"] {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed .s-button-primary:hover,
  body.qdm-raed .btn--primary:hover,
  body.qdm-raed button[class*="btn-primary"]:hover,
  body.qdm-raed button[class*="button-primary"]:hover,
  body.qdm-raed a[class*="btn-primary"]:hover {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }
}

/* Secondary / Buy-now style actions: white, black border/text — no sand fill. */
body.qdm-raed :where(
  .s-button-outline,
  .btn--outline,
  button[class*="btn-outline"],
  button[class*="button-outline"],
  a[class*="btn-outline"]
) {
  background-color: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed :where(
    .s-button-outline,
    .btn--outline,
    button[class*="btn-outline"],
    button[class*="button-outline"],
    a[class*="btn-outline"]
  ):hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Login follows the same black/white contract; page/store background is untouched. */
body.qdm-raed salla-login-modal .s-button-primary,
body.qdm-raed salla-login-modal button[class*="primary"],
body.qdm-raed salla-login-modal [class*="btn-primary"] {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.qdm-raed salla-login-modal .s-button-outline,
body.qdm-raed salla-login-modal button[class*="outline"],
body.qdm-raed salla-login-modal [class*="btn-outline"] {
  background: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

body.qdm-raed salla-login-modal input:focus,
body.qdm-raed salla-login-modal .s-form-control:focus,
body.qdm-raed salla-login-modal [class*="form-control"]:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,.10) !important;
}

/* Header cart count: monochrome instead of sand. */
body.qdm-raed .s-cart-summary-count,
body.qdm-raed salla-cart-summary .s-cart-summary-count,
body.qdm-raed salla-cart-summary [class*="cart-summary-count"] {
  background: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--qdm-bg, #f8f5f1) !important;
}

/* Catalog filter/sort chrome: white + black only; keep page background as-is. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mobile-select-v1351,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-popover-v1351 {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: rgba(0,0,0,.22) !important;
  color: #000000 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351:hover {
  background: #ffffff !important;
  border-color: #000000 !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-trigger-v1351:focus-visible {
  border-color: #000000 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-option-v1351.is-active {
  background: #000000 !important;
  color: #ffffff !important;
}

body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-mark-v1351,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-arrow-v1351,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-sort-desktop-label-v1351 {
  color: #000000 !important;
  stroke: #000000 !important;
}

/* Any visible stock/sale status chip that survives native rendering stays monochrome. */
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-out-badge,
body.qdm-raed.qdm-inner-catalog-page .qdm-catalog-products-v1351 .s-product-card-promotion-title {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* Checkout/cart/product surfaces: retain white cards, but strip beige from actions
   and borders. This intentionally does not repaint the site's warm page canvas. */
body.qdm-raed :where(
  .qdm-v177-checkout-root,
  .qdm-v177-cart-summary,
  .qdm-v177-product-native,
  .sticky-product-bar
) :where(button, a[class*="button"], [role="button"]) {
  --color-primary: #000000 !important;
  --color-primary-dark: #000000 !important;
  --color-primary-light: #ffffff !important;
  --color-primary-reverse: #ffffff !important;
  --s-color-primary: #000000 !important;
  --s-color-primary-dark: #000000 !important;
  --s-color-primary-light: #ffffff !important;
  --s-color-primary-reverse: #ffffff !important;
}

/* Explicitly neutralize the old sand-colored hard-coded button borders/fills
   that can remain in Raed's light-DOM wrappers. */
body.qdm-raed :where(
  .qdm-v177-checkout-root,
  .qdm-v177-cart-summary,
  .qdm-v177-product-native,
  .sticky-product-bar
) :where(.s-button-primary, .btn--primary, [class~="bg-primary"]) {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.qdm-raed :where(
  .qdm-v177-checkout-root,
  .qdm-v177-cart-summary,
  .qdm-v177-product-native,
  .sticky-product-bar
) :where(.s-button-outline, .btn--outline, [class*="outline"]) {
  background: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* V13.180: Apple Pay Arabic label is rendered inside its own component/root via JS; no global CSS change required. */


/* V13.181: Apple Pay Arabic caption fix is JS-scoped only; all V13.180 CSS remains unchanged. */

/* ============================================================================
   THE QUEENDOM — V13.182 CATALOG FILTER/SORT SURFACE RESTORE
   - Keep the compact underlined filter/sort control visually integrated with
     the existing warm catalog page canvas instead of painting it white.
   - No layout, sorting behavior, popover, or catalog data changes.
   ============================================================================ */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-sort-trigger-v1351.qdm-catalog-filter-sort-trigger-v13128 {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-sort-trigger-v1351.qdm-catalog-filter-sort-trigger-v13128:hover,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-sort-trigger-v1351.qdm-catalog-filter-sort-trigger-v13128:active,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-sort-trigger-v1351.qdm-catalog-filter-sort-trigger-v13128:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-filter-sort-label-v13128,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-filter-sort-icon-v13128 {
  background: transparent !important;
  background-color: transparent !important;
}


/* ============================================================================
   THE QUEENDOM — V13.184 ARABIC CART PHYSICAL MIRROR
   Base: V13.183.
   - Arabic desktop cart: items on the RIGHT, gifting/summary sidebar on LEFT.
   - English desktop cart remains items LEFT, summary RIGHT.
   - Native cart internals get a real local dir attribute from JS so Raed's
     built-in rtl:* utilities work without changing the global document dir.
   ============================================================================ */
body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-ar .qdm-v184-cart-main,
body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-ar .qdm-v184-cart-main,
body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-ar .qdm-v184-cart-sidebar,
body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-ar .qdm-v184-cart-sidebar {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-en .qdm-v184-cart-main,
body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-en .qdm-v184-cart-main,
body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-en .qdm-v184-cart-sidebar,
body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-en .qdm-v184-cart-sidebar {
  direction: ltr !important;
  text-align: left !important;
}

@media (min-width: 1024px) {
  /* Physical column placement — independent of Preview's global html dir. */
  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-ar .qdm-v184-cart-layout,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-ar .qdm-v184-cart-layout {
    flex-direction: row-reverse !important;
  }

  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-en .qdm-v184-cart-layout,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-en .qdm-v184-cart-layout {
    flex-direction: row !important;
  }

  /* Raed's rtl/ltr margin utilities key off the global document direction.
     Lock the sidebar gap physically so Preview cannot put it on the wrong edge. */
  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-ar .qdm-v184-cart-sidebar,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-ar .qdm-v184-cart-sidebar {
    margin-left: 0 !important;
    margin-right: 2rem !important;
  }

  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-en .qdm-v184-cart-sidebar,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-en .qdm-v184-cart-sidebar {
    margin-left: 2rem !important;
    margin-right: 0 !important;
  }
}

/* V13.187: Apple Pay custom overlays removed; native button styling preserved. */


/* ============================================================================
   THE QUEENDOM — V13.188 ARABIC APPLE PAY DEVICE RULE
   - Arabic desktop: hide Apple Pay completely.
   - Arabic mobile: keep the native clickable Apple Pay control, but show only
     the Apple Pay mark centered; no Arabic "شراء باستخدام" caption.
   - English/native Apple Pay remains untouched.
   ============================================================================ */
@media (min-width: 768px) {
  body.qdm-raed.qdm-v177-native-ar [data-qdm-v188-applepay-host="1"],
  body.qdm-raed.qdm-interface-lang-ar [data-qdm-v188-applepay-host="1"] {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.qdm-raed.qdm-v177-native-ar [data-qdm-v188-applepay-control="1"],
  body.qdm-raed.qdm-interface-lang-ar [data-qdm-v188-applepay-control="1"] {
    position: relative !important;
    overflow: hidden !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body.qdm-raed.qdm-v177-native-ar [data-qdm-v188-applepay-control="1"]::before,
  body.qdm-raed.qdm-v177-native-ar [data-qdm-v188-applepay-control="1"]::after,
  body.qdm-raed.qdm-interface-lang-ar [data-qdm-v188-applepay-control="1"]::before,
  body.qdm-raed.qdm-interface-lang-ar [data-qdm-v188-applepay-control="1"]::after {
    content: none !important;
    display: none !important;
  }

  body.qdm-raed.qdm-v177-native-ar [data-qdm-v188-applepay-control="1"] > :not(.qdm-v188-applepay-logo),
  body.qdm-raed.qdm-interface-lang-ar [data-qdm-v188-applepay-control="1"] > :not(.qdm-v188-applepay-logo) {
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .qdm-v188-applepay-logo {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .qdm-v188-applepay-logo img {
    display: block !important;
    width: auto !important;
    height: 21px !important;
    max-width: 92px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.190 MOBILE PRODUCT STICKY BAR SAFEGUARD
   Base restored to V13.188 (V13.189 page fade removed completely).
   Keep the native mobile purchase bar attached to the viewport bottom.
   ============================================================================ */
@media (max-width: 900px) {
  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.is-sticky-product-bar.product-single #main-content {
    transform: none !important;
    will-change: auto !important;
  }

  body.qdm-raed.qdm-product-page-v1395 .sticky-product-bar,
  body.qdm-raed.is-sticky-product-bar.product-single .sticky-product-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    z-index: 2147482500 !important;
    transform: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.192 UNIVERSAL PAGE TRANSITION + PRODUCT NO-FLASH
   - Deterministic overlay fade for all internal navigation.
   - No transform on page wrappers, preserving mobile sticky purchase controls.
   - Native product page stays hidden until Queendom product styling is ready,
     preventing the old Raed layout from flashing during navigation.
   ============================================================================ */

/* Disable browser-native cross-document animation here. V13.192 uses one
   predictable overlay path so Salla Preview, normal links and Shadow-DOM
   product-card links all behave the same way. */
@view-transition {
  navigation: none;
}

::view-transition-old(root),
::view-transition-new(root),
::view-transition-group(root) {
  animation: none !important;
}

.qdm-v192-page-transition {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--qdm-bg, var(--qdm-inner-bg, #f8f5f1)) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 125ms ease-in, visibility 0s linear 125ms;
}

.qdm-v192-page-transition.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 125ms ease-in, visibility 0s linear 0s;
}

.qdm-v192-page-transition.is-entering {
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: none;
}

.qdm-v192-page-transition.is-entering.is-reveal {
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease-out, visibility 0s linear 180ms;
}

/* PRODUCT NO-FLASH GATE
   Theme Raed renders the native product structure first. Our product-specific
   body marker is added after the Queendom presentation hooks run. Hide only
   that native product content in the tiny gap between those two states. */
body.theme-raed.product-single:not(.qdm-product-visual-ready-v13192) #main-content,
body.theme-raed.is-sticky-product-bar.product-single:not(.qdm-product-visual-ready-v13192) #main-content {
  visibility: hidden;
  opacity: 0;
  animation: qdm-v192-product-failsafe 0s linear 1600ms forwards;
}

body.theme-raed.product-single.qdm-product-visual-ready-v13192 #main-content,
body.theme-raed.is-sticky-product-bar.product-single.qdm-product-visual-ready-v13192 #main-content {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
}

@keyframes qdm-v192-product-failsafe {
  to {
    visibility: visible;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .qdm-v192-page-transition,
  .qdm-v192-page-transition.is-active,
  .qdm-v192-page-transition.is-entering,
  .qdm-v192-page-transition.is-entering.is-reveal {
    transition-duration: 1ms !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.193 TRUE PRODUCT FIRST-PAINT GUARD
   - V13.192's guard depended on a native body product class being available.
   - Salla Preview can paint the native Raed product DOM before that class / our
     Custom JavaScript is ready, which causes the brief old-design flash.
   - Detect the native product structure directly with :has() from CSS first
     paint and cover it with the store background until Queendom is ready.
   - No layout transform; mobile sticky commerce remains unaffected.
   ============================================================================ */

@keyframes qdm-v193-product-preboot-failsafe {
  0%, 99.9% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* Full-viewport veil: covers BOTH the native Raed header and product layout
   during the tiny pre-JS paint. This is intentionally structural rather than
   dependent on body.product-single, because Preview may add that state late. */
body:not(.qdm-product-visual-ready-v13192):has(.container--product-details)::before,
body:not(.qdm-product-visual-ready-v13192):has([data-testid="store-product"])::before,
body:not(.qdm-product-visual-ready-v13192):has(.sticky-product-bar)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483588 !important;
  display: block !important;
  background: var(--qdm-bg, var(--qdm-inner-bg, #f8f5f1)) !important;
  opacity: 1;
  visibility: visible;
  pointer-events: auto !important;
  animation: qdm-v193-product-preboot-failsafe 0s linear 1600ms forwards;
}

/* Also suppress the product content itself from the first custom-CSS paint.
   The full-screen veil above handles header/chrome; this guarantees there is
   no one-frame product image/text leak beneath it. */
body:not(.qdm-product-visual-ready-v13192):has(.container--product-details) #main-content,
body:not(.qdm-product-visual-ready-v13192):has([data-testid="store-product"]) #main-content,
body:not(.qdm-product-visual-ready-v13192):has(.sticky-product-bar) #main-content {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Once the existing V13.192 ready marker is set, reveal immediately. The
   page-transition overlay handles the actual fade-in when navigation used it. */
body.qdm-product-visual-ready-v13192::before {
  content: none !important;
}

body.qdm-product-visual-ready-v13192 #main-content {
  visibility: visible !important;
  opacity: 1 !important;
}


/* ============================================================================
   THE QUEENDOM — V13.194 BALANCED PAGE-CHANGE TIMING
   - Keep the current page visible briefly after click instead of immediately
     covering it with a blank transition surface.
   - Shorter fade-out/fade-in reduces the perceived empty interval.
   - No transforms; V13.193 product first-paint guard remains unchanged.
   ============================================================================ */

/* V13.196: no CSS change; only the pre-navigation hold time increased to 280ms. */

/* ============================================================================
   THE QUEENDOM — V13.197 EDITORIAL PRODUCT PAGE
   Base: V13.196.
   Reference direction: luxury editorial PDP while preserving Salla commerce.
   - Desktop gallery gets a large portrait stage + vertical thumbnails.
   - Existing size selector, Tamara, Tabby, cart and buy-now remain native.
   - Product description stays readable in the information column.
   - Native reviews move into one compact accordion; old full-width review block
     is no longer presented as a separate page section.
   - Related products become a clean card gallery below the product.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial .container--product-details {
  width: min(1460px, calc(100% - 56px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details > div[id^="product-"] {
  align-items: flex-start !important;
  gap: 42px !important;
}

/* Keep the commercial controls native, but remove the old boxed/dashboard feel. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .main-content {
  overflow: visible !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .main-content > h1[data-testid="store-product-title"] {
  margin-bottom: 8px !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
[data-testid="store-product-rating"] {
  display: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
[data-testid="store-product-price"] {
  margin: 0 0 22px !important;
  font-size: 18px !important;
}

body.qdm-raed.qdm-v197-product-editorial
[data-testid="store-product-price"] p {
  font-size: clamp(20px, 1.55vw, 27px) !important;
  font-weight: 500 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .main-content > .flex:has([data-testid="store-product-social-share"]) {
  display: none !important;
}

/* Description becomes editorial copy instead of a white product box. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-description {
  order: 90 !important;
  margin: 28px 0 0 !important;
  padding: 24px 0 4px !important;
  border-top: 1px solid rgba(0,0,0,.13) !important;
  background: transparent !important;
  border-radius: 0 !important;
  line-height: 1.95 !important;
  font-size: 15px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-description article,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-description p {
  max-width: none !important;
  line-height: 1.95 !important;
  margin-bottom: 14px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-description #btn-show-more {
  color: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* Reviews live inside a single minimal disclosure row. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-product-accordions {
  order: 95 !important;
  margin-top: 18px !important;
  border-top: 1px solid rgba(0,0,0,.16) !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion {
  border-bottom: 1px solid rgba(0,0,0,.16) !important;
  background: transparent !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion > summary {
  list-style: none !important;
  cursor: pointer !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 0 2px !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  user-select: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion > summary::-webkit-details-marker {
  display: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion > summary::after {
  content: "⌄" !important;
  flex: 0 0 auto !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  transition: transform .2s ease !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion[open] > summary::after {
  transform: rotate(180deg) !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion-panel {
  padding: 4px 0 26px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion-panel .qdm-v177-reviews-root,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion-panel salla-comments {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Old standalone review spacing/hooks collapse after comments are moved. */
body.qdm-raed.qdm-v197-product-editorial
.s-before-reviews:empty,
body.qdm-raed.qdm-v197-product-editorial
.s-before-related:empty {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Desktop image composition — tall main image with selectable vertical thumbs.
   -------------------------------------------------------------------------- */
@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    position: sticky !important;
    top: 104px !important;
    flex: 0 0 58% !important;
    width: 58% !important;
    max-width: 58% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    position: relative !important;
    top: auto !important;
    flex: 1 1 42% !important;
    width: 42% !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding-top: 4px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider {
    position: relative !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  /* Arabic: thumbs on the physical far RIGHT, like the supplied reference. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .details-slider {
    padding-right: 92px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .details-slider [slot="thumbs"] {
    right: 0 !important;
    left: auto !important;
  }

  /* English mirrors naturally. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .details-slider {
    padding-left: 92px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .details-slider [slot="thumbs"] {
    left: 0 !important;
    right: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="thumbs"] {
    position: absolute !important;
    top: 0 !important;
    z-index: 20 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 70px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="thumbs"] > * {
    flex: 0 0 86px !important;
    width: 70px !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    cursor: pointer !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="thumbs"] > *.swiper-slide-thumb-active {
    border-color: #111 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="thumbs"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide {
    border-radius: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] img,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide > img {
    display: block !important;
    width: 100% !important;
    max-height: 790px !important;
    object-fit: contain !important;
    object-position: center top !important;
    border-radius: 0 !important;
  }
}

/* Mobile retains the reliable native gallery-first flow; thumbs stay horizontal. */
@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial .container--product-details {
    width: 100% !important;
    padding-inline: 14px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider {
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="thumbs"] {
    position: static !important;
  }
}

/* --------------------------------------------------------------------------
   Related products: clean editorial cards below the product.
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell {
  width: min(1460px, calc(100% - 56px)) !important;
  max-width: none !important;
  margin: 86px auto 44px !important;
  padding: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-title {
  margin: 0 0 28px !important;
  font-size: clamp(24px, 2.2vw, 38px) !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  text-align: center !important;
  color: #111 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-products {
  display: block !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell .s-product-card-entry {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell .s-product-card-image {
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #f4f4f4 !important;
  aspect-ratio: 3 / 4 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .32s ease !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.018) !important;
  }
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell .s-product-card-content {
  padding: 14px 2px 0 !important;
  background: transparent !important;
}

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell .swiper-slide {
    width: calc((100% - 48px) / 3) !important;
  }
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell salla-add-product-button {
  display: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell .s-product-card-rating,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell .s-rating-stars {
  display: none !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell {
    width: 100% !important;
    margin: 58px auto 30px !important;
    padding-inline: 14px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-title {
    margin-bottom: 20px !important;
    font-size: 25px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.198 PRODUCT PAGE COMPOSITION REFINEMENT
   Base: V13.197.
   - Do not change the approved main product image size.
   - Desktop thumbnails become a dedicated vertical rail on the physical RIGHT
     in Arabic (LEFT in English), matching the supplied reference composition.
   - SKU / options / installment / gifting / buying surfaces visually merge with
     the warm site canvas instead of reading as stacked white dashboard cards.
   - Product description becomes its own compact accordion, like reviews.
   ============================================================================ */

/* Warm canvas token only for product controls; the global site background stays untouched. */
body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v198-product-canvas: var(--qdm-bg, #f8f5f1);
  --qdm-v198-line: rgba(0, 0, 0, .15);
}

/* SKU row: no floating white card. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v198-flat-surface {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 14px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid var(--qdm-v198-line) !important;
}

/* Native commerce hosts sit on the page canvas instead of individual white blocks. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment.qdm-v198-tone-native,
  salla-product-options.qdm-v198-tone-native,
  salla-gifting.qdm-v198-tone-native,
  salla-quick-order.qdm-v198-tone-native,
  salla-metadata.qdm-v198-tone-native
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  --color-grey-50: transparent !important;
  --color-gray-50: transparent !important;
  --s-color-gray-50: transparent !important;
  --s-color-white: transparent !important;
}

/* Keep form fields legible but visually native to the page palette. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-product-options,
  .product-form
) :where(select, input, textarea, .s-form-control) {
  background-color: transparent !important;
}

/* Price / quantity / buttons block: remove the separate white dashboard card. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"] > section,
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .sticky-product-bar {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"] > section:first-of-type {
  border-top: 1px solid var(--qdm-v198-line) !important;
  padding-top: 18px !important;
}

/* Description is now content inside an accordion, not permanently expanded copy. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--description .qdm-v197-description {
  margin: 0 !important;
  padding: 6px 0 20px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--description .qdm-v197-description article {
  max-height: none !important;
  overflow: visible !important;
  padding-block: 2px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--description .qdm-v197-description #btn-show-more {
  display: none !important;
}

/* Real visual thumbnail rail. The native thumbs stay alive off-canvas for Salla's
   slider state/events; this rail mirrors them without taking over product data. */
@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    position: sticky !important;
    overflow: visible !important;
  }

  /* V13.197 padding-based attempt is replaced by a physical sibling rail. */
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .details-slider {
    width: calc(100% - 94px) !important;
    margin-left: 0 !important;
    margin-right: 94px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .details-slider {
    width: calc(100% - 94px) !important;
    margin-left: 94px !important;
    margin-right: 0 !important;
  }

  /* Fallback to Arabic physical-right composition when Preview language class
     arrives late; English rule above wins once qdm-interface-lang-en is present. */
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .details-slider {
    width: calc(100% - 94px) !important;
    margin-left: 0 !important;
    margin-right: 94px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-thumbnails"].qdm-v198-native-thumbs-source {
    position: fixed !important;
    left: -99999px !important;
    top: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail {
    position: absolute !important;
    top: 0 !important;
    z-index: 25 !important;
    width: 72px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v198-thumb-rail {
    right: 0 !important;
    left: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v198-thumb-rail {
    left: 0 !important;
    right: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 72px !important;
    height: 92px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    cursor: pointer !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb.is-active {
    border-color: #111 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
}

/* Mobile stays on Salla's dependable native horizontal thumbnails. */
@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    display: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-thumbnails"].qdm-v198-native-thumbs-source {
    position: static !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.199 PRODUCT PAGE LAYOUT POLISH
   Base: V13.198.
   - Desktop product thumbnails live only in a taller vertical rail.
   - The old horizontal thumbs under the hero image are visually removed.
   - Thumb rail is larger, scrollable, and aligned beside the main image.
   - Main product image loses the white frame/background feel.
   - Description is shown only inside its own accordion box.
   - Tamara / Tabby / Gift This Product lose the white box-card look.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v199-thumb-width: 88px;
  --qdm-v199-thumb-height: 108px;
  --qdm-v199-thumb-gap: 12px;
  --qdm-v199-rail-offset: 118px;
  --qdm-v199-soft-line: rgba(0, 0, 0, .14);
}

/* Any duplicate description left outside the accordion should never remain visible. */
body.qdm-raed.qdm-v197-product-editorial .qdm-v199-description-duplicate {
  display: none !important;
}

/* Keep the accordion as the only visible description surface. */
body.qdm-raed.qdm-v197-product-editorial .qdm-v197-accordion--description {
  margin-top: 18px !important;
  border-top: 1px solid var(--qdm-v199-soft-line) !important;
}

body.qdm-raed.qdm-v197-product-editorial .qdm-v197-accordion--description .qdm-v197-accordion-panel {
  padding-top: 8px !important;
}

/* Flatten any wrapper the JS marks as a fake white card. */
body.qdm-raed.qdm-v197-product-editorial .qdm-v199-flat-surface,
body.qdm-raed.qdm-v197-product-editorial .qdm-v198-flat-surface {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: 0 !important;
}

/* Remove extra card feel from native commerce blocks. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment,
  salla-product-options,
  salla-gifting,
  salla-quick-order,
  salla-metadata
).qdm-v198-tone-native,
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment,
  salla-product-options,
  salla-gifting,
  salla-quick-order,
  salla-metadata
).qdm-v199-tone-native {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

@media (min-width: 901px) {
  /* Keep the content/image proportions balanced. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 0 60% !important;
    width: 60% !important;
    max-width: 60% !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 1 1 40% !important;
    width: 40% !important;
    max-width: 520px !important;
  }

  /* Main gallery should not look boxed/white. */
  body.qdm-raed.qdm-v197-product-editorial .details-slider,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .swiper,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .swiper-wrapper,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial .details-slider [slot="items"],
  body.qdm-raed.qdm-v197-product-editorial .details-slider [slot="items"] > *,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .homeslider__slide,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .s-slider-block {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .details-slider img,
  body.qdm-raed.qdm-v197-product-editorial .details-slider picture {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Hide the original horizontal thumbs under the image on desktop.
     JS still uses the original source nodes off-canvas. */
  body.qdm-raed.qdm-v197-product-editorial .details-slider [slot="thumbs"],
  body.qdm-raed.qdm-v197-product-editorial .details-slider [data-testid="store-product-thumbnails"],
  body.qdm-raed.qdm-v197-product-editorial .details-slider .qdm-v197-gallery-thumbs,
  body.qdm-raed.qdm-v197-product-editorial [data-testid="store-product-thumbnails"].qdm-v198-native-thumbs-source,
  body.qdm-raed.qdm-v197-product-editorial [slot="thumbs"].qdm-v198-native-thumbs-source {
    position: fixed !important;
    left: -99999px !important;
    top: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Physical thumbnail rail beside the hero image. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en) .details-slider {
    width: calc(100% - var(--qdm-v199-rail-offset)) !important;
    margin-right: var(--qdm-v199-rail-offset) !important;
    margin-left: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en .details-slider {
    width: calc(100% - var(--qdm-v199-rail-offset)) !important;
    margin-left: var(--qdm-v199-rail-offset) !important;
    margin-right: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    width: var(--qdm-v199-thumb-width) !important;
    max-height: min(760px, calc(100vh - 150px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 0 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0,0,0,.22) transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail::-webkit-scrollbar {
    width: 5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .22) !important;
    border-radius: 999px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    gap: var(--qdm-v199-thumb-gap) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb {
    width: var(--qdm-v199-thumb-width) !important;
    height: var(--qdm-v199-thumb-height) !important;
    flex: 0 0 var(--qdm-v199-thumb-height) !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb img {
    object-fit: cover !important;
    background: transparent !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.200 PRODUCT GALLERY MATCH
   Goal: match the requested gallery style more closely:
   - one main image in the center
   - only one vertical thumbnail rail stuck to the image on the right (AR)
   - no thumbnail strip under the main image on desktop
   - thumbnails larger and closer to the main image
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v200-thumb-width: 78px;
  --qdm-v200-thumb-height: 110px;
  --qdm-v200-thumb-gap: 10px;
  --qdm-v200-rail-gap: 10px;
  --qdm-v200-rail-offset: calc(var(--qdm-v200-thumb-width) + var(--qdm-v200-rail-gap));
}

@media (min-width: 901px) {
  /* The rail must sit visually attached to the hero image, not far away. */
  body.qdm-raed.qdm-v197-product-editorial .details-slider {
    position: relative !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en) .details-slider {
    width: calc(100% - var(--qdm-v200-rail-offset)) !important;
    margin-right: var(--qdm-v200-rail-offset) !important;
    margin-left: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en .details-slider {
    width: calc(100% - var(--qdm-v200-rail-offset)) !important;
    margin-left: var(--qdm-v200-rail-offset) !important;
    margin-right: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    top: 0 !important;
    width: var(--qdm-v200-thumb-width) !important;
    gap: var(--qdm-v200-thumb-gap) !important;
    max-height: min(780px, 100%) !important;
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en) .qdm-v198-thumb-rail {
    right: 0 !important;
    left: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en .qdm-v198-thumb-rail {
    left: 0 !important;
    right: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb {
    width: var(--qdm-v200-thumb-width) !important;
    height: var(--qdm-v200-thumb-height) !important;
    flex: 0 0 var(--qdm-v200-thumb-height) !important;
    border-width: 1px !important;
    border-color: rgba(0,0,0,.12) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb.is-active {
    border-color: #3d2f5d !important;
  }

  /* Brutally remove any desktop bottom thumbnail row, regardless of late hydration. */
  body.qdm-raed.qdm-v197-product-editorial .details-slider [slot="thumbs"],
  body.qdm-raed.qdm-v197-product-editorial .details-slider [data-testid="store-product-thumbnails"],
  body.qdm-raed.qdm-v197-product-editorial .details-slider .qdm-v197-gallery-thumbs,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .swiper-pagination,
  body.qdm-raed.qdm-v197-product-editorial .details-slider > .thumbs,
  body.qdm-raed.qdm-v197-product-editorial .details-slider + .qdm-v197-gallery-thumbs {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* The main visual area should feel like one clean image surface. */
  body.qdm-raed.qdm-v197-product-editorial .details-slider [slot="items"] .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .homeslider__slide,
  body.qdm-raed.qdm-v197-product-editorial .details-slider .s-slider-block,
  body.qdm-raed.qdm-v197-product-editorial .details-slider figure,
  body.qdm-raed.qdm-v197-product-editorial .details-slider picture {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.201 PRODUCT GALLERY FINAL TUNING
   - bring right thumbnails closer to the main image
   - make right thumbnails larger
   - remove left/right gallery arrows
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v201-thumb-width: 94px;
  --qdm-v201-thumb-height: 128px;
  --qdm-v201-thumb-gap: 10px;
  --qdm-v201-rail-gap: 6px;
  --qdm-v201-rail-offset: calc(var(--qdm-v201-thumb-width) + var(--qdm-v201-rail-gap));
}

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en) .details-slider {
    width: calc(100% - var(--qdm-v201-rail-offset)) !important;
    margin-right: var(--qdm-v201-rail-offset) !important;
    margin-left: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en .details-slider {
    width: calc(100% - var(--qdm-v201-rail-offset)) !important;
    margin-left: var(--qdm-v201-rail-offset) !important;
    margin-right: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    width: var(--qdm-v201-thumb-width) !important;
    gap: var(--qdm-v201-thumb-gap) !important;
    max-height: min(780px, calc(100vh - 130px)) !important;
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb {
    width: var(--qdm-v201-thumb-width) !important;
    height: var(--qdm-v201-thumb-height) !important;
    flex: 0 0 var(--qdm-v201-thumb-height) !important;
  }

  /* Remove the gallery nav arrows completely. */
  body.qdm-raed.qdm-v197-product-editorial .details-slider :is(
    .swiper-button-next,
    .swiper-button-prev,
    .swiper-button-lock,
    .swiper-navigation,
    .s-slider-arrow-next,
    .s-slider-arrow-prev,
    .s-slider-nav,
    .s-slider-nav-arrow,
    .s-slider-btn-next,
    .s-slider-btn-prev,
    .swiper-button-disabled
  ) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .details-slider button[aria-label*="next" i],
  body.qdm-raed.qdm-v197-product-editorial .details-slider button[aria-label*="previous" i],
  body.qdm-raed.qdm-v197-product-editorial .details-slider button[aria-label*="prev" i],
  body.qdm-raed.qdm-v197-product-editorial .details-slider button[aria-label*="التالي"],
  body.qdm-raed.qdm-v197-product-editorial .details-slider button[aria-label*="السابق"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.202 PRODUCT GALLERY RIGHT RAIL REFINEMENT
   - move right thumbnails closer to the main image
   - enlarge right thumbnails to better match the reference
   - keep scroll by mouse, but hide the visible scrollbar completely
   - keep the rail aligned with the main image top edge
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v202-thumb-width: 108px;
  --qdm-v202-thumb-height: 140px;
  --qdm-v202-thumb-gap: 8px;
  --qdm-v202-rail-gap: 2px;
  --qdm-v202-rail-offset: calc(var(--qdm-v202-thumb-width) + var(--qdm-v202-rail-gap));
}

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en) .details-slider {
    width: calc(100% - var(--qdm-v202-rail-offset)) !important;
    margin-right: var(--qdm-v202-rail-offset) !important;
    margin-left: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en .details-slider {
    width: calc(100% - var(--qdm-v202-rail-offset)) !important;
    margin-left: var(--qdm-v202-rail-offset) !important;
    margin-right: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    top: 0 !important;
    width: var(--qdm-v202-thumb-width) !important;
    gap: var(--qdm-v202-thumb-gap) !important;
    max-height: min(780px, calc(100vh - 130px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb {
    width: var(--qdm-v202-thumb-width) !important;
    height: var(--qdm-v202-thumb-height) !important;
    flex: 0 0 var(--qdm-v202-thumb-height) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.203 PRODUCT MAIN IMAGE ENLARGE
   Base: V13.202.
   - Enlarge the desktop main product image itself so it nearly reaches the
     thumbnail rail on the right, without changing the thumbnail rail behavior.
   ============================================================================ */
@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex-basis: 63% !important;
    width: 63% !important;
    max-width: 63% !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex-basis: 37% !important;
    width: 37% !important;
    max-width: 500px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"],
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide {
    width: 100% !important;
    max-width: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] img,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide > img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.204 PRODUCT THUMB RAIL POSITION/SIZE
   Base: V13.203.
   - Slightly reduce desktop right-side thumbnails.
   - Pull the rail left so it visually hugs the main image more closely.
   - Keep hidden scrollbar + mouse-wheel scrolling from V13.202.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v204-thumb-width: 94px;
  --qdm-v204-thumb-height: 124px;
  --qdm-v204-thumb-gap: 8px;
}

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    width: var(--qdm-v204-thumb-width) !important;
    gap: var(--qdm-v204-thumb-gap) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb {
    width: var(--qdm-v204-thumb-width) !important;
    height: var(--qdm-v204-thumb-height) !important;
    flex: 0 0 var(--qdm-v204-thumb-height) !important;
  }

  /* Arabic / default preview: rail is on the right, so pull it LEFT. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en) .qdm-v198-thumb-rail {
    transform: translateX(-52px) !important;
  }

  /* English mirror: rail is on the left, so pull it RIGHT toward the image. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en .qdm-v198-thumb-rail {
    transform: translateX(52px) !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.205 WAAD-STYLE PRODUCT BUYING FLOW
   Base: V13.204.
   - Remove Buy Now + Apple Pay/quick-buy from product pages.
   - One large rectangular Add to Cart action only.
   - Product option/size first, then Tamara/Tabby, then quantity + cart action.
   - Keep Salla's native option/installment/cart functionality intact.
   ============================================================================ */

/* Safety: quick-buy / Apple Pay must not render anywhere in the product buying area. */
body.qdm-raed.qdm-v197-product-editorial .container--product-details salla-quick-buy,
body.qdm-raed.qdm-v197-product-editorial .container--product-details [data-qdm-v188-applepay-host="1"],
body.qdm-raed.qdm-v197-product-editorial .container--product-details [data-qdm-v188-applepay-control="1"],
body.qdm-raed.qdm-v197-product-editorial .container--product-details .qdm-v205-hide-quick-buy {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* The duplicated price box inside the form is hidden; the approved main price
   under the product title remains the single visible price. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v205-form-price-row {
  display: none !important;
}

/* Keep the top information hierarchy clean: title + main price, then options. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v205-sku-late {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(0,0,0,.13) !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* Native product form becomes a simple editorial stack. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"] > salla-product-options {
  order: 10 !important;
  margin: 12px 0 4px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"] > salla-installment.qdm-v205-installment-after-options {
  order: 20 !important;
  margin: 8px 0 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"] > .sticky-product-bar {
  order: 30 !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Quantity stays available, but no longer looks like a separate white card. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .sticky-product-bar__quantity {
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
}

/* The only purchasing CTA: large, square, full-width, black/white. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  --color-primary: #000 !important;
  --color-primary-dark: #000 !important;
  --color-primary-reverse: #fff !important;
  --s-color-primary: #000 !important;
  --s-color-primary-dark: #000 !important;
  --s-color-primary-reverse: #fff !important;
}

/* If the component exposes a normal light-DOM button, force the reference shape. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"] :where(button, .s-button-element, .s-button-btn) {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 0 !important;
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Gift and metadata remain below the buying action, visually integrated. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-gifting.qdm-v198-tone-native {
  order: 40 !important;
  margin-top: 18px !important;
}

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .sticky-product-bar__btn,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"] {
    min-height: 56px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.206 PDP DESKTOP BALANCE
   Base: V13.205.
   - Nudge the whole image/gallery group further toward the physical right in AR.
   - Give the information/buying column more visual presence, closer to reference.
   - Keep all native Salla commerce behavior intact.
   ============================================================================ */
@media (min-width: 1100px) {
  body.qdm-raed.qdm-v197-product-editorial .container--product-details {
    width: min(1640px, calc(100% - 40px)) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 54px !important;
  }

  /* More room for the left information column without making the gallery small. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 0 61% !important;
    width: 61% !important;
    max-width: 61% !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 1 1 39% !important;
    width: 39% !important;
    max-width: 610px !important;
  }

  /* Arabic/default preview: move the complete gallery group to the right. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details > div[id^="product-"] > .sidebar,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(34px) !important;
  }

  /* English mirrors the same composition. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(-34px) !important;
  }

  /* Slightly larger information hierarchy, like the supplied reference. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content > h1[data-testid="store-product-title"] {
    font-size: clamp(28px, 2.15vw, 38px) !important;
    margin-bottom: 10px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: clamp(23px, 1.7vw, 30px) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content :where(label, small, p) {
    font-size: 15.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details form[data-testid="store-product-form"] > salla-product-options {
    margin-top: 16px !important;
    margin-bottom: 8px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details form[data-testid="store-product-form"] > salla-installment.qdm-v205-installment-after-options {
    margin-top: 12px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .sticky-product-bar__quantity {
    margin-bottom: 18px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"] :where(button, .s-button-element, .s-button-btn) {
    min-height: 62px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v197-accordion > summary {
    min-height: 62px !important;
    font-size: 16.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description :where(p, article) {
    font-size: 16px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.207 PDP DESKTOP COMPOSITION MATCH
   Base: V13.206.
   Goal:
   - Make the whole image/thumbnails group a bit smaller on desktop.
   - Push that full group further toward the physical right in Arabic.
   - Let the left buying/info column feel more balanced and closer in size to the
     Waad reference shared by the user.
   ============================================================================ */
@media (min-width: 1100px) {
  body.qdm-raed.qdm-v197-product-editorial .container--product-details {
    width: min(1500px, calc(100% - 64px)) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 34px !important;
    align-items: flex-start !important;
  }

  /* Balance both sides closer to the supplied reference: a slimmer gallery side,
     and a stronger, more proportionate buying/details side. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 0 53.5% !important;
    width: 53.5% !important;
    max-width: 53.5% !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 0 0 46.5% !important;
    width: 46.5% !important;
    max-width: 700px !important;
  }

  /* Arabic/default preview: move the full gallery set farther right. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details > div[id^="product-"] > .sidebar,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(72px) !important;
  }

  /* English mirrors the same composition back toward the physical right edge. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(-72px) !important;
  }

  /* Slightly smaller right-side thumbnails, still visually attached. */
  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb-rail {
    width: 80px !important;
    gap: 8px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial .qdm-v198-thumb {
    width: 80px !important;
    height: 108px !important;
    flex: 0 0 108px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en) .qdm-v198-thumb-rail {
    transform: translateX(-36px) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en .qdm-v198-thumb-rail {
    transform: translateX(36px) !important;
  }

  /* Restore a touch more presence on the information side so it doesn't read tiny. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content > h1[data-testid="store-product-title"] {
    font-size: clamp(31px, 2vw, 40px) !important;
    line-height: 1.15 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: clamp(27px, 1.9vw, 34px) !important;
    line-height: 1.15 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content :where(label, small, p, summary, .qdm-v197-accordion > summary) {
    font-size: 16.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"] :where(button, .s-button-element, .s-button-btn) {
    min-height: 60px !important;
    font-size: 18px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.208 PDP WHITE SURFACE REMOVAL
   Base: V13.207.
   Goal: remove the white fill/background from the Tamara box, the Tabby box,
   and the Gift This Product box, while keeping the content and functionality.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v208-soft-line: rgba(0, 0, 0, .16);
}

/* Outer hosts: no white card fill. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment[data-testid="store-product-installment"],
  salla-installment.qdm-v198-tone-native,
  salla-installment.qdm-v199-tone-native
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Inner wrappers commonly rendered by Salla/widget shells.
   Keep borders/structure possible, but remove the white fill only. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment
) :where(
  div,
  section,
  article,
  main,
  aside,
  header,
  footer,
  .s-block,
  .s-card,
  .s-card-body,
  .s-panel,
  .s-widget-wrapper,
  .widget-wrapper,
  .widget,
  .gift,
  .gift-product,
  .gift-this-product,
  .gifting,
  .product-gifting,
  .tabby-promo,
  .tamara-product-widget,
  .tamara-widget,
  .tamara-product-widget-wrapper
):not(.tabby-badge):not(.tabby-logo):not(.tamara-logo) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Embedded surfaces if the widget uses iframe/light containers. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(salla-installment) iframe {
  background: transparent !important;
}

/* Gift This Product surfaces moved out of this block. See V13.212. */

/* ============================================================================
   THE QUEENDOM — V13.209 PDP BOX WHITE FILL REMOVAL (TABBY + GIFT)
   Base: V13.208.
   - Remove the remaining white fills from the Tabby surface and Gift This Product.
   - Keep content/spacing intact and match the page background more closely.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v209-soft-line: rgba(0, 0, 0, .16);
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment.qdm-v198-tone-native,
  salla-installment.qdm-v199-tone-native,
  salla-installment[data-testid="store-product-installment"]
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Stronger non-shadow DOM cleanup for native wrappers */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment
) > :where(div, section, article, main, aside, .s-block, .s-card, .widget, .widget-wrapper, .s-widget-wrapper) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Tabby line box: keep only a subtle outline if a wrapper exists */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-installment :where(.tabby-promo, .tabby-container, .tabby-widget, .tabby-card, .s-card, .s-block) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--qdm-v209-soft-line) !important;
  box-shadow: none !important;
}

/* Gift This Product surfaces moved out of this block. See V13.212. */

/* ============================================================================
   THE QUEENDOM — V13.210 FINAL TABBY + GIFT WHITE-BOX REMOVAL
   Base: V13.209.
   - Target the actual third-party/native rendered surfaces rather than only hosts.
   - Remove white fill + visible card border from Tabby and Gift This Product.
   - Keep all native actions/content clickable and functional.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-installment[data-testid="store-product-installment"]
) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-installment iframe,
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-installment [class*="tabby" i],
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-installment [id*="tabby" i] {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  mix-blend-mode: multiply !important;
}

/* If Tabby is exposed in light DOM, remove the card chrome entirely. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-installment :where(
  [class*="tabby" i],
  [id*="tabby" i]
) :where(div, section, article) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Gift This Product surfaces moved out of this block. See V13.212. */

/* ============================================================================
   THE QUEENDOM — V13.213 GIFT THIS PRODUCT — PAGE-BACKGROUND MERGE
   Base: V13.211.
   Replaces every earlier gift white-box attempt (V13.208 → V13.212), which were
   removed from their original blocks rather than layered over. This is the only
   code that owns the gift surface.

   Verified against the live markup on the product page:
     salla-gifting > div > salla-list-tile.s-gifting-widget > a.s-list-tile-item
   The white tile is the <a class="s-list-tile-item"> itself. Every earlier rule
   excluded links and buttons on purpose, so the one element that paints white
   was the one element never targeted. There is no shadow DOM and no iframe
   here, so plain CSS is enough and no JS is involved.

   Only paint properties are changed. The anchor keeps its href, its listeners
   and its click behaviour, so the gift dialog opens exactly as before.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial {
  --qdm-v213-page-bg: var(--qdm-bg, #f8f5f1);
}

/* Host + its light-DOM wrapper. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details :where(
  salla-gifting,
  salla-gifting[data-testid="store-product-gifting"],
  salla-gifting.qdm-v198-tone-native,
  salla-gifting.qdm-v199-tone-native,
  salla-gifting.qdm-v205-gifting-after-cart
) {
  background: var(--qdm-v213-page-bg) !important;
  background-color: var(--qdm-v213-page-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  isolation: auto !important;
  padding: 14px 0 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-gifting > div {
  background: var(--qdm-v213-page-bg) !important;
  background-color: var(--qdm-v213-page-bg) !important;
  background-image: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* The actual white tile: the list-tile anchor and its own wrappers. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-gifting :where(
  salla-list-tile,
  .s-gifting-widget,
  .s-gifting-widget-hor,
  .s-list-tile,
  .s-list-tile-item,
  .s-list-tile-content,
  .s-list-tile-body,
  a.s-list-tile-item
) {
  background: var(--qdm-v213-page-bg) !important;
  background-color: var(--qdm-v213-page-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* The black "إرسال كهدية" action keeps its own surface. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details salla-gifting :where(
  button,
  salla-button,
  .s-button-element,
  .s-button-btn,
  [role="button"]
) {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

/* ============================================================================
   THE QUEENDOM — V13.216 PDP CTA HOVER = NORMAL STATE
   Base reset to V13.213 (V13.214/V13.215 discarded).
   IMPORTANT:
   - No text nodes/classes are rewritten.
   - No inline styling is applied to labels/icons.
   - No click handlers are touched.
   - Only the hover/focus/active PAINT of the two PDP CTAs is neutralized.
   ============================================================================ */

@media (hover: hover) and (pointer: fine) {

  /* ------------------------- SEND AS A GIFT ------------------------- */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  salla-gifting
  :where(
    button,
    salla-button,
    .s-button-element,
    .s-button-btn,
    .s-button-primary,
    [role="button"]
  ):hover {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    transition: none !important;
  }

  /* Raed/Salla may put hover:text-primary on the visible gift caption itself.
     Override ONLY that hover utility inside the gift action. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  salla-gifting
  .hover\:text-primary:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  /* If the visible caption is a normal span/icon inside the hovered button,
     inherit the unchanged white CTA color without touching its content. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  salla-gifting
  :where(
    button,
    .s-button-element,
    .s-button-btn,
    .s-button-primary,
    [role="button"]
  ):hover :where(span, i) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }

  /* -------------------------- ADD TO CART --------------------------- */
  /* Light-DOM fallback. The real Salla button can also live in open shadow DOM;
     JS below injects the same paint rule there without modifying the text. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  salla-add-product-button[data-testid="store-product-add-to-cart"]
  :where(
    button,
    .s-button-element,
    .s-button-btn,
    .s-button-primary,
    [role="button"]
  ):hover {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    transition: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  salla-add-product-button[data-testid="store-product-add-to-cart"]
  .hover\:text-primary:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.217 PDP DESCRIPTION: ACCORDION ONLY
   Base: V13.216.
   Product description must appear ONLY inside "وصف المنتج / Product Description".
   Any hydrated/orphan duplicate left in the normal product column is hidden.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v217-description-duplicate {
  display: none !important;
}

/* When moved into the accordion, keep the description naturally readable. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--description
.qdm-v217-description-canonical {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================================================
   THE QUEENDOM — V13.218 PRODUCT DESCRIPTION ZERO-FLASH GUARD
   Base: V13.217.
   Hide Salla's native product-description node from the FIRST CSS paint while
   it is still in its original position. The exact same node becomes visible
   again only after V13.217 moves it inside the Product Description accordion.

   CSS-only visual guard:
   - no waiting for JavaScript/body classes before hiding the native description
   - no text copying/replacement
   - no extra layout placeholder
   ============================================================================ */

/* IMPORTANT: intentionally does NOT depend on qdm-raed/qdm-v197 body classes.
   That is what prevents the old description from flashing before our JS starts. */
.container--product-details
[data-testid="store-product-description"],
.container--product-details
.product__description,
.container--product-details
article[itemprop="description"] {
  display: none !important;
}

/* Once the SAME native description node has been moved into our accordion,
   restore its normal display there. */
.container--product-details
.qdm-v197-accordion--description
[data-testid="store-product-description"],
.container--product-details
.qdm-v197-accordion--description
.product__description,
.container--product-details
.qdm-v197-accordion--description
article[itemprop="description"],
.container--product-details
.qdm-v197-accordion--description
.qdm-v217-description-canonical {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================================================
   THE QUEENDOM — V13.219 WAAD-STYLE WISHLIST UNDER ADD TO CART
   Base: V13.218.
   Reuses Raed/Salla's real product wishlist button, then places it immediately
   below the Add to Cart area with a simple heart + label treatment.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v219-wishlist-row {
  order: 35 !important;
  width: 100% !important;
  min-height: 38px;
  margin: 12px 0 2px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  direction: rtl !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #111111 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details .qdm-v219-wishlist-row {
  direction: ltr !important;
}

/* Native Salla wishlist button — functionality stays untouched. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row
salla-button[data-testid="store-product-wishlist-btn"] {
  display: inline-flex !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;

  --color-primary: #ef3f4c !important;
  --color-primary-dark: #ef3f4c !important;
  --color-primary-reverse: #ffffff !important;
  --s-color-primary: #ef3f4c !important;
  --s-color-primary-dark: #ef3f4c !important;
  --s-color-primary-reverse: #ffffff !important;

  color: #ef3f4c !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row
salla-button[data-testid="store-product-wishlist-btn"] i,
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row
salla-button[data-testid="store-product-wishlist-btn"] .sicon-heart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  color: #ef3f4c !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v219-wishlist-label {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font: inherit !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* Language-aware label. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v219-wishlist-label-en {
  display: none !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details .qdm-v219-wishlist-label-ar {
  display: none !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details .qdm-v219-wishlist-label-en {
  display: inline-block !important;
}

/* No hover animation — keep the Waad-style row visually steady. */
@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v219-wishlist-row:hover,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v219-wishlist-row:hover .qdm-v219-wishlist-label {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    background: transparent !important;
    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .qdm-v219-wishlist-row
  salla-button[data-testid="store-product-wishlist-btn"]:hover,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .qdm-v219-wishlist-row
  salla-button[data-testid="store-product-wishlist-btn"]:hover i {
    color: #ef3f4c !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

@media (max-width: 640px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v219-wishlist-row {
    margin-top: 11px !important;
    font-size: 13px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.220 WISHLIST VISUAL FIX
   Base: V13.219.
   Remove Salla's native circular wishlist-button chrome and show a clean
   Waad-style red outline heart directly beside the wishlist wording.
   The real Salla wishlist button remains in the DOM and handles the action.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v219-wishlist-row {
  min-height: 30px !important;
  margin: 12px 0 4px !important;
  gap: 5px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

/* Keep Salla's REAL wishlist control alive, but remove it from the visual layout.
   Our clean SVG heart below proxies clicks to this native control. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row
salla-button[data-testid="store-product-wishlist-btn"] {
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Clean heart — no circle, no border, no background. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v220-wishlist-heart {
  flex: 0 0 auto !important;
  width: 23px !important;
  height: 23px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ef3f4c !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  line-height: 1 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v220-wishlist-heart svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v219-wishlist-label {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v220-wishlist-heart:hover {
    color: #ef3f4c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.226
   1) PRODUCT DESCRIPTION: ZERO MULTI-FLASH + OPEN BY DEFAULT
   2) WISHLIST: TRUE ADD/REMOVE TOGGLE WITH MATCHING FEEDBACK
   Base keeps V13.220 clean-heart visuals and all earlier stable fixes.
   ============================================================================ */


/* ============================================================================
   V13.226 — DESCRIPTION STABLE FIRST REVEAL
   The accordion is completely withheld until:
   - Salla/Raed has created the description accordion,
   - the real product description is already inside its panel,
   - the accordion has already been marked open.

   Result: it appears ONCE in its final open state instead of flashing
   closed/open or moving several times during hydration.
   ============================================================================ */

.container--product-details
.qdm-v197-accordion--description:not(.qdm-v226-description-ready) {
  display: none !important;
}

.container--product-details
.qdm-v197-accordion--description.qdm-v226-description-initializing,
.container--product-details
.qdm-v197-accordion--description.qdm-v226-description-initializing * {
  transition: none !important;
  animation: none !important;
}

/* Once ready, return to the theme's normal accordion rendering. */
.container--product-details
.qdm-v197-accordion--description.qdm-v226-description-ready {
  visibility: visible !important;
  opacity: 1 !important;
}


/* ============================================================================
   V13.226 — WISHLIST TOGGLE FEEDBACK
   Outline = not in wishlist.
   Filled red = in wishlist.
   Both add and remove use loader + the same confirmation pulse.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v219-wishlist-row {
  position: relative !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v220-wishlist-heart {
  position: relative !important;
  transition: transform .18s ease, color .18s ease !important;
}

/* Loader replaces the heart only while Salla processes the toggle. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row.qdm-v226-wishlist-loading
.qdm-v220-wishlist-heart svg {
  opacity: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row.qdm-v226-wishlist-loading
.qdm-v220-wishlist-heart::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  border: 1.8px solid rgba(239,63,76,.25);
  border-top-color: #ef3f4c;
  border-radius: 50%;
  animation: qdm-v226-wishlist-spin .65s linear infinite;
}

@keyframes qdm-v226-wishlist-spin {
  to { transform: rotate(360deg); }
}

/* Current state = product is in wishlist. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row.qdm-v226-wishlist-added
.qdm-v220-wishlist-heart svg {
  fill: #ef3f4c !important;
  stroke: #ef3f4c !important;
}

/* Same pulse is used after BOTH adding and removing. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row.qdm-v226-wishlist-feedback
.qdm-v220-wishlist-heart {
  animation: qdm-v226-wishlist-pop .34s ease;
}

@keyframes qdm-v226-wishlist-pop {
  0%   { transform: scale(1); }
  48%  { transform: scale(1.22); }
  100% { transform: scale(1); }
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details .qdm-v226-wishlist-confirm {
  display: none;
  margin-inline-start: 3px;
  color: #ef3f4c !important;
  -webkit-text-fill-color: #ef3f4c !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v219-wishlist-row.qdm-v226-wishlist-feedback
.qdm-v226-wishlist-confirm {
  display: inline-block !important;
  animation: qdm-v226-confirm-in .22s ease;
}

@keyframes qdm-v226-confirm-in {
  from { opacity: 0; transform: translateY(2px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================================
   THE QUEENDOM — V13.227 PRODUCT DESCRIPTION — SINGLE PAINT
   Root-cause fix for the repeated text flashing:
   V13.197/V13.198/V13.199 no longer move the product-description DOM node.
   V13.217 is now the single owner of description placement.

   During the very first reveal we also suppress any details/panel animation,
   so the customer sees one final, already-open description state.
   ============================================================================ */

.container--product-details
.qdm-v197-accordion--description.qdm-v227-first-reveal,
.container--product-details
.qdm-v197-accordion--description.qdm-v227-first-reveal *,
.container--product-details
.qdm-v197-accordion--description.qdm-v227-first-reveal::before,
.container--product-details
.qdm-v197-accordion--description.qdm-v227-first-reveal::after {
  transition: none !important;
  animation: none !important;
  scroll-behavior: auto !important;
}

.container--product-details
.qdm-v197-accordion--description.qdm-v227-first-reveal
.qdm-v197-accordion-panel {
  transition: none !important;
  animation: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.229 COMPACT SIZE SELECTOR + SIZE GUIDE LINK
   Base: V13.228.

   Reference:
   - compact selector instead of the current full-width product option
   - "جدول المقاسات / Size Guide" above it with a tape-measure icon
   - "SIZE" directly above the select
   - link opens the store's real Size Guide page (page id 677285129)

   Native <salla-product-options> remains untouched functionally.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  order: 8 !important;
  width: 148px !important;
  max-width: 148px !important;
  margin: 15px 0 2px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  align-self: flex-end !important;

  color: #2f223f !important;
  -webkit-text-fill-color: #2f223f !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"]
.qdm-v229-size-guide svg {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"]
.qdm-v229-size-title {
  order: 9 !important;
  width: 148px !important;
  max-width: 148px !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  align-self: flex-end !important;

  color: #2f223f !important;
  -webkit-text-fill-color: #2f223f !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  direction: ltr !important;
}

/* The native Salla host stays a direct child of the form so V13.205's
   installment/cart ordering logic continues to work exactly as before. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details form[data-testid="store-product-form"]
> salla-product-options.qdm-v229-size-options {
  order: 10 !important;
  display: block !important;
  align-self: flex-end !important;
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Light-DOM fallback for Salla builds that expose the select normally. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
salla-product-options.qdm-v229-size-options
:where(select, select.s-form-control) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
  height: 39px !important;
  min-height: 39px !important;
  padding: 0 34px 0 12px !important;

  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(47,34,63,.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #2f223f !important;
  -webkit-text-fill-color: #2f223f !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 39px !important;
  text-align: center !important;
  direction: ltr !important;
}

/* Remove the old native "القياس * / اختر" heading when it lives in light DOM.
   The actual SELECT remains alive and required validation is unchanged. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
salla-product-options.qdm-v229-size-options
:where(
  label,
  .s-form-label,
  [class*="option-label"],
  [class*="options-label"]
) {
  display: none !important;
}

/* English mirrors the compact block to the physical left. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details form[data-testid="store-product-form"]
.qdm-v229-size-guide,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details form[data-testid="store-product-form"]
.qdm-v229-size-title,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details form[data-testid="store-product-form"]
> salla-product-options.qdm-v229-size-options {
  align-self: flex-start !important;
}

/* No hover inversion: only a subtle underline for the guide link. */
@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .qdm-v229-size-guide:hover {
    color: #2f223f !important;
    -webkit-text-fill-color: #2f223f !important;
    background: transparent !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
}

@media (max-width: 640px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details form[data-testid="store-product-form"]
  .qdm-v229-size-guide,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details form[data-testid="store-product-form"]
  .qdm-v229-size-title,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details form[data-testid="store-product-form"]
  > salla-product-options.qdm-v229-size-options {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.230 SIZE BLOCK — RIGHT ALIGNED + CLEAN COMPACT SELECT
   Base: V13.229.

   Fixes:
   - whole size block sits on the PHYSICAL RIGHT in Arabic
   - removes Salla's horizontal scrollbar entirely
   - uses a clean square-corner compact select
   - native Salla select remains alive underneath and receives the chosen value
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide,
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-title,
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v230-size-proxy-wrap {
  align-self: auto !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;

  /* Physical right — do not depend on RTL flex-end behavior. */
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Guide stays above the selector and aligns with the same 132px block. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  order: 8 !important;
  margin-top: 15px !important;
  margin-bottom: 3px !important;
  justify-content: flex-start !important;

  /* Reference look: icon on the left, Arabic wording on its right. */
  direction: ltr !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text {
  direction: rtl !important;
  text-align: right !important;
}

/* "SIZE" centered over the compact selector. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-title {
  order: 9 !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  text-align: center !important;
}

/* Our clean visual select. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v230-size-proxy-wrap {
  order: 10 !important;
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v230-size-proxy {
  display: block !important;
  box-sizing: border-box !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 32px 0 10px !important;

  appearance: auto !important;
  -webkit-appearance: menulist !important;

  border: 1px solid rgba(47,34,63,.18) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;

  color: #2f223f !important;
  -webkit-text-fill-color: #2f223f !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: normal !important;

  direction: ltr !important;
  text-align: center !important;
  text-align-last: center !important;
  cursor: pointer !important;

  overflow: hidden !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v230-size-proxy:focus {
  border-color: rgba(47,34,63,.48) !important;
  box-shadow: none !important;
}

/* Once the clean proxy exists, keep Salla's REAL product-options component
   functionally present but visually out of the layout. This is what removes
   the unwanted horizontal scrollbar without breaking product selection. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
> salla-product-options.qdm-v229-size-options.qdm-v230-size-native-hidden {
  order: 11 !important;
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

/* Keep the block on the physical RIGHT even if the interface is English.
   User requested the selector group itself on the right. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-title,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v230-size-proxy-wrap {
  align-self: auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

@media (max-width: 640px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-guide,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-title,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v230-size-proxy-wrap,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .qdm-v230-size-proxy {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.231 SIZE BLOCK TEXT DIRECTION / EDGE ALIGNMENT
   Base: V13.230.

   Arabic:
   - guide, label and selected value all begin at the RIGHT edge of the box
   - select uses RTL presentation

   English:
   - same block stays in place, but its contents flip naturally to LTR
   - guide, label and selected value begin at the LEFT edge
   ============================================================================ */

/* ------------------------------- ARABIC ----------------------------------- */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  direction: rtl !important;
  justify-content: flex-start !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-title {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
.qdm-v230-size-proxy {
  direction: rtl !important;
  text-align: right !important;
  text-align-last: right !important;

  /* text starts from the right, with room for the native dropdown arrow */
  padding-right: 12px !important;
  padding-left: 32px !important;
}

/* ------------------------------- ENGLISH ---------------------------------- */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  direction: ltr !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text {
  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-title {
  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
.qdm-v230-size-proxy {
  direction: ltr !important;
  text-align: left !important;
  text-align-last: left !important;

  padding-left: 12px !important;
  padding-right: 32px !important;
}

/* ============================================================================
   THE QUEENDOM — V13.232 ENGLISH SIZE BLOCK PHYSICAL LEFT
   Base: V13.231.

   Arabic stays physically RIGHT.
   English moves the whole Size Guide / SIZE / select block physically LEFT.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-title,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v230-size-proxy-wrap {
  align-self: auto !important;

  /* Physical LEFT in English */
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Keep English text/content aligned from the left edge too. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  direction: ltr !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-title {
  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
.qdm-v230-size-proxy {
  direction: ltr !important;
  text-align: left !important;
  text-align-last: left !important;
  padding-left: 12px !important;
  padding-right: 32px !important;
}

/* ============================================================================
   THE QUEENDOM — V13.234 SIZE GUIDE ICON + IMAGE MODAL
   Base: V13.233.

   Arabic:
   - text stays on the right
   - tape icon sits on the LEFT of "جدول المقاسات"

   English:
   - text stays on the left
   - tape icon sits on the RIGHT of "Size Guide"

   Clicking the guide no longer navigates away. It opens only the size-chart
   image in a warm page-colored modal over a blurred backdrop.
   ============================================================================ */

/* Arabic: [icon] [جدول المقاسات] visually, while the Arabic text itself is RTL. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  direction: ltr !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text {
  direction: rtl !important;
  text-align: right !important;
}

/* English: [Size Guide] [icon] visually. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  direction: rtl !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text {
  direction: ltr !important;
  text-align: left !important;
}

/* Underline the WORDING only on hover — icon stays unchanged. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  text-decoration: none !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-guide:hover {
    text-decoration: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-guide:hover .qdm-v229-size-guide-text {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-thickness: 1px !important;
  }
}


/* ============================================================================
   V13.234 SIZE GUIDE MODAL
   ============================================================================ */

body.qdm-v234-size-guide-open {
  overflow: hidden !important;
}

.qdm-v234-size-guide-modal[hidden] {
  display: none !important;
}

.qdm-v234-size-guide-modal {
  position: fixed !important;
  z-index: 2147483000 !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px !important;

  background: rgba(17,17,17,.20) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  backdrop-filter: blur(9px) !important;
}

.qdm-v234-size-guide-dialog {
  position: relative !important;
  width: min(760px, calc(100vw - 44px)) !important;
  max-height: calc(100vh - 56px) !important;
  margin: 0 !important;
  padding: 44px 26px 26px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: var(--qdm-bg, #f8f5f1) !important;
  color: var(--qdm-ink, #111111) !important;
  border: 1px solid rgba(17,17,17,.10) !important;
  border-radius: 0 !important;
  box-shadow: 0 24px 80px rgba(17,17,17,.16) !important;
  overflow: auto !important;
}

.qdm-v234-size-guide-close {
  position: absolute !important;
  z-index: 3 !important;
  top: 12px !important;
  right: 14px !important;

  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  color: var(--qdm-ink, #111111) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font: 300 28px/1 Arial, sans-serif !important;
  cursor: pointer !important;
}

.qdm-v234-size-guide-close:hover,
.qdm-v234-size-guide-close:focus,
.qdm-v234-size-guide-close:active {
  background: transparent !important;
  color: var(--qdm-ink, #111111) !important;
  transform: none !important;
  box-shadow: none !important;
}

.qdm-v234-size-guide-image {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: calc(100vh - 150px) !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  background: transparent !important;
}

.qdm-v234-size-guide-loader {
  width: 28px !important;
  height: 28px !important;
  margin: 38px !important;
  border: 2px solid rgba(17,17,17,.16) !important;
  border-top-color: var(--qdm-ink, #111111) !important;
  border-radius: 50% !important;
  animation: qdm-v234-size-guide-spin .7s linear infinite !important;
}

@keyframes qdm-v234-size-guide-spin {
  to { transform: rotate(360deg); }
}

.qdm-v234-size-guide-error {
  margin: 38px 12px !important;
  color: var(--qdm-ink, #111111) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

@media (max-width: 640px) {
  .qdm-v234-size-guide-modal {
    padding: 14px !important;
  }

  .qdm-v234-size-guide-dialog {
    width: calc(100vw - 28px) !important;
    max-height: calc(100vh - 28px) !important;
    padding: 42px 14px 18px !important;
  }

  .qdm-v234-size-guide-image {
    max-height: calc(100vh - 105px) !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.235 SIZE GUIDE FINAL ALIGNMENT + BRANDED MODAL
   Base: V13.234.

   Arabic:
   - Size Guide row starts at the SAME RIGHT edge as SIZE/select below it.
   English:
   - exact opposite: same LEFT edge as SIZE/select.
   ============================================================================ */

/* ------------------------------- ARABIC ----------------------------------- */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;

  margin-left: auto !important;
  margin-right: 0 !important;

  direction: ltr !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text {
  direction: rtl !important;
  text-align: right !important;
}

/* ------------------------------- ENGLISH ---------------------------------- */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;

  margin-left: 0 !important;
  margin-right: auto !important;

  direction: rtl !important;
  justify-content: flex-end !important;
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
form[data-testid="store-product-form"]
.qdm-v229-size-guide .qdm-v229-size-guide-text {
  direction: ltr !important;
  text-align: left !important;
}

/* On smaller screens keep alignment matched to the compact 126px select. */
@media (max-width: 640px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-guide {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
  }
}


/* ============================================================================
   V13.235 — BRANDED SIZE GUIDE MODAL
   - warm beige modal surface
   - THE QUEENDOM store logo above the chart
   - approved chart image only
   ============================================================================ */

.qdm-v234-size-guide-dialog {
  width: min(720px, calc(100vw - 44px)) !important;
  padding: 54px 26px 26px !important;
  background: var(--qdm-bg, #f5f1ec) !important;
}

.qdm-v235-size-guide-shell {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
}

.qdm-v235-size-guide-logo {
  display: block !important;
  width: 118px !important;
  max-width: 34% !important;
  height: auto !important;
  max-height: 58px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  background: transparent !important;
}

.qdm-v234-size-guide-image {
  width: min(100%, 600px) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: calc(100vh - 190px) !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  background: transparent !important;
}

@media (max-width: 640px) {
  .qdm-v234-size-guide-dialog {
    width: calc(100vw - 28px) !important;
    padding: 48px 14px 16px !important;
  }

  .qdm-v235-size-guide-shell {
    gap: 14px !important;
  }

  .qdm-v235-size-guide-logo {
    width: 96px !important;
    max-height: 48px !important;
  }

  .qdm-v234-size-guide-image {
    max-height: calc(100vh - 145px) !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.236 SIZE GUIDE = MODAL TRIGGER ONLY
   The control has no href anymore, so browser/Salla navigation cannot fire.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v229-size-guide[role="button"] {
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.237 SIZE SELECT ARROW POSITION TWEAK
   Base: V13.236.

   Replace the browser arrow on the compact SIZE proxy with a stable custom
   chevron so we can control its exact position:
   - Arabic: arrow on the left, shifted a bit to the RIGHT
   - English: arrow on the right, shifted a bit to the LEFT
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v230-size-proxy-wrap {
  position: relative !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v230-size-proxy {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: none !important;
}

/* Hide legacy IE/Edge select arrow if present. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v230-size-proxy::-ms-expand {
  display: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.qdm-v230-size-proxy-wrap::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -5px !important;
  border-right: 1.6px solid #2f223f !important;
  border-bottom: 1.6px solid #2f223f !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
  opacity: .95 !important;
}

/* Arabic: left-side arrow, nudged inward (to the right) */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
.qdm-v230-size-proxy-wrap::after {
  left: 13px !important;
  right: auto !important;
}

/* English: right-side arrow, nudged inward (to the left) */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
.qdm-v230-size-proxy-wrap::after {
  right: 13px !important;
  left: auto !important;
}

/* ============================================================================
   THE QUEENDOM — V13.238 ACCORDION ARROW + DUPLICATE LINE CLEANUP
   Base: V13.237.

   - Product Description / Reviews arrows now use the SAME chevron language
     as the compact SIZE selector.
   - Removes the extra duplicated top line above Product Description.
   ============================================================================ */

/* The accordion group already owns the top divider.
   Description must NOT add a second line on top of it. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--description {
  border-top: 0 !important;
}

/* Replace the old text glyph "⌄" with the same CSS chevron used by SIZE. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion > summary::after {
  content: "" !important;
  flex: 0 0 auto !important;

  width: 7px !important;
  height: 7px !important;
  margin: -4px 3px 0 3px !important;

  border-right: 1.6px solid #2f223f !important;
  border-bottom: 1.6px solid #2f223f !important;

  font-size: 0 !important;
  line-height: 0 !important;

  transform: rotate(45deg) !important;
  transform-origin: center !important;
  transition: transform .2s ease !important;
}

/* Open = clean upward chevron. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion[open] > summary::after {
  transform: rotate(225deg) !important;
}

/* ============================================================================
   THE QUEENDOM — V13.240 OPEN ACCORDION CHEVRON ALIGNMENT
   Base: V13.239.

   The open Product Description chevron sits slightly higher visually because
   the same 7px border-chevron is rotated 225deg. Nudge ONLY the open state down
   so it lines up with the closed Reviews chevron.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion[open] > summary::after {
  transform: translateY(2px) rotate(225deg) !important;
}

/* ============================================================================
   THE QUEENDOM — V13.243 PRECISE TAMARA + TABBY LOGO POSITIONING
   Base: V13.240. V13.241/V13.242 experiments are intentionally discarded.

   Uses the ACTUAL DOM we inspected:
   - Tamara: .tamara-product-widget > img.tamara-logo
   - Tabby:  #tabbyPromoWrapper ... svg[class*="tabbyInfoLogo"]

   Final layout:
   Arabic  => BOTH logos physically LEFT.
   English => BOTH logos physically RIGHT.

   Important: logos are positioned absolutely instead of reordering the whole
   payment row, so the provider text/order is not scrambled.
   ============================================================================ */

/* ------------------------------- TAMARA ----------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
.tamara-product-widget {
  position: relative !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Arabic: logo physical LEFT, Arabic copy remains RTL/right-aligned. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
.tamara-product-widget {
  direction: rtl !important;
  text-align: right !important;
  padding: 16px 16px 16px 118px !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
.tamara-product-widget > img.tamara-logo {
  position: absolute !important;
  left: 16px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: auto !important;
  height: 28px !important;
  max-height: 28px !important;
  z-index: 2 !important;
}

/* English: exact mirror — logo physical RIGHT. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
.tamara-product-widget {
  direction: ltr !important;
  text-align: left !important;
  padding: 16px 118px 16px 16px !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
.tamara-product-widget > img.tamara-logo {
  position: absolute !important;
  right: 16px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: auto !important;
  height: 28px !important;
  max-height: 28px !important;
  z-index: 2 !important;
}


/* -------------------------------- TABBY ----------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
#tabbyPromoWrapper {
  position: relative !important;
  width: 100% !important;
  min-width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* JS marks the exact Tabby sentence row and exact direct logo unit after the
   third-party widget renders. These rules then keep the result stable. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
#tabbyPromoWrapper .qdm-v243-tabby-row {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
#tabbyPromoWrapper .qdm-v243-tabby-row {
  direction: rtl !important;
  text-align: right !important;
  padding-left: var(--qdm-v243-tabby-reserve, 86px) !important;
  padding-right: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
#tabbyPromoWrapper .qdm-v243-tabby-row {
  direction: ltr !important;
  text-align: left !important;
  padding-right: var(--qdm-v243-tabby-reserve, 86px) !important;
  padding-left: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.container--product-details
#tabbyPromoWrapper .qdm-v243-tabby-logo-unit {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2 !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
.container--product-details
#tabbyPromoWrapper .qdm-v243-tabby-logo-unit {
  left: 0 !important;
  right: auto !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.container--product-details
#tabbyPromoWrapper .qdm-v243-tabby-logo-unit {
  right: 0 !important;
  left: auto !important;
}

/* Exact Tabby SVG supplied from F12. Keep provider artwork untouched. */
body.qdm-raed.qdm-v197-product-editorial
.container--product-details
#tabbyPromoWrapper svg[class*="tabbyInfoLogo"] {
  display: block !important;
  max-width: 76px !important;
  height: auto !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details
  .tamara-product-widget {
    padding-left: 104px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details
  .tamara-product-widget {
    padding-right: 104px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .tamara-product-widget > img.tamara-logo {
    height: 26px !important;
    max-height: 26px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.245 PDP GALLERY STABILITY + CLICKABLE THUMBNAILS
   Base: V13.243.

   Fixes:
   1) The custom vertical thumbnails are always clickable and sit above the
      gallery hit-area.
   2) The main desktop image stage keeps ONE fixed height/aspect while switching
      between images, so it never gets smaller slide after slide.
   3) Removes any Swiper/Salla scrollbar/progress strip that can appear as a
      white bar while changing images.
   ============================================================================ */

@media (min-width: 901px) {
  /* Custom rail must always win hit-testing over any gallery overlay. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v198-thumb-rail {
    z-index: 1000 !important;
    pointer-events: auto !important;
    isolation: isolate !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v198-thumb {
    position: relative !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v198-thumb img {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
  }

  /* One stable portrait stage. JS sets --qdm-v245-gallery-height from the first
     real product image and keeps that ratio on resize. */
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider {
    --qdm-v245-gallery-height: auto;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"],
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] > .swiper,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] .swiper,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] .swiper-wrapper {
    height: var(--qdm-v245-gallery-height) !important;
    min-height: var(--qdm-v245-gallery-height) !important;
    max-height: var(--qdm-v245-gallery-height) !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide {
    box-sizing: border-box !important;
    width: 100% !important;
    height: var(--qdm-v245-gallery-height) !important;
    min-height: var(--qdm-v245-gallery-height) !important;
    max-height: var(--qdm-v245-gallery-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] :where(figure, picture),
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide :where(figure, picture) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] img,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center top !important;
    background: transparent !important;
  }

  /* Kill every slider scrollbar/progress surface: this is the white strip that
     can appear after changing slides on some Salla/Swiper hydration states. */
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider :is(
    .swiper-scrollbar,
    .swiper-scrollbar-horizontal,
    .swiper-scrollbar-vertical,
    .swiper-pagination-progressbar,
    .s-slider-scrollbar,
    [class*="slider-scrollbar" i],
    [class*="swiper-scrollbar" i]
  ) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
  }
}



/* ============================================================================
   THE QUEENDOM — V13.247 GALLERY FIX
   1) Remove the growing white strip beside the main image by making every
      active product image fill the full gallery width at its own natural ratio.
   2) Keep the gallery stage synchronized with the currently displayed image.
   3) Make the active thumbnail a clear black square/border.
   ============================================================================ */

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive {
    height: var(--qdm-v247-gallery-height) !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"] > .swiper,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"] .swiper,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"] .swiper-wrapper {
    width: 100% !important;
    height: var(--qdm-v247-gallery-height) !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"] .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive .homeslider__slide {
    width: 100% !important;
    height: var(--qdm-v247-gallery-height) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: block !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"] .swiper-slide > *,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive .homeslider__slide > * {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"] :where(figure, picture),
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive .homeslider__slide :where(figure, picture) {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive [slot="items"] img,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive .homeslider__slide img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: initial !important;
    object-position: center top !important;
    background: transparent !important;
  }

  /* The active thumbnail is the black square the user sees. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v198-thumb.is-active {
    border: 2px solid #111 !important;
    box-sizing: border-box !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v198-thumb:not(.is-active) {
    border: 1px solid rgba(0, 0, 0, .12) !important;
    box-sizing: border-box !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.248 SWIPER GAP ROOT FIX
   IMPORTANT:
   Salla/Swiper is moving the wrapper by 406px while each slide is 376px wide.
   The previous V13.245/247 CSS removed the slide's 30px margin, so every
   transition exposed another 30px of page background on the right:
     index 1 = 30px
     index 2 = 60px
     index 3 = 90px ...
   Keep the 30px margin that Swiper itself is calculating. It sits outside the
   viewport and therefore is not visible, while the transform and slide width
   stay mathematically aligned.
   ============================================================================ */

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper > .swiper-wrapper {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    background: transparent !important;
  }

  /* DO NOT remove this margin: Swiper's transform already includes it. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper > .swiper-wrapper > .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper > .swiper-wrapper > .homeslider__slide {
    margin-right: 30px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper > .swiper-wrapper > .swiper-slide > img,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper > .swiper-wrapper > .homeslider__slide > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  /* Kill any old fixed V13.245 height on the real Salla slider container. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper {
    height: var(--qdm-v247-gallery-height) !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v247-gallery-adaptive
  .s-slider-container.swiper > .swiper-wrapper {
    height: var(--qdm-v247-gallery-height) !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* Keep the active thumbnail border deterministic. */
@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v198-thumb.is-active {
    border: 2px solid #111 !important;
    outline: 0 !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.249 RELATED PRODUCTS / WAAD-STYLE CARDS
   - Product-page related products become a centered 3 x 2 editorial grid.
   - Tall 2:3 images, tiny product copy, no carousel arrows / wishlist chrome.
   - Original Salla related slider stays alive for fetching; it is hidden only
     after the custom grid has successfully been populated.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell {
  width: min(610px, calc(100% - 32px)) !important;
  max-width: 610px !important;
  margin: 72px auto 54px !important;
  padding: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-title {
  margin: 0 0 16px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  color: #161616 !important;
}

/* Keep Salla's real slider visible as fallback until our grid has data. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell.qdm-v249-waad-ready
> .qdm-v197-related-products {
  display: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 13px !important;
  row-gap: 24px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  direction: rtl;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.qdm-v249-waad-grid,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
.qdm-v249-waad-grid {
  direction: ltr;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-card {
  display: block !important;
  min-width: 0 !important;
  color: #161616 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 2 / 3 !important;
  overflow: hidden !important;
  background: #f1efef !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  transition: opacity .22s ease !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-card:hover .qdm-v249-waad-image img {
    transform: none !important;
    opacity: .94 !important;
  }
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-copy {
  display: block !important;
  padding: 7px 1px 0 !important;
  background: transparent !important;
  text-align: right !important;
  line-height: 1.2 !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.qdm-v249-waad-copy,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
.qdm-v249-waad-copy {
  text-align: left !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name {
  display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #171717 !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #303030 !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}

/* The Waad reference has no heart, rating, cart button or slider arrows. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-grid :where(
  salla-button,
  salla-add-product-button,
  .s-product-card-wishlist-btn,
  .s-product-card-rating,
  .s-rating-stars,
  button
) {
  display: none !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell {
    width: calc(100% - 28px) !important;
    max-width: 620px !important;
    margin: 50px auto 36px !important;
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-title {
    margin-bottom: 14px !important;
    font-size: 18px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 9px !important;
    row-gap: 20px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-copy {
    padding-top: 6px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name {
    font-size: 10.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price {
    font-size: 9.5px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.250 RELATED PRODUCTS SIZE UP
   Base: V13.249

   Requested: make the Waad-style related-product cards bigger on desktop.
   - Wider centered shell
   - Slightly roomier 3-column grid
   - Keep the same overall editorial look
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-shell {
  width: min(760px, calc(100% - 32px)) !important;
  max-width: 760px !important;
  margin: 76px auto 58px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-grid {
  column-gap: 14px !important;
  row-gap: 26px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-related-title {
  margin-bottom: 18px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-copy {
  padding-top: 8px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name {
  font-size: 11px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price {
  font-size: 10px !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell {
    width: calc(100% - 28px) !important;
    max-width: 620px !important;
    margin: 50px auto 36px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.251 RELATED PRODUCTS / MATCH WAAD REFERENCE SCALE
   Base: V13.250

   Desktop sizing is increased to match the visual scale of the Waad Al-Aqili
   reference: three large portrait cards centered on the page, with compact
   gaps and small product copy underneath.
   ============================================================================ */

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell {
    width: min(1020px, calc(100% - 64px)) !important;
    max-width: 1020px !important;
    margin: 78px auto 62px !important;
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 28px !important;
    width: 100% !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-image {
    aspect-ratio: 2 / 3 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-title {
    margin: 0 0 18px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-copy {
    padding: 7px 1px 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name {
    font-size: 11px !important;
    line-height: 1.25 !important;
    margin-bottom: 3px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price {
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.252 RELATED PRODUCTS / BIGGER + HIGHER
   Base: V13.251
   - Move the whole related-products section upward.
   - Increase heading size.
   - Increase desktop card size while keeping 3 columns.
   ============================================================================ */

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell {
    width: min(1140px, calc(100% - 56px)) !important;
    max-width: 1140px !important;
    margin: 30px auto 64px !important;
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-title {
    margin: 0 0 22px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 30px !important;
    width: 100% !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-image {
    aspect-ratio: 2 / 3 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.253 RELATED PRODUCTS / BIG TITLE + BIGGER CARDS
   Base: V13.252
   - Make "منتجات ذات صلة" match the larger reference heading.
   - Increase the desktop cards again while preserving the 3-column layout.
   ============================================================================ */

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell {
    width: min(1320px, calc(100% - 56px)) !important;
    max-width: 1320px !important;
    margin: 30px auto 68px !important;
    padding: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-title {
    margin: 0 0 28px !important;
    font-size: 36px !important;
    line-height: 1.18 !important;
    font-weight: 400 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 34px !important;
    width: 100% !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.254 RELATED PRODUCTS / WAAD TEXT SCALE
   Base: V13.253
   - Keep the approved card size/layout.
   - Match Waad's larger product-name and price typography.
   ============================================================================ */

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-copy {
    padding: 10px 2px 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name {
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    margin: 0 0 4px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    margin: 0 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.255 RELATED PRODUCTS / RESTORE PRICE CURRENCY LOGO
   Base: V13.254
   - Keeps the approved Waad card sizes/text sizes exactly as-is.
   - Restores the Saudi Riyal logo next to related-product prices.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v255-currency-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  font-size: .95em !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  color: currentColor !important;
  vertical-align: middle !important;
}

/* ============================================================================
   THE QUEENDOM — V13.256 RELATED PRODUCTS / PRICE ALIGNMENT FIX
   Base: V13.255
   - Arabic: price stays aligned under the product name on the RIGHT.
   - English: price aligns LEFT.
   - Keeps the Riyal mark and all approved card/text sizing unchanged.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price {
  width: 100% !important;
  justify-content: flex-end !important;
  text-align: right !important;
  direction: ltr !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
.qdm-v249-waad-price,
html[lang^="en"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* ============================================================================
   THE QUEENDOM — V13.258 RELATED PRICE ONLY FIX
   Base: V13.256 (rolled back from V13.257)
   - ONLY related-product prices use Arabic-Indic digits in Arabic.
   - Product codes/names stay exactly as-is (English digits untouched).
   - Arabic price stays on the RIGHT.
   - Riyal mark stays visually to the LEFT of the number.
   ============================================================================ */

html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  gap: 5px !important;
  direction: ltr !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
  font-variant-numeric: normal !important;
}

html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v258-price-number,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price .qdm-v258-price-number {
  order: 2 !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  font: inherit !important;
  color: inherit !important;
}

html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v255-currency-mark,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price .qdm-v255-currency-mark {
  order: 1 !important;
  margin: 0 !important;
  font: inherit !important;
  color: inherit !important;
}

/* English stays normal and untouched. */
html[lang^="en"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
.qdm-v249-waad-price {
  justify-content: flex-start !important;
  direction: ltr !important;
  text-align: left !important;
}

/* ============================================================================
   THE QUEENDOM — V13.260 RELATED PRODUCT COPY = NEW COLLECTION COPY
   Base: V13.258
   - Matches the existing New Collection product-card typography.
   - Product code/name stays English/LTR even on Arabic pages.
   - ONLY price digits remain Arabic-Indic in Arabic (handled by V13.258 JS).
   - Price stays on the RIGHT, Riyal mark on the LEFT of the number.
   ============================================================================ */

@media (min-width: 901px) {
  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-name {
    width: 100% !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    font-synthesis: none !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
  }

  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-price {
    width: 100% !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    font-synthesis: none !important;
    justify-content: flex-end !important;
    text-align: right !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
  }

  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v258-price-number,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-price .qdm-v258-price-number,
  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v255-currency-mark,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-price .qdm-v255-currency-mark {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    font-synthesis: none !important;
  }

  /* Exact visual order in Arabic: [Riyal mark] [Arabic price] anchored right. */
  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v255-currency-mark,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-price .qdm-v255-currency-mark {
    order: 1 !important;
  }

  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v258-price-number,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-price .qdm-v258-price-number {
    order: 2 !important;
  }
}

@media (max-width: 900px) {
  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-name {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
    font-size: 12.75px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
  }

  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
  .qdm-v249-waad-price,
  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v258-price-number,
  html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v255-currency-mark {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.261 RELATED PRODUCT NAME WEIGHT
   Base: V13.260
   - Keep layout, sizes, alignment and pricing exactly the same.
   - Make related-product name/code use the SAME weight as the price below.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name {
  font-weight: 500 !important;
}

/* ============================================================================
   THE QUEENDOM — V13.262 RELATED COPY = NEW COLLECTION EXACT TYPOGRAPHY
   Base: V13.261
   Source matched from the existing New Collection cards:
   - product name/code: 16px / 500 / 1.32 / #30263f
   - price:            18px / 500 / 1.30 / #30263f
   Notes:
   - Product code remains English/LTR.
   - Only price digits are Arabic in Arabic, handled by V13.258 JS.
   - Arabic price stays right, English price stays left.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-copy {
  width: 100% !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name a,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name span {
  display: block !important;
  width: 100% !important;
  color: #30263f !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  font-synthesis: none !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
  margin: 0 0 4px !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v258-price-number,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v255-currency-mark {
  color: #30263f !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  font-synthesis: none !important;
}

/* Arabic */
html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  gap: 5px !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
}

html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v255-currency-mark,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price .qdm-v255-currency-mark {
  order: 1 !important;
}

html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v258-price-number,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price .qdm-v258-price-number {
  order: 2 !important;
}

/* English */
html[dir="ltr"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name,
html[lang^="en"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name,
html[dir="ltr"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name a,
html[lang^="en"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name a,
html[dir="ltr"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name span,
html[lang^="en"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name span {
  text-align: left !important;
}

html[dir="ltr"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
html[lang^="en"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
.qdm-v249-waad-price {
  justify-content: flex-start !important;
  text-align: left !important;
  direction: ltr !important;
}

/* ============================================================================
   THE QUEENDOM — V13.263 RELATED COPY = REAL NEW COLLECTION FONT
   Base: V13.262
   IMPORTANT:
   The New Collection cards do NOT use system-ui directly; they inherit the
   store's real --font-main. V13.260/V13.262 forced system-ui, which is why the
   related-product copy still looked different.
   This patch uses the SAME font pipeline and same desktop sizes/weights as the
   current catalog cards.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name a,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name span {
  font-family: var(--font-main) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
  color: #30263f !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v258-price-number,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v255-currency-mark {
  font-family: var(--font-main) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
  color: #30263f !important;
}

/* Keep the product code itself LTR, but use the same real site font. */
html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-name,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-name {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
}

/* Arabic price remains right, with Riyal mark left of the number. */
html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price {
  justify-content: flex-end !important;
  text-align: right !important;
}

html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v255-currency-mark,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price .qdm-v255-currency-mark {
  order: 1 !important;
}

html[lang^="ar"] body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-price .qdm-v258-price-number,
body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en):not(.qdm-lang-en)
.qdm-v249-waad-price .qdm-v258-price-number {
  order: 2 !important;
}

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name a,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name span {
    font-family: var(--font-main) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v258-price-number,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price .qdm-v255-currency-mark {
    font-family: var(--font-main) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.264 FINAL RELATED COPY LOCK
   Base: V13.263
   Final visual lock for Related Products copy.
   The JS also applies these as INLINE !important so no old theme rule can win.
   ============================================================================ */

body.qdm-raed .qdm-v249-waad-grid .qdm-v249-waad-name {
  font-family: var(--qdm-font-en-v13102, system-ui), -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
  color: #30263f !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

body.qdm-raed .qdm-v249-waad-grid .qdm-v249-waad-price,
body.qdm-raed .qdm-v249-waad-grid .qdm-v249-waad-price .qdm-v258-price-number,
body.qdm-raed .qdm-v249-waad-grid .qdm-v249-waad-price .qdm-v255-currency-mark {
  font-family: var(--qdm-font-en-v13102, system-ui), -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
  color: #30263f !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.265 PDP WAAD SCALE / SIZE-ONLY REBALANCE
   Base: V13.264

   Requested:
   - Do NOT redesign or change functionality.
   - Only rebalance desktop sizing to the Waad reference:
       * smaller/cleaner information + commerce column
       * smaller main image + thumbnail rail
       * both groups sit higher and more tightly beside each other
   - Mobile is intentionally untouched.
   ============================================================================ */

@media (min-width: 1100px) {

  /* Overall product cluster: narrower and centered instead of spanning too wide. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    width: min(1120px, calc(100% - 72px)) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 42px !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  /* Gallery side: smaller, closer to Waad's visual footprint. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 1 55% !important;
    width: 55% !important;
    max-width: 545px !important;
    top: 88px !important;
    margin: 0 !important;
  }

  /* Remove the large V13.207 lateral push. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details > div[id^="product-"] > .sidebar,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(18px) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(-18px) !important;
  }

  /* Information/commerce side: compact and raised beside the image. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 0 1 40% !important;
    width: 40% !important;
    max-width: 410px !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }

  /* Main title + price hierarchy reduced to the Waad-like scale. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content > h1[data-testid="store-product-title"] {
    font-size: 24px !important;
    line-height: 1.18 !important;
    margin-bottom: 5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] {
    margin-bottom: 14px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: 19px !important;
    line-height: 1.2 !important;
  }

  /* Compact ordinary product copy/controls without changing their styling. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content :where(label, small, p) {
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v198-flat-surface {
    padding-top: 7px !important;
    padding-bottom: 10px !important;
    margin-bottom: 5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details form[data-testid="store-product-form"] > salla-product-options {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details form[data-testid="store-product-form"] > salla-installment.qdm-v205-installment-after-options {
    margin-top: 8px !important;
  }

  /* Size proxy: same design, smaller footprint. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap {
    max-width: 190px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap select,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 12.5px !important;
  }

  /* Quantity + add to cart: reduce the oversized dashboard scale only. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .sticky-product-bar__quantity {
    margin-bottom: 12px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"]
  :where(button, .s-button-element, .s-button-btn) {
    min-height: 46px !important;
    height: 46px !important;
    font-size: 14px !important;
  }

  /* Wishlist / gifting / accordion copy stays functionally identical, just smaller. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v219-wishlist-row {
    font-size: 12.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion > summary {
    min-height: 48px !important;
    font-size: 13.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description :where(p, article) {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }

  /* Gallery rail: much smaller like the Waad reference. */
  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v265-thumb-width: 58px;
    --qdm-v265-thumb-height: 78px;
    --qdm-v265-thumb-gap: 10px;
    --qdm-v265-rail-gap: 8px;
    --qdm-v265-rail-offset: calc(var(--qdm-v265-thumb-width) + var(--qdm-v265-rail-gap));
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail {
    top: 0 !important;
    width: var(--qdm-v265-thumb-width) !important;
    gap: var(--qdm-v265-thumb-gap) !important;
    max-height: min(650px, calc(100vh - 120px)) !important;
    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb {
    width: var(--qdm-v265-thumb-width) !important;
    height: var(--qdm-v265-thumb-height) !important;
    flex: 0 0 var(--qdm-v265-thumb-height) !important;
  }

  /* Recalculate the slider width using the new smaller rail instead of the old
     V13.202 offset, otherwise the image stays artificially too small/wide-spaced. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .details-slider {
    width: calc(100% - var(--qdm-v265-rail-offset)) !important;
    margin-right: var(--qdm-v265-rail-offset) !important;
    margin-left: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .details-slider {
    width: calc(100% - var(--qdm-v265-rail-offset)) !important;
    margin-left: var(--qdm-v265-rail-offset) !important;
    margin-right: 0 !important;
  }

  /* Keep gallery top aligned and cap its visual width so it reads closer to Waad. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider {
    max-width: 465px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.266 PDP WAAD SCALE / SLIGHTLY LARGER
   Base: V13.265
   - Keep the same Waad-like balance.
   - Increase both the info column and gallery slightly.
   - Desktop only; mobile untouched.
   ============================================================================ */

@media (min-width: 1100px) {

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    width: min(1180px, calc(100% - 64px)) !important;
    max-width: 1180px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 44px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 1 56% !important;
    width: 56% !important;
    max-width: 575px !important;
    top: 86px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 0 1 41% !important;
    width: 41% !important;
    max-width: 430px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content > h1[data-testid="store-product-title"] {
    font-size: 26px !important;
    line-height: 1.18 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: 20.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content :where(label, small, p) {
    font-size: 13.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap {
    max-width: 200px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap select,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"]
  :where(button, .s-button-element, .s-button-btn) {
    min-height: 48px !important;
    height: 48px !important;
    font-size: 14.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v265-thumb-width: 62px;
    --qdm-v265-thumb-height: 84px;
    --qdm-v265-thumb-gap: 10px;
    --qdm-v265-rail-gap: 9px;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider {
    max-width: 490px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.267 PDP WAAD SCALE / REFERENCE MATCH
   Base: V13.266

   Desktop-only size rebalance based on the supplied Waad reference.
   Keeps the exact same design/functionality and increases the complete product
   cluster by about 10–11% from V13.266 so the main image, thumbnails, and
   information column visually match the reference footprint.
   ============================================================================ */

@media (min-width: 1100px) {

  /* Waad-like overall product footprint */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    width: min(1300px, calc(100% - 52px)) !important;
    max-width: 1300px !important;
    margin-inline: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 48px !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  /* Gallery group */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 1 56.5% !important;
    width: 56.5% !important;
    max-width: 635px !important;
    top: 84px !important;
  }

  /* Information / commerce group */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 0 1 41.5% !important;
    width: 41.5% !important;
    max-width: 475px !important;
  }

  /* Main image footprint */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider {
    max-width: 540px !important;
  }

  /* Thumbnail rail matched proportionally to the larger image */
  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v265-thumb-width: 68px;
    --qdm-v265-thumb-height: 92px;
    --qdm-v265-thumb-gap: 11px;
    --qdm-v265-rail-gap: 10px;
  }

  /* Slightly larger information hierarchy */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content > h1[data-testid="store-product-title"] {
    font-size: 28px !important;
    line-height: 1.17 !important;
    margin-bottom: 6px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content :where(label, small, p) {
    font-size: 14px !important;
  }

  /* Size block */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap {
    max-width: 214px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap select,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 13.5px !important;
  }

  /* Add to cart / controls */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"]
  :where(button, .s-button-element, .s-button-btn) {
    min-height: 51px !important;
    height: 51px !important;
    font-size: 15px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v219-wishlist-row {
    font-size: 13px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion > summary {
    min-height: 50px !important;
    font-size: 14px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description :where(p, article) {
    font-size: 13.5px !important;
    line-height: 1.72 !important;
  }

  /* Keep the horizontal centering balanced after enlargement */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details > div[id^="product-"] > .sidebar,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(12px) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details > div[id^="product-"] > .sidebar {
    transform: translateX(-12px) !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.268 PDP GALLERY / BIGGER MAIN + BIGGER ATTACHED THUMBS
   Base: V13.267

   Desktop only:
   - Main product image enlarged again.
   - Thumbnail rail enlarged substantially.
   - Thumbnail rail sits almost attached to the main image with only ~4px gap.
   - Information-side design/functionality remains unchanged.
   ============================================================================ */

@media (min-width: 1100px) {

  /* Give the enlarged gallery enough room without changing the page structure. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    width: min(1380px, calc(100% - 44px)) !important;
    max-width: 1380px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 48px !important;
  }

  /* Gallery group: sized so 600px image + 84px rail + 4px gap fit cleanly. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 1 58% !important;
    width: 58% !important;
    max-width: 700px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 0 1 40% !important;
    width: 40% !important;
    max-width: 490px !important;
  }

  /* Main image: clearly larger than V13.267. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider {
    max-width: 600px !important;
  }

  /* Larger thumbnail rail with an intentionally tiny 4px visual gap. */
  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v265-thumb-width: 84px;
    --qdm-v265-thumb-height: 114px;
    --qdm-v265-thumb-gap: 10px;
    --qdm-v265-rail-gap: 4px;
    --qdm-v265-rail-offset: calc(var(--qdm-v265-thumb-width) + var(--qdm-v265-rail-gap));
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail {
    width: var(--qdm-v265-thumb-width) !important;
    gap: var(--qdm-v265-thumb-gap) !important;
    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb {
    width: var(--qdm-v265-thumb-width) !important;
    height: var(--qdm-v265-thumb-height) !important;
    flex: 0 0 var(--qdm-v265-thumb-height) !important;
  }

  /* Arabic: rail locked immediately to the RIGHT of the main image. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v198-thumb-rail {
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .details-slider {
    width: calc(100% - var(--qdm-v265-rail-offset)) !important;
    margin-right: var(--qdm-v265-rail-offset) !important;
    margin-left: 0 !important;
  }

  /* English mirrors the same near-attached layout. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v198-thumb-rail {
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .details-slider {
    width: calc(100% - var(--qdm-v265-rail-offset)) !important;
    margin-left: var(--qdm-v265-rail-offset) !important;
    margin-right: 0 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.269 PDP GALLERY / EXTRA LARGE + NEAR-ZERO THUMB GAP
   Base: V13.268

   Desktop only:
   - Main image enlarged again.
   - Thumbnail rail enlarged again.
   - Remove the leftover empty space caused by max-width capping.
   - Thumbnails sit almost flush with the main image (~2px).
   ============================================================================ */

@media (min-width: 1100px) {

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    width: min(1460px, calc(100% - 36px)) !important;
    max-width: 1460px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    gap: 48px !important;
  }

  /* Give the gallery enough real width for the enlarged image + rail. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 1 61% !important;
    width: 61% !important;
    max-width: 760px !important;
  }

  /* Keep the information side basically at the approved V13.268 scale. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 0 1 38% !important;
    width: 38% !important;
    max-width: 490px !important;
  }

  /* Bigger thumbnails + almost zero horizontal gap. */
  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v265-thumb-width: 96px;
    --qdm-v265-thumb-height: 130px;
    --qdm-v265-thumb-gap: 10px;
    --qdm-v265-rail-gap: 2px;
    --qdm-v265-rail-offset: calc(var(--qdm-v265-thumb-width) + var(--qdm-v265-rail-gap));
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail {
    width: var(--qdm-v265-thumb-width) !important;
    gap: var(--qdm-v265-thumb-gap) !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb {
    width: var(--qdm-v265-thumb-width) !important;
    height: var(--qdm-v265-thumb-height) !important;
    flex: 0 0 var(--qdm-v265-thumb-height) !important;
  }

  /*
   * Critical fix:
   * V13.268 still had max-width:600px on the slider, so even with a 4px
   * calculated rail gap the unused sidebar width remained visible.
   * Remove that cap and let the image consume ALL remaining gallery width.
   */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider {
    max-width: none !important;
  }

  /* Arabic: image ends ~2px before the thumbnail rail. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v198-thumb-rail {
    right: 0 !important;
    left: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .details-slider {
    width: calc(100% - var(--qdm-v265-rail-offset)) !important;
    max-width: none !important;
    margin-right: var(--qdm-v265-rail-offset) !important;
    margin-left: 0 !important;
  }

  /* English mirror. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v198-thumb-rail {
    left: 0 !important;
    right: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .details-slider {
    width: calc(100% - var(--qdm-v265-rail-offset)) !important;
    max-width: none !important;
    margin-left: var(--qdm-v265-rail-offset) !important;
    margin-right: 0 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.270 PDP THUMB RAIL / MUCH CLOSER + SLIGHTLY SMALLER
   Base: V13.269

   Desktop only:
   - Pull the thumbnail rail physically toward the main image.
   - Make thumbnails slightly smaller than V13.269.
   - Keep the main image size from V13.269 unchanged.
   ============================================================================ */

@media (min-width: 1100px) {

  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v265-thumb-width: 80px;
    --qdm-v265-thumb-height: 108px;
    --qdm-v265-thumb-gap: 9px;
    --qdm-v265-rail-gap: 2px;
    --qdm-v265-rail-offset: calc(var(--qdm-v265-thumb-width) + var(--qdm-v265-rail-gap));
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail {
    width: var(--qdm-v265-thumb-width) !important;
    gap: var(--qdm-v265-thumb-gap) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb {
    width: var(--qdm-v265-thumb-width) !important;
    height: var(--qdm-v265-thumb-height) !important;
    flex: 0 0 var(--qdm-v265-thumb-height) !important;
  }

  /*
   * The remaining visual gap is not the CSS rail-gap itself; it comes from
   * spare gallery space inside the sidebar. Pull the rail inward physically.
   */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v198-thumb-rail {
    transform: translateX(-74px) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v198-thumb-rail {
    transform: translateX(74px) !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.271 PDP INFO COLUMN / SLIGHTLY LARGER
   Base: V13.270

   Desktop only:
   - Keep the gallery exactly as approved in V13.270.
   - Enlarge the LEFT information / commerce column slightly.
   - Increase its typography and controls proportionally.
   ============================================================================ */

@media (min-width: 1100px) {

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    width: min(1510px, calc(100% - 36px)) !important;
    max-width: 1510px !important;
  }

  /* Gallery stays essentially the same. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    flex: 0 1 58% !important;
    width: 58% !important;
    max-width: 760px !important;
  }

  /* Slightly larger information side. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    flex: 0 1 42% !important;
    width: 42% !important;
    max-width: 540px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content > h1[data-testid="store-product-title"] {
    font-size: 30px !important;
    line-height: 1.16 !important;
    margin-bottom: 7px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: 23px !important;
    line-height: 1.2 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content :where(label, small, p) {
    font-size: 14.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap {
    max-width: 225px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap select,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 14px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"]
  :where(button, .s-button-element, .s-button-btn) {
    min-height: 54px !important;
    height: 54px !important;
    font-size: 15.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v219-wishlist-row {
    font-size: 13.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion > summary {
    min-height: 52px !important;
    font-size: 14.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description,
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-accordion--description .qdm-v197-description :where(p, article) {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.272 PDP INFO COLUMN / TINY SIZE BUMP
   Base: V13.271
   - Very small increase only.
   - Gallery stays unchanged.
   ============================================================================ */

@media (min-width: 1100px) {

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    max-width: 555px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content > h1[data-testid="store-product-title"] {
    font-size: 31px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: 23.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content :where(label, small, p) {
    font-size: 14.75px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap {
    max-width: 232px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy-wrap select,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .qdm-v230-size-proxy {
    min-height: 45px !important;
    height: 45px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details salla-add-product-button[data-testid="store-product-add-to-cart"]
  :where(button, .s-button-element, .s-button-btn) {
    min-height: 55px !important;
    height: 55px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.277 RELATED PRODUCTS / SECOND-IMAGE HOVER
   Base: V13.276

   ONLY affects Related Products cards.
   - Default: first high-resolution product image.
   - Hover (desktop/pointer devices): second high-resolution product image.
   - Smooth fade, no zoom, no layout/size/typography changes.
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-card .qdm-v249-waad-image {
  position: relative !important;
  overflow: hidden !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-card .qdm-v249-waad-image > img {
  transition: opacity .28s ease !important;
}

body.qdm-raed.qdm-v197-product-editorial
.qdm-v249-waad-card .qdm-v277-hover-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

@media (hover:hover) and (pointer:fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-card.qdm-v277-hover-ready:hover
  .qdm-v249-waad-image > img:not(.qdm-v277-hover-image) {
    opacity: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-card.qdm-v277-hover-ready:hover
  .qdm-v277-hover-image {
    opacity: 1 !important;
  }
}

/* No hover behavior on touch/mobile. */
@media (hover:none), (pointer:coarse) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v277-hover-image {
    display: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.301
   ONLY: hide Salla add-to-cart toast confirmed by F12.
   No other toast / cart / layout element is touched.
   ============================================================================ */
salla-add-product-toast[data-testid="store-add-product-toast"] {
  display: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.302
   ONLY: restore the visible CENTER loader for Salla's own [loading] state.

   F12 confirmed that after Add to Cart the REAL Salla button already becomes:
   button.s-button-element.s-button-loader-center[loading]

   It also confirmed ::before / ::after both had content:none, so the loader
   state existed but its visual spinner was being suppressed by theme CSS.

   This patch touches ONLY that exact Add-to-Cart button while [loading].
   ============================================================================ */

salla-add-product-button[data-testid="store-product-add-to-cart"]
salla-button[data-testid="store-product-add-to-cart"]
> button.s-button-element.s-button-loader-center[loading] {
  position: relative !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  cursor: wait !important;
}

salla-add-product-button[data-testid="store-product-add-to-cart"]
salla-button[data-testid="store-product-add-to-cart"]
> button.s-button-element.s-button-loader-center[loading]::after {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 20px !important;
  height: 20px !important;
  margin: -10px 0 0 -10px !important;

  box-sizing: border-box !important;
  border: 2px solid rgba(255, 255, 255, .38) !important;
  border-top-color: #fff !important;
  border-radius: 9999px !important;

  background: transparent !important;
  pointer-events: none !important;

  animation: qdm-v302-salla-loader-spin .65s linear infinite !important;
}

@keyframes qdm-v302-salla-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ============================================================================
   THE QUEENDOM — V13.303 MOBILE PDP / WAAD-LIKE GALLERY COMPOSITION
   Base: V13.302

   MOBILE ONLY (<= 900px)
   F12-confirmed structure:
   .container--product-details
     > div[id^="product-"]
       > .sidebar
         > .details-slider
         > .qdm-v198-thumb-rail
       > .main-content

   Requested reference:
   - vertical thumbnails on the physical LEFT
   - large portrait hero image beside them
   - product information directly below the gallery
   - size guide / SIZE / selector remain on the physical RIGHT
   - desktop untouched
   - no JS or commerce behavior changes
   ============================================================================ */

@media (max-width: 900px) {

  /* ---------- page / product shell ---------- */

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ---------- gallery group ---------- */

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    position: relative !important;
    top: auto !important;
    inset-inline: auto !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;

    transform: none !important;
  }

  /*
   * Waad reference keeps a compact fixed thumbnail strip on the physical left.
   * The existing qdm-v198 rail is already wired to the real Salla slider, so
   * only its mobile presentation changes here.
   */
  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v303-mobile-thumb-w: 56px;
    --qdm-v303-mobile-thumb-h: 84px;
    --qdm-v303-mobile-thumb-gap: 14px;
    --qdm-v303-mobile-gallery-gap: 13px;
    --qdm-v303-mobile-rail-offset:
      calc(var(--qdm-v303-mobile-thumb-w) + var(--qdm-v303-mobile-gallery-gap));
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v198-thumb-rail {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;

    z-index: 25 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: var(--qdm-v303-mobile-thumb-w) !important;
    max-width: var(--qdm-v303-mobile-thumb-w) !important;
    height: auto !important;
    max-height: 100% !important;

    gap: var(--qdm-v303-mobile-thumb-gap) !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    transform: none !important;

    scrollbar-width: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail::-webkit-scrollbar {
    display: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

    width: var(--qdm-v303-mobile-thumb-w) !important;
    min-width: var(--qdm-v303-mobile-thumb-w) !important;
    max-width: var(--qdm-v303-mobile-thumb-w) !important;

    height: var(--qdm-v303-mobile-thumb-h) !important;
    min-height: var(--qdm-v303-mobile-thumb-h) !important;
    max-height: var(--qdm-v303-mobile-thumb-h) !important;

    flex: 0 0 var(--qdm-v303-mobile-thumb-h) !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid transparent !important;
    border-radius: 0 !important;

    background: transparent !important;
    overflow: hidden !important;
    box-shadow: none !important;

    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb.is-active {
    border: 2px solid #2f223f !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
  }

  /*
   * Hide Salla's original horizontal mobile thumbnails.
   * They stay in the DOM as the functional source for qdm-v198.
   */
  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-thumbnails"].qdm-v198-native-thumbs-source,
  body.qdm-raed.qdm-v197-product-editorial
  [slot="thumbs"].qdm-v198-native-thumbs-source {
    position: fixed !important;
    left: -99999px !important;
    top: -99999px !important;

    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  /* ---------- main image beside the left rail ---------- */

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details .details-slider {
    position: relative !important;

    width: calc(100% - var(--qdm-v303-mobile-rail-offset)) !important;
    max-width: none !important;

    margin-left: var(--qdm-v303-mobile-rail-offset) !important;
    margin-right: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .s-slider-container,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .swiper {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  /*
   * Portrait footprint like the supplied Waad mobile reference.
   * Do not force Swiper slide widths; Salla keeps ownership of slide geometry.
   */
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide {
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .swiper-slide img,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider .homeslider__slide img,
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider [slot="items"] img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;

    object-fit: cover !important;
    object-position: center top !important;

    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* ---------- product information under gallery ---------- */

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    position: relative !important;
    top: auto !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 20px 0 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    transform: none !important;
  }

  /* Arabic reference: title / price sit on the physical right. */
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details .main-content,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details .main-content {
    text-align: right !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details .main-content {
    text-align: left !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content
  > h1[data-testid="store-product-title"] {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    font-size: clamp(20px, 5.4vw, 24px) !important;
    line-height: 1.28 !important;
    font-weight: 500 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] {
    width: 100% !important;
    margin: 0 0 18px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  [data-testid="store-product-price"] p {
    font-size: clamp(17px, 4.6vw, 21px) !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }

  /* Keep the already-approved compact size block on the physical right. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-guide,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-title,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v230-size-proxy-wrap {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;

    margin-left: auto !important;
    margin-right: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-guide {
    margin-top: 10px !important;
    margin-bottom: 6px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-title {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .qdm-v230-size-proxy {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;

    height: 40px !important;
    min-height: 40px !important;
  }
}

/* Slightly tighter rail on very small phones. */
@media (max-width: 380px) {
  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v303-mobile-thumb-w: 50px;
    --qdm-v303-mobile-thumb-h: 75px;
    --qdm-v303-mobile-thumb-gap: 11px;
    --qdm-v303-mobile-gallery-gap: 10px;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.304 MOBILE PDP / REMOVE EMPTY GALLERY BOX + TIGHTER WAAD FIT
   Base: V13.303

   MOBILE ONLY.
   - Remove the empty white area under the main product image.
   - Make the main image slightly wider/larger.
   - Pull title / price / size area directly under the gallery.
   - Desktop and all product behavior remain untouched.
   ============================================================================ */

@media (max-width: 900px) {

  /* Slightly more usable width for the main image. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v303-mobile-thumb-w: 56px;
    --qdm-v303-mobile-gallery-gap: 10px;
    --qdm-v303-mobile-rail-offset:
      calc(var(--qdm-v303-mobile-thumb-w) + var(--qdm-v303-mobile-gallery-gap));
  }

  /*
   * The visible image was correct, but the Salla/Swiper stage kept an old
   * fixed desktop height underneath it. These rules keep every mobile gallery
   * wrapper intrinsically sized to the 2:3 image.
   */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider > salla-slider,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .s-slider-container,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .swiper,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .swiper-wrapper,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .homeslider__slide {
    min-height: 0 !important;
    max-height: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider > salla-slider,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .s-slider-container,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .swiper {
    height: auto !important;
  }

  /* Keep the visible main image itself as the exact mobile stage. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .swiper-slide img,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider .homeslider__slide img,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider [slot="items"] img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* Product info now starts immediately after the actual image, not the stale box. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .main-content {
    margin-top: 12px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content
  > h1[data-testid="store-product-title"] {
    margin-bottom: 2px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details [data-testid="store-product-price"] {
    margin-bottom: 10px !important;
  }

  /* Pull Waad-style size guide / SIZE / selector upward a little more. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-guide {
    margin-top: 4px !important;
    margin-bottom: 5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  .qdm-v229-size-title {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 380px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v303-mobile-gallery-gap: 8px;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.305 MOBILE PDP / HIDE NATIVE BOTTOM THUMBNAILS
   Base: V13.304

   F12 confirmed the thumbnails that reappear after refresh are Salla's native:
   .s-slider-thumbs-container.swiper-initialized.swiper-horizontal

   MOBILE ONLY:
   - hide that native bottom thumbnail slider permanently
   - keep the custom left vertical .qdm-v198-thumb-rail untouched
   - desktop untouched
   ============================================================================ */

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .details-slider
  .s-slider-thumbs-container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.308 DESKTOP THUMB RAIL / CLICK + DRAG
   Base: V13.305

   DESKTOP ONLY:
   - Normal thumbnail click remains fully clickable.
   - Hold left mouse button + drag vertically to scroll the thumbnail rail.
   - No pointer capture is used, so click targeting stays native.
   ============================================================================ */

@media (min-width: 901px) and (pointer: fine) {
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail {
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail.qdm-v308-dragging {
    cursor: grabbing !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v198-thumb-rail img {
    -webkit-user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.309 MOBILE PDP / STATIC BUY BAR ABOVE WISHLIST
   Base: V13.308

   MOBILE ONLY:
   - The full purchase bar (quantity + Add to Cart) is no longer fixed/sticky.
   - It stays in the normal product-page flow.
   - Existing DOM order already places it immediately ABOVE the wishlist row.
   - Desktop untouched.
   - Cart logic / loader / wishlist / gifting untouched.
   ============================================================================ */

@media (max-width: 900px) {

  body.qdm-raed.qdm-v197-product-editorial.qdm-product-page-v1395
  .container--product-details
  form[data-testid="store-product-form"] > .sticky-product-bar,
  body.qdm-raed.qdm-v197-product-editorial.is-sticky-product-bar.product-single
  .container--product-details
  form[data-testid="store-product-form"] > .sticky-product-bar,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"] > .sticky-product-bar {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 18px 0 0 !important;
    padding: 0 !important;

    z-index: auto !important;
    isolation: auto !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transform: none !important;
    transition: none !important;
  }

  /*
   * The old mobile sticky system inserts a footer spacer for the fixed bar.
   * It is no longer needed when the product purchase bar is static.
   * Scope this to PRODUCT pages only; cart-page footer behavior is untouched.
   */
  body.qdm-raed.qdm-v197-product-editorial.qdm-product-page-v1395
  .qdm-commerce-footer-slot-v1397,
  body.qdm-raed.qdm-v197-product-editorial.is-sticky-product-bar.product-single
  .qdm-commerce-footer-slot-v1397 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* No extra viewport-bottom reservation is needed anymore. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-product-page-v1395 #main-content,
  body.qdm-raed.qdm-v197-product-editorial.is-sticky-product-bar.product-single #main-content {
    padding-bottom: 0 !important;
  }

  /*
   * Keep the already-approved ordering explicit:
   * purchase bar first, wishlist immediately after it.
   */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"] > .sticky-product-bar {
    order: 30 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"] > .qdm-v219-wishlist-row {
    order: 35 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.314 MOBILE SIZE CONTROL
   Base: V13.309

   Closed control intentionally matches the approved V13.309 qdm-v230 select:
   - same 126x40 mobile size
   - same border / background / typography
   - same right-aligned Arabic text
   - same CSS chevron position
   - menu is ABSOLUTE and never participates in page layout
   ============================================================================ */

@media (max-width: 900px) {

  /* V13.230 desktop proxy is not used visually on mobile. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v230-size-proxy-wrap {
    display: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v314-size-mobile-wrap {
    order: 10 !important;
    align-self: auto !important;

    position: relative !important;

    display: block !important;

    box-sizing: border-box !important;

    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;

    padding: 0 !important;

    overflow: visible !important;
    z-index: 40 !important;

    contain: layout style !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-button {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

    box-sizing: border-box !important;

    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;

    /* EXACT V13.309 Arabic compact select padding. */
    padding: 0 32px 0 12px !important;

    border: 1px solid rgba(47,34,63,.18) !important;
    border-radius: 0 !important;
    outline: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;

    color: #2f223f !important;
    -webkit-text-fill-color: #2f223f !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 38px !important;

    direction: rtl !important;
    text-align: right !important;

    cursor: pointer !important;

    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-button:focus {
    border-color: rgba(47,34,63,.48) !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-label {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;

    direction: rtl !important;
    text-align: right !important;

    pointer-events: none !important;
  }

  /*
   * Same chevron language and position as the approved old qdm-v230 select.
   */
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-wrap::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 13px !important;
    right: auto !important;

    width: 7px !important;
    height: 7px !important;

    margin-top: -5px !important;

    border-right: 1.6px solid #2f223f !important;
    border-bottom: 1.6px solid #2f223f !important;

    transform: rotate(45deg) !important;

    opacity: .95 !important;
    pointer-events: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-wrap.is-open::after {
    margin-top: -2px !important;
    transform: rotate(225deg) !important;
  }

  /*
   * ABSOLUTE: opening/closing the list cannot change page height.
   */
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-menu {
    position: absolute !important;

    top: 39px !important;
    right: 0 !important;
    left: auto !important;

    box-sizing: border-box !important;

    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;

    max-height: 228px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;

    border: 1px solid rgba(47,34,63,.28) !important;
    border-radius: 0 !important;

    background: #f8f5ef !important;
    box-shadow: none !important;

    z-index: 9999 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-menu[hidden] {
    display: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-option {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 8px 12px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(47,34,63,.10) !important;
    border-radius: 0 !important;

    background: #f8f5ef !important;
    box-shadow: none !important;

    color: #2f223f !important;
    -webkit-text-fill-color: #2f223f !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;

    direction: rtl !important;
    text-align: right !important;

    cursor: pointer !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-option:last-child {
    border-bottom: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-option.is-selected {
    font-weight: 600 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-option:disabled {
    opacity: .38 !important;
    cursor: default !important;
  }

  /* Preserve existing English physical-left behavior if storefront is English. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v314-size-mobile-wrap {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v314-size-mobile-button,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v314-size-mobile-label {
    direction: ltr !important;
    text-align: left !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v314-size-mobile-button {
    padding-left: 12px !important;
    padding-right: 32px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v314-size-mobile-wrap::after {
    right: 13px !important;
    left: auto !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.319 MOBILE SHAKE FIX / PRESERVE MEASURED CONTENT HEIGHT
   Base: V13.314

   Repeated ResizeObserver tests confirmed these exact content heights shrink
   after size changes:
     salla-gifting.qdm-v205-gifting-after-cart : 168px -> 154px
     .qdm-v205-sku-late                       :  51px ->  26px

   The theme globally uses border-box. Existing vertical padding was consuming
   the earlier min-height reservation. MOBILE ONLY, these exact two blocks use
   content-box height sizing so the measured pre-change content height remains
   reserved without changing their original visual footprint.
   ============================================================================ */

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  salla-gifting.qdm-v205-gifting-after-cart {
    box-sizing: content-box !important;
    min-height: 168px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .qdm-v205-sku-late {
    box-sizing: content-box !important;
    min-height: 51px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.320 MOBILE SIZE VALUE / FAR RIGHT ALIGNMENT
   Base: V13.319

   ONLY visual alignment:
   - selected size value sits at the far physical RIGHT
   - chevron stays on the LEFT
   - button dimensions, menu dimensions, DOM flow and JS are untouched
   - uses absolute positioning INSIDE the already fixed 126x40 button, so it
     cannot change page height or reintroduce layout shake
   ============================================================================ */

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v314-size-mobile-button,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v314-size-mobile-button {
    position: relative !important;
  }

  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v314-size-mobile-label,
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v314-size-mobile-label {
    position: absolute !important;

    top: 0 !important;
    right: 11px !important;
    left: 32px !important;

    width: auto !important;
    height: 40px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 40px !important;
    text-align: right !important;
    direction: rtl !important;

    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    pointer-events: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.321 MOBILE PRODUCT PAGE / STABLE SCROLL
   Base: V13.320

   Mobile product page only:
   - stop using dynamic 100dvh for the page shell
   - use stable small-viewport height instead
   - prevent vertical overscroll bounce/scroll chaining
   - no gallery/image/size/cart visual changes
   ============================================================================ */

@media (max-width: 900px) {
  /*
   * Earlier global shell CSS uses 100dvh. On mobile browsers 100dvh changes
   * while the address/tool bars hide and show, which can make the entire flex
   * page reflow during normal scrolling.
   *
   * Product pages are long anyway, so use the stable small viewport instead.
   */
  body.qdm-raed.qdm-v197-product-editorial {
    min-height: 100vh !important;
    min-height: 100svh !important;

    overscroll-behavior-y: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial > .app-inner {
    min-height: 100vh !important;
    min-height: 100svh !important;
  }

  /*
   * Keep the product content in normal page flow. This does NOT change the
   * already-approved sticky header.
   */
  body.qdm-raed.qdm-v197-product-editorial
  #main-content {
    transform: none !important;
    translate: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.322 MOBILE PRODUCT TOP / STOP SCROLL-ANCHOR JUMPS
   Base: V13.321

   Video review confirmed the issue is a real scroll-position correction near
   the top product section: while scrolling in one direction, the viewport
   briefly moves back a few pixels and then continues.

   MOBILE PRODUCT PAGE ONLY:
   - disable browser scroll anchoring inside the entire product-details block
   - keep normal user scrolling; no fixed/sticky image behavior is introduced
   - force viewport scrolling itself to AUTO (not smooth)
   - no layout, gallery, size, cart, hover or desktop visual changes
   ============================================================================ */

@media (max-width: 900px) {

  /*
   * Product content above the fold contains Salla widgets, Swiper, thumbnails,
   * installments and option components that can make tiny internal size/style
   * updates. Browser scroll anchoring can compensate for those updates by
   * nudging scrollTop in the opposite direction, which is perceived as the
   * "jump then return" visible in the supplied 60fps video.
   *
   * This section is exactly where the issue occurs; lower page content keeps
   * normal browser anchoring behavior.
   */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .sidebar,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .main-content {
    overflow-anchor: none !important;
  }

  /*
   * The root stylesheet historically enables `html { scroll-behavior:smooth; }`.
   * Product-page touch/wheel scrolling should track the finger/wheel directly.
   * :has() scopes this override to the current product page only.
   */
  html:has(body.qdm-raed.qdm-v197-product-editorial) {
    scroll-behavior: auto !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.326 MOBILE HEADER / OLD LOOK + STABLE FIXED BEHAVIOR
   Base: V13.323

   Goal:
   - preserve the ORIGINAL approved header visual styling from V13.323
   - keep the V13.325 stability fix: header is fixed from the first paint
   - do NOT force logo/icon/header-row dimensions, colors, padding or background

   Structure:
   - the complete original .store-header is fixed as one visual unit
   - #mainnav is permanently normal/relative inside it
   - #main-content receives the exact 68px space the old in-flow header occupied
   - Salla fixed-header/fixed-pinned classes can no longer change geometry
   ============================================================================ */

@media (max-width: 767px) {

  /* Keep the OLD header itself visually untouched; change positioning only. */
  body.qdm-raed .store-header.qdm-raed-header,
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready,
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-stuck,
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready.qdm-mobile-header-stuck {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    inset: 0 0 auto 0 !important;

    width: 100% !important;

    /* No forced visual height/padding/background: old styling owns those. */
    margin: 0 !important;

    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;

    opacity: 1 !important;
    z-index: 2147482000 !important;
  }

  /*
   * Preserve the same page start position the original 68px in-flow header had.
   * This is the only spacer; the header itself stays visually identical.
   */
  body.qdm-raed #main-content {
    margin-top: 68px !important;
  }

  /*
   * Salla may continue toggling these classes internally.
   * Every state now remains the same NORMAL element inside our fixed outer
   * header, so there is no threshold jump.
   *
   * Visual properties are deliberately NOT overridden here.
   */
  body.qdm-raed .store-header.qdm-raed-header #mainnav,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-header,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-pinned,
  body.qdm-raed #mainnav.fixed-header,
  body.qdm-raed #mainnav.fixed-pinned {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;

    width: 100% !important;

    margin-top: 0 !important;

    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  /* Prevent the browser from using the constantly class-mutated header as an anchor. */
  body.qdm-raed .store-header.qdm-raed-header,
  body.qdm-raed .store-header.qdm-raed-header #mainnav {
    overflow-anchor: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.333 MOBILE HEADER / HIDE THEN PIN BACK IN
   Base: V13.326

   Confirmed desired behavior:
   1) At page top: header visible.
   2) First scroll-down phase: Salla adds .fixed-header -> whole header slides out.
   3) Further down: Salla adds .fixed-pinned -> whole header slides back in.
   4) White bar + menus/icons move as ONE unit.
   5) Keep V13.326 geometry and 68px reservation untouched to preserve the
      solved no-jump/no-stuck scrolling behavior.

   No JS changes.
   ============================================================================ */

@media (max-width: 767px) {

  /* One smooth motion for the whole already-fixed V13.326 header shell. */
  body.qdm-raed .store-header.qdm-raed-header {
    transform: translate3d(0, 0, 0) !important;
    translate: none !important;
    transition: transform 260ms cubic-bezier(.22,.61,.36,1) !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
  }

  /*
   * Phase 1 after leaving the top:
   * fixed-header exists, but fixed-pinned does not yet exist.
   * Hide the COMPLETE shell, including its white background.
   */
  body.qdm-raed
  .store-header.qdm-raed-header:has(#mainnav.fixed-header:not(.fixed-pinned)) {
    transform: translate3d(0, calc(-100% - 2px), 0) !important;
    pointer-events: none !important;
  }

  /*
   * Phase 2 further down:
   * fixed-pinned means Salla has reached its pinned/sticky state.
   * Bring the COMPLETE shell back into view smoothly.
   */
  body.qdm-raed
  .store-header.qdm-raed-header:has(#mainnav.fixed-pinned) {
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
  }

  /* Top-of-page / ordinary state: visible exactly as V13.326. */
  body.qdm-raed
  .store-header.qdm-raed-header:not(:has(#mainnav.fixed-header)) {
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
  }

  /*
   * The inner nav must NOT animate independently.
   * Salla may keep toggling its classes; only the OUTER shell moves.
   */
  body.qdm-raed .store-header.qdm-raed-header #mainnav,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-header,
  body.qdm-raed .store-header.qdm-raed-header #mainnav.fixed-pinned {
    transform: none !important;
    translate: none !important;
    transition: none !important;
    animation: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.334 MOBILE HEADER / BAR FOLLOWS MENU ROW
   Base: V13.333

   F12 confirms the visible bar paint is on #mainnav while the menu content
   lives inside .qdm-raed-header-row.

   Fix ONLY the paint layer:
   - keep V13.333 motion/position/scroll behavior untouched
   - make #mainnav + wrappers visually transparent
   - paint the warm header background on the moving menu row itself
   - use full-bleed box-shadow so the bar still spans the full viewport width
   - therefore bar + menu icons move as one visual unit
   ============================================================================ */

@media (max-width: 767px) {

  body.qdm-raed
  .store-header.qdm-raed-header
  #mainnav,

  body.qdm-raed
  .store-header.qdm-raed-header
  #mainnav > .inner,

  body.qdm-raed
  .store-header.qdm-raed-header
  #mainnav > .inner > .container {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.qdm-raed
  .store-header.qdm-raed-header
  .qdm-raed-header-row {
    background: rgb(248, 245, 241) !important;

    /*
     * Full-width paint is attached to the moving row itself.
     * It does not affect layout or scrolling.
     */
    box-shadow:
      0 0 0 100vmax rgb(248, 245, 241) !important;
    clip-path: inset(0 -100vmax) !important;

    border-bottom-color: transparent !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.336 MOBILE HEADER / REMOVE LAST FIXED PAINT LAYER
   Base: V13.334

   F12 + V13.334 result confirmed:
   - #mainnav paint was removed, but the fixed OUTER .store-header still paints
     the warm white/beige strip.
   - That is why the menu row can move while a blank bar remains.

   ONLY CHANGE:
   - make the fixed OUTER header shell visually transparent on mobile.
   - keep the actual full-width warm background attached to
     .qdm-raed-header-row (already done in V13.334).
   - no position/height/transform/state/JS changes.

   Result:
   the bar is literally painted by the same moving row as the menus/icons,
   so when they leave it leaves, and when they return it returns with them.
   ============================================================================ */

@media (max-width: 767px) {
  body.qdm-raed .store-header.qdm-raed-header,
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-motion-ready,
  body.qdm-raed .store-header.qdm-raed-header.qdm-mobile-header-stuck {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    border-bottom-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.346 MOBILE HEADER / ENLARGE CONTENT ONLY
   Base: V13.340

   ONLY CHANGE:
   - enlarge mobile header CONTENT: logo + search/account/cart + burger
   - header/bar height stays exactly as V13.340 (58px)
   - no margin/offset/scroll/header-motion/JS changes
   ============================================================================ */

@media (max-width: 767px) {

  /* Center logo: larger, bar height untouched. */
  body.qdm-raed .qdm-raed-logo {
    width: 94px !important;
    height: 42px !important;
  }

  body.qdm-raed .qdm-raed-logo img {
    width: 92px !important;
    max-width: 92px !important;
    height: 40px !important;
    max-height: 40px !important;
  }

  /* Search: larger tap box + icon. */
  body.qdm-raed .qdm-raed-search {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  body.qdm-raed .qdm-raed-search > svg,
  body.qdm-raed .qdm-native-search-icon svg {
    width: 19px !important;
    height: 19px !important;
  }

  /* Account + cart group: larger, same vertical center. */
  body.qdm-raed .qdm-raed-tools {
    left: 35px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body.qdm-raed .qdm-raed-tools salla-user-menu,
  body.qdm-raed .qdm-raed-tools salla-cart-summary {
    width: 35px !important;
    min-width: 35px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay {
    width: 35px !important;
    min-width: 35px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body.qdm-raed .qdm-raed-tools .qdm-raed-account-overlay svg,
  body.qdm-raed .qdm-raed-tools .header-btn__icon svg,
  body.qdm-raed .qdm-raed-tools salla-cart-summary svg,
  body.qdm-raed .qdm-raed-tools salla-cart-summary i {
    width: 19px !important;
    height: 19px !important;
    font-size: 19px !important;
  }

  /* Burger: larger icon only; bar itself remains 58px. */
  body.qdm-raed .qdm-raed-native-burger {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }

  body.qdm-raed .qdm-raed-native-burger i {
    font-size: 23px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.347 MOBILE HEADER / RESTORE OUTER EDGE POSITIONS
   Base: V13.346

   ONLY CHANGE:
   - account/cart group back to the far LEFT edge
   - burger back to the far RIGHT edge
   - keep the larger icon/logo sizes from V13.346
   - no header/bar/scroll/JS changes
   ============================================================================ */

@media (max-width: 767px) {
  body.qdm-raed .qdm-raed-tools {
    left: 0 !important;
    right: auto !important;
  }

  body.qdm-raed .qdm-raed-native-burger {
    right: 0 !important;
    left: auto !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.350 MOBILE RELATED PRODUCTS / RTL VISUAL CUE
   Base: V13.349

   MOBILE ONLY:
   - Keep the approved larger Waad-like card size from V13.349.
   - First product is physically on the RIGHT.
   - Only the BLACK moving progress thumb is visible; no grey/transparent rail.
   - On first reveal, start from the THIRD card (or last available if <3),
     pause briefly, then smoothly glide to the FIRST card on the RIGHT.
   - The motion is a visual cue that more products exist toward the LEFT.
   - Desktop remains unchanged.
   ============================================================================ */

@media (max-width: 767px) {

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-shell {
    width: 100vw !important;
    max-width: none !important;

    margin-top: 46px !important;
    margin-bottom: 40px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 0 !important;
    overflow: visible !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v197-related-title {
    width: calc(100% - 28px) !important;
    margin: 0 auto 22px !important;

    color: #171717 !important;
    font-size: 30px !important;
    line-height: 1.18 !important;
    font-weight: 400 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;

    grid-template-columns: none !important;
    grid-auto-flow: initial !important;
    grid-auto-columns: initial !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 14px 10px !important;

    column-gap: 0 !important;
    row-gap: 0 !important;
    gap: 14px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    /* First DOM product is the FIRST product on the physical RIGHT. */
    direction: rtl !important;

    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scroll-behavior: auto !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;

    touch-action: pan-x pan-y !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-grid::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* Keep V13.349 approved size: wide portrait / شبه مربع طويل. */
  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-card {
    display: block !important;

    flex: 0 0 62vw !important;
    width: 62vw !important;
    min-width: 62vw !important;
    max-width: 62vw !important;

    margin: 0 !important;
    padding: 0 !important;

    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;

    color: #171717 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-image {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 0.68 / 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    background: #f1efed !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-copy {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 10px 3px 0 !important;

    direction: rtl !important;
    text-align: center !important;
    line-height: 1.35 !important;
    background: transparent !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v249-waad-copy,
  body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
  .qdm-v249-waad-copy {
    direction: ltr !important;
    text-align: center !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-name {
    display: block !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #2d2342 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v249-waad-price {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #2d2342 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;

    direction: ltr !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
  }

  /* ------------------------------------------------------------------------
     Progress indicator:
     ONLY the black moving thumb is visible.
     There is intentionally NO grey rail/background.
     ------------------------------------------------------------------------ */

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v350-related-progress {
    display: block !important;
    position: relative !important;

    width: min(292px, calc(100% - 74px)) !important;
    height: 4px !important;

    margin: 22px auto 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v350-related-progress-bar {
    display: block !important;
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: var(--qdm-v350-thumb-width, 60px) !important;
    height: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: rgba(17,17,17,.28) !important;
    border: 0 !important;
    border-radius: 999px !important;

    transform: translate3d(var(--qdm-v350-thumb-x, 0px), 0, 0) !important;
    transition: transform 70ms linear !important;
    will-change: transform !important;
  }
}

@media (min-width: 768px) {
  body.qdm-raed .qdm-v350-related-progress {
    display: none !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.352 RELATED PRODUCTS / ACTIVE-ONLY PROGRESS
   Base: V13.350

   ONLY PROGRESS-BAR BEHAVIOR:
   - hidden by default
   - appears only while the related-products row is actually moving / touched
   - fades out almost immediately after movement stops
   - longer visible thumb
   - lighter / more transparent tone
   ============================================================================ */

@media (max-width: 767px) {

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v350-related-progress {
    width: min(292px, calc(100% - 74px)) !important;
    height: 4px !important;

    margin: 22px auto 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transition:
      opacity 220ms ease,
      visibility 0s linear 220ms !important;

    pointer-events: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v350-related-progress.qdm-v352-active {
    opacity: 1 !important;
    visibility: visible !important;
    transition:
      opacity 120ms ease,
      visibility 0s linear 0s !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v350-related-progress-bar {
    width: var(--qdm-v350-thumb-width, 108px) !important;
    min-width: 96px !important;
    max-width: 122px !important;
    height: 4px !important;

    background: rgba(17,17,17,.28) !important;
    border-radius: 999px !important;

    transition: transform 60ms linear !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.353 MOBILE PDP / PULL PRODUCT CLOSER TO HEADER
   Base: V13.352

   ONLY CHANGE:
   - Mobile PRODUCT pages only.
   - Reduce the fixed-header spacer above #main-content from 68px to 42px.
   - This lifts breadcrumb + gallery/product cluster together.
   - Header behavior, gallery, related products, commerce and JS stay untouched.
   ============================================================================ */

@media (max-width: 767px) {
  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.qdm-v197-product-editorial #main-content {
    margin-top: 42px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.354 MOBILE PDP / CLOSER TO HEADER
   Base: V13.353

   ONLY CHANGE:
   - lift mobile product-page content 12px more
   - 42px -> 30px top spacing
   - everything else untouched
   ============================================================================ */

@media (max-width: 767px) {
  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.qdm-v197-product-editorial #main-content {
    margin-top: 30px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.355 PRODUCT OPTIONS / MOBILE REQUIRED-SIZE ALERT
   Base: V13.354

   ONLY THIS FLOW:
   - Mobile: visible warning if Add to Cart is pressed before choosing SIZE.
   - The existing custom size control remains unchanged.
   - Desktop keeps Salla/browser's native required-option validation.
   ============================================================================ */

@media (max-width: 900px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v355-size-alert {
    order: 11 !important;
    display: block !important;

    width: 210px !important;
    max-width: calc(100% - 16px) !important;

    margin: -1px 0 9px auto !important;
    padding: 0 !important;

    align-self: auto !important;

    color: #a33a32 !important;
    -webkit-text-fill-color: #a33a32 !important;

    font-family: inherit !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    direction: rtl !important;
    text-align: right !important;

    opacity: 1 !important;
    transition: opacity .18s ease !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v355-size-alert[hidden] {
    display: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .qdm-v314-size-mobile-button.qdm-v355-invalid {
    border-color: rgba(163,58,50,.72) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v355-size-alert {
    margin-left: 0 !important;
    margin-right: auto !important;
    direction: ltr !important;
    text-align: left !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.362 REVIEWS / WAAD HIERARCHY + PAGE COLOR + BLACK
   Base: V13.355

   Fresh rebuild from the last pre-reviews baseline.
   F12-confirmed Salla structure is kept native and functional.

   Visual hierarchy:
      مراجعات العملاء
      rating summary
      write-review form
      FILTER / COMMENTS HEADER  <-- directly above the review list
      translate-all
      native review rows
      load more

   Palette:
      page background / transparent surfaces + black only.
   ============================================================================ */

/* --------------------------------------------------------------------------
   1. REMOVE THE OLD GREY/WHITE REVIEW PANEL ITSELF
   -------------------------------------------------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--reviews
.qdm-v197-accordion-panel,
body.qdm-raed.qdm-v197-product-editorial
salla-comments[data-testid="store-product-comments"],
body.qdm-raed.qdm-v197-product-editorial
salla-comments[data-testid="store-product-comments"]
.s-comments,
body.qdm-raed.qdm-v197-product-editorial
salla-comments[data-testid="store-product-comments"]
.s-comments-product,
body.qdm-raed.qdm-v197-product-editorial
salla-comments[data-testid="store-product-comments"]
.s-comments-container {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container {
  display: block !important;

  width: 100% !important;
  max-width: 900px !important;

  margin: 0 auto !important;
  padding: 26px 22px 10px !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  direction: rtl !important;

  --color-primary: #111 !important;
  --color-primary-dark: #000 !important;
  --color-primary-light: rgba(17,17,17,.055) !important;
  --color-primary-reverse: #fff !important;

  --s-color-primary: #111 !important;
  --s-color-primary-dark: #000 !important;
  --s-color-primary-light: rgba(17,17,17,.055) !important;
  --s-color-primary-reverse: #fff !important;
}

/* --------------------------------------------------------------------------
   2. LARGE EDITORIAL TITLE
   -------------------------------------------------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-title {
  display: block !important;
  width: 100% !important;

  margin: 0 0 28px !important;
  padding: 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  font-family: inherit !important;
  font-size: clamp(38px, 4.7vw, 58px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;

  text-align: center !important;
}

/* --------------------------------------------------------------------------
   3. RATING SUMMARY — NO CARD / NO OLD COLORS
   -------------------------------------------------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
salla-reviews-summary {
  display: block !important;
  width: 100% !important;

  margin: 0 0 26px !important;
  padding: 20px 0 26px !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  --color-primary: #111 !important;
  --color-primary-dark: #000 !important;
  --color-primary-light: rgba(17,17,17,.055) !important;
  --color-primary-reverse: #fff !important;

  --s-color-primary: #111 !important;
  --s-color-primary-dark: #000 !important;
  --s-color-primary-light: rgba(17,17,17,.055) !important;
  --s-color-primary-reverse: #fff !important;
}

/* --------------------------------------------------------------------------
   4. WRITE REVIEW — NATIVE FORM, PAGE COLOR
   -------------------------------------------------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
salla-comment-form {
  display: block !important;
  width: 100% !important;

  margin: 0 0 26px !important;
  padding: 0 0 26px !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  --color-primary: #111 !important;
  --color-primary-dark: #000 !important;
  --color-primary-light: rgba(17,17,17,.055) !important;
  --color-primary-reverse: #fff !important;

  --s-color-primary: #111 !important;
  --s-color-primary-dark: #000 !important;
  --s-color-primary-light: rgba(17,17,17,.055) !important;
  --s-color-primary-reverse: #fff !important;
}

/* --------------------------------------------------------------------------
   5. FILTER = REAL HEADER DIRECTLY ABOVE REVIEWS
   -------------------------------------------------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 13px 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border-top: 1px solid rgba(17,17,17,.12) !important;
  border-bottom: 1px solid rgba(17,17,17,.12) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-header select {
  width: auto !important;
  min-width: 132px !important;
  max-width: 180px !important;
  min-height: 38px !important;

  margin: 0 !important;
  padding: 0 12px 0 34px !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 1px solid rgba(17,17,17,.16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   6. TRANSLATE CONTROLS — BLACK TEXT, PAGE BACKGROUND
   -------------------------------------------------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-translate-all-wrap {
  width: 100% !important;

  margin: 10px 0 0 !important;
  padding: 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.qdm-v362-translate-clean,
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.qdm-v362-translate-clean :where(button,a,span,i,svg) {
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  fill: currentColor !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-weight: 400 !important;

  text-decoration: underline !important;
  text-decoration-color: rgba(17,17,17,.25) !important;
  text-underline-offset: 3px !important;
}

/* --------------------------------------------------------------------------
   7. NATIVE REVIEW ROWS
   -------------------------------------------------------------------------- */

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-infinite-scroll-wrapper {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Any direct Salla review rows that sit outside the infinite wrapper. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container
> .qdm-v362-review-row {
  width: 100% !important;

  margin: 0 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.11) !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

/* Remove old white / grey utility surfaces from the real comments tree. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container :where(
  .bg-white,
  [class*="bg-white"],
  [class*="bg-gray"],
  [class*="bg-slate"],
  [class*="bg-neutral"],
  [class*="bg-zinc"],
  [class*="shadow"]
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Black text system. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container :where(
  h1,h2,h3,h4,h5,h6,strong,b,[class*="name"]
) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container :where(
  [class*="text-gray"],
  [class*="text-slate"],
  [class*="text-neutral"],
  [class*="text-zinc"],
  [class*="text-pink"]
) {
  color: rgba(17,17,17,.50) !important;
  -webkit-text-fill-color: rgba(17,17,17,.50) !important;
}

/* Light-DOM form controls. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container textarea,
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container input:not([type="checkbox"]):not([type="radio"]),
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container select {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 1px solid rgba(17,17,17,.17) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container textarea::placeholder,
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container input::placeholder {
  color: rgba(17,17,17,.36) !important;
  -webkit-text-fill-color: rgba(17,17,17,.36) !important;
}

/* Primary actions only. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container button:not(.qdm-v362-translate-clean):not([class*="translate"]),
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container input[type="submit"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  background: #111 !important;
  background-color: #111 !important;

  border: 1px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Stars / ratings black. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container :where([class*="star"],[class*="rating"]) :where(svg,i) {
  color: #111 !important;
  fill: #111 !important;
}

/* English */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
salla-comments.qdm-v362-reviews
.s-comments-container,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
salla-comments.qdm-v362-reviews
.s-comments-container {
  direction: ltr !important;
}

@media (max-width: 767px) {
  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v362-reviews
  .s-comments-container {
    padding: 18px 12px 8px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v362-reviews
  .s-comments-title {
    margin-bottom: 20px !important;
    font-size: 36px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v362-reviews
  .s-comments-header {
    padding: 11px 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v362-reviews
  .s-comments-header select {
    min-width: 122px !important;
    max-width: 155px !important;
    min-height: 36px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v362-reviews
  .s-comments-container
  > .qdm-v362-review-row {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.363 REVIEWS / SAFE VISUAL ORDER + MOBILE OPEN POSITION
   Base: V13.362

   FIXES ONLY:
   1) Load More:
      - STOP physically moving Salla's live review nodes.
      - Recreate the exact V13.362 visual hierarchy with CSS flex order only.
      - Salla's native infinite-scroll/load-more DOM stays exactly where Salla
        created it, so loading additional comments remains functional.

   2) Mobile accordion opening:
      - prevent scroll anchoring inside the expanding reviews panel
      - when the user opens "آراء العملاء", smoothly position the TOP of the
        reviews accordion below the fixed mobile header.
   ============================================================================ */

/* Native DOM stays untouched; CSS controls only what the user sees. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v362-reviews
.s-comments-container,
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container {
  display: flex !important;
  flex-direction: column !important;
}

/*
 * Important: give EVERY direct child a safe default order.
 * This fixes the problem that originally caused unknown review rows to appear
 * above the title, without moving those nodes in the DOM.
 */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container > * {
  order: 6 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container > .s-comments-title {
  order: 1 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container > salla-reviews-summary {
  order: 2 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container > salla-comment-form {
  order: 3 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container > .s-comments-header {
  order: 4 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container > .s-translate-all-wrap {
  order: 5 !important;
}

/*
 * Salla owns this wrapper and its Load More / infinite-scroll lifecycle.
 * We style/order it, but never detach or append it from JS.
 */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container > .s-infinite-scroll-wrapper {
  order: 7 !important;
}

/* Prevent browser scroll anchoring from pulling the viewport downward as the
   accordion expands or as extra reviews are inserted. */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--reviews,
body.qdm-raed.qdm-v197-product-editorial
.qdm-v197-accordion--reviews
.qdm-v197-accordion-panel,
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews,
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container {
  overflow-anchor: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.364 REVIEWS / TRANSLATE-ALL SPACING POLISH
   Base: V13.363

   ONLY CHANGE:
   - clean up "ترجمة الكل إلى الإنجليزية"
   - better spacing / alignment
   - keep it as plain black text on page background
   - no review order / load-more / mobile-open behavior changes
   ============================================================================ */

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-translate-all-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 12px 2px 16px !important;

  direction: rtl !important;
  text-align: right !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* The clickable/text content itself */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-translate-all-wrap :where(
  button,
  a,
  span
) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;

  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Translation icon */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-translate-all-wrap :where(
  i,
  svg
) {
  flex: 0 0 auto !important;
  width: 14px !important;
  height: 14px !important;

  color: #111 !important;
  fill: currentColor !important;

  margin: 0 !important;
}

/* Add a little breathing room before the first review */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-infinite-scroll-wrapper {
  padding-top: 4px !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
salla-comments.qdm-v363-reviews
.s-translate-all-wrap,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
salla-comments.qdm-v363-reviews
.s-translate-all-wrap {
  direction: ltr !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-translate-all-wrap {
    padding: 10px 0 14px !important;
    gap: 6px !important;
    font-size: 11.5px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-translate-all-wrap :where(
    button,
    a,
    span
  ) {
    font-size: 11.5px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.365 RESTORE UNRELATED BLACK UI
   Base: V13.364

   Audit fix:
   V13.352 accidentally changed several unrelated `background:#111` rules while
   editing the Related Products progress indicator.

   This patch restores ONLY those unrelated components to their original black.
   The Related Products mobile progress bar remains exactly as intentionally
   designed in V13.352.
   ============================================================================ */

/* Footer — restore original solid black */
body.qdm-raed .store-footer.qdm-raed-footer,
body.qdm-raed .qdm-raed-footer .store-footer__inner {
  background: #111 !important;
}

/* Home/mobile collection-picks progress — restore original dark indicator */
@media (max-width: 767px) {
  body.qdm-raed .qdm-v9-edit-mobile-progress-bar {
    background: #111 !important;
  }
}

/* Language & currency modal — Save button back to solid black */
body.qdm-raed .qdm-v7-localization-save {
  background: #111 !important;
  background-color: #111 !important;
}

/* Catalog sale badge — restore original black */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-promotion-title {
  background: #111 !important;
}

/* Certificate/lightbox close button — restore original black */
.qdm-v139-certificate-close {
  background: #111 !important;
}

/* ============================================================================
   THE QUEENDOM — V13.370 CLEAN REBUILD
   Base: V13.367 (intentionally skips the broad V13.368/369 CSS overrides)

   Fixes:
   - catalog cards: same grid position, taller 2:3 portrait media
   - mobile All Products campaign: no white frame/gutters
   - cart: balanced desktop composition in BOTH Arabic and English
   - cart surfaces: page canvas + thin black rules, no white cards
   - footer QD logo: never clipped
   - English Under Abaya meta: balanced left/right baseline
   - premium mobile View-All end card, without touching product media
   ============================================================================ */

/* --------------------------------------------------------------------------
   A) CATALOG / COLLECTION CARDS
   JS V13.370 owns the real inline !important 2:3 height + contain image.
   CSS mirrors it and keeps the existing grid columns/gaps/positions untouched.
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 2 / 3 !important;
  overflow: hidden !important;
  background: #fff !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image :where(picture, figure) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

/* Keep every card exactly in its existing grid slot. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-products-list-wrapper {
  align-items: start !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-entry {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
}

/* --------------------------------------------------------------------------
   B) MOBILE ALL-PRODUCTS CAMPAIGN — TRUE FULL BLEED, ZERO WHITE FRAME
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  body.qdm-raed #qdm-v10-all-products-banner.qdm-v11-all-products-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-inline: calc(50% - 50vw) !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner
  .qdm-v10-all-products-link {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: #111 !important;
    overflow: hidden !important;
  }

  body.qdm-raed #qdm-v10-all-products-banner
  .qdm-v10-all-products-link > img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: cover !important;
  }
}

/* --------------------------------------------------------------------------
   C) FOOTER QD LOGO — FULL MARK, NO CROPPING
   -------------------------------------------------------------------------- */
body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-footer-logo {
  height: auto !important;
  min-height: 66px !important;
  max-height: none !important;
  overflow: visible !important;
  line-height: 0 !important;
}

body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo img,
body.qdm-raed .qdm-raed-footer-logo,
body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-footer-logo img {
  display: block !important;
  width: 90px !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  overflow: visible !important;
}

@media (max-width: 900px) {
  body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo,
  body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-footer-logo {
    min-height: 62px !important;
  }

  body.qdm-raed .qdm-raed-footer-brand.qdm-v9-footer-logo img,
  body.qdm-raed .qdm-raed-footer-logo,
  body.qdm-raed .store-footer.qdm-raed-footer .qdm-v9-footer-logo img {
    width: 86px !important;
  }
}

/* --------------------------------------------------------------------------
   D) UNDER ABAYA — ENGLISH META BALANCE ONLY
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 18px !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-count,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-count {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-name,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-name {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
  text-align: right !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-price,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-price {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   F) MOBILE "VIEW ALL PRODUCTS" END CARD — PREMIUM, NO PRODUCT-SLIDER HACKS
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.qdm-raed #qdm-v9-home .qdm-v9-edit-view-all {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    border: 1px solid rgba(255,255,255,.14) !important;
    background:
      radial-gradient(circle at 78% 18%, rgba(255,255,255,.08), transparent 34%),
      linear-gradient(145deg, #090909, #171717 54%, #090909) !important;
  }

  body.qdm-raed #qdm-v9-home .qdm-v9-edit-view-all::before {
    content: "QD" !important;
    position: absolute !important;
    top: 18px !important;
    inset-inline-start: 18px !important;
    z-index: 0 !important;

    color: rgba(255,255,255,.075) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(72px, 24vw, 106px) !important;
    font-weight: 400 !important;
    line-height: .82 !important;
    letter-spacing: -.10em !important;

    transform: translateY(7px) scale(.96) !important;
    transform-origin: top left !important;
    transition: transform .65s cubic-bezier(.2,.72,.2,1), color .45s ease !important;
    pointer-events: none !important;
  }

  body.qdm-raed #qdm-v9-home
  .qdm-v9-edit-view-all.qdm-v370-end-active::before {
    color: rgba(255,255,255,.13) !important;
    transform: translateY(0) scale(1) !important;
  }

  body.qdm-raed #qdm-v9-home
  .qdm-v9-edit-view-all .qdm-v9-edit-view-all-inner {
    position: relative !important;
    z-index: 1 !important;
    transition: transform .55s cubic-bezier(.2,.72,.2,1) !important;
  }

  body.qdm-raed #qdm-v9-home
  .qdm-v9-edit-view-all.qdm-v370-end-active
  .qdm-v9-edit-view-all-inner {
    transform: translateY(-5px) !important;
  }

  body.qdm-raed #qdm-v9-home
  .qdm-v9-edit-view-all .qdm-v9-edit-view-all-inner em {
    transition: transform .45s ease, background .3s ease, color .3s ease !important;
  }

  body.qdm-raed #qdm-v9-home
  .qdm-v9-edit-view-all.qdm-v370-end-active
  .qdm-v9-edit-view-all-inner em {
    transform: translateX(-5px) !important;
    background: #fff !important;
    border-color: #fff !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.372 CART / F12-GROUNDED LAYOUT
   Built from the user's actual cart DOM:

   .qdm-v184-cart-layout  (dir=rtl Arabic / dir=ltr English)
     0: DIV            -> contains .cart-item       -> MAIN
     1: SALLA-HOOK     -> width 0                  -> leave alone
     2: DIV            -> contains gifting+summary -> SIDEBAR

   Important:
   - same physical rule in both languages: MAIN order 1, SIDEBAR order 2.
   - because the layout's real dir changes between rtl/ltr, this naturally gives:
       Arabic  -> MAIN right, SIDEBAR left
       English -> MAIN left,  SIDEBAR right
   ============================================================================ */

/* Exact direct children tagged by V13.372 JS from the real DOM. */
@media (min-width: 1024px) {
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    display: flex !important;
    flex-direction: row !important;

    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    gap: 24px !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-main {
    order: 1 !important;

    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-sidebar {
    order: 2 !important;

    flex: 0 0 300px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;

    margin: 0 !important;
  }

  /* Keep the REAL page direction; do not fight it with row-reverse. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout[dir="rtl"] {
    direction: rtl !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout[dir="ltr"] {
    direction: ltr !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout[dir="rtl"]
  > .qdm-v372-cart-main,
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout[dir="rtl"]
  > .qdm-v372-cart-sidebar {
    direction: rtl !important;
    text-align: right !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout[dir="ltr"]
  > .qdm-v372-cart-main,
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout[dir="ltr"]
  > .qdm-v372-cart-sidebar {
    direction: ltr !important;
    text-align: left !important;
  }
}

/* --------------------------------------------------------------------------
   CART SURFACES — exact F12-confirmed light-DOM selectors, no generic guessing
   -------------------------------------------------------------------------- */

/* The actual product card from F12:
   SECTION.cart-item.bg-white.p-5...rounded-md */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v184-cart-layout
section.cart-item {
  background: transparent !important;
  background-color: transparent !important;

  border: 1px solid rgba(17,17,17,.58) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
}

/* Product-card descendants must not reintroduce a white panel. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v184-cart-layout
section.cart-item :where(
  .bg-white,
  [class*="bg-white"],
  [class*="bg-gray-50"],
  [class*="bg-gray-100"]
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* F12 confirms gifting is LIGHT DOM, not shadow DOM. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-gifting {
  display: block !important;

  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 1px solid rgba(17,17,17,.58) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-gifting :where(
  .s-gifting-widget,
  .s-gifting-widget-vertical,
  salla-list-tile,
  div
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Keep the actual gift button black. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-gifting :where(button, .s-button-primary) {
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #111 !important;
}

/* F12 confirms summary is LIGHT DOM with:
   .s-cart-summary-card-sheet-wrap
   .s-cart-summary-card-sheet */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-cart-summary-card {
  display: block !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 1px solid rgba(17,17,17,.58) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-cart-summary-card
:where(
  .s-cart-summary-card-sheet-wrap,
  .s-cart-summary-card-sheet,
  .s-cart-summary-card-line,
  .s-cart-summary-card-bar
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Keep summary checkout action black. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-cart-summary-card
:where(button, .s-button-primary, [class~="bg-primary"]) {
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #111 !important;
}

/* Quantity/size controls keep their own usable form surface, not flat white cards. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-main
section.cart-item
:where(select, input:not([type="checkbox"]):not([type="radio"])) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(17,17,17,.20) !important;
  box-shadow: none !important;
}

/* Mobile: one clean column; no forced desktop ordering. */
@media (max-width: 1023px) {
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    gap: 18px !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-main,
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-main {
    order: 1 !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-sidebar {
    order: 2 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.373 CART FINAL SURFACE POLISH
   Base: V13.372

   ONLY these requested changes:
   1) Order summary / checkout: remove the unnecessary outer black box.
   2) Gift: keep its black outline, but remove the white fill behind it.
   3) Size area inside cart item: remove the white panel behind the selector.
   No layout/order/language behavior changes.
   ============================================================================ */

/* --------------------------------------------------------------------------
   1) ORDER SUMMARY — no outer black rectangle
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-cart-summary-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Keep the checkout action itself intact/black. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-cart-summary-card
:where(button, .s-button-primary, [class~="bg-primary"]) {
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #111 !important;
}

/* --------------------------------------------------------------------------
   2) GIFT — keep outline, remove white fill behind native content
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-gifting {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(17,17,17,.58) !important;
  box-shadow: none !important;
}

body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-gifting :where(
  .s-gifting-widget,
  .s-gifting-widget-vertical,
  .s-list-tile,
  .s-list-tile-wrapper,
  [class*="s-list-tile"],
  [class*="bg-white"],
  [class*="bg-gray-50"],
  [class*="bg-gray-100"]
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Gift CTA stays black. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
salla-gifting :where(button, .s-button-primary) {
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #111 !important;
}

/* --------------------------------------------------------------------------
   3) SIZE / OPTIONS AREA — remove white panel only
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-main
section.cart-item :where(
  [class*="product-option"],
  [class*="item-option"],
  [class*="cart-option"],
  [class*="variant"],
  [class*="options"],
  [class*="bg-white"],
  [class*="bg-gray-50"],
  [class*="bg-gray-100"]
) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* The select itself remains usable, but sits directly on page canvas. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-main
section.cart-item select {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(17,17,17,.18) !important;
  box-shadow: none !important;
}

/* If Salla wraps the size field in a full-width padded row, remove only its fill. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-main
section.cart-item
:where(div, section):has(> select) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.374 GIFT WRAPPER WHITE-BACKGROUND FIX
   Base: V13.373

   F12-confirmed white culprit:
   DIV.shadow-default.bg-white.xs:p-2.rounded-md.mb-5.relative
   -> direct parent/wrapper around <salla-gifting>

   Remove ONLY this outer white wrapper.
   Keep the inner gifting border + black CTA exactly as V13.373.
   ============================================================================ */

body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
> div.shadow-default.bg-white.rounded-md.mb-5.relative:has(> salla-gifting) {
  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;
}

/* Safety for the same wrapper if utility-class order changes. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
> div:has(> salla-gifting).bg-white {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Keep the actual gifting component exactly as the intended outlined card. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v372-cart-sidebar
> div:has(> salla-gifting)
> salla-gifting {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(17,17,17,.58) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.375 HERO STARTUP + UNDER ABAYA POLISH
   Base: V13.374

   1) Hero:
      - embedded first frame is visible instantly in the center
      - blurred duplicate video is deferred until center video is ready
      - no blank/late center-video flash

   2) Under Abaya:
      - chevrons truly centered inside the circular buttons
      - clearer consistent arrow glyph in Arabic + English
      - English metadata uses the SAME physical spacing as Arabic:
        LEFT product/code | CENTER counter | RIGHT price
   ============================================================================ */

/* --------------------------------------------------------------------------
   HERO — center poster remains visible while main MP4 decodes.
   -------------------------------------------------------------------------- */
body.qdm-raed .qdm-v9-hero
.qdm-v9-hero-media.qdm-v375-main-video.qdm-v9-video-pending {
  opacity: 1 !important;
}

/* Decorative duplicate is genuinely hidden until center video wins startup. */
body.qdm-raed .qdm-v9-hero
.qdm-v9-hero-bg-video.qdm-v375-bg-deferred.qdm-v9-video-pending {
  opacity: 0 !important;
}

/* Instant blurred still behind the center video. */
body.qdm-raed .qdm-v9-hero .qdm-v375-hero-poster-bg {
  z-index: -7 !important;
  opacity: .84 !important;
  transition: opacity .28s ease !important;
}

/* Once the deferred blurred video is playing, hand the backdrop over to it. */
body.qdm-raed .qdm-v9-hero.qdm-v375-bg-playing
.qdm-v375-hero-poster-bg {
  opacity: 0 !important;
}

/* --------------------------------------------------------------------------
   UNDER ABAYA — perfectly centered, clearer chevrons.
   Hide the text glyph and draw one consistent glyph via ::before.
   -------------------------------------------------------------------------- */
body.qdm-raed #qdm-v9-home .qdm-under-arrow {
  display: grid !important;
  place-items: center !important;

  padding: 0 !important;
  line-height: 1 !important;
  font-size: 0 !important;
  text-indent: 0 !important;

  overflow: visible !important;
}

body.qdm-raed #qdm-v9-home .qdm-under-arrow::before {
  display: block !important;

  color: currentColor !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  transform: translateY(-1px) !important;
}

body.qdm-raed #qdm-v9-home .qdm-under-arrow-prev::before {
  content: "‹" !important;
}

body.qdm-raed #qdm-v9-home .qdm-under-arrow-next::before {
  content: "›" !important;
}

@media (max-width: 767px) {
  body.qdm-raed #qdm-v9-home .qdm-under-arrow::before {
    font-size: 22px !important;
    transform: translateY(-1px) !important;
  }
}

/* --------------------------------------------------------------------------
   UNDER ABAYA — ENGLISH = same physical composition as the approved Arabic.
   LEFT: code/name | CENTER: 02 / 03 | RIGHT: price
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta {
  direction: ltr !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  align-items: center !important;

  column-gap: 16px !important;
  row-gap: 0 !important;
}

/* LEFT — product code + product name */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-name,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-name {
  grid-column: 1 !important;

  justify-self: stretch !important;
  align-self: center !important;
  align-items: flex-start !important;

  width: 100% !important;
  margin: 0 !important;

  direction: ltr !important;
  text-align: left !important;
}

body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-name small,
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-name strong,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-name small,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-name strong {
  width: 100% !important;
  margin: 0 !important;

  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}

/* CENTER — slide counter */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-count,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-count {
  grid-column: 2 !important;

  justify-self: stretch !important;
  align-self: center !important;

  width: 100% !important;
  margin: 0 !important;

  direction: ltr !important;
  text-align: center !important;
  unicode-bidi: isolate !important;
}

/* RIGHT — price, same physical side as Arabic */
body.qdm-raed.qdm-interface-lang-en #qdm-v9-home .qdm-under-meta-price,
body.qdm-raed.qdm-lang-en #qdm-v9-home .qdm-under-meta-price {
  grid-column: 3 !important;

  justify-self: stretch !important;
  align-self: center !important;

  width: 100% !important;
  margin: 0 !important;

  direction: ltr !important;
  text-align: right !important;
  unicode-bidi: isolate !important;

  transform: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.376 UNDER ABAYA ARROW TRUE CENTER
   Base: V13.375

   ONLY CHANGE:
   - move the chevron down 1px from V13.375 so it is visually centered
     inside the circular control.
   ============================================================================ */

body.qdm-raed #qdm-v9-home .qdm-under-arrow::before {
  transform: translateY(0) !important;
}

@media (max-width: 767px) {
  body.qdm-raed #qdm-v9-home .qdm-under-arrow::before {
    transform: translateY(0) !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.377 MOBILE UNDER ABAYA ARROWS HIDDEN
   Base: V13.376

   ONLY CHANGE:
   - hide left/right Under Abaya arrow controls on mobile.
   - desktop/tablet behavior remains unchanged.
   ============================================================================ */
@media (max-width: 767px) {
  body.qdm-raed #qdm-v9-home .qdm-under-arrow {
    display: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.378 MOBILE ARABIC PDP THUMB RAIL MIRROR
   Base: V13.377

   ONLY CHANGE:
   - Arabic product page on phone:
     thumbnails move from physical LEFT -> physical RIGHT.
   - Main product image shifts to the left of the rail by the exact same offset.
   - English stays exactly as V13.377.
   - Desktop/tablet stay untouched.
   ============================================================================ */

@media (max-width: 767px) {

  /* Arabic thumbnail rail = physical RIGHT. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v198-thumb-rail {
    left: auto !important;
    right: 0 !important;
  }

  /*
   * The gallery used to reserve the thumbnail rail on the LEFT for every
   * language. In Arabic reserve the same width on the RIGHT instead.
   */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details .details-slider {
    width: calc(100% - var(--qdm-v303-mobile-rail-offset)) !important;

    margin-left: 0 !important;
    margin-right: var(--qdm-v303-mobile-rail-offset) !important;
  }

  /* Keep gallery internals LTR so Salla slider behavior itself is untouched. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details .details-slider {
    direction: ltr !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.379 INTERACTION STABILITY
   Base: V13.378
   ============================================================================ */

/* --------------------------------------------------------------------------
   SEARCH — real focusable form inside the existing modal
   -------------------------------------------------------------------------- */
body.qdm-raed .qdm-native-search-form-v379 {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

body.qdm-raed .qdm-native-search-field-v379 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 52px !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.86) !important;
  background: transparent !important;
}

body.qdm-raed .qdm-native-search-field-v379 > svg {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;

  margin-inline: 0 10px !important;

  fill: none !important;
  stroke: #111 !important;
  stroke-width: 1.65 !important;

  pointer-events: none !important;
}

body.qdm-raed .qdm-native-search-input-v379 {
  position: relative !important;
  z-index: 2 !important;

  display: block !important;
  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  caret-color: #111 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  font: inherit !important;
  font-size: 14px !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
}

body.qdm-raed .qdm-native-search-input-v379::placeholder {
  color: rgba(46,54,73,.62) !important;
  -webkit-text-fill-color: rgba(46,54,73,.62) !important;
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   CATALOG — blank card canvas is NOT a product link anymore.
   Only actual links/controls receive pointer events.
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-entry {
  pointer-events: none !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-entry :where(
  a[href],
  button,
  input,
  select,
  textarea,
  label,
  [role="button"]
) {
  pointer-events: auto !important;
}

/* Keep the real image and title links obvious/clickable. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.s-product-card-image > a,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355,
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-catalog-card-name-v1355 a {
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}

/* Native Salla infinite-scroll must sit above product cards, never beneath a
   stretched product click target. */
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
salla-infinite-scroll {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
  isolation: isolate !important;
}

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
salla-infinite-scroll :where(
  button,
  salla-button,
  [role="button"]
),
body.qdm-raed.qdm-inner-catalog-page
.qdm-v379-load-more-control {
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}

/* --------------------------------------------------------------------------
   ADD TO CART — native loader -> brief success check -> solid black CTA
   -------------------------------------------------------------------------- */
body.qdm-raed.qdm-v197-product-editorial
salla-add-product-button[data-testid="store-product-add-to-cart"] {
  opacity: 1 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-add-product-button[data-testid="store-product-add-to-cart"]
salla-button[data-testid="store-product-add-to-cart"]
> button.s-button-element:not([loading]) {
  opacity: 1 !important;
  filter: none !important;

  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  transition:
    background-color .22s ease,
    opacity .22s ease,
    color .22s ease !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-add-product-button[data-testid="store-product-add-to-cart"].qdm-v379-add-success
salla-button[data-testid="store-product-add-to-cart"]
> button.s-button-element {
  position: relative !important;

  opacity: 1 !important;
  filter: none !important;

  background: #111 !important;
  background-color: #111 !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-add-product-button[data-testid="store-product-add-to-cart"].qdm-v379-add-success
salla-button[data-testid="store-product-add-to-cart"]
> button.s-button-element::after {
  content: "✓" !important;

  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  width: auto !important;
  height: auto !important;
  margin: 0 !important;

  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  border: 0 !important;
  background: transparent !important;

  font: 600 20px/1 Arial, sans-serif !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: translate(-50%, -50%) scale(1) !important;
  animation: qdmV379AddSuccess .32s cubic-bezier(.2,.72,.2,1) both !important;
}

@keyframes qdmV379AddSuccess {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.72);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* ============================================================================
   THE QUEENDOM — V13.380 NATIVE LOAD MORE CONTROL
   Base: V13.379
   F12-confirmed real control uses s-infinite-scroll* classes.
   ============================================================================ */

body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
button[class*="s-infinite-scroll"],
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
[role="button"][class*="s-infinite-scroll"],
body.qdm-raed.qdm-inner-catalog-page
.qdm-catalog-products-v1351
.qdm-v379-load-more-control {
  position: relative !important;
  z-index: 50 !important;

  pointer-events: auto !important;
  cursor: pointer !important;
}

/* ============================================================================
   THE QUEENDOM — V13.381 REVIEWS / CLEAN EDITORIAL RHYTHM
   Base: V13.380

   Goal:
   - remove the unnecessary stacked horizontal rules
   - tighten title / summary / filter spacing
   - make the filter row feel like one intentional header
   - keep native Salla reviews, translation, sorting and Load More functional
   - same visual rhythm in Arabic and English
   ============================================================================ */

/* Main review canvas: slightly narrower and calmer. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-container {
  width: 100% !important;
  max-width: 840px !important;

  margin: 0 auto !important;
  padding: 34px 22px 6px !important;
}

/* Editorial title — still strong, but less oversized. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-title {
  margin: 0 0 30px !important;
  padding: 0 !important;

  font-size: clamp(40px, 4.2vw, 52px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;

  border: 0 !important;
}

/* Rating summary: no extra divider below it. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
salla-reviews-summary {
  margin: 0 0 28px !important;
  padding: 0 !important;

  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/*
 * Review form host was creating a visual "empty line" when Salla does not
 * render a visible form. Keep it functional, but remove our old decorative rule.
 */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
salla-comment-form {
  margin: 0 0 18px !important;
  padding: 0 !important;

  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Remove stray native HR lines specifically from summary/form areas. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
salla-reviews-summary hr,
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
salla-comment-form hr {
  display: none !important;
}

/* One intentional header band: comments count + sort. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px 20px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 15px 0 !important;

  border-top: 1px solid rgba(17,17,17,.13) !important;
  border-bottom: 1px solid rgba(17,17,17,.13) !important;
  border-left: 0 !important;
  border-right: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* Count reads as the section label, not another random text fragment. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-header :where(
  strong,
  b,
  [class*="total"],
  [class*="count"]
) {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Sort control: slimmer, editorial, no bulky rectangle. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-comments-header select {
  width: auto !important;
  min-width: 138px !important;
  max-width: 190px !important;
  min-height: 36px !important;

  margin: 0 !important;
  padding: 0 28px 0 8px !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-size: 13px !important;
}

/* Translation controls: quieter, grouped, no extra lines around them. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-translate-all-wrap {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 12px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 12px 0 8px !important;

  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;

  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-translate-all-wrap :where(a,button,span) {
  font-size: 12px !important;
  line-height: 1.45 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(17,17,17,.26) !important;
  text-underline-offset: 3px !important;
}

/* Review list begins immediately — no decorative top rule. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-infinite-scroll-wrapper {
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-top: 0 !important;
}

/*
 * Give each native review one clean separator only.
 * Exclude Load More / buttons so their behavior and spacing are untouched.
 */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-infinite-scroll-wrapper
> :not(button):not(salla-button):not([role="button"]) {
  margin: 0 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;

  border-top: 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.11) !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* Last visible review does not need a decorative line below it. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-infinite-scroll-wrapper
> :not(button):not(salla-button):not([role="button"]):last-child {
  border-bottom-color: transparent !important;
}

/* Clean nested review-card chrome without changing content/functionality. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-infinite-scroll-wrapper
:where(
  [class*="comment-card"],
  [class*="review-card"],
  [class*="comment-item"],
  [class*="review-item"]
) {
  background: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Individual Translate links become visually secondary. */
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-infinite-scroll-wrapper
:where(a,button)[class*="translate"],
body.qdm-raed.qdm-v197-product-editorial
salla-comments.qdm-v363-reviews
.s-infinite-scroll-wrapper
.qdm-v362-translate-clean {
  color: rgba(17,17,17,.72) !important;
  -webkit-text-fill-color: rgba(17,17,17,.72) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  font-size: 11.5px !important;
  font-weight: 400 !important;
}

/* Arabic / English direction polish. */
body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
salla-comments.qdm-v363-reviews
.s-comments-header,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-ar
salla-comments.qdm-v363-reviews
.s-comments-header {
  direction: rtl !important;
  text-align: right !important;
}

body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
salla-comments.qdm-v363-reviews
.s-comments-header,
body.qdm-raed.qdm-v197-product-editorial.qdm-lang-en
salla-comments.qdm-v363-reviews
.s-comments-header {
  direction: ltr !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-comments-container {
    padding: 24px 10px 4px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-comments-title {
    margin-bottom: 24px !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  salla-reviews-summary {
    margin-bottom: 22px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  salla-comment-form {
    margin-bottom: 12px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-comments-header {
    gap: 10px 14px !important;
    padding: 12px 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-comments-header select {
    min-width: 116px !important;
    max-width: 148px !important;
    min-height: 34px !important;
    font-size: 12px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-translate-all-wrap {
    padding: 10px 0 6px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  salla-comments.qdm-v363-reviews
  .s-infinite-scroll-wrapper
  > :not(button):not(salla-button):not([role="button"]) {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.383 MOBILE CART FLOW FIX
   Base: V13.382

   Problem seen on phone:
   - native cart MAIN + gifting/sidebar were still inheriting sticky/desktop
     positioning from Raed, so gifting visually overlapped the cart item.
   - the order summary is intentionally fixed at the viewport bottom, but the
     rest of the sidebar must stay in normal document flow.

   Mobile result:
   1) cart item
   2) gifting card
   3) footer/content
   4) fixed Total/Checkout bar at the bottom
   No panels may overlap each other.
   ============================================================================ */

@media (max-width: 1023px) {

  /* Real V13.372/F12 cart wrapper = one normal vertical flow on mobile. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: none !important;

    gap: 18px !important;

    overflow: visible !important;
  }

  /* Main products column owns normal flow and can never be overlapped by sidebar. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-main {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    order: 1 !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    float: none !important;
  }

  /*
   * IMPORTANT ROOT FIX:
   * Raed gives the sidebar `sticky top-24`. Desktop needs it; mobile does not.
   * If left sticky, the gifting block can float over the product card.
   */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-sidebar {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    order: 2 !important;

    display: block !important;
    flex: 0 0 auto !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: 0 !important;

    overflow: visible !important;

    transform: none !important;
    float: none !important;
  }

  /* Gifting wrapper/card is a normal block AFTER the cart item. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-sidebar
  > div:has(> salla-gifting) {
    position: static !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    transform: none !important;
    overflow: visible !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-sidebar
  salla-gifting {
    position: relative !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    transform: none !important;
  }

  /* Product card itself must expand naturally around its native contents. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 18px !important;

    overflow: visible !important;
    contain: none !important;
  }

  /*
   * Remove desktop/sticky positioning from direct cart-item children only.
   * Keep their native flex rows/forms, but make sure none can float above a
   * sibling panel.
   */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item
  > :where(div, section, form) {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    max-width: 100% !important;

    transform: none !important;
  }

  /* Native quantity/options rows need their own clean full-width line. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item
  :where(
    [class*="quantity"],
    [class*="option"],
    [class*="variant"]
  ) {
    max-width: 100% !important;
  }

  /*
   * Summary remains the intentional fixed bottom sheet from V13.95+.
   * Ensure it is independent from sidebar flow and does not drag the gifting
   * container into its fixed stacking context.
   */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-sidebar
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: env(safe-area-inset-bottom) !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    z-index: 2147482500 !important;
  }

  /* Reserve enough scroll room for the fixed summary on actual phones. */
  body.qdm-raed.qdm-cart-page-v1394
  #main-content {
    padding-bottom: calc(190px + env(safe-area-inset-bottom)) !important;
  }
}

/* Tighter phone canvas without changing tablet/desktop. */
@media (max-width: 560px) {
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    gap: 14px !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item {
    margin-bottom: 14px !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-sidebar
  > div:has(> salla-gifting) {
    margin-bottom: 14px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.384 MOBILE CART / REAL FLOW DISTRIBUTION
   Base: V13.383

   Goal = match the approved mobile reference distribution:
   1) Product cart card
   2) Gift card as its OWN block underneath
   3) Footer/content
   4) Fixed order-summary sheet at viewport bottom

   The JS moves ONLY the real gifting wrapper on phones.
   Desktop/tablet remain in the V13.383/V13.372 sidebar layout.
   ============================================================================ */

@media (max-width: 767px) {

  /* Mobile cart canvas gets the same calm side spacing as the reference. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    gap: 0 !important;

    width: calc(100% - 24px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;
  }

  /* Product block first, with no foreign gifting content allowed to overlap. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-main {
    order: 1 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item {
    width: 100% !important;

    margin: 0 !important;
    padding: 18px 20px 22px !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 1px solid rgba(17,17,17,.72) !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: hidden !important;
  }

  /*
   * The real gift wrapper is physically moved by JS to be a DIRECT sibling
   * immediately after qdm-v372-cart-main.
   */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v384-mobile-gift {
    order: 2 !important;

    position: relative !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 80px 0 0 !important;
    padding: 0 !important;

    transform: none !important;
    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v384-mobile-gift
  > salla-gifting {
    position: relative !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 24px 22px !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 1px solid rgba(17,17,17,.12) !important;
    border-radius: 12px !important;
    box-shadow: none !important;

    transform: none !important;
  }

  /*
   * Remove the old outer white utility wrapper styling after it is moved.
   * The inner gifting content keeps its button and icon.
   */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v384-mobile-gift.shadow-default,
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v384-mobile-gift.bg-white {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
  }

  /* Sidebar now owns ONLY the fixed summary and must occupy no visual space. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-sidebar {
    order: 3 !important;

    position: static !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    pointer-events: none !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-sidebar
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    pointer-events: auto !important;

    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(0px, env(safe-area-inset-bottom)) !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    border-radius: 18px 18px 0 0 !important;
    overflow: hidden !important;

    z-index: 2147482500 !important;
  }

  /* Leave breathing room between the moved gift card and footer. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    margin-bottom: 110px !important;
  }

  /* Fixed summary must never cover the final footer area while scrolling. */
  body.qdm-raed.qdm-cart-page-v1394
  #main-content {
    padding-bottom: calc(210px + env(safe-area-inset-bottom)) !important;
  }
}

/* Small phones: reference-like compact spacing without overlap. */
@media (max-width: 480px) {
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    width: calc(100% - 20px) !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item {
    padding: 16px 18px 20px !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v384-mobile-gift {
    margin-top: 72px !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v384-mobile-gift
  > salla-gifting {
    padding: 22px 18px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.385 MOBILE CART / ZERO-HEIGHT ROOT FIX
   Base: V13.384

   F12 evidence from the actual broken mobile cart:
     MAIN      top 180 / bottom 180 / height 0
     CART ITEM top 180 / bottom 565 / height 385

   Root cause:
   qdmCartRealDomV13372 had inline `flex:1 1 0 !important` on MAIN.
   In mobile `flex-direction:column`, that zero flex-basis is vertical and
   collapses MAIN while its cart item overflows visually.

   This patch guarantees normal AUTO-height flow.
   ============================================================================ */

@media (max-width: 1023px) {
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v372-cart-main {
    flex: 0 0 auto !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  /* The moved gift is a normal sibling — never a zero-height sidebar. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v384-mobile-gift,
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout
  > .qdm-v384-mobile-gift.qdm-v372-cart-sidebar {
    flex: 0 0 auto !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
    pointer-events: auto !important;
  }

  /* MAIN's actual cart item now contributes its full height to layout. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  > section.cart-item {
    position: relative !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.386 HIDE NATIVE SALLA RECOMMENDATION BLOCKS
   Base: V13.385

   Scope:
   - Similar Products
   - Customers Also Bought
   - Complete your order
   - Related products

   ONLY blocks explicitly marked by the V13.386 JS are hidden.
   Our custom THE QUEENDOM sections are not targeted.
   ============================================================================ */

body.qdm-raed .qdm-v386-hide-native-recommendation {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ============================================================================
   THE QUEENDOM — V13.388 MOBILE GIFT MODAL / SUMMARY Z-INDEX FIX
   Base: V13.387

   Root cause from the screenshot:
   our mobile order-summary sheet was forced to z-index: 2147482500,
   so it rendered ABOVE Salla's native gift modal/drawer.

   Fix:
   keep the summary fixed on normal cart pages, but at a normal page-overlay
   layer so any native Salla modal/drawer can always appear above it.
   ============================================================================ */

@media (max-width: 767px) {
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-sidebar
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    z-index: 70 !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.389 MOBILE GIFT MODAL / HIDE FIXED SUMMARY WHILE OPEN
   Base: V13.388

   V13.388 lowering z-index was not enough because Salla's gift modal lives in
   its own component/modal stacking context. The safe mobile behavior is:
   - summary visible normally
   - summary fully hidden while gift modal is open
   - summary restored immediately when gift modal closes
   ============================================================================ */

@media (max-width: 767px) {
  body.qdm-raed.qdm-cart-page-v1394.qdm-v389-gift-modal-open
  salla-cart-summary-card[data-testid="store-cart-summary"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.392 MOBILE CART / SEPARATED PRODUCT CARDS
   Base: V13.391

   ONLY CHANGE:
   Match the approved mobile reference:
   - every cart item is its own outlined rectangle
   - visible vertical gap between items
   - softly rounded corners
   - no shared/connected black borders
   ============================================================================ */

@media (max-width: 767px) {

  /* Each native cart item becomes an independent card. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item {
    position: relative !important;

    width: 100% !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;

    border: 1px solid rgba(17,17,17,.78) !important;
    border-radius: 7px !important;

    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;
    overflow: hidden !important;
  }

  /*
   * If Salla places consecutive cards without any wrapper gap, guarantee
   * the same reference spacing instead of allowing two borders to touch.
   */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item + section.cart-item {
    margin-top: 0 !important;
  }

  /* The final product card still gets breathing room before the next section. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item:last-of-type {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 480px) {
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main
  section.cart-item {
    margin-bottom: 18px !important;
    border-radius: 7px !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.393 MOBILE CART ARABIC + FOOTER SPACING POLISH
   Base: V13.392

   ONLY:
   1) Mobile cart: bring footer closer to "Send as a gift".
   2) Arabic cart: move each product remove-X to the physical LEFT.
   3) Arabic cart: localize item money/Total presentation.
   ============================================================================ */

@media (max-width: 767px) {

  /* ------------------------------------------------------------------------
     1) CART -> FOOTER GAP
     Old app-shell rules stretched short cart pages to the viewport and pushed
     the footer away with margin-top:auto. On cart mobile, let footer follow the
     real content naturally.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-cart-page-v1394
  > .app-inner
  > #main-content {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout {
    margin-bottom: 26px !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  > .app-inner
  > footer.store-footer.qdm-raed-footer,
  body.qdm-raed.qdm-cart-page-v1394
  > .app-inner
  > footer.qdm-raed-footer,
  body.qdm-raed.qdm-cart-page-v1394
  > .app-inner
  > [data-testid="store-footer"] {
    margin-top: 0 !important;
  }

  /* ------------------------------------------------------------------------
     2) ARABIC REMOVE X
     JS marks only the native remove button for each cart item.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-ar
  .qdm-v372-cart-main
  section.cart-item
  .qdm-v393-cart-remove,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-ar
  .qdm-v372-cart-main
  section.cart-item
  .qdm-v393-cart-remove {
    position: absolute !important;

    top: 10px !important;
    left: 10px !important;
    right: auto !important;

    margin: 0 !important;

    z-index: 12 !important;
  }

  /* ------------------------------------------------------------------------
     3) ARABIC TOTAL/MONEY ROW
     Keep the native cart geometry, only make the localized line read naturally.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-ar
  .qdm-v372-cart-main
  .qdm-v393-cart-total,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-ar
  .qdm-v372-cart-main
  .qdm-v393-cart-total {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    text-align: left !important;
  }
}

/* ============================================================================
   THE QUEENDOM — V13.394 HIDE PAGE COMMENTS ON INFORMATIONAL PAGES
   Base: V13.393

   ONLY CHANGE:
   Remove the native "Overall rating / Comments" block from informational pages
   such as:
   - Size Guide
   - Order Policy
   - Returns & Exchange Policy
   - Gift / other single informational pages

   Product reviews remain untouched.
   ============================================================================ */

/* Primary native Salla page-comments host. */
body.qdm-raed.qdm-inner-info-page
salla-comments[data-testid="store-page-comments"],
body.qdm-raed.qdm-inner-info-page
.qdm-info-comments-v1351 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  pointer-events: none !important;
}

/*
 * First-paint / server-DOM fallback:
 * informational-page structure exists before qdm-inner-info-page is added.
 * This prevents the rating/comments section from flashing during startup.
 */
body:has(.content--single-page)
salla-comments[data-testid="store-page-comments"],
body:has(.s-information-page)
salla-comments[data-testid="store-page-comments"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  pointer-events: none !important;
}

/* ============================================================================
   THE QUEENDOM — V13.396 MOBILE PDP GALLERY / WAAD POLISH
   Base: V13.395

   MOBILE ONLY:
   1) Arabic thumbnails = physical LEFT.
      English thumbnails = physical RIGHT.
   2) Replace the gallery-overlay wishlist heart with a magnifying-glass button.
      Wishlist under Add to Cart remains untouched.
   3) Remove mobile breadcrumb and pull/enlarge the gallery slightly toward header.
   ============================================================================ */

@media (max-width: 767px) {

  /* ---------- remove product breadcrumb on phone ---------- */
  body.qdm-raed.qdm-product-page-v1395
  .container--breadcrumbs,
  body.qdm-raed.qdm-v197-product-editorial
  .container--breadcrumbs {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Pull the gallery cluster closer to the fixed header. */
  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.qdm-v197-product-editorial #main-content {
    margin-top: 18px !important;
  }

  /* Slightly enlarge the usable gallery canvas. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  body.qdm-raed.qdm-v197-product-editorial {
    --qdm-v303-mobile-thumb-w: 56px;
    --qdm-v303-mobile-gallery-gap: 8px;
    --qdm-v303-mobile-rail-offset:
      calc(var(--qdm-v303-mobile-thumb-w) + var(--qdm-v303-mobile-gallery-gap));
  }

  /* ---------- ARABIC: thumbnails LEFT, main image to their RIGHT ---------- */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial.qdm-v177-native-ar
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .qdm-v198-thumb-rail {
    left: 0 !important;
    right: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial.qdm-v177-native-ar
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .container--product-details .details-slider {
    width: calc(100% - var(--qdm-v303-mobile-rail-offset)) !important;
    margin-left: var(--qdm-v303-mobile-rail-offset) !important;
    margin-right: 0 !important;
    direction: ltr !important;
  }

  /* ---------- ENGLISH: thumbnails RIGHT, main image to their LEFT ---------- */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .qdm-v198-thumb-rail,
  body.qdm-raed.qdm-v197-product-editorial.qdm-v177-native-en
  .qdm-v198-thumb-rail {
    left: auto !important;
    right: 0 !important;
  }

  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .container--product-details .details-slider,
  body.qdm-raed.qdm-v197-product-editorial.qdm-v177-native-en
  .container--product-details .details-slider {
    width: calc(100% - var(--qdm-v303-mobile-rail-offset)) !important;
    margin-left: 0 !important;
    margin-right: var(--qdm-v303-mobile-rail-offset) !important;
    direction: ltr !important;
  }

  /* ---------- remove the old gallery-overlay heart only ---------- */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  > div[id^="product-"]
  > .sidebar
  [data-testid="store-product-wishlist-btn"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* ---------- new native-lightbox zoom button ---------- */
  body.qdm-raed.qdm-v197-product-editorial
  .details-slider
  > .qdm-v396-gallery-zoom {
    appearance: none !important;
    -webkit-appearance: none !important;

    position: absolute !important;
    bottom: 14px !important;

    z-index: 55 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #111 !important;
    background: rgba(255,255,255,.95) !important;

    border: 1px solid rgba(17,17,17,.20) !important;
    border-radius: 999px !important;
    box-shadow: none !important;

    cursor: pointer !important;
    pointer-events: auto !important;

    transform: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider
  > .qdm-v396-gallery-zoom svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    pointer-events: none !important;
  }

  /* Arabic reference: zoom on the opposite side from LEFT thumbnail rail. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-ar
  .details-slider
  > .qdm-v396-gallery-zoom,
  body.qdm-raed.qdm-v197-product-editorial.qdm-v177-native-ar
  .details-slider
  > .qdm-v396-gallery-zoom,
  body.qdm-raed.qdm-v197-product-editorial:not(.qdm-interface-lang-en)
  .details-slider
  > .qdm-v396-gallery-zoom {
    right: 12px !important;
    left: auto !important;
  }

  /* English mirror. */
  body.qdm-raed.qdm-v197-product-editorial.qdm-interface-lang-en
  .details-slider
  > .qdm-v396-gallery-zoom,
  body.qdm-raed.qdm-v197-product-editorial.qdm-v177-native-en
  .details-slider
  > .qdm-v396-gallery-zoom {
    left: 12px !important;
    right: auto !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .details-slider
  > .qdm-v396-gallery-zoom:active {
    transform: scale(.96) !important;
  }
}


/* ============================================================================
   THE QUEENDOM — V13.397 MOBILE PDP GALLERY FINAL ALIGNMENT
   Base: V13.396

   MOBILE ONLY:
   1) Remove the gallery-overlay wishlist heart completely (AR + EN).
      Wishlist under Add to Cart remains untouched.
   2) Let the main image stage grow when the vertical thumbnail rail is taller,
      so the top/bottom of the hero image visually align with the thumbnail rail.
   3) While Salla's native FsLightbox is open, place the sticky QUEENDOM header
      behind the lightbox overlay so the header receives the same dim/transparent
      treatment as the rest of the page.
   ============================================================================ */

@media (max-width: 767px) {

  /* ------------------------------------------------------------------------
     1) GALLERY HEART — HARD HIDE
     The purchase-form wishlist is in .main-content, not .sidebar, so these
     selectors only remove the duplicate/overlay heart sitting over the gallery.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  salla-button[data-testid="store-product-wishlist-btn"],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  [data-testid="store-product-wishlist-btn"],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  .s-product-card-wishlist-btn,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  [class*="wishlist" i],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  [aria-label*="wishlist" i],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  [title*="wishlist" i],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  [aria-label*="المفضلة"],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  [title*="المفضلة"],
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  button:has(.sicon-heart),
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  salla-button:has(.sicon-heart),
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  .qdm-v397-gallery-wishlist-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  /* ------------------------------------------------------------------------
     2) MAIN IMAGE / THUMBNAIL RAIL — SAME VISUAL TOP + BOTTOM
     JS supplies --qdm-v397-gallery-stage-h from the live thumbnail rail.
     A baseline 2:3 stage is retained, so products with only a few thumbnails
     never collapse into a short image.
     ------------------------------------------------------------------------ */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced > salla-slider,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced .s-slider-container,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced .swiper,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced .swiper-wrapper,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced .swiper-slide,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced .homeslider__slide {
    height: var(--qdm-v397-gallery-stage-h) !important;
    min-height: var(--qdm-v397-gallery-stage-h) !important;
    max-height: var(--qdm-v397-gallery-stage-h) !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced
  .swiper-slide img,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced
  .homeslider__slide img,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details .details-slider.qdm-v397-gallery-synced
  [slot="items"] img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center top !important;
    margin: 0 !important;
  }

  /* Keep the thumbnail rail pinned to the exact same gallery top. */
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  .qdm-v198-thumb-rail {
    top: 0 !important;
    bottom: auto !important;
  }

  /* ------------------------------------------------------------------------
     3) NATIVE LIGHTBOX — HEADER MUST SIT UNDER THE OVERLAY
     V13.78 intentionally gives the sticky header a huge z-index. FsLightbox is
     therefore visible over the page but not over the header. Lower it only for
     the few seconds the native image viewer is actually open.
     ------------------------------------------------------------------------ */
  body.qdm-v397-lightbox-open
  .store-header.qdm-raed-header {
    z-index: 1 !important;
    pointer-events: none !important;
  }
}

/* ============================================================================
   END V13.397 MOBILE PDP GALLERY FINAL ALIGNMENT
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.402 PDP GALLERY GEOMETRY FIX
   BASELINE: V13.398 EXACTLY

   MOBILE (<=767px):
   - Keep the V13.398 gallery dimensions/content treatment.
   - Correct only the live Swiper wrapper's vertical offset so the ACTIVE SLIDE
     starts on the exact same physical top line as the first custom thumbnail.
   - The correction is measured by JS from the real DOM; no fixed zoom/crop.

   DESKTOP (>=901px):
   - Keep the V13.398 main image untouched.
   - Make the custom thumbnail rail exactly as tall as the live main slider.
   - Extra thumbnails stay inside that height and scroll vertically / drag using
     the already-existing desktop rail behavior.
   ============================================================================ */

@media (max-width: 767px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  .details-slider.qdm-v402-mobile-top-synced
  .swiper-wrapper {
    position: relative !important;
    top: var(--qdm-v402-mobile-wrapper-shift-y, 0px) !important;
  }
}

@media (min-width: 901px) {
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  .qdm-v198-thumb-rail.qdm-v402-desktop-height-synced {
    height: var(--qdm-v402-desktop-rail-h) !important;
    min-height: 0 !important;
    max-height: var(--qdm-v402-desktop-rail-h) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;

    /* Keep the existing visual style; scrolling can still be done by wheel/drag. */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar
  .qdm-v198-thumb-rail.qdm-v402-desktop-height-synced::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}

/* ============================================================================
   END V13.402 PDP GALLERY GEOMETRY FIX
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.403 LIVE STOREFRONT PARITY / FINAL CONTENT CLEANUP
   Base: V13.402

   1) Product: remove native "Complete your order / كمل طلبك" after JS marks it.
   2) Cart: once the live cart marker is recovered, suppress related/recommendation
      modules regardless of whether Salla renders them as a list or slider.
   3) Size Guide: keep large embedded guide media inside the current QD info frame.
   4) Mobile PDP: add clean breathing room between sticky header and gallery.
   ============================================================================ */

/* Native recommendation blocks marked by the existing V13.386 scanner. */
body.qdm-raed .qdm-v386-hide-native-recommendation {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Cart: hard-stop native related/recommendation surfaces on published DOM too. */
body.qdm-raed.qdm-cart-page-v1394
#main-content :where(
  section.s-block:has(salla-products-slider),
  section.s-block:has(salla-products-list),
  section[class*="related-product"],
  section[class*="similar-product"],
  section[class*="recommended-product"],
  section[class*="cross-sell"],
  section[class*="upsell"],
  [data-testid*="related-products"],
  [data-testid*="recommended-products"]
) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Size Guide / information-page media should never escape the editorial frame. */
body.qdm-raed.qdm-inner-info-page
.qdm-info-entry-v1351 :where(img, picture, figure, video, iframe) {
  max-width: 100% !important;
}

body.qdm-raed.qdm-inner-info-page
.qdm-info-entry-v1351 img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin-inline: auto !important;
}

/* V13.402 gallery geometry remains untouched; only move the WHOLE gallery down. */
@media (max-width: 767px) {
  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.qdm-v197-product-editorial #main-content {
    margin-top: 36px !important;
  }
}

/* ============================================================================
   END V13.403 LIVE STOREFRONT PARITY / FINAL CONTENT CLEANUP
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.404 FINAL MOBILE UX / CART FIRST-PAINT GUARD
   Base: V13.403

   - Cart's old Raed/header/cart composition is covered during the short boot.
   - The cover disappears as soon as V13.404 confirms a laid-out cart item or
     genuine empty state + converted header.
   - Independent 1.8s CSS fail-open prevents any permanent hidden storefront.
   - English mobile catalog: title sits on the physical RIGHT, Filter & Sort LEFT.
   - English mobile cart: main/items are explicitly visible and auto-height.
   ============================================================================ */

@keyframes qdm-v404-cart-shield-failsafe {
  0%, 99.9% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/*
 * Server/native cart elements are available before our late custom classes.
 * Use them as a CSS-first marker so the old cart/header never flashes.
 */
body:not(.qdm-v404-cart-ready):has(#main-content .cart-item)::before,
body:not(.qdm-v404-cart-ready):has(#main-content salla-cart-summary-card)::before,
body:not(.qdm-v404-cart-ready):has(#main-content [data-testid*="cart-summary"])::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: block;
  background: #f8f5f1;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: qdm-v404-cart-shield-failsafe 0s linear 1.8s forwards;
}

body.qdm-v404-cart-ready:has(#main-content .cart-item)::before,
body.qdm-v404-cart-ready:has(#main-content salla-cart-summary-card)::before,
body.qdm-v404-cart-ready:has(#main-content [data-testid*="cart-summary"])::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  animation: none !important;
}

/* Published/English mobile cart hydration safety. */
@media (max-width: 767px) {
  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-en
  .qdm-v184-cart-layout,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-en
  .qdm-v184-cart-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-en
  .qdm-v372-cart-main,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-en
  .qdm-v372-cart-main {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.qdm-raed.qdm-cart-page-v1394.qdm-interface-lang-en
  .qdm-v372-cart-main section.cart-item,
  body.qdm-raed.qdm-cart-page-v1394.qdm-v177-native-en
  .qdm-v372-cart-main section.cart-item {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Mobile English catalog: title = physical RIGHT, filter/sort = physical LEFT. */
@media (max-width: 900px) {
  body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en
  .qdm-catalog-toolbar-v1351,
  body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en
  .qdm-catalog-toolbar-v1351 {
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en
  .qdm-catalog-title-v1351,
  body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en
  .qdm-catalog-title-v1351 {
    order: 2 !important;
    flex: 0 1 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    direction: ltr !important;
    text-align: right !important;
  }

  body.qdm-raed.qdm-inner-catalog-page.qdm-interface-lang-en
  .qdm-catalog-sort-desktop-v1351,
  body.qdm-raed.qdm-inner-catalog-page.qdm-lang-en
  .qdm-catalog-sort-desktop-v1351 {
    order: 1 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    direction: ltr !important;
  }
}

/* ============================================================================
   END V13.404 FINAL MOBILE UX / CART FIRST-PAINT GUARD
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.405 CART / RELATED PRODUCTS HARD REMOVE
   Base: V13.404

   Published Salla can render the cart "Related Products / منتجات متعلقة" block
   as plain DOM rows instead of salla-products-slider/list. JS identifies that
   exact cart-only block and marks it; CSS removes the entire module.
   ============================================================================ */
body.qdm-raed.qdm-cart-page-v1394 .qdm-v405-cart-related-hidden,
body.qdm-cart-page-v1394 .qdm-v405-cart-related-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* ============================================================================
   END V13.405 CART RELATED PRODUCTS HARD REMOVE
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.406 PDP "COMPLETE YOUR ORDER" HARD REMOVE
   Base: V13.405

   Published Salla can render the Complete-your-order module as ordinary DIV/P
   markup rather than a products slider/list. V13.406 lets JS mark that exact
   product-page block and removes the entire card with no leftover gap.
   ============================================================================ */
body.qdm-raed.qdm-v197-product-editorial
.qdm-v406-hide-complete-order,
body.qdm-raed.qdm-product-page-v1395
.qdm-v406-hide-complete-order {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
/* ============================================================================
   END V13.406 PDP COMPLETE-ORDER HARD REMOVE
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.407 LIVE MOBILE PDP HEADER GAP + CART SAFETY
   Base: V13.406

   Published iPhone storefront showed the gallery touching/creeping under the
   sticky header even though Preview had breathing room. Keep V13.402 gallery
   geometry untouched and move the WHOLE gallery group down instead.
   ============================================================================ */

@media (max-width: 767px) {
  /* One source of spacing only: cancel the older main-content margin patch. */
  body.qdm-raed.qdm-product-page-v1395 #main-content,
  body.qdm-raed.qdm-v197-product-editorial #main-content {
    margin-top: 0 !important;
  }

  /* Physical gap between sticky header and the entire gallery (rail + hero). */
  body.qdm-raed.qdm-product-page-v1395
  .container--product-details > div[id^="product-"] > .sidebar,
  body.qdm-raed.qdm-v197-product-editorial
  .container--product-details > div[id^="product-"] > .sidebar {
    margin-top: 28px !important;
  }

  /* Language-independent native cart visibility; AR remains visually unchanged. */
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v184-cart-layout,
  body.qdm-raed.qdm-cart-page-v1394
  .qdm-v372-cart-main {
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.qdm-raed.qdm-cart-page-v1394
  :is(section.cart-item, .cart-item, salla-cart-item, [data-testid*="cart-item" i]) {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* If a stale V13.405 mark survives an SPA language switch, real cart branches
   are explicitly exempt; JS also strips the inline hide styles immediately. */
body.qdm-raed.qdm-cart-page-v1394
.qdm-v405-cart-related-hidden:has(:is(
  section.cart-item,
  .cart-item,
  salla-cart-item,
  [data-testid*="cart-item" i],
  salla-cart-summary-card
)) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: revert !important;
  padding: revert !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* ============================================================================
   END V13.407 LIVE MOBILE PDP HEADER GAP + CART SAFETY
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.408 PUBLISHED STOREFRONT STRUCTURAL OVERRIDES
   Base: V13.407

   These selectors intentionally DO NOT depend on Preview-only body markers.
   They target the real published product/cart structure directly.
   ============================================================================ */

/* 1) LIVE MOBILE PDP: true physical breathing room below the header.
   V13.402 gallery internals remain untouched; rail + hero move together. */
@media (max-width: 767px) {
  #main-content
  .container--product-details
  > div[id^="product-"]
  > .sidebar {
    margin-top: 30px !important;
  }
}

/* 2) SIZE GUIDE + SIZE CONTROL: keep both on the SAME physical side.
   English = LEFT. Arabic = RIGHT. Use html lang/dir because published Salla can
   replace body language classes after hydration. */
@media (max-width: 900px) {
  html[dir="ltr"] .container--product-details form[data-testid="store-product-form"] :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="en" i] .container--product-details form[data-testid="store-product-form"] :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  html[dir="rtl"] .container--product-details form[data-testid="store-product-form"] :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="ar" i] .container--product-details form[data-testid="store-product-form"] :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
  }

  html[dir="ltr"] .container--product-details .qdm-v229-size-guide,
  html[lang^="en" i] .container--product-details .qdm-v229-size-guide {
    justify-content: flex-start !important;
  }

  html[dir="rtl"] .container--product-details .qdm-v229-size-guide,
  html[lang^="ar" i] .container--product-details .qdm-v229-size-guide {
    justify-content: flex-end !important;
  }
}

/* 3) LIVE CART: language-independent visibility fallback after Salla swaps DOM. */
@media (max-width: 767px) {
  body.qdm-v408-cart-live .qdm-v184-cart-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.qdm-v408-cart-live .qdm-v372-cart-main {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.qdm-v408-cart-live .qdm-v372-cart-main :is(
    section.cart-item,
    .cart-item,
    salla-cart-item,
    [data-testid*="cart-item" i]
  ) {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 4) Stale related-products marker may NEVER win over a real cart branch. */
body.qdm-v408-cart-live :is(
  .qdm-v184-cart-layout,
  .qdm-v372-cart-main,
  .qdm-v184-cart-main,
  .qdm-v372-cart-sidebar,
  .qdm-v184-cart-sidebar
).qdm-v405-cart-related-hidden {
  display: revert !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* ============================================================================
   END V13.408 PUBLISHED STOREFRONT STRUCTURAL OVERRIDES
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.409 PUBLISHED MOBILE PDP HEADER CLEARANCE
   Base: V13.408

   Measured on the PUBLISHED storefront console:
   - fixed header: top 0px, bottom 58px, height 58px
   - product sidebar/gallery: top 30px
   - real overlap: 28px

   Put the entire gallery group below the fixed header with a true 28px gap.
   This replaces V13.408's ineffective 30px document-top margin.
   Gallery internals / V13.402 image alignment are untouched.
   ============================================================================ */
@media (max-width: 767px) {
  html body #main-content
  .container--product-details
  > div[id^="product-"]
  > .sidebar {
    margin-top: 86px !important; /* 58px live header + 28px breathing room */
  }
}
/* ============================================================================
   END V13.409 PUBLISHED MOBILE PDP HEADER CLEARANCE
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.410 PUBLISHED CART SAFETY + SIZE SIDE FIX
   Base: V13.409
   ============================================================================ */

/* A real cart ancestor must never be hidden by old recommendation markers. */
body.cart :is(
  .qdm-v177-related-products,
  .qdm-v405-cart-related-hidden,
  [class*="hide-native-recommendation"]
):has(:is(
  section.cart-item,
  .cart-item,
  salla-cart-item,
  [data-testid*="cart-item" i],
  salla-cart-summary-card,
  [data-testid*="cart-summary" i]
)) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: revert !important;
  padding: revert !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* During live AR<->EN cart swaps keep the old Raed cart covered briefly. */
body.qdm-v410-cart-rearming:has(#main-content .cart-item)::before,
body.qdm-v410-cart-rearming:has(#main-content salla-cart-summary-card)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: block !important;
  background: #f8f5f1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Published PDP: Size Guide + SIZE control use the same physical side.
   Do not depend on them being inside the native form; Salla moves the guide. */
@media (max-width: 900px) {
  html[dir="ltr"] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="en" i] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="ar" i] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
    justify-content: flex-end !important;
  }
}

/* ============================================================================
   END V13.410
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.412 GLOBAL LEGACY CHAT / MESSAGE BUBBLE REMOVAL
   Base: V13.411

   Remove the old floating customer-chat/message launcher on every page and
   viewport. This intentionally does NOT target WhatsApp links/buttons.
   ============================================================================ */

/* Salla / generic chat hosts */
salla-chat,
salla-chat-widget,
#salla-chat,
#salla-chat-widget,
.salla-chat,
.salla-chat-widget,
.s-chat-widget,
[data-testid="store-chat"],
[data-testid="store-chat-widget"],
[data-testid="chat-widget"],
[data-testid="chat-launcher"],
[data-testid="message-launcher"],
[data-chat-widget],
[data-chat-launcher],
[class*="chat-widget" i],
[class*="chat-launcher" i],
[class*="message-widget" i],
[class*="message-launcher" i],
[aria-label*="chat" i],
[aria-label*="message us" i],
[aria-label*="live chat" i],
[aria-label*="الدردشة"],
[aria-label*="المحادثة"],
[title*="live chat" i],
[title*="الدردشة"],
[title*="المحادثة"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Common third-party chat widgets that may be injected after page load. */
#tidio-chat,
#tidio-chat-code,
.tidio-chat-iframe,
iframe[src*="tidio" i],
#chatwoot_live_chat_widget,
.woot-widget-holder,
.woot-widget-bubble,
iframe[src*="chatwoot" i],
#crisp-chatbox,
.crisp-client,
[class*="crisp-client" i],
#intercom-container,
.intercom-lightweight-app,
iframe[name*="intercom" i],
#gorgias-chat-container,
#gorgias-chat-messenger-button,
.gorgias-chat-key,
[class*="gorgias-chat" i],
#reamazejs,
.reamaze-widget,
[class*="reamaze" i],
#jivo_chat_widget,
#jivo-iframe-container,
iframe[src*="jivo" i],
iframe[src*="tawk" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ============================================================================
   END V13.412 LEGACY CHAT REMOVAL
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.417 SIZE GUIDE INFORMATION PAGE / NO-LOGO CLEAN HIGH-RES ART
   Base: V13.416
   - Uses the approved clean no-logo size-guide artwork.
   - Removes the duplicate native page title and old media.
   - Larger desktop presentation, responsive on mobile.
   - Artwork embedded as compressed WebP; JavaScript unchanged from V13.416.
   ============================================================================ */
body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
.qdm-info-title-v1351 {
  display: none !important;
}

body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
.qdm-info-entry-v1351 :where(img, picture, figure) {
  display: none !important;
  visibility: hidden !important;
}

body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
.qdm-info-entry-v1351 > p:has(> img:only-child),
body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
.qdm-info-entry-v1351 > p:has(> picture:only-child),
body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
.qdm-info-entry-v1351 > figure {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
.qdm-info-card-v1351 {
  width: min(1100px, 100%) !important;
  padding-top: 22px !important;
}

body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
.qdm-v415-size-guide-art {
  display: block !important;
  width: min(980px, 100%) !important;
  max-width: 980px !important;
  aspect-ratio: 2 / 3 !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  background-image: url("data:image/webp;base64,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") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
  .qdm-info-card-v1351 {
    padding-top: 12px !important;
  }

  body.qdm-raed.qdm-inner-info-page.qdm-v415-size-guide-page
  .qdm-v415-size-guide-art {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}

/* ============================================================================
   END V13.417 SIZE GUIDE INFORMATION PAGE
   ============================================================================ */

/* ============================================================================
   THE QUEENDOM — V13.418 REAL-MOBILE SIZE BLOCK EDGE GUTTER
   Base: V13.417
   - Keeps the compact Size Guide / SIZE / selector grouped together.
   - Arabic stays on the physical RIGHT, but with a safe inset from the edge.
   - English stays on the physical LEFT, but with the same safe inset.
   - Desktop/tablet geometry is untouched.
   ============================================================================ */
@media (max-width: 767px) {
  /* English: physical left with breathing room. */
  html[dir="ltr"] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="en" i] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    margin-left: max(22px, env(safe-area-inset-left)) !important;
    margin-right: auto !important;
    max-width: calc(100% - 44px) !important;
  }

  /* Arabic: physical right with breathing room. */
  html[dir="rtl"] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="ar" i] .container--product-details :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    margin-left: auto !important;
    margin-right: max(22px, env(safe-area-inset-right)) !important;
    max-width: calc(100% - 44px) !important;
  }
}
/* ============================================================================
   END V13.418 REAL-MOBILE SIZE BLOCK EDGE GUTTER
   ============================================================================ */


/* ============================================================================
   THE QUEENDOM — V13.419 FINAL PUBLISH-SAFE MICRO FIXES
   Base: V13.418
   Only the explicitly approved final fixes are scoped here.
   ============================================================================ */

/* 1) Product size block on REAL mobile:
      Arabic = one aligned block on the physical RIGHT.
      English = one aligned block on the physical LEFT.
      Force all four pieces to the same 148px geometry and remove any stale
      positioning/transform left by Raed hydration. Desktop stays untouched. */
@media (max-width: 767px) {
  .container--product-details
  form[data-testid="store-product-form"]
  > :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
  }

  html[dir="rtl"] .container--product-details
  form[data-testid="store-product-form"]
  > :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="ar" i] .container--product-details
  form[data-testid="store-product-form"]
  > :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    align-self: auto !important;
    margin-left: auto !important;
    margin-right: max(22px, env(safe-area-inset-right)) !important;
  }

  html[dir="ltr"] .container--product-details
  form[data-testid="store-product-form"]
  > :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ),
  html[lang^="en" i] .container--product-details
  form[data-testid="store-product-form"]
  > :is(
    .qdm-v229-size-guide,
    .qdm-v229-size-title,
    .qdm-v230-size-proxy-wrap,
    .qdm-v314-size-mobile-wrap
  ) {
    align-self: auto !important;
    margin-left: max(22px, env(safe-area-inset-left)) !important;
    margin-right: auto !important;
  }
}

/* 2) Home product cards: image-swap hover is DESKTOP/FINE-POINTER ONLY.
      iOS/Safari must not consume the first tap as a hover. */
@media (hover: none), (pointer: coarse), (max-width: 767px) {
  body.qdm-raed #qdm-v9-home .qdm-v9-edit-card .qdm-v9-card-hover,
  body.qdm-raed #qdm-v9-home .qdm-v9-edit-card:hover .qdm-v9-card-hover,
  body.qdm-raed #qdm-v9-home .qdm-v9-edit-card:focus .qdm-v9-card-hover {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  body.qdm-raed #qdm-v9-home .qdm-v9-edit-card .qdm-v9-card-default,
  body.qdm-raed #qdm-v9-home .qdm-v9-edit-card:hover .qdm-v9-card-default,
  body.qdm-raed #qdm-v9-home .qdm-v9-edit-card:focus .qdm-v9-card-default {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

/* 3) Account pages: hide Raed's old gradient account header permanently.
      The account menu itself remains Salla-native and functional. */
body.qdm-raed[class*="customer-"] .profile-header.gradient-bg,
body.qdm-raed[class*="customer-"] .profile-header[class*="gradient" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 4) Account breadcrumb/current-page text must never turn white. */
body.qdm-raed[class*="customer-"] :is(
  .breadcrumbs,
  .breadcrumb,
  .container--breadcrumbs,
  [class*="breadcrumb" i]
),
body.qdm-raed[class*="customer-"] :is(
  .breadcrumbs,
  .breadcrumb,
  .container--breadcrumbs,
  [class*="breadcrumb" i]
) :is(a, span, li, p, strong, small) {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
}

/* 5) Reuse the V13.355 warning styling when Gift is blocked for missing SIZE.
      Alignment follows the final V13.419 physical side of the size block. */
@media (max-width: 767px) {
  html[dir="rtl"] body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v355-size-alert,
  html[lang^="ar" i] body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v355-size-alert {
    width: 210px !important;
    margin-left: auto !important;
    margin-right: max(22px, env(safe-area-inset-right)) !important;
  }

  html[dir="ltr"] body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v355-size-alert,
  html[lang^="en" i] body.qdm-raed.qdm-v197-product-editorial
  .container--product-details
  form[data-testid="store-product-form"]
  > .qdm-v355-size-alert {
    width: 210px !important;
    margin-left: max(22px, env(safe-area-inset-left)) !important;
    margin-right: auto !important;
  }
}

/* ============================================================================
   END V13.419 FINAL PUBLISH-SAFE MICRO FIXES
   ============================================================================ */