/* ========================================================================== 
   HAJEE — Unified Digital Dar v8.19.0 — National Day 96 + Catalog + Content Hub
   Salla / Raed — clean integrated stylesheet + cohesive paths cards

   الهدف:
   - الحفاظ على الهندسة البصرية المعتمدة لهجيع دون بقايا V5 / v7.5 / Hotfix.
   - مصدر Style واحد لكل مكوّن.
   - لا يعتمد التنقل على CSS؛ CSS هنا للعرض فقط.
   - متوافق مع بنية HAJEE UX الحالية ومهيأ للتطوير اللاحق.
   ========================================================================== */

/* ========================================================================== 
   01. DESIGN TOKENS
   ========================================================================== */

:root {
  --hajee-font: "Zain PC v2", "zain pc v2", "PingARLT", Tahoma, Arial, sans-serif;

  --hajee-night: #1f2418;
  --hajee-night-deep: #171b12;
  --hajee-olive: #303623;
  --hajee-olive-mid: #6e7044;
  --hajee-olive-soft: #878961;
  --hajee-paper: #faf7f0;
  --hajee-cream: #fffdf8;
  --hajee-beige: #f2e8d8;
  --hajee-beige-soft: #f7f1e7;
  --hajee-sand: #d8c7ad;
  --hajee-sand-soft: #e9ddca;
  --hajee-brass: #b89a68;
  --hajee-brass-ink: #7b5f35;
  --hajee-ink: #303623;

  --hajee-muted: rgba(48, 54, 35, 0.66);
  --hajee-muted-soft: rgba(48, 54, 35, 0.52);
  --hajee-line: rgba(48, 54, 35, 0.12);
  --hajee-line-strong: rgba(48, 54, 35, 0.22);
  --hajee-paper-line: rgba(242, 232, 216, 0.13);

  --hajee-shadow-xs: 0 8px 24px rgba(31, 36, 24, 0.045);
  --hajee-shadow-sm: 0 16px 44px rgba(31, 36, 24, 0.07);
  --hajee-shadow-md: 0 26px 72px rgba(31, 36, 24, 0.11);
  --hajee-shadow-lg: 0 38px 110px rgba(19, 23, 15, 0.18);

  --hajee-radius-sm: 14px;
  --hajee-radius-md: 20px;
  --hajee-radius-lg: 30px;
  --hajee-radius-xl: 42px;

  --hajee-content: 1240px;
  --hajee-content-wide: 1360px;
  --hajee-page-pad: max(20px, calc((100% - var(--hajee-content)) / 2));

  --color-primary: var(--hajee-olive);
  --color-primary-d: var(--hajee-night);
  --color-primary-dark: var(--hajee-night);
  --color-primary-l: var(--hajee-olive-mid);
  --color-primary-light: var(--hajee-olive-soft);
  --color-primary-reverse: var(--hajee-paper);
  --font-main: var(--hajee-font);
  --font-family-base: var(--hajee-font);
}

/* ========================================================================== 
   02. BASE / TYPOGRAPHY / SAFE RESET
   ========================================================================== */

html {
  color: var(--hajee-ink);
  background: var(--hajee-paper);
  scroll-behavior: smooth;
  scroll-padding-top: 190px;
}

body.theme-raed {
  min-width: 0;
  color: var(--hajee-ink);
  background: var(--hajee-paper);
  font-family: var(--hajee-font) !important;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}

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

body.theme-raed :where(
  h1, h2, h3, h4, h5, h6,
  p, a, button, input, textarea, select, option,
  label, legend, strong, small, li, dt, dd, td, th,
  blockquote, salla-button, salla-product-card, salla-slider,
  salla-modal, salla-search, salla-user-menu
) {
  font-family: var(--hajee-font) !important;
  font-variation-settings: "long" 0;
}

body.theme-raed :where(button, input, textarea, select) {
  font: inherit;
  letter-spacing: 0;
}

body.theme-raed :where(a, button) {
  -webkit-tap-highlight-color: transparent;
}

body.theme-raed img {
  max-width: 100%;
}

body.theme-raed [hidden] {
  display: none !important;
}

body.theme-raed #main-content {
  min-height: 50vh;
  background:
    radial-gradient(circle at 8% 6%, rgba(216, 199, 173, 0.12), transparent 26%),
    radial-gradient(circle at 92% 31%, rgba(110, 112, 68, 0.055), transparent 24%),
    var(--hajee-paper);
}

body.theme-raed :where(
  .hajee-button,
  .hajee-growth-button,
  .hajee-comfort-gateway__action,
  .hajee-comfort-gateway__craft,
  .hajee-mattress-option,
  .hajee-mattress-nav,
  .hajee-mattress-action,
  .hajee-depth-gateway__button,
  .hajee-projects-gateway__choice,
  .hajee-projects-gateway__action,
  .hajee-brand-rail__arrow,
  .hajee-brand-rail__message,
  .hajee-brand-rail__dot,
  .hajee-v7-page__close,
  .hajee-advisor-choice,
  .hajee-materials__choice,
  .hajee-story-tab
) {
  transition:
    transform 220ms ease,
    color 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    opacity 220ms ease;
}

body.theme-raed :focus-visible {
  outline: 3px solid rgba(184, 154, 104, 0.72);
  outline-offset: 3px;
}

/* ========================================================================== 
   03. COMMON HAJEE PRIMITIVES
   ========================================================================== */

body.theme-raed .hajee-button,
body.theme-raed .hajee-growth-button {
  display: inline-flex;
  min-height: 50px;
  padding: 11px 22px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

body.theme-raed .hajee-button--primary,
body.theme-raed .hajee-growth-button--solid {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
  box-shadow: 0 12px 30px rgba(48, 54, 35, 0.16);
}

body.theme-raed .hajee-button--primary:hover,
body.theme-raed .hajee-growth-button--solid:hover {
  color: #fff;
  background: var(--hajee-night);
  border-color: var(--hajee-night);
  transform: translateY(-2px);
}

body.theme-raed .hajee-button--secondary,
body.theme-raed .hajee-growth-button--ghost {
  color: var(--hajee-olive);
  background: rgba(255, 253, 248, 0.6);
  border-color: var(--hajee-line);
}

body.theme-raed .hajee-button--secondary:hover,
body.theme-raed .hajee-growth-button--ghost:hover {
  background: var(--hajee-cream);
  border-color: var(--hajee-olive-mid);
  transform: translateY(-2px);
}

body.theme-raed .hajee-button--light,
body.theme-raed .hajee-growth-button--light {
  color: var(--hajee-night);
  background: var(--hajee-beige);
  border-color: var(--hajee-beige);
}

body.theme-raed .hajee-button--light:hover,
body.theme-raed .hajee-growth-button--light:hover {
  color: var(--hajee-night-deep);
  background: #fff;
  border-color: #fff;
  transform: translateY(-2px);
}

body.theme-raed .hajee-v7-eyebrow,
body.theme-raed .hajee-decision-eyebrow,
body.theme-raed .hajee-section-heading__eyebrow {
  display: inline-flex;
  margin-bottom: 10px;
  align-items: center;
  gap: 9px;
  color: var(--hajee-brass-ink);
  font-size: 0.78rem;
  font-weight: 700;
}

body.theme-raed .hajee-v7-eyebrow::before,
body.theme-raed .hajee-decision-eyebrow::before,
body.theme-raed .hajee-section-heading__eyebrow::before {
  width: 27px;
  height: 1px;
  content: "";
  background: currentColor;
}

body.theme-raed .hajee-section-heading {
  max-width: 760px;
  margin-bottom: 30px;
}

body.theme-raed .hajee-section-heading h2 {
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 1.12;
  letter-spacing: -0.04em;
}

body.theme-raed .hajee-section-heading p {
  max-width: 690px;
  margin: 13px 0 0;
  color: var(--hajee-muted);
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.9;
}

body.theme-raed .hajee-growth-section {
  position: relative;
  width: min(calc(100% - 40px), var(--hajee-content));
  margin-inline: auto;
  scroll-margin-top: 120px;
}



/* ========================================================================== 
   03A. HAJEE MICRO ICONS / MODIFIER SUPPORT
   ========================================================================== */

body.theme-raed .hajee-icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: currentColor;
}

body.theme-raed .hajee-icon--moon::before {
  position: absolute;
  inset: 4px;
  content: "";
  border: 1.5px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  transform: rotate(-28deg);
}

body.theme-raed .hajee-icon--check::before {
  position: absolute;
  top: 5px;
  right: 4px;
  width: 11px;
  height: 7px;
  content: "";
  border-bottom: 1.6px solid currentColor;
  border-left: 1.6px solid currentColor;
  transform: rotate(-45deg);
}

body.theme-raed :where(.hajee-icon--craft, .hajee-icon--delivery, .hajee-icon--shield)::before {
  position: absolute;
  inset: 2px;
  content: "";
  border: 1.5px solid currentColor;
}

body.theme-raed .hajee-icon--craft::before {
  border-radius: 4px 10px 4px 10px;
  transform: rotate(45deg) scale(.72);
}

body.theme-raed .hajee-icon--delivery::before {
  top: 5px;
  bottom: 5px;
  border-radius: 4px;
}

body.theme-raed .hajee-icon--delivery::after {
  position: absolute;
  right: 4px;
  bottom: 1px;
  width: 4px;
  height: 4px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  box-shadow: 9px 0 currentColor;
}

body.theme-raed .hajee-icon--shield::before {
  border-radius: 9px 9px 12px 12px;
  clip-path: polygon(50% 0, 100% 17%, 88% 78%, 50% 100%, 12% 78%, 0 17%);
}

body.theme-raed.hajee-phase--live,
body.theme-raed.hajee-phase--preview {
  min-height: 100%;
}

body.theme-raed .hajee-hero--editorial,
body.theme-raed .hajee-hero__facts--v7,
body.theme-raed .hajee-materials__content,
body.theme-raed .hajee-mattress-advisor__panels {
  min-width: 0;
}

/* ========================================================================== 
   04. HEADER / STORE CHROME
   ========================================================================== */

body.theme-raed .top-navbar {
  min-height: 30px;
  color: rgba(255, 253, 248, 0.92);
  background: #4c5032;
  border: 0;
}

body.theme-raed .top-navbar :where(a, .s-contacts-topnav-link) {
  color: rgba(255, 253, 248, 0.92);
}

body.theme-raed #mainnav.main-nav-container {
  min-height: 74px;
  color: var(--hajee-night);
  background: rgba(255, 253, 248, 0.94);
  border-bottom: 1px solid var(--hajee-line);
  box-shadow: 0 5px 24px rgba(31, 36, 24, 0.04);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

body.theme-raed #mainnav .inner {
  background: transparent;
}

body.theme-raed .navbar-brand {
  display: inline-flex;
  width: clamp(150px, 12vw, 184px);
  min-width: 150px;
  max-width: 184px;
  min-height: 60px;
  padding: 2px 0;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.theme-raed .navbar-brand img,
body.theme-raed #mainnav.main-nav-container.is-scrolled .navbar-brand img {
  display: block;
  width: 100%;
  max-width: 184px;
  height: 60px;
  max-height: 60px;
  object-fit: contain;
  object-position: center;
  background: transparent !important;
  filter: none;
  opacity: 1;
}

body.theme-raed .main-menu > li > a,
body.theme-raed #mainnav a {
  color: var(--hajee-night);
}

body.theme-raed .main-menu > li > a {
  position: relative;
  font-weight: 600;
}

body.theme-raed .main-menu > li > a::after {
  position: absolute;
  right: 50%;
  bottom: 4px;
  width: 0;
  height: 1px;
  content: "";
  background: var(--hajee-olive-mid);
  border-radius: 999px;
  transform: translateX(50%);
  transition: width 220ms ease;
}

body.theme-raed .main-menu > li > a:hover::after,
body.theme-raed .main-menu > li.is-active > a::after,
body.theme-raed .main-menu > li.active > a::after {
  width: 26px;
}

body.theme-raed #mainnav.main-nav-container.is-scrolled {
  min-height: 66px;
  background: rgba(255, 253, 248, 0.985);
  box-shadow: 0 12px 34px rgba(31, 36, 24, 0.08);
}

/* ========================================================================== 
   05. ANNOUNCEMENT BAR — COMPACT / ABOVE-THE-FOLD SAFE
   ========================================================================== */

body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap,
body.theme-raed .hajee-ticker-wrap.hajee-brand-rail-wrap {
  position: relative;
  z-index: 45;
  min-height: 44px;
  overflow: hidden;
  color: var(--hajee-paper);
  background: linear-gradient(102deg, #171b12, #303623 58%, #242a1b);
  border-bottom: 1px solid rgba(242,232,216,.12);
}

body.theme-raed .hajee-brand-rail {
  position: relative;
  display: grid;
  width: min(calc(100% - 28px), var(--hajee-content));
  min-height: 44px;
  margin-inline: auto;
  align-items: center;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
}

body.theme-raed .hajee-brand-rail__message {
  display: grid;
  min-width: 0;
  min-height: 44px;
  padding: 5px 0;
  align-items: center;
  gap: 9px;
  grid-template-columns: 28px minmax(0,1fr) auto;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: right;
}

body.theme-raed .hajee-brand-rail__icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: var(--hajee-night);
  background: linear-gradient(145deg, #f3e6d2, #cdb58c);
  border-radius: 9px;
}
body.theme-raed .hajee-brand-rail__icon svg { width: 16px; height: 16px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
body.theme-raed .hajee-brand-rail__content { display:flex; min-width:0; align-items:center; gap:8px; }
body.theme-raed .hajee-brand-rail__kicker { flex:0 0 auto; padding:3px 8px; color:#242a1b; background:var(--hajee-sand); border-radius:999px; font-size:10px; font-weight:900; white-space:nowrap; }
body.theme-raed .hajee-brand-rail__text { min-width:0; overflow:hidden; color:rgba(255,253,248,.96); font-size:12.5px; font-weight:750; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
body.theme-raed .hajee-brand-rail__cta { padding:4px 9px; color:var(--hajee-paper); border:1px solid rgba(242,232,216,.22); border-radius:999px; font-size:10px; font-weight:800; white-space:nowrap; }
body.theme-raed .hajee-brand-rail__dots { display:flex; align-items:center; gap:4px; }
body.theme-raed .hajee-brand-rail__dot { width:5px; height:5px; padding:0; background:rgba(242,232,216,.28); border:0; border-radius:99px; cursor:pointer; }
body.theme-raed .hajee-brand-rail__dot.is-active { width:15px; background:var(--hajee-sand); }
body.theme-raed .hajee-brand-rail__progress { position:absolute; right:0; bottom:0; left:0; height:1px; overflow:hidden; background:rgba(255,255,255,.025); }
body.theme-raed .hajee-brand-rail__progress-fill { display:block; width:100%; height:100%; background:linear-gradient(90deg,transparent,var(--hajee-sand),var(--hajee-brass)); transform:scaleX(0); transform-origin:right center; }
body.theme-raed .hajee-brand-rail.is-switching .hajee-brand-rail__icon,
body.theme-raed .hajee-brand-rail.is-switching .hajee-brand-rail__content { animation:hajeeAnnouncementIn 320ms cubic-bezier(.2,.7,.2,1) both; }
@keyframes hajeeAnnouncementIn { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }
@keyframes hajeeAnnouncementProgress { from{transform:scaleX(0)} to{transform:scaleX(1)} }

@media(max-width:767px){
  body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap { min-height:40px; }
  body.theme-raed .hajee-brand-rail { width:calc(100% - 18px); min-height:40px; }
  body.theme-raed .hajee-brand-rail__message { min-height:40px; grid-template-columns:24px minmax(0,1fr); gap:7px; }
  body.theme-raed .hajee-brand-rail__icon { width:24px; height:24px; border-radius:8px; }
  body.theme-raed .hajee-brand-rail__icon svg { width:14px; height:14px; }
  body.theme-raed .hajee-brand-rail__content { display:grid; gap:1px; }
  body.theme-raed .hajee-brand-rail__kicker { width:max-content; padding:1px 6px; font-size:8px; }
  body.theme-raed .hajee-brand-rail__text { font-size:10px; }
  body.theme-raed .hajee-brand-rail__cta { display:none; }
  body.theme-raed .hajee-brand-rail__dots { gap:3px; }
}

/* ========================================================================== 
   06. HERO — EDITORIAL / PRODUCT FIRST
   ========================================================================== */

body.theme-raed .hajee-hero {
  position: relative;
  z-index: 0;
  min-height: clamp(520px, 62svh, 660px);
  overflow: hidden;
  color: var(--hajee-night);
  background:
    radial-gradient(circle at 12% 20%, rgba(216, 199, 173, 0.26), transparent 34%),
    radial-gradient(circle at 88% 86%, rgba(110, 112, 68, 0.11), transparent 28%),
    linear-gradient(132deg, #f8f3e9 0%, #f4ecdf 48%, #e8dece 100%);
  border-bottom: 1px solid rgba(48, 54, 35, 0.1);
  isolation: isolate;
  transition: background 700ms ease;
}

body.theme-raed .hajee-hero::before {
  position: absolute;
  inset: 0;
  z-index: -3;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 36%, rgba(255,255,255,.2) 36.1% 36.3%, transparent 36.4%),
    linear-gradient(rgba(48,54,35,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(48,54,35,.025) 1px, transparent 1px);
  background-size: auto, 88px 88px, 88px 88px;
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.78), transparent 88%);
  mask-image: linear-gradient(90deg, rgba(0,0,0,.78), transparent 88%);
}

body.theme-raed .hajee-hero__watermark {
  position: absolute;
  top: 45%;
  left: clamp(-92px, -5vw, -42px);
  z-index: 0;
  width: min(46vw, 610px);
  max-height: 620px;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  opacity: 0.125;
  mix-blend-mode: multiply;
  filter: grayscale(1) sepia(.16) saturate(.6) contrast(1.5) brightness(.78);
  transform: translate3d(var(--hajee-watermark-x, 0), -50%, 0) rotate(-3deg);
}

body.theme-raed .hajee-hero__pointer-glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(
    circle 260px at var(--hajee-pointer-x, 50%) var(--hajee-pointer-y, 46%),
    rgba(255,255,255,.3), rgba(255,255,255,.08) 40%, transparent 72%
  );
  transition: opacity 300ms ease;
}

body.theme-raed .hajee-hero.is-interactive .hajee-hero__pointer-glow {
  opacity: 1;
}

body.theme-raed .hajee-hero__shell {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(calc(100% - 48px), var(--hajee-content));
  min-height: 0;
  margin-inline: auto;
  padding: clamp(24px, 3vw, 40px) 0 110px;
  align-items: start;
  gap: clamp(36px, 6vw, 84px);
  grid-template-columns: minmax(0, .95fr) minmax(340px, .78fr);
  grid-template-areas: "visual copy";
}

body.theme-raed .hajee-hero__content {
  grid-area: copy;
  max-width: 600px;
  text-align: right;
}

body.theme-raed .hajee-hero__signals {
  display: flex;
  margin-bottom: 22px;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.theme-raed .hajee-hero__eyebrow,
body.theme-raed .hajee-hero__daypart {
  display: inline-flex;
  min-height: 38px;
  padding: 8px 14px;
  align-items: center;
  gap: 8px;
  background: rgba(255, 253, 248, 0.56);
  border: 1px solid rgba(48, 54, 35, 0.12);
  border-radius: 999px;
  box-shadow: var(--hajee-shadow-xs);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

body.theme-raed .hajee-hero__eyebrow {
  color: var(--hajee-olive-mid);
  font-size: 12px;
  font-weight: 700;
}

body.theme-raed .hajee-hero__daypart {
  color: var(--hajee-muted);
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-hero__daypart i {
  width: 7px;
  height: 7px;
  background: var(--hajee-brass);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(184,154,104,.12);
}

body.theme-raed .hajee-hero__title {
  max-width: 640px;
  margin: 0 0 15px;
  color: var(--hajee-night-deep);
  font-size: clamp(36px, 4.6vw, 62px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.045em;
}

body.theme-raed .hajee-hero__copy {
  max-width: 590px;
  margin: 0;
  color: rgba(31,36,24,.7);
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.95;
}

body.theme-raed .hajee-hero__actions {
  display: flex;
  margin-top: 30px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

body.theme-raed .hajee-hero__reassurance {
  display: flex;
  margin: 19px 0 0;
  align-items: center;
  color: rgba(48,54,35,.62);
  font-size: 12px;
  gap: 7px;
}

body.theme-raed .hajee-hero__visual {
  position: relative;
  grid-area: visual;
  display: block;
  width: min(100%, 570px);
  color: inherit;
  justify-self: start;
  text-decoration: none;
  transform: translate3d(var(--hajee-visual-x, 0), var(--hajee-visual-y, 0), 0);
  transition: transform 180ms ease-out;
}

body.theme-raed .hajee-hero__visual::before {
  position: absolute;
  top: -24px;
  left: -24px;
  width: 130px;
  height: 130px;
  content: "";
  border-top: 1px solid rgba(48,54,35,.24);
  border-left: 1px solid rgba(48,54,35,.24);
  border-radius: 38px 0 0;
}

body.theme-raed .hajee-hero__visual-frame {
  position: relative;
  aspect-ratio: 1.35 / 1;
  overflow: hidden;
  background:
    radial-gradient(circle at 62% 35%, rgba(255,255,255,.72), transparent 28%),
    linear-gradient(145deg, #e5dac8, #cfc2ad);
  border: 1px solid rgba(255,255,255,.52);
  border-radius: clamp(30px, 4vw, 48px) clamp(30px, 4vw, 48px) 12px clamp(30px, 4vw, 48px);
  box-shadow: var(--hajee-shadow-lg);
}

body.theme-raed .hajee-hero__product-image {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  transform: scale(1.025);
  transition: opacity 520ms ease, transform 850ms cubic-bezier(.2,.7,.2,1);
}

body.theme-raed .hajee-hero__visual.has-product-image .hajee-hero__product-image {
  opacity: 1;
  transform: scale(1);
}

body.theme-raed .hajee-hero__visual-fallback {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  opacity: 1;
  transition: opacity 350ms ease;
}

body.theme-raed .hajee-hero__visual.has-product-image .hajee-hero__visual-fallback {
  opacity: 0;
}

body.theme-raed .hajee-hero__visual-fallback::before {
  width: 68%;
  height: 31%;
  content: "";
  background: linear-gradient(180deg, #b5a78f, #93866e);
  border-radius: 28px 28px 8px 8px;
  box-shadow: 0 72px 0 -12px #c8baa4, 0 95px 38px -28px rgba(48,53,34,.3);
}

body.theme-raed .hajee-hero__visual-fallback i {
  position: absolute;
  bottom: 19%;
  width: 10px;
  height: 70px;
  background: #746a58;
  border-radius: 8px;
}

body.theme-raed .hajee-hero__visual-fallback i:nth-child(1) { right: 22%; }
body.theme-raed .hajee-hero__visual-fallback i:nth-child(2) { left: 22%; }
body.theme-raed .hajee-hero__visual-fallback i:nth-child(3) {
  bottom: 22%;
  width: 58%;
  height: 8px;
  background: rgba(116,106,88,.65);
}

body.theme-raed .hajee-hero__visual-label {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 4;
  display: flex;
  min-width: 190px;
  padding: 12px 16px;
  align-items: flex-start;
  color: var(--hajee-night);
  background: rgba(255,253,248,.84);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 17px;
  box-shadow: var(--hajee-shadow-sm);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  flex-direction: column;
}

body.theme-raed .hajee-hero__visual-label span {
  color: rgba(48,54,35,.6);
  font-size: 11px;
}

body.theme-raed .hajee-hero__visual-label strong {
  font-size: 14px;
}

body.theme-raed .hajee-hero__facts {
  position: absolute;
  right: 50%;
  bottom: 24px;
  z-index: 5;
  display: grid;
  width: min(calc(100% - 40px), 1080px);
  overflow: hidden;
  color: var(--hajee-night);
  background: rgba(250,247,240,.88);
  border: 1px solid rgba(48,54,35,.12);
  border-radius: 22px;
  box-shadow: 0 18px 56px rgba(31,36,24,.1);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  grid-template-columns: repeat(3, 1fr);
  transform: translateX(50%);
}

body.theme-raed .hajee-hero__fact {
  position: relative;
  display: flex;
  min-height: 82px;
  padding: 15px 22px;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
}

body.theme-raed .hajee-hero__fact + .hajee-hero__fact::before {
  position: absolute;
  top: 16px;
  right: 0;
  bottom: 16px;
  width: 1px;
  content: "";
  background: rgba(48,54,35,.12);
}

body.theme-raed .hajee-hero__fact-copy {
  display: flex;
  flex-direction: column;
}

body.theme-raed .hajee-hero__fact strong {
  color: var(--hajee-night);
  font-size: 14px;
}

body.theme-raed .hajee-hero__fact span {
  margin-top: 3px;
  color: rgba(48,54,35,.62);
  font-size: 11px;
  line-height: 1.5;
}

body.theme-raed[data-hajee-daypart="morning"]:not(.hajee-night-mode) .hajee-hero {
  background:
    radial-gradient(circle at 12% 16%, rgba(255,255,255,.72), transparent 34%),
    radial-gradient(circle at 90% 82%, rgba(190,200,154,.14), transparent 28%),
    linear-gradient(132deg, #fffaf0, #f4ead9 52%, #e5dfca);
}

body.theme-raed[data-hajee-daypart="golden"]:not(.hajee-night-mode) .hajee-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(255,226,184,.5), transparent 35%),
    radial-gradient(circle at 88% 82%, rgba(128,118,76,.16), transparent 30%),
    linear-gradient(132deg, #fbf0df, #ead8bf 54%, #d8c9ac);
}

body.theme-raed[data-hajee-daypart="evening"]:not(.hajee-night-mode) .hajee-hero,
body.theme-raed[data-hajee-daypart="hajee"]:not(.hajee-night-mode) .hajee-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(244,220,187,.34), transparent 34%),
    radial-gradient(circle at 88% 84%, rgba(87,91,55,.18), transparent 29%),
    linear-gradient(132deg, #f2e8da, #dfd5c3 52%, #cfcbb4);
}

/* ========================================================================== 
   06B. COMMERCE PATHS — PREMIUM / RAWAFED / MATTRESSES / HITHQ
   ========================================================================== */

body.theme-raed .hajee-commerce-paths {
  width:min(calc(100% - 40px),var(--hajee-content));
  margin:clamp(22px,3vw,36px) auto 0;
  padding:clamp(20px,3vw,32px) 0;
}
body.theme-raed .hajee-commerce-paths__head { max-width:760px; margin-bottom:18px; }
body.theme-raed .hajee-commerce-paths__head h2 { margin:0; color:var(--hajee-night); font-size:clamp(28px,3.4vw,42px); line-height:1.15; letter-spacing:-.035em; }
body.theme-raed .hajee-commerce-paths__head p { margin:8px 0 0; color:var(--hajee-muted); font-size:14px; line-height:1.75; }
body.theme-raed .hajee-commerce-paths__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
body.theme-raed .hajee-commerce-path { position:relative; display:grid; min-height:154px; padding:18px; overflow:hidden; align-content:end; gap:10px; color:var(--hajee-paper); border:1px solid rgba(255,255,255,.18); border-radius:24px 24px 8px 24px; box-shadow:var(--hajee-shadow-sm); text-decoration:none; isolation:isolate; }
body.theme-raed .hajee-commerce-path::before { position:absolute; inset:0; z-index:-1; content:""; background:radial-gradient(circle at 90% 0,rgba(255,255,255,.12),transparent 35%); }
body.theme-raed .hajee-commerce-path__icon { position:absolute; top:16px; left:16px; display:grid; width:38px; height:38px; place-items:center; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.14); border-radius:12px; font-size:20px; }
body.theme-raed .hajee-commerce-path__copy { display:grid; gap:3px; }
body.theme-raed .hajee-commerce-path__copy strong { color:inherit; font-size:18px; line-height:1.25; }
body.theme-raed .hajee-commerce-path__copy small { color:rgba(255,253,248,.72); font-size:12px; line-height:1.55; }
body.theme-raed .hajee-commerce-path__arrow { position:absolute; left:16px; bottom:14px; font-size:18px; opacity:.72; }
body.theme-raed .hajee-commerce-path--premium { background:linear-gradient(145deg,#171b12,#303623 64%,#454c31); }
body.theme-raed .hajee-commerce-path--rawafed { color:var(--hajee-night); background:linear-gradient(145deg,#f9f1e5,#d8c7ad); border-color:rgba(48,54,35,.12); }
body.theme-raed .hajee-commerce-path--rawafed .hajee-commerce-path__copy small { color:rgba(48,54,35,.62); }
body.theme-raed .hajee-commerce-path--rawafed .hajee-commerce-path__icon { background:rgba(48,54,35,.08); border-color:rgba(48,54,35,.1); }
body.theme-raed .hajee-commerce-path--mattress { color:var(--hajee-night); background:linear-gradient(145deg,#fffdf8,#eee2d1); border-color:rgba(48,54,35,.1); }
body.theme-raed .hajee-commerce-path--mattress .hajee-commerce-path__copy small { color:rgba(48,54,35,.58); }
body.theme-raed .hajee-commerce-path--mattress .hajee-commerce-path__icon { background:rgba(48,54,35,.06); border-color:rgba(48,54,35,.09); }
body.theme-raed .hajee-commerce-path--hithq { background:linear-gradient(145deg,#58603b,#303623 68%,#1f2418); }
body.theme-raed .hajee-commerce-path[data-hajee-route-state="pending"] { cursor:default; opacity:.58; }
body.theme-raed .hajee-commerce-path:not([data-hajee-route-state="pending"]):hover { transform:translateY(-4px); box-shadow:var(--hajee-shadow-md); }
body.theme-raed #hajee-brand-lines[data-hajee-superseded="1"],
body.theme-raed .hajee-native-paths[data-hajee-superseded="1"] { display:none!important; }

@media(max-width:767px){
  body.theme-raed .hajee-commerce-paths { width:calc(100% - 24px); margin-top:14px; padding:14px 0 18px; }
  body.theme-raed .hajee-commerce-paths__head { margin-bottom:12px; }
  body.theme-raed .hajee-commerce-paths__head h2 { font-size:25px; }
  body.theme-raed .hajee-commerce-paths__head p { font-size:12px; }
  body.theme-raed .hajee-commerce-paths__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  body.theme-raed .hajee-commerce-path { min-height:126px; padding:14px; border-radius:20px 20px 7px 20px; }
  body.theme-raed .hajee-commerce-path__copy strong { font-size:15px; }
  body.theme-raed .hajee-commerce-path__copy small { font-size:11px; }
  body.theme-raed .hajee-commerce-path__icon { top:12px; left:12px; width:32px; height:32px; font-size:17px; }
}

/* ========================================================================== 
   07. NATIVE PATHS — COHESIVE THREE-CARD SYSTEM
   Visual only. Routing remains owned by JavaScript / Salla.
   ========================================================================== */

body.theme-raed #hajee-brand-lines.hajee-native-paths,
body.theme-raed .hajee-native-paths.hajee-paths-stage {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 24px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 0, rgba(184, 154, 104, 0.13), transparent 30%),
    linear-gradient(180deg, var(--hajee-paper), #f4ecdf);
  border-block: 1px solid rgba(48, 54, 35, 0.09);
  box-shadow: 0 22px 64px rgba(31, 36, 24, 0.045);
  scroll-margin-top: 140px;
}

body.theme-raed .hajee-native-paths > .container {
  width: min(calc(100% - 40px), var(--hajee-content));
  max-width: var(--hajee-content);
  margin-inline: auto;
  padding-inline: 0;
}

body.theme-raed .hajee-native-paths :where(.s-slider-block__title, .s-block__title) {
  margin: 0;
  align-items: end;
}

body.theme-raed .hajee-native-paths :where(.s-slider-block__title, .s-block__title) h2 {
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(24px, 2.8vw, 36px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.035em;
}

body.theme-raed .hajee-native-paths__intro {
  max-width: 680px;
  margin: 10px 0 25px;
  color: rgba(48, 54, 35, 0.64);
  font-size: 13px;
  line-height: 1.8;
}

body.theme-raed .hajee-native-paths :where(.s-slider-block__title-nav) {
  display: none;
}

body.theme-raed .hajee-native-paths :where(.s-slider-container) {
  overflow: visible;
}

body.theme-raed .hajee-native-paths :where(.s-slider-swiper-wrapper) {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  gap: clamp(12px, 1.4vw, 18px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  transform: none !important;
}

body.theme-raed .hajee-native-paths :where(.swiper-slide) {
  width: auto !important;
  height: auto;
  margin: 0 !important;
}

/* One visual grammar for all three cards. */
body.theme-raed .hajee-native-paths a[data-hajee-path-key] {
  --hajee-path-card-color: var(--hajee-paper);
  --hajee-path-icon-color: currentColor;
  --hajee-path-arrow-color: currentColor;

  position: relative;
  display: flex;
  min-height: 116px;
  padding: 16px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  color: var(--hajee-path-card-color);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 30px 30px 10px 30px;
  box-shadow:
    0 18px 42px rgba(31, 36, 24, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.11);
  isolation: isolate;
  flex-direction: column;
  gap: 15px;
  text-align: center;
  text-decoration: none;
  transform: translateY(0);
  transition:
    transform 260ms cubic-bezier(0.2, 0.72, 0.2, 1),
    box-shadow 260ms ease,
    border-color 260ms ease,
    filter 260ms ease;
}

/* Shared soft highlight — same idea on all cards. */
body.theme-raed .hajee-native-paths a[data-hajee-path-key]::after {
  position: absolute;
  left: 22px;
  bottom: 18px;
  z-index: 4;
  content: "←";
  color: var(--hajee-path-arrow-color);
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  opacity: 0.76;
  transition: transform 220ms ease, opacity 220ms ease;
}

/* Custom vector icon. This deliberately replaces inconsistent Salla icon glyphs. */
body.theme-raed .hajee-native-paths a[data-hajee-path-key]::before {
  position: relative;
  z-index: 3;
  display: block;
  width: 58px;
  height: 58px;
  content: "";
  background: var(--hajee-path-icon-color);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: 0.98;
  flex: 0 0 58px;
}

/* Hide native / legacy icons so every card uses the same stroke language. */
body.theme-raed .hajee-native-paths a[data-hajee-path-key] > :where(
  i[class*="sicon-"],
  .hajee-path-mark,
  svg[data-hajee-path-icon]
) {
  display: none !important;
}

/* Keep every possible Salla label wrapper visually consistent. */
body.theme-raed .hajee-native-paths a[data-hajee-path-key] :where(
  h2,
  h3,
  h4,
  strong,
  .title,
  .name,
  [class*="title"],
  [class*="name"]
) {
  position: relative;
  z-index: 3;
  margin: 0 !important;
  color: inherit !important;
  font-size: clamp(17px, 1.55vw, 21px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

body.theme-raed .hajee-native-paths a[data-hajee-path-key]:hover {
  border-color: rgba(216, 199, 173, 0.36);
  box-shadow:
    0 28px 62px rgba(31, 36, 24, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  filter: saturate(1.03);
  transform: translateY(-5px);
}

body.theme-raed .hajee-native-paths a[data-hajee-path-key]:hover::after {
  opacity: 1;
  transform: translateX(-4px);
}

/* 01 — حِذق / olive */
body.theme-raed .hajee-native-paths a[data-hajee-path-key="hithq"] {
  --hajee-path-card-color: #fffaf0;
  --hajee-path-icon-color: #fffaf0;
  --hajee-path-arrow-color: #f1e4cf;
  background:
    radial-gradient(circle at 12% 0, rgba(216, 199, 173, 0.16), transparent 34%),
    linear-gradient(145deg, #59603b 0%, #3d4329 54%, #2c321f 100%);
  border-color: rgba(216, 199, 173, 0.18);
}

body.theme-raed .hajee-native-paths a[data-hajee-path-key="hithq"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M33 7c2 9 11 13 11 24 0 8-5 17-15 17-10 0-18-8-18-18 0-9 6-15 14-22-1 8 3 13 8 16-1-7 1-12 0-17Z'/%3E%3Cpath d='M29 27c5 4 8 8 8 13 0 5-4 9-9 9-5 0-9-4-9-9 0-4 3-8 8-12 0 4 1 6 2 8'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M33 7c2 9 11 13 11 24 0 8-5 17-15 17-10 0-18-8-18-18 0-9 6-15 14-22-1 8 3 13 8 16-1-7 1-12 0-17Z'/%3E%3Cpath d='M29 27c5 4 8 8 8 13 0 5-4 9-9 9-5 0-9-4-9-9 0-4 3-8 8-12 0 4 1 6 2 8'/%3E%3C/g%3E%3C/svg%3E");
}

/* 02 — غرف نوم كاملة / warm beige */
body.theme-raed .hajee-native-paths a[data-hajee-path-key="bedrooms"] {
  --hajee-path-card-color: #344026;
  --hajee-path-icon-color: #43502f;
  --hajee-path-arrow-color: #4b5737;
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 255, 255, 0.72), transparent 34%),
    linear-gradient(145deg, #fffaf1 0%, #f3e7d4 58%, #e8d7bd 100%);
  border-color: rgba(184, 154, 104, 0.34);
  box-shadow:
    0 18px 42px rgba(86, 70, 43, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

body.theme-raed .hajee-native-paths a[data-hajee-path-key="bedrooms"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 24h36l-3-10H17l-3 10Z'/%3E%3Cpath d='M15 24v26h34V24'/%3E%3Cpath d='M14 24c0 4 3 7 7 7s7-3 7-7c0 4 3 7 7 7s7-3 7-7c0 4 3 7 7 7'/%3E%3Cpath d='M15 41h34'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 24h36l-3-10H17l-3 10Z'/%3E%3Cpath d='M15 24v26h34V24'/%3E%3Cpath d='M14 24c0 4 3 7 7 7s7-3 7-7c0 4 3 7 7 7s7-3 7-7c0 4 3 7 7 7'/%3E%3Cpath d='M15 41h34'/%3E%3C/g%3E%3C/svg%3E");
}

/* 03 — الأسرة / olive */
body.theme-raed .hajee-native-paths a[data-hajee-path-key="beds"] {
  --hajee-path-card-color: #fffaf0;
  --hajee-path-icon-color: #fffaf0;
  --hajee-path-arrow-color: #f1e4cf;
  background:
    radial-gradient(circle at 88% 4%, rgba(216, 199, 173, 0.17), transparent 34%),
    linear-gradient(145deg, #555c38 0%, #3a4028 54%, #292f1e 100%);
  border-color: rgba(216, 199, 173, 0.18);
}

body.theme-raed .hajee-native-paths a[data-hajee-path-key="beds"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 48V28c0-5 4-9 9-9h8c5 0 9 4 9 9v6'/%3E%3Cpath d='M12 35h33c5 0 9 4 9 9v4H12V35Z'/%3E%3Cpath d='M12 48v7M54 48v7'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 48V28c0-5 4-9 9-9h8c5 0 9 4 9 9v6'/%3E%3Cpath d='M12 35h33c5 0 9 4 9 9v4H12V35Z'/%3E%3Cpath d='M12 48v7M54 48v7'/%3E%3C/g%3E%3C/svg%3E");
}

/* Mobile keeps the same visual hierarchy without making cards oversized. */
@media (max-width: 700px) {
  body.theme-raed .hajee-native-paths a[data-hajee-path-key] {
    min-height: 98px;
    padding: 12px 6px;
    border-radius: 24px 24px 8px 24px;
    gap: 11px;
  }

  body.theme-raed .hajee-native-paths a[data-hajee-path-key]::before {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  body.theme-raed .hajee-native-paths a[data-hajee-path-key]::after {
    left: 16px;
    bottom: 14px;
    font-size: 17px;
  }
}

/* ========================================================================== 
   08. PRODUCT STAGE / BED GALLERY — LIGHT COMMERCE
   ========================================================================== */

body.theme-raed .hajee-products-priority.hajee-bed-stage {
  position:relative;
  z-index:3;
  width:min(calc(100% - 40px),var(--hajee-content-wide))!important;
  margin:0 auto clamp(28px,4vw,54px)!important;
  padding:clamp(24px,3.5vw,42px)!important;
  color:var(--hajee-night);
  background:rgba(255,253,248,.72)!important;
  border:1px solid var(--hajee-line)!important;
  border-radius:30px 30px 10px 30px!important;
  box-shadow:var(--hajee-shadow-sm)!important;
}
body.theme-raed .hajee-bed-stage .hajee-bed-stage__heading,
body.theme-raed .hajee-bed-stage .s-block__title { max-width:820px; margin:0 0 22px!important; color:var(--hajee-night)!important; }
body.theme-raed .hajee-bed-stage .hajee-bed-stage__eyebrow { display:inline-flex; margin-bottom:8px; color:var(--hajee-brass-ink); font-size:11px; font-weight:800; }
body.theme-raed .hajee-bed-stage .s-block__title :where(h2,h3) { margin:0; color:var(--hajee-night)!important; font-size:clamp(30px,4vw,52px)!important; line-height:1.08; letter-spacing:-.04em; }
body.theme-raed .hajee-bed-stage .hajee-bed-stage__copy { max-width:650px; margin:10px 0 0; color:var(--hajee-muted); font-size:14px; line-height:1.75; }
body.theme-raed .hajee-bed-stage .hajee-catalog-delivery { color:var(--hajee-olive); font-size:12px; font-weight:800; }
body.theme-raed .hajee-native-catalog .s-products-list-wrapper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-block:18px; }
body.theme-raed .hajee-native-catalog .s-product-card-entry { min-width:0; height:100%; background:var(--hajee-paper); border:1px solid var(--hajee-line); border-radius:22px 22px 8px 22px; box-shadow:var(--hajee-shadow-xs); overflow:hidden; }
body.theme-raed .hajee-native-catalog .s-product-card-image { aspect-ratio:4/3; background:linear-gradient(145deg,#f8f3ea,#eee4d5); }
body.theme-raed .hajee-native-catalog .s-product-card-image img { width:100%; height:100%; object-fit:contain!important; object-position:center; }
body.theme-raed .hajee-native-catalog .s-product-card-entry:hover { transform:translateY(-4px); box-shadow:var(--hajee-shadow-md); }
body.theme-raed .hajee-native-catalog > .hajee-button { margin-top:8px; }

@media(max-width:1024px){ body.theme-raed .hajee-native-catalog .s-products-list-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:767px){
  body.theme-raed .hajee-products-priority.hajee-bed-stage { width:calc(100% - 24px)!important; padding:18px 10px!important; border-radius:24px 24px 8px 24px!important; }
  body.theme-raed .hajee-native-catalog .s-products-list-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  body.theme-raed .hajee-bed-stage .s-block__title :where(h2,h3) { font-size:28px!important; }
  body.theme-raed .hajee-bed-stage .hajee-bed-stage__copy { font-size:12px; }
}

/* ========================================================================== 
   08B. DEDICATED PROMOTION STAGE
   ========================================================================== */

body.theme-raed .hajee-promo-stage {
  position:relative;
  width:min(calc(100% - 40px),var(--hajee-content));
  margin:0 auto clamp(34px,5vw,66px);
  padding:clamp(28px,4.5vw,54px);
  overflow:hidden;
  color:var(--hajee-paper);
  background:radial-gradient(circle at 90% 10%,rgba(216,199,173,.18),transparent 28%),linear-gradient(130deg,#171b12,#303623 58%,#4b5235);
  border:1px solid rgba(216,199,173,.18);
  border-radius:30px 30px 9px 30px;
  box-shadow:var(--hajee-shadow-md);
  isolation:isolate;
}
body.theme-raed .hajee-promo-stage::after { position:absolute; left:-80px; bottom:-110px; z-index:-1; width:280px; height:280px; content:""; border:1px solid rgba(242,232,216,.09); border-radius:50%; box-shadow:0 0 0 34px rgba(242,232,216,.025); }
body.theme-raed .hajee-promo-stage__eyebrow { display:block; margin-bottom:8px; color:var(--hajee-sand); font-size:11px; font-weight:850; }
body.theme-raed .hajee-promo-stage h2 { max-width:760px; margin:0; color:inherit; font-size:clamp(32px,4.5vw,56px); line-height:1.08; letter-spacing:-.045em; }
body.theme-raed .hajee-promo-stage__copy { max-width:720px; margin:12px 0 0; color:rgba(250,247,240,.72); font-size:15px; line-height:1.8; }
body.theme-raed .hajee-promo-stage__chips { display:flex; margin-top:20px; flex-wrap:wrap; gap:7px; }
body.theme-raed .hajee-promo-stage__chips span { padding:5px 10px; color:var(--hajee-paper); background:rgba(255,255,255,.06); border:1px solid rgba(242,232,216,.14); border-radius:999px; font-size:11px; font-weight:750; }
body.theme-raed .hajee-promo-stage__cta { display:inline-flex; min-height:48px; margin-top:22px; padding:10px 20px; align-items:center; justify-content:center; gap:8px; color:var(--hajee-night); background:var(--hajee-sand); border-radius:999px; font-size:13px; font-weight:900; text-decoration:none; }
body.theme-raed .hajee-promo-stage__cta::after { content:"←"; }
body.theme-raed .hajee-promo-stage__cta[aria-disabled="true"] { pointer-events:none; opacity:.5; }
@media(max-width:767px){
  body.theme-raed .hajee-promo-stage { width:calc(100% - 24px); margin-bottom:26px; padding:24px 18px; border-radius:24px 24px 8px 24px; }
  body.theme-raed .hajee-promo-stage h2 { font-size:31px; }
  body.theme-raed .hajee-promo-stage__copy { font-size:13px; }
}

/* ========================================================================== 
   09. ADDIL AL-RAHA GATEWAY
   ========================================================================== */

body.theme-raed .hajee-comfort-gateway {
  position: relative;
  display: grid;
  width: min(calc(100% - 40px), var(--hajee-content));
  margin: clamp(54px, 7vw, 86px) auto 0;
  padding: clamp(30px, 4.6vw, 58px);
  align-items: center;
  gap: clamp(24px, 4vw, 58px);
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  overflow: hidden;
  color: var(--hajee-ink);
  background:
    radial-gradient(circle at 100% 0, rgba(184,154,104,.12), transparent 36%),
    linear-gradient(135deg, var(--hajee-paper), var(--hajee-beige));
  border: 1px solid var(--hajee-line);
  border-radius: 34px 34px 10px 34px;
  box-shadow: 0 24px 70px rgba(31,36,24,.08);
  isolation: isolate;
}

body.theme-raed .hajee-comfort-gateway::before {
  position: absolute;
  top: -70px;
  left: -70px;
  z-index: -1;
  width: 230px;
  height: 230px;
  content: "";
  border: 1px solid rgba(48,54,35,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(48,54,35,.025);
}

body.theme-raed .hajee-comfort-gateway__copy h2 {
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(2.5rem, 5vw, 4.9rem);
  line-height: 1;
  letter-spacing: -.045em;
}

body.theme-raed .hajee-comfort-gateway__copy p {
  max-width: 620px;
  margin: 18px 0 0;
  color: var(--hajee-muted);
  font-size: clamp(.96rem, 1.35vw, 1.08rem);
  line-height: 1.9;
}

body.theme-raed .hajee-comfort-gateway__actions {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}

body.theme-raed .hajee-comfort-gateway__action,
body.theme-raed .hajee-comfort-gateway__craft {
  min-height: 68px;
  padding: 15px 18px;
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border: 1px solid var(--hajee-olive);
  border-radius: 18px;
  cursor: pointer;
  font-size: .91rem;
  font-weight: 700;
}

body.theme-raed .hajee-comfort-gateway__action:hover {
  background: var(--hajee-night);
  border-color: var(--hajee-night);
  transform: translateY(-2px);
}

body.theme-raed .hajee-comfort-gateway__craft {
  grid-column: 1 / -1;
  min-height: 48px;
  color: var(--hajee-olive);
  background: rgba(250,247,240,.62);
  border-color: rgba(48,54,35,.14);
  font-size: .78rem;
}

body.theme-raed .hajee-comfort-gateway__craft:hover {
  color: var(--hajee-night);
  background: var(--hajee-paper);
  border-color: rgba(48,54,35,.28);
}

/* ========================================================================== 
   10. GENERIC FULL-PAGE LAYERS
   ========================================================================== */

body.theme-raed.hajee-v7-layer-open {
  overflow: hidden !important;
}

body.theme-raed .hajee-v7-layer {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  padding: 12px;
  place-items: center;
}

body.theme-raed .hajee-v7-layer__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: rgba(15,18,12,.76);
  border: 0;
  cursor: default;
  opacity: 0;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: opacity 220ms ease;
}

body.theme-raed .hajee-v7-page {
  position: relative;
  z-index: 1;
  width: min(100%, 1480px);
  height: min(100%, 980px);
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--hajee-ink);
  background: var(--hajee-paper);
  border: 1px solid rgba(242,232,216,.18);
  border-radius: 28px 28px 8px 28px;
  box-shadow: 0 40px 120px rgba(8,10,6,.44);
  opacity: 0;
  outline: 0;
  transform: translateY(18px) scale(.992);
  transition: opacity 220ms ease, transform 260ms cubic-bezier(.2,.75,.2,1);
  scrollbar-color: rgba(48,54,35,.28) transparent;
}

body.theme-raed .hajee-v7-layer.is-open .hajee-v7-layer__backdrop,
body.theme-raed .hajee-v7-layer.is-open .hajee-v7-page {
  opacity: 1;
}

body.theme-raed .hajee-v7-layer.is-open .hajee-v7-page {
  transform: translateY(0) scale(1);
}

body.theme-raed .hajee-v7-page__bar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  min-height: 64px;
  padding: 10px clamp(18px, 3vw, 38px);
  align-items: center;
  justify-content: space-between;
  color: var(--hajee-night);
  background: rgba(250,247,240,.92);
  border-bottom: 1px solid rgba(48,54,35,.08);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

body.theme-raed .hajee-v7-page__brand {
  display: grid;
  line-height: 1;
}

body.theme-raed .hajee-v7-page__brand span {
  font-size: 15px;
  font-weight: 700;
}

body.theme-raed .hajee-v7-page__brand small {
  margin-top: 4px;
  color: rgba(48,54,35,.45);
  font-size: 7px;
  letter-spacing: .18em;
}

body.theme-raed .hajee-v7-page__close {
  min-height: 38px;
  padding: 8px 16px;
  color: var(--hajee-olive);
  background: transparent;
  border: 1px solid rgba(48,54,35,.14);
  border-radius: 999px;
  cursor: pointer;
  font-size: .76rem;
  font-weight: 700;
}

body.theme-raed .hajee-v7-page__close:hover {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
}

body.theme-raed .hajee-v7-page__hero {
  position: relative;
  padding: clamp(50px, 7vw, 100px) var(--hajee-page-pad);
  overflow: hidden;
  color: var(--hajee-paper);
  background:
    radial-gradient(circle at 8% 0, rgba(184,154,104,.22), transparent 30%),
    radial-gradient(circle at 92% 100%, rgba(110,112,68,.22), transparent 30%),
    linear-gradient(135deg, var(--hajee-olive), var(--hajee-night));
}

body.theme-raed .hajee-v7-page__hero::after {
  position: absolute;
  top: -90px;
  left: 8%;
  width: 340px;
  height: 340px;
  content: "";
  border: 1px solid rgba(242,232,216,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 44px rgba(242,232,216,.018);
  pointer-events: none;
}

body.theme-raed .hajee-v7-page__eyebrow {
  display: inline-block;
  color: var(--hajee-sand);
  font-size: .78rem;
  font-weight: 700;
}

body.theme-raed .hajee-v7-page__hero h2 {
  max-width: 900px;
  margin: 9px 0 0;
  color: inherit;
  font-size: clamp(3.15rem, 8vw, 7.6rem);
  line-height: .98;
  letter-spacing: -.06em;
}

body.theme-raed .hajee-v7-page__hero p {
  max-width: 760px;
  margin: 24px 0 0;
  color: rgba(250,247,240,.68);
  font-size: clamp(.98rem, 1.5vw, 1.16rem);
  line-height: 1.95;
}

body.theme-raed .hajee-v7-page__content {
  width: min(calc(100% - 48px), var(--hajee-content));
  margin-inline: auto;
  padding: clamp(42px, 6vw, 84px) 0 clamp(70px, 8vw, 118px);
}

/* ========================================================================== 
   11. ADDIL ADVISOR INSIDE LAYER
   ========================================================================== */

body.theme-raed .hajee-advisor.hajee-v7-embedded {
  width: 100%;
  margin: 0;
  padding: clamp(28px, 4.5vw, 54px);
  color: var(--hajee-ink);
  background:
    radial-gradient(circle at 100% 0, rgba(184,154,104,.1), transparent 34%),
    linear-gradient(135deg, #f8f3e9, var(--hajee-beige-soft));
  border: 1px solid var(--hajee-line);
  border-radius: 30px 30px 9px 30px;
  box-shadow: var(--hajee-shadow-sm);
}

body.theme-raed .hajee-advisor.hajee-v7-embedded > h3 {
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.15;
  letter-spacing: -.035em;
}

body.theme-raed .hajee-advisor__intro {
  max-width: 690px;
  margin: 12px 0 0;
  color: var(--hajee-muted);
  font-size: 15px;
  line-height: 1.85;
}

body.theme-raed .hajee-advisor__layout.hajee-advisor__choices-v76 {
  display: grid;
  margin-top: 28px;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-raed .hajee-advisor-choice {
  display: flex;
  min-height: 260px;
  padding: clamp(22px, 3vw, 32px);
  align-items: flex-start;
  color: var(--hajee-ink);
  background: rgba(255,253,248,.82);
  border: 1px solid var(--hajee-line);
  border-radius: 24px 24px 8px 24px;
  box-shadow: var(--hajee-shadow-xs);
  flex-direction: column;
}

body.theme-raed .hajee-advisor-choice:hover {
  border-color: rgba(184,154,104,.42);
  box-shadow: var(--hajee-shadow-md);
  transform: translateY(-4px);
}

body.theme-raed .hajee-advisor-choice__eyebrow {
  display: block;
  color: var(--hajee-brass-ink);
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-advisor-choice h3 {
  margin: 20px 0 8px;
  color: var(--hajee-night);
  font-size: clamp(1.55rem, 2.6vw, 2.25rem);
  line-height: 1.25;
}

body.theme-raed .hajee-advisor-choice p {
  margin: 0 0 24px;
  color: var(--hajee-muted);
  font-size: 14px;
  line-height: 1.85;
}

body.theme-raed .hajee-advisor-choice .hajee-button {
  width: 100%;
  margin-top: auto;
}



body.theme-raed .hajee-advisor-choice--custom-bed {
  background:
    radial-gradient(circle at 100% 0, rgba(184,154,104,.11), transparent 36%),
    rgba(255,253,248,.84);
}

body.theme-raed .hajee-advisor-choice--full-bedroom {
  background:
    radial-gradient(circle at 0 100%, rgba(110,112,68,.10), transparent 38%),
    rgba(255,253,248,.84);
}

body.theme-raed .hajee-advisor__zoho-note {
  display: block;
  margin-top: 17px;
  color: rgba(48,54,35,.48);
  font-size: 11px;
  line-height: 1.7;
}

/* ========================================================================== 
   12. EXPERIENCE SHELL
   ========================================================================== */

body.theme-raed .hajee-experience,
body.theme-raed .hajee-experience.hajee-experience--quiet {
  position: relative;
  z-index: 1;
  padding: clamp(46px, 6vw, 82px) 0 clamp(72px, 9vw, 126px);
  background:
    radial-gradient(circle at 86% 12%, rgba(216,199,173,.17), transparent 23%),
    var(--hajee-paper);
}

body.theme-raed .hajee-experience > section {
  width: min(calc(100% - 40px), var(--hajee-content));
  margin-inline: auto;
}

/* ========================================================================== 
   13. MATTRESS ADVISOR — SANAD
   ========================================================================== */

body.theme-raed .hajee-mattress-advisor {
  position: relative;
  display: grid;
  margin-top: clamp(56px, 8vw, 104px);
  padding: clamp(18px, 2vw, 28px);
  gap: clamp(18px, 2.8vw, 38px);
  grid-template-columns: minmax(270px, .78fr) minmax(0, 1.22fr);
  overflow: hidden;
  color: var(--hajee-paper);
  background:
    radial-gradient(circle at 7% 8%, rgba(184,154,104,.24), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(121,127,77,.22), transparent 38%),
    linear-gradient(135deg, #252a1a, #343922 48%, #282c1c);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: clamp(28px, 4vw, 50px);
  box-shadow: 0 34px 90px rgba(37,42,26,.2);
  scroll-margin-top: 112px;
  isolation: isolate;
}

body.theme-raed .hajee-mattress-advisor::before {
  position: absolute;
  top: -118px;
  left: -105px;
  z-index: -1;
  width: 280px;
  height: 280px;
  content: "";
  border: 1px solid rgba(255,253,248,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(255,253,248,.025), 0 0 0 78px rgba(255,253,248,.018);
}

body.theme-raed .hajee-mattress-advisor__intro {
  display: flex;
  min-width: 0;
  padding: clamp(24px, 4vw, 52px) clamp(12px, 2.3vw, 30px);
  flex-direction: column;
  justify-content: center;
}

body.theme-raed .hajee-mattress-advisor__eyebrow {
  display: inline-flex;
  margin-bottom: 16px;
  align-items: center;
  gap: 10px;
  color: #d7bd91;
  font-size: .78rem;
  font-weight: 700;
}

body.theme-raed .hajee-mattress-advisor__eyebrow::before {
  width: 28px;
  height: 1px;
  content: "";
  background: currentColor;
}

body.theme-raed .hajee-mattress-advisor__intro h2 {
  margin: 0;
  color: var(--hajee-paper);
  font-size: clamp(2.55rem, 5vw, 5.2rem);
  line-height: .98;
  letter-spacing: -.045em;
}

body.theme-raed .hajee-mattress-advisor__lead {
  max-width: 470px;
  margin: 22px 0 0;
  color: rgba(255,253,248,.72);
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.9;
}

body.theme-raed .hajee-mattress-advisor__factors {
  display: flex;
  margin: 30px 0 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}

body.theme-raed .hajee-mattress-advisor__factors li {
  padding: 7px 11px;
  color: rgba(255,253,248,.72);
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  font-size: .72rem;
}

body.theme-raed .hajee-mattress-advisor__privacy {
  margin-top: 30px;
  padding: 18px 20px;
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 20px;
}

body.theme-raed .hajee-mattress-advisor__privacy strong {
  display: block;
  margin-bottom: 5px;
  color: #f5ead8;
  font-size: .84rem;
}

body.theme-raed .hajee-mattress-advisor__privacy p {
  margin: 0;
  color: rgba(255,253,248,.53);
  font-size: .75rem;
  line-height: 1.7;
}

body.theme-raed .hajee-mattress-advisor__quiz {
  min-width: 0;
  min-height: 590px;
  padding: clamp(24px, 4vw, 48px);
  color: var(--hajee-night);
  background:
    radial-gradient(circle at 100% 0, rgba(184,154,104,.11), transparent 34%),
    var(--hajee-cream);
  border: 1px solid rgba(255,255,255,.4);
  border-radius: clamp(24px, 3vw, 38px);
  box-shadow: 0 24px 70px rgba(0,0,0,.16);
}

body.theme-raed .hajee-mattress-advisor__quiz.is-result {
  display: flex;
  min-height: 590px;
  align-items: center;
}

body.theme-raed .hajee-mattress-progress__head {
  display: flex;
  margin-bottom: 11px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: rgba(48,54,35,.52);
  font-size: .74rem;
  font-weight: 700;
}

body.theme-raed .hajee-mattress-progress {
  width: 100%;
  height: 5px;
  margin-bottom: clamp(30px, 4vw, 46px);
  overflow: hidden;
  background: rgba(48,54,35,.1);
  border-radius: 999px;
}

body.theme-raed .hajee-mattress-progress > span {
  display: block;
  width: 20%;
  height: 100%;
  background: linear-gradient(90deg, var(--hajee-brass), var(--hajee-olive-mid));
  border-radius: inherit;
  transition: width 300ms ease;
}

body.theme-raed .hajee-mattress-question {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

body.theme-raed .hajee-mattress-question legend {
  max-width: 760px;
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(1.85rem, 3.6vw, 3.35rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.035em;
}

body.theme-raed .hajee-mattress-question__note {
  max-width: 680px;
  margin: 12px 0 0;
  color: var(--hajee-muted);
  font-size: 14px;
  line-height: 1.8;
}

body.theme-raed .hajee-mattress-question__options {
  display: grid;
  margin-top: 26px;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}

body.theme-raed .hajee-mattress-option {
  display: flex;
  min-height: 86px;
  padding: 16px 18px;
  align-items: flex-start;
  color: var(--hajee-night);
  background: rgba(242,232,216,.42);
  border: 1px solid rgba(48,54,35,.11);
  border-radius: 17px 17px 6px 17px;
  cursor: pointer;
  flex-direction: column;
  text-align: right;
}

body.theme-raed .hajee-mattress-option strong {
  font-size: 14px;
}

body.theme-raed .hajee-mattress-option small {
  margin-top: 5px;
  color: rgba(48,54,35,.58);
  font-size: 11px;
  line-height: 1.6;
}

body.theme-raed .hajee-mattress-option:hover,
body.theme-raed .hajee-mattress-option.is-active {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
  transform: translateY(-2px);
}

body.theme-raed .hajee-mattress-option:hover small,
body.theme-raed .hajee-mattress-option.is-active small {
  color: rgba(250,247,240,.68);
}

body.theme-raed .hajee-mattress-advisor__nav {
  display: flex;
  margin-top: 28px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.theme-raed .hajee-mattress-nav {
  min-height: 46px;
  padding: 9px 18px;
  border: 1px solid rgba(48,54,35,.14);
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}

body.theme-raed .hajee-mattress-nav--back {
  color: var(--hajee-olive);
  background: transparent;
}

body.theme-raed .hajee-mattress-nav--next {
  min-width: 128px;
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
}

body.theme-raed .hajee-mattress-nav:disabled {
  cursor: not-allowed;
  opacity: .45;
}

body.theme-raed .hajee-mattress-result {
  width: 100%;
  color: var(--hajee-night);
}

body.theme-raed .hajee-mattress-result__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

body.theme-raed .hajee-mattress-result__eyebrow {
  color: var(--hajee-brass-ink);
  font-size: 12px;
  font-weight: 700;
}

body.theme-raed .hajee-mattress-result__badge {
  padding: 7px 12px;
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-mattress-result__visual {
  position: relative;
  margin: 22px 0 18px;
  overflow: hidden;
  background: linear-gradient(145deg, #eee5d7, #d8ccb8);
  border-radius: 22px 22px 7px 22px;
}

body.theme-raed .hajee-mattress-result__visual:has(img:not([hidden])) {
  aspect-ratio: 16 / 7;
}

body.theme-raed .hajee-mattress-result__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-raed .hajee-mattress-result > h3 {
  margin: 18px 0 8px;
  color: var(--hajee-night);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.15;
}

body.theme-raed .hajee-mattress-result__copy {
  margin: 0;
  color: var(--hajee-muted);
  line-height: 1.85;
}

body.theme-raed .hajee-mattress-result__confidence,
body.theme-raed .hajee-mattress-result__alternative {
  display: flex;
  margin-top: 18px;
  padding: 14px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: rgba(242,232,216,.42);
  border: 1px solid var(--hajee-line);
  border-radius: 14px;
}

body.theme-raed .hajee-mattress-result__confidence span,
body.theme-raed .hajee-mattress-result__alternative span {
  color: var(--hajee-muted-soft);
  font-size: 11px;
}

body.theme-raed .hajee-mattress-result__confidence strong,
body.theme-raed .hajee-mattress-result__alternative strong {
  color: var(--hajee-night);
  font-size: 13px;
}

body.theme-raed .hajee-mattress-result__reasons {
  display: grid;
  margin: 18px 0 0;
  padding: 0;
  gap: 8px;
  list-style: none;
}

body.theme-raed .hajee-mattress-result__reasons li {
  position: relative;
  padding-right: 20px;
  color: rgba(48,54,35,.76);
  font-size: 13px;
  line-height: 1.7;
}

body.theme-raed .hajee-mattress-result__reasons li::before {
  position: absolute;
  top: .66em;
  right: 1px;
  width: 6px;
  height: 6px;
  content: "";
  background: var(--hajee-brass);
  border-radius: 50%;
}

body.theme-raed .hajee-mattress-result__availability {
  margin: 15px 0 0;
  color: var(--hajee-muted-soft);
  font-size: 12px;
  line-height: 1.7;
}

body.theme-raed .hajee-mattress-result__actions {
  display: flex;
  margin-top: 22px;
  flex-wrap: wrap;
  gap: 8px;
}

body.theme-raed .hajee-mattress-action {
  display: inline-flex;
  min-height: 46px;
  padding: 9px 17px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

body.theme-raed .hajee-mattress-action--primary {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
}

body.theme-raed .hajee-mattress-action--secondary {
  color: var(--hajee-olive);
  background: var(--hajee-beige);
  border-color: rgba(48,54,35,.12);
}

body.theme-raed .hajee-mattress-action--text {
  color: var(--hajee-muted);
  background: transparent;
  border-color: transparent;
}

body.theme-raed .hajee-mattress-result__disclaimer {
  margin: 18px 0 0;
  padding-top: 15px;
  color: rgba(48,54,35,.45);
  border-top: 1px solid var(--hajee-line);
  font-size: 10.5px;
  line-height: 1.7;
}

/* ========================================================================== 
   14. FOUNDERS / BAKOURAT AL-SUKOON
   ========================================================================== */

body.theme-raed .hajee-founders,
body.theme-raed .hajee-founders.hajee-bakoura-ribbon {
  position: relative;
  z-index: 3;
  display: grid;
  width: min(calc(100% - 40px), var(--hajee-content));
  min-height: 158px;
  margin: 24px auto 0;
  padding: 18px;
  align-items: stretch;
  gap: 20px;
  grid-template-columns: minmax(140px,.38fr) minmax(360px,1.35fr) minmax(225px,.62fr);
  overflow: hidden;
  color: var(--hajee-paper);
  background:
    radial-gradient(circle at 2% 100%, rgba(184,154,104,.2), transparent 31%),
    radial-gradient(circle at 92% 0, rgba(110,112,68,.19), transparent 28%),
    linear-gradient(126deg, var(--hajee-olive), var(--hajee-night) 67%, var(--hajee-night-deep));
  border: 1px solid rgba(242,232,216,.11);
  border-radius: 24px 24px 8px 24px;
  box-shadow: 0 20px 58px rgba(31,36,24,.16);
}

body.theme-raed .hajee-founders__serial {
  position: relative;
  display: flex;
  min-height: 120px;
  padding: 18px;
  align-items: flex-start;
  justify-content: center;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(0,0,0,.1)), #181b13;
  border: 1px solid rgba(216,199,173,.25);
  border-radius: 17px 17px 5px 17px;
  flex-direction: column;
}

body.theme-raed .hajee-founders__serial::before {
  position: absolute;
  inset: 6px;
  content: "";
  border: 1px solid rgba(216,199,173,.1);
  border-radius: 12px 12px 3px 12px;
}

body.theme-raed .hajee-founders__serial span {
  color: var(--hajee-sand);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .16em;
}

body.theme-raed .hajee-founders__serial strong {
  margin: 9px 0 3px;
  color: var(--hajee-paper);
  font-size: clamp(28px, 3.2vw, 43px);
  font-weight: 500;
  line-height: 1;
}

body.theme-raed .hajee-founders__serial small {
  color: rgba(242,232,216,.48);
  font-size: 9px;
}

body.theme-raed .hajee-founders__content {
  display: flex;
  min-width: 0;
  padding-block: 6px;
  flex-direction: column;
  justify-content: center;
}

body.theme-raed .hajee-founders__eyebrow {
  color: var(--hajee-sand);
  font-size: 10px;
  font-weight: 700;
}

body.theme-raed .hajee-founders__content h2 {
  margin: 4px 0 5px;
  color: var(--hajee-paper);
  font-size: clamp(24px, 3vw, 37px);
  line-height: 1.2;
  letter-spacing: -.035em;
}

body.theme-raed .hajee-founders__content > p {
  max-width: 620px;
  margin: 0;
  color: rgba(242,232,216,.64);
  font-size: 12.5px;
  line-height: 1.75;
}

body.theme-raed .hajee-founders__benefits {
  display: flex;
  margin: 10px 0 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 6px 14px;
  list-style: none;
}

body.theme-raed .hajee-founders__benefits li {
  position: relative;
  padding-right: 13px;
  color: rgba(242,232,216,.74);
  font-size: 9.5px;
}

body.theme-raed .hajee-founders__benefits li::before {
  position: absolute;
  top: .55em;
  right: 0;
  width: 4px;
  height: 4px;
  content: "";
  background: var(--hajee-brass);
  border-radius: 50%;
}

body.theme-raed .hajee-founders__progress {
  display: flex;
  padding: 10px 4px 10px 2px;
  flex-direction: column;
  justify-content: center;
}

body.theme-raed .hajee-founders__progress-copy {
  display: flex;
  margin-bottom: 9px;
  flex-direction: column;
}

body.theme-raed .hajee-founders__progress-copy strong {
  color: var(--hajee-paper);
  font-size: 12px;
}

body.theme-raed .hajee-founders__progress-copy span {
  color: rgba(242,232,216,.48);
  font-size: 9px;
}

body.theme-raed .hajee-founders__meter {
  height: 5px;
  overflow: hidden;
  background: rgba(255,255,255,.1);
  border-radius: 999px;
}

body.theme-raed .hajee-founders__meter i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--hajee-brass), #e0cba5);
  border-radius: inherit;
}

body.theme-raed .hajee-founders .hajee-button--light {
  width: 100%;
  min-height: 42px;
  margin-top: 13px;
  padding: 9px 15px;
  font-size: 10.5px;
}

/* ========================================================================== 
   15. CRAFT — MATERIAL LAB
   ========================================================================== */

body.theme-raed .hajee-materials {
  display: grid;
  margin-bottom: clamp(76px, 10vw, 138px) !important;
  align-items: center;
  gap: clamp(32px, 7vw, 90px);
  grid-template-columns: minmax(300px,.82fr) minmax(0,1fr);
}

body.theme-raed .hajee-materials__preview {
  position: relative;
  display: grid;
  aspect-ratio: 1 / .84;
  overflow: hidden;
  background: var(--hajee-sand);
  border: 1px solid var(--hajee-line);
  border-radius: var(--hajee-radius-xl) var(--hajee-radius-xl) 16px var(--hajee-radius-xl);
  box-shadow: var(--hajee-shadow-lg);
  place-items: center;
  transition: background 350ms ease;
}

body.theme-raed .hajee-materials__preview::before,
body.theme-raed .hajee-materials__preview::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

body.theme-raed .hajee-materials__preview::before {
  background-image:
    repeating-radial-gradient(circle at 0 0, transparent 0 4px, rgba(255,255,255,.22) 5px 7px),
    linear-gradient(145deg, rgba(255,255,255,.22), transparent 55%);
  background-size: 18px 18px, auto;
  opacity: .72;
}

body.theme-raed .hajee-materials__preview::after {
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.46), transparent 38%);
}

body.theme-raed .hajee-materials[data-hajee-material="linen"] .hajee-materials__preview {
  background: #c8bfaa;
}

body.theme-raed .hajee-materials[data-hajee-material="linen"] .hajee-materials__preview::before {
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.16) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(90deg, rgba(72,70,55,.1) 0 1px, transparent 1px 6px);
  background-size: auto;
}

body.theme-raed .hajee-materials[data-hajee-material="velvet"] .hajee-materials__preview {
  background: #77755c;
}

body.theme-raed .hajee-materials[data-hajee-material="velvet"] .hajee-materials__preview::before {
  background-image: linear-gradient(115deg, rgba(255,255,255,.24), transparent 34%, rgba(32,35,22,.14) 68%, transparent);
  background-size: auto;
}

body.theme-raed .hajee-materials__sample {
  position: relative;
  z-index: 2;
  width: 52%;
  height: 54%;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 42% 58% 52% 48% / 44% 40% 60% 56%;
  box-shadow: inset 18px 14px 40px rgba(255,255,255,.17);
  transform: rotate(-8deg);
}

body.theme-raed .hajee-materials__sample-shadow {
  position: absolute;
  z-index: 1;
  width: 50%;
  height: 18%;
  background: rgba(48,53,34,.22);
  border-radius: 50%;
  filter: blur(20px);
  transform: translateY(90px);
}

body.theme-raed .hajee-materials__choices {
  display: flex;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 8px;
}

body.theme-raed .hajee-materials__choice {
  min-height: 42px;
  padding: 8px 16px;
  color: var(--hajee-night);
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(48,54,35,.14);
  border-radius: 999px;
  cursor: pointer;
}

body.theme-raed .hajee-materials__choice:hover,
body.theme-raed .hajee-materials__choice.is-active {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
  transform: translateY(-1px);
}

body.theme-raed .hajee-materials__detail {
  padding-top: 20px;
  border-top: 1px solid var(--hajee-line);
}

body.theme-raed .hajee-materials__detail strong {
  display: block;
  margin-bottom: 7px;
  color: var(--hajee-night);
  font-size: 20px;
}

body.theme-raed .hajee-materials__detail p {
  margin: 0 0 7px;
  color: var(--hajee-muted);
  font-size: 14px;
}

body.theme-raed .hajee-materials__detail small {
  color: var(--hajee-olive-mid);
  font-size: 12px;
  font-weight: 700;
}

/* ========================================================================== 
   16. PRODUCT ANATOMY
   ========================================================================== */

body.theme-raed .hajee-anatomy {
  margin-bottom: clamp(80px, 11vw, 150px) !important;
}

body.theme-raed .hajee-anatomy__layout {
  display: grid;
  min-height: 540px;
  overflow: hidden;
  background: var(--hajee-beige);
  border: 1px solid var(--hajee-line);
  border-radius: 38px 38px 12px 38px;
  box-shadow: var(--hajee-shadow-sm);
  grid-template-columns: minmax(0,1.18fr) minmax(330px,.82fr);
}

body.theme-raed .hajee-anatomy__stage {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  background:
    linear-gradient(rgba(231,219,198,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(231,219,198,.035) 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(184,154,104,.16), transparent 32%),
    #252a1d;
  background-size: 42px 42px, 42px 42px, auto, auto;
  isolation: isolate;
}

body.theme-raed .hajee-anatomy__stage::before {
  position: absolute;
  top: 24px;
  right: 28px;
  content: "HAJEE / STRUCTURE 01";
  color: rgba(231,219,198,.38);
  font-size: 9px;
  letter-spacing: .18em;
}

body.theme-raed .hajee-anatomy__stage::after {
  position: absolute;
  right: 28px;
  bottom: 24px;
  content: "مخطط توضيحي · غير مقياس هندسي";
  color: rgba(231,219,198,.34);
  font-size: 9px;
}

body.theme-raed .hajee-anatomy__blueprint {
  position: absolute;
  inset: 58px 56px 66px;
}

body.theme-raed .hajee-anatomy__blueprint i {
  position: absolute;
  display: block;
  border-color: rgba(224,203,165,.72);
  box-shadow: 0 0 24px rgba(184,154,104,.04);
}

body.theme-raed .hajee-anatomy__headboard {
  top: 7%;
  right: 9%;
  width: 39%;
  height: 66%;
  border: 1px solid;
  border-radius: 62px 62px 10px 10px;
  background: repeating-linear-gradient(90deg, transparent 0 31%, rgba(224,203,165,.16) 31.2% 31.6%, transparent 31.8% 34%);
}

body.theme-raed .hajee-anatomy__deck {
  left: 7%;
  bottom: 17%;
  width: 80%;
  height: 31%;
  border: 1px solid;
  border-radius: 10px 10px 22px 22px;
  background: rgba(224,203,165,.035);
  transform: skewY(-4deg);
}

body.theme-raed .hajee-anatomy__beam {
  left: 14%;
  width: 62%;
  height: 1px;
  background: rgba(224,203,165,.58);
  transform: rotate(-4deg);
}

body.theme-raed .hajee-anatomy__beam--one { bottom: 30%; }
body.theme-raed .hajee-anatomy__beam--two { bottom: 38%; }

body.theme-raed .hajee-anatomy__leg {
  bottom: 5%;
  width: 10px;
  height: 65px;
  border: 1px solid;
  border-radius: 6px;
}

body.theme-raed .hajee-anatomy__leg--one { left: 16%; }
body.theme-raed .hajee-anatomy__leg--two { left: 68%; }

body.theme-raed .hajee-anatomy__hotspot {
  position: absolute;
  z-index: 4;
  display: grid;
  width: 38px;
  height: 38px;
  padding: 0;
  place-items: center;
  color: #252a1d;
  font-size: 10px;
  font-weight: 800;
  background: #efe5d4;
  border: 5px solid rgba(239,229,212,.2);
  border-radius: 50%;
  box-shadow: 0 8px 28px rgba(0,0,0,.22);
  cursor: pointer;
  background-clip: padding-box;
}

body.theme-raed .hajee-anatomy__hotspot:hover,
body.theme-raed .hajee-anatomy__hotspot.is-active {
  color: var(--hajee-night-deep);
  background: #d7c29d;
  border-color: rgba(215,194,157,.28);
  box-shadow: 0 0 0 7px rgba(215,194,157,.1), 0 10px 30px rgba(0,0,0,.24);
  transform: scale(1.08);
}

body.theme-raed .hajee-anatomy__panel {
  display: flex;
  padding: clamp(30px, 4vw, 54px);
  align-items: flex-start;
  justify-content: center;
  color: var(--hajee-night);
  background: rgba(255,253,248,.72);
  flex-direction: column;
}

body.theme-raed .hajee-anatomy__panel-index {
  color: var(--hajee-brass);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

body.theme-raed .hajee-anatomy__panel-label {
  margin-top: 16px;
  color: var(--hajee-muted-soft);
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-anatomy__panel-value {
  max-width: 410px;
  margin-top: 5px;
  color: var(--hajee-night-deep);
  font-size: clamp(22px, 2.5vw, 32px);
  line-height: 1.45;
}

body.theme-raed .hajee-anatomy__panel > p {
  margin: 13px 0 0;
  color: var(--hajee-muted);
  font-size: 13px;
  line-height: 1.9;
}

body.theme-raed .hajee-anatomy__note {
  display: block;
  margin-top: 13px;
  color: rgba(48,54,35,.43);
  font-size: 9.5px;
  line-height: 1.7;
}

body.theme-raed .hajee-anatomy__parts {
  display: grid;
  width: 100%;
  margin-top: 28px;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}

body.theme-raed .hajee-anatomy__part {
  display: flex;
  min-height: 45px;
  padding: 8px 10px;
  align-items: center;
  color: var(--hajee-night);
  background: rgba(255,255,255,.42);
  border: 1px solid var(--hajee-line);
  border-radius: 12px;
  cursor: pointer;
  gap: 8px;
  text-align: right;
}

body.theme-raed .hajee-anatomy__part:hover,
body.theme-raed .hajee-anatomy__part.is-active {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
  transform: translateY(-1px);
}



body.theme-raed .hajee-anatomy__hotspot--frame { top: 64%; left: 45%; }
body.theme-raed .hajee-anatomy__hotspot--joints { top: 78%; left: 18%; }
body.theme-raed .hajee-anatomy__hotspot--deck { top: 52%; left: 66%; }
body.theme-raed .hajee-anatomy__hotspot--comfort { top: 23%; right: 19%; }
body.theme-raed .hajee-anatomy__hotspot--textile { top: 15%; right: 42%; }

/* ========================================================================== 
   17. CRAFT JOURNEY / LEDGER / WARRANTY / DELIVERY PROTOCOL
   ========================================================================== */

body.theme-raed .hajee-journey {
  margin-bottom: clamp(62px, 9vw, 118px) !important;
  padding: clamp(36px, 6vw, 70px);
  color: var(--hajee-paper);
  background:
    radial-gradient(circle at 10% 5%, rgba(216,200,173,.16), transparent 28%),
    linear-gradient(145deg, #3f442c, #25291b);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--hajee-radius-xl);
  box-shadow: var(--hajee-shadow-lg);
}

body.theme-raed .hajee-journey .hajee-section-heading h2 {
  color: var(--hajee-paper);
}

body.theme-raed .hajee-journey .hajee-section-heading p {
  color: rgba(255,253,248,.66);
}

body.theme-raed .hajee-journey__list {
  display: grid;
  margin: 0;
  padding: 0;
  gap: 1px;
  grid-template-columns: repeat(5, minmax(0,1fr));
  list-style: none;
}

body.theme-raed .hajee-journey__step {
  position: relative;
  min-height: 190px;
  padding: 22px;
  background: rgba(255,255,255,.045);
  border-block: 1px solid rgba(255,255,255,.08);
}

body.theme-raed .hajee-journey__step + .hajee-journey__step::before {
  position: absolute;
  top: 24px;
  right: 0;
  bottom: 24px;
  width: 1px;
  content: "";
  background: rgba(255,255,255,.08);
}

body.theme-raed .hajee-journey__number {
  display: block;
  margin-bottom: 30px;
  color: #d9c19a;
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-journey__step strong {
  display: block;
  margin-bottom: 8px;
  color: var(--hajee-paper);
  font-size: 15px;
}

body.theme-raed .hajee-journey__step p {
  margin: 0;
  color: rgba(255,253,248,.58);
  font-size: 11.5px;
  line-height: 1.8;
}

body.theme-raed .hajee-journey__promise {
  display: flex;
  margin-top: 22px;
  padding: 15px 18px;
  align-items: center;
  color: rgba(255,253,248,.8);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  gap: 11px;
}

body.theme-raed .hajee-craft-ledger {
  scroll-margin-top: 88px;
}

body.theme-raed .hajee-craft-ledger > h3,
body.theme-raed .hajee-delivery-protocol__intro h3 {
  max-width: 760px;
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.08;
  letter-spacing: -.04em;
}

body.theme-raed .hajee-craft-ledger__lead,
body.theme-raed .hajee-delivery-protocol__intro > p {
  max-width: 720px;
  margin: 16px 0 0;
  color: var(--hajee-muted);
  line-height: 1.9;
}

body.theme-raed .hajee-craft-ledger__grid {
  display: grid;
  margin-top: 30px;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0,1fr));
}

body.theme-raed .hajee-craft-ledger__card {
  min-height: 164px;
  padding: 22px;
  color: var(--hajee-ink);
  background: rgba(250,247,240,.75);
  border: 1px solid var(--hajee-line);
  border-radius: 19px 19px 6px 19px;
}

body.theme-raed .hajee-craft-ledger__card span {
  display: block;
  margin-bottom: 18px;
  color: var(--hajee-brass-ink);
  font-size: .72rem;
  font-weight: 700;
}

body.theme-raed .hajee-craft-ledger__card strong {
  color: inherit;
  font-size: .9rem;
  line-height: 1.8;
}

body.theme-raed .hajee-craft-warranty {
  display: grid;
  margin-top: 12px;
  padding: clamp(26px, 4vw, 48px);
  align-items: center;
  gap: clamp(18px, 3vw, 44px);
  grid-template-columns: auto auto minmax(260px,1fr);
  color: var(--hajee-paper);
  background:
    radial-gradient(circle at 100% 50%, rgba(184,154,104,.18), transparent 38%),
    linear-gradient(135deg, var(--hajee-olive), var(--hajee-night));
  border: 1px solid rgba(242,232,216,.1);
  border-radius: 24px 24px 8px 24px;
}

body.theme-raed .hajee-craft-warranty > strong {
  color: var(--hajee-paper);
  font-size: clamp(3.2rem, 6vw, 6rem);
  line-height: 1;
}

body.theme-raed .hajee-craft-warranty > span {
  color: var(--hajee-sand);
  font-size: .85rem;
  font-weight: 700;
}

body.theme-raed .hajee-craft-warranty > p {
  margin: 0;
  color: rgba(242,232,216,.68);
  line-height: 1.8;
}

body.theme-raed .hajee-delivery-protocol {
  display: grid;
  margin-top: clamp(76px, 9vw, 124px);
  padding: clamp(30px, 5vw, 66px);
  align-items: start;
  gap: clamp(30px, 5vw, 70px);
  grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr);
  color: var(--hajee-ink);
  background: var(--hajee-beige);
  border: 1px solid var(--hajee-line);
  border-radius: 32px 32px 9px 32px;
  scroll-margin-top: 88px;
}

body.theme-raed .hajee-delivery-protocol__steps {
  display: grid;
  margin: 0;
  padding: 0;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0,1fr));
  list-style: none;
}

body.theme-raed .hajee-delivery-protocol__steps li {
  min-height: 98px;
  padding: 20px;
  background: rgba(250,247,240,.6);
  border: 1px solid rgba(48,54,35,.1);
  border-radius: 18px 18px 6px 18px;
}

body.theme-raed .hajee-delivery-protocol__steps span {
  display: block;
  margin-bottom: 18px;
  color: var(--hajee-brass-ink);
  font-size: .72rem;
  font-weight: 700;
}

body.theme-raed .hajee-delivery-protocol__steps strong {
  color: var(--hajee-night);
  font-size: .95rem;
}

body.theme-raed .hajee-delivery-protocol__steps p {
  margin: 7px 0 0;
  color: var(--hajee-muted);
  font-size: .77rem;
  line-height: 1.7;
}

/* ========================================================================== 
   18. MODEL STORIES
   ========================================================================== */

body.theme-raed .hajee-story-section {
  isolation: isolate;
}

body.theme-raed .hajee-story-tabs {
  display: flex;
  margin-bottom: 20px;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

body.theme-raed .hajee-story-tabs::-webkit-scrollbar { display: none; }

body.theme-raed .hajee-story-tab {
  flex: 0 0 auto;
  min-width: 96px;
  padding: 12px 18px;
  color: rgba(48,54,35,.66);
  background: rgba(255,253,248,.7);
  border: 1px solid var(--hajee-line);
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
}

body.theme-raed .hajee-story-tab:hover,
body.theme-raed .hajee-story-tab.is-active {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
}

body.theme-raed .hajee-story-stage {
  display: grid;
  min-height: 570px;
  overflow: hidden;
  background: var(--hajee-beige);
  border: 1px solid var(--hajee-line);
  border-radius: clamp(24px, 4vw, 46px);
  box-shadow: 0 28px 80px rgba(31,36,24,.09);
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
}

body.theme-raed .hajee-story-visual {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  background-color: #ded2be;
  background-position: center;
  background-size: cover;
}

body.theme-raed .hajee-story-visual::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, transparent 55%, rgba(255,253,248,.17)), linear-gradient(0deg, rgba(48,53,34,.14), transparent 42%);
  pointer-events: none;
}

body.theme-raed .hajee-story-visual.has-image .hajee-story-visual__bed,
body.theme-raed .hajee-story-visual.has-image .hajee-story-visual__halo {
  display: none;
}

body.theme-raed .hajee-story-visual__halo {
  position: absolute;
  top: 16%;
  left: 50%;
  width: 68%;
  aspect-ratio: 1;
  background: rgba(255,253,248,.36);
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 50%;
  filter: blur(2px);
  transform: translateX(-50%);
}

body.theme-raed .hajee-story-visual__bed {
  position: absolute;
  right: 13%;
  bottom: 15%;
  left: 13%;
  height: 38%;
  background: #aaa086;
  border-radius: 32px 32px 20px 20px;
  box-shadow: 0 30px 50px rgba(48,53,34,.22), inset 0 1px rgba(255,255,255,.28);
  transform: perspective(800px) rotateX(4deg);
}

body.theme-raed .hajee-story-content {
  display: flex;
  padding: clamp(34px, 5vw, 68px);
  flex-direction: column;
  justify-content: center;
  background: radial-gradient(circle at 100% 0, rgba(184,154,104,.09), transparent 35%), var(--hajee-cream);
}

body.theme-raed .hajee-story-content__concept {
  color: var(--hajee-brass);
  font-size: .84rem;
  font-weight: 700;
}

body.theme-raed .hajee-story-content__name {
  margin: 8px 0 12px;
  color: var(--hajee-night);
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  line-height: 1.2;
}

body.theme-raed .hajee-story-content__story {
  margin: 0;
  color: rgba(48,54,35,.72);
  font-size: 16px;
  line-height: 1.9;
}

body.theme-raed .hajee-story-meta {
  display: grid;
  margin: 24px 0 28px;
  grid-template-columns: 1fr 1fr;
  border-block: 1px solid rgba(48,54,35,.09);
}

body.theme-raed .hajee-story-meta__item {
  padding: 17px 0;
}

body.theme-raed .hajee-story-meta__item + .hajee-story-meta__item {
  padding-right: 20px;
  border-right: 1px solid rgba(48,54,35,.09);
}

body.theme-raed .hajee-story-meta dt {
  margin-bottom: 4px;
  color: rgba(48,54,35,.48);
  font-size: 13px;
}

body.theme-raed .hajee-story-meta dd {
  margin: 0;
  color: var(--hajee-night);
  font-size: 15px;
  font-weight: 700;
}



body.theme-raed .hajee-story-visual__bed::before {
  position: absolute;
  right: 8%;
  bottom: 48%;
  left: 8%;
  height: 92%;
  content: "";
  background: #b9af96;
  border-radius: 42px 42px 16px 16px;
  box-shadow: inset 0 -18px 28px rgba(48,53,34,.08);
}

body.theme-raed .hajee-story-visual__bed::after {
  position: absolute;
  right: 4%;
  bottom: 62%;
  left: 4%;
  height: 36%;
  content: "";
  background: rgba(255,253,248,.36);
  border-radius: 22px;
  box-shadow: 0 12px 24px rgba(48,53,34,.09);
}

body.theme-raed .hajee-story-section[data-model="areek"] .hajee-story-visual { background-color: #cabda8; }
body.theme-raed .hajee-story-section[data-model="areek"] .hajee-story-visual__bed { background: #7f755f; border-radius: 12px; }
body.theme-raed .hajee-story-section[data-model="wareef"] .hajee-story-visual { background-color: #cdd0b8; }
body.theme-raed .hajee-story-section[data-model="wareef"] .hajee-story-visual__bed { background: #9b916c; border-radius: 24px 24px 12px 12px; }
body.theme-raed .hajee-story-section[data-model="wasan"] .hajee-story-visual { background-color: #d5d4cd; }
body.theme-raed .hajee-story-section[data-model="wasan"] .hajee-story-visual__bed { bottom: 12%; height: 24%; background: #aaa9a0; border-radius: 8px; }
body.theme-raed .hajee-story-section[data-model="huwayna"] .hajee-story-visual { background-color: #d7c3b7; }
body.theme-raed .hajee-story-section[data-model="huwayna"] .hajee-story-visual__bed,
body.theme-raed .hajee-story-section[data-model="huwayna"] .hajee-story-visual__bed::before { border-radius: 50% 50% 34px 34px; }

/* ========================================================================== 
   19. COMPARISON STUDIO
   ========================================================================== */

body.theme-raed .hajee-compare-section {
  padding: clamp(28px, 4vw, 50px);
  background: linear-gradient(135deg, rgba(255,253,248,.96), rgba(243,234,220,.88)), var(--hajee-cream);
  border: 1px solid var(--hajee-line);
  border-radius: clamp(24px,4vw,44px);
  box-shadow: 0 24px 70px rgba(31,36,24,.07);
}

body.theme-raed .hajee-compare-controls {
  display: grid;
  margin-bottom: 12px;
  align-items: end;
  gap: 16px;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
}

body.theme-raed .hajee-compare-select {
  display: grid;
  gap: 8px;
  color: var(--hajee-muted-soft);
  font-size: .78rem;
  font-weight: 700;
}

body.theme-raed .hajee-compare-select select {
  width: 100%;
  min-height: 48px;
  padding: 10px 18px;
  color: var(--hajee-night);
  background: var(--hajee-cream);
  border: 1px solid rgba(48,54,35,.14);
  border-radius: 14px;
  outline: 0;
  cursor: pointer;
  font-weight: 700;
}

body.theme-raed .hajee-compare-controls__versus {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  color: var(--hajee-olive-mid);
  background: rgba(110,112,68,.1);
  border-radius: 50%;
  font-size: .72rem;
  font-weight: 700;
}

body.theme-raed .hajee-compare-note {
  min-height: 24px;
  margin: 0 0 14px;
  color: var(--hajee-muted-soft);
  font-size: 13px;
}

body.theme-raed .hajee-compare-note.is-warning { color: #9d5e32; }

body.theme-raed .hajee-compare-board {
  display: grid;
  overflow: hidden;
  background: rgba(255,253,248,.72);
  border: 1px solid var(--hajee-line);
  border-radius: 26px;
  grid-template-columns: 1fr 1fr;
}

body.theme-raed .hajee-compare-card {
  padding: 20px 24px;
  color: var(--hajee-paper);
  background: var(--hajee-olive-mid);
}



body.theme-raed .hajee-compare-card--left { background: var(--hajee-olive-mid); }

body.theme-raed .hajee-compare-card--right { background: var(--hajee-olive); }

body.theme-raed .hajee-compare-card__concept {
  color: rgba(255,253,248,.66);
  font-size: .78rem;
}

body.theme-raed .hajee-compare-card h3 {
  margin: 6px 0 2px;
  color: inherit;
  font-size: 1.55rem;
}

body.theme-raed .hajee-compare-card p {
  margin: 0;
  color: rgba(255,253,248,.68);
  font-size: .84rem;
}

body.theme-raed .hajee-compare-row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(100px,.33fr) 1fr 1fr;
  border-top: 1px solid rgba(48,54,35,.09);
}

body.theme-raed .hajee-compare-row > * {
  display: flex;
  min-height: 58px;
  margin: 0;
  padding: 12px 18px;
  align-items: center;
}

body.theme-raed .hajee-compare-row__label {
  color: var(--hajee-olive-mid);
  background: rgba(110,112,68,.055);
  font-size: 13px;
  font-weight: 700;
}

body.theme-raed .hajee-compare-row :where(p, .hajee-compare-row__left, .hajee-compare-row__right) {
  color: rgba(48,54,35,.76);
  border-right: 1px solid rgba(48,54,35,.08);
  font-size: 14px;
  line-height: 1.55;
}

/* ========================================================================== 
   20. HAJEE CARE
   ========================================================================== */

body.theme-raed .hajee-care-section {
  display: grid;
  margin-bottom: clamp(72px, 10vw, 130px);
  padding: clamp(30px, 5vw, 66px);
  gap: 18px;
  grid-template-columns: 1.1fr .76fr 1fr;
  color: var(--hajee-paper);
  background:
    radial-gradient(circle at 15% 0, rgba(184,154,104,.22), transparent 35%),
    linear-gradient(135deg, var(--hajee-olive), #454a2e);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: clamp(26px,4vw,46px);
  box-shadow: 0 34px 90px rgba(31,36,24,.2);
}

body.theme-raed .hajee-care-intro {
  padding: 14px 20px 14px 0;
}

body.theme-raed .hajee-care-intro__eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--hajee-sand);
  font-size: .82rem;
  font-weight: 700;
}

body.theme-raed .hajee-care-intro h2 {
  margin: 0;
  color: var(--hajee-paper);
  font-size: clamp(2rem,3.4vw,3.25rem);
  line-height: 1.13;
}

body.theme-raed .hajee-care-intro > p {
  max-width: 680px;
  margin: 16px 0 0;
  color: rgba(255,253,248,.68);
  line-height: 1.9;
}

body.theme-raed .hajee-care-plan {
  min-width: 0;
  padding: clamp(24px,3vw,34px);
  background: #6c7046;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 26px;
}

body.theme-raed .hajee-care-plan__label {
  color: rgba(255,253,248,.62);
  font-size: .76rem;
}

body.theme-raed .hajee-care-plan h3 {
  margin: 6px 0 14px;
  color: var(--hajee-paper);
  font-size: 1.55rem;
}

body.theme-raed .hajee-care-plan__price {
  display: flex;
  margin: 0 0 8px;
  align-items: baseline;
  gap: 10px;
  white-space: nowrap;
}

body.theme-raed .hajee-care-plan__price strong {
  font-size: clamp(3rem,4.4vw,4rem);
  line-height: 1;
}

body.theme-raed .hajee-care-plan__price span {
  color: rgba(255,253,248,.66);
  font-size: 15px;
}

body.theme-raed .hajee-care-plan__duration {
  margin: 0;
  color: rgba(255,253,248,.66);
  font-size: 13px;
}

body.theme-raed .hajee-care-plan__features {
  display: grid;
  margin: 20px 0 26px;
  padding: 0;
  gap: 10px;
  list-style: none;
}

body.theme-raed .hajee-care-plan__features li {
  position: relative;
  padding-right: 22px;
  color: rgba(255,253,248,.84);
}

body.theme-raed .hajee-care-plan__features li::before {
  position: absolute;
  top: .52em;
  right: 1px;
  width: 9px;
  height: 5px;
  content: "";
  border-right: 1.5px solid var(--hajee-paper);
  border-bottom: 1.5px solid var(--hajee-paper);
  transform: rotate(45deg);
}

body.theme-raed .hajee-care-plan__disclaimer {
  display: block;
  margin-top: 14px;
  color: rgba(255,253,248,.48);
  font-size: 12px;
  line-height: 1.6;
}

body.theme-raed #hajee-care-page .hajee-care-section {
  width: 100%;
  margin: 0;
  grid-template-columns: repeat(2, minmax(0,1fr));
}

body.theme-raed #hajee-care-page .hajee-care-intro {
  display: none;
}

/* ========================================================================== 
   21. DELIVERY ESTIMATOR
   ========================================================================== */

body.theme-raed .hajee-delivery-estimator {
  display: grid;
  margin-top: clamp(56px, 7vw, 90px);
  margin-bottom: clamp(56px, 7vw, 92px);
  padding: clamp(26px, 3.7vw, 44px);
  align-items: center;
  gap: clamp(22px,3vw,38px);
  grid-template-columns: minmax(0,1.05fr) minmax(260px,.75fr) minmax(250px,.72fr);
  background: rgba(255,253,248,.86);
  border: 1px solid var(--hajee-line);
  border-radius: 30px;
  box-shadow: 0 18px 58px rgba(31,36,24,.06);
}

body.theme-raed .hajee-delivery-estimator__intro h2 {
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(2rem,3.4vw,3.4rem);
  line-height: 1.2;
}

body.theme-raed .hajee-delivery-estimator__intro p {
  margin: 12px 0 0;
  color: var(--hajee-muted);
  font-size: 13px;
  line-height: 1.8;
}

body.theme-raed .hajee-delivery-estimator__form {
  display: grid;
  gap: 10px;
}

body.theme-raed .hajee-delivery-estimator__field {
  display: grid;
  color: var(--hajee-muted-soft);
  font-size: 10px;
  font-weight: 700;
  gap: 6px;
}

body.theme-raed .hajee-delivery-estimator__field select {
  width: 100%;
  min-height: 46px;
  padding: 9px 13px;
  color: var(--hajee-night);
  background: #f6f0e6;
  border: 1px solid rgba(48,54,35,.12);
  border-radius: 13px;
}

body.theme-raed .hajee-delivery-estimator__result {
  padding: 22px;
  color: var(--hajee-paper);
  background: linear-gradient(145deg, #5f633d, #3d432a);
  border-radius: 22px 22px 8px 22px;
}

body.theme-raed .hajee-delivery-estimator__result > span {
  color: rgba(246,239,223,.62);
  font-size: 10px;
}

body.theme-raed .hajee-delivery-estimator__result strong {
  display: block;
  margin-top: 4px;
  color: #fffaf0;
  font-size: clamp(28px,3vw,40px);
  line-height: 1.15;
}

body.theme-raed .hajee-delivery-estimator__result p {
  margin: 9px 0 0;
  color: rgba(246,239,223,.74);
  font-size: 11px;
}

body.theme-raed .hajee-delivery-estimator__result small {
  display: block;
  margin-top: 10px;
  color: rgba(246,239,223,.46);
  font-size: 9px;
  line-height: 1.6;
}

/* ========================================================================== 
   22. PROJECTS GATEWAY
   ========================================================================== */

body.theme-raed .hajee-projects-gateway {
  display: grid;
  margin-bottom: clamp(56px,7vw,90px);
  padding: clamp(28px,4vw,50px);
  align-items: center;
  gap: clamp(28px,5vw,70px);
  grid-template-columns: minmax(0,1fr) minmax(300px,.8fr);
  color: var(--hajee-paper);
  background: linear-gradient(120deg, rgba(255,255,255,.025), transparent 38%), var(--hajee-night-deep);
  border: 1px solid rgba(215,194,157,.12);
  border-radius: 36px 36px 11px 36px;
}

body.theme-raed .hajee-projects-gateway__content h2 {
  margin: 0;
  color: var(--hajee-paper);
  font-size: clamp(2rem,3.6vw,3.6rem);
  line-height: 1.16;
}

body.theme-raed .hajee-projects-gateway__content p {
  max-width: 650px;
  margin: 15px 0 0;
  color: rgba(246,239,223,.62);
  font-size: 13px;
  line-height: 1.9;
}

body.theme-raed .hajee-projects-gateway__panel {
  padding: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 23px;
}

body.theme-raed .hajee-projects-gateway__choices {
  display: grid;
  gap: 7px;
}

body.theme-raed .hajee-projects-gateway__choice {
  min-height: 42px;
  padding: 8px 12px;
  color: rgba(246,239,223,.66);
  background: transparent;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  cursor: pointer;
  font-size: 11px;
  text-align: right;
}

body.theme-raed .hajee-projects-gateway__choice.is-active {
  color: var(--hajee-night-deep);
  background: #d7c29d;
  border-color: #d7c29d;
}

body.theme-raed .hajee-projects-gateway__action {
  width: 100%;
  min-height: 46px;
  margin-top: 10px;
  color: var(--hajee-night-deep);
  background: #fffaf0;
  border: 0;
  border-radius: 13px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

/* ========================================================================== 
   23. DEPTH GATEWAY
   ========================================================================== */

body.theme-raed .hajee-depth-gateway {
  margin-bottom: clamp(44px,6vw,80px);
  padding: clamp(24px,3.5vw,40px);
  text-align: center;
  background: rgba(216,203,184,.2);
  border: 1px dashed rgba(48,54,35,.18);
  border-radius: 28px;
}

body.theme-raed .hajee-depth-gateway h2 {
  margin: 0;
  color: var(--hajee-night);
  font-size: clamp(1.8rem,3vw,2.8rem);
}

body.theme-raed .hajee-depth-gateway > p {
  max-width: 680px;
  margin: 12px auto 0;
  color: var(--hajee-muted);
  font-size: 13px;
}

body.theme-raed .hajee-depth-gateway__controls {
  display: flex;
  margin-top: 22px;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.theme-raed .hajee-depth-gateway__button {
  min-height: 42px;
  padding: 8px 15px;
  color: var(--hajee-night);
  background: rgba(255,253,248,.68);
  border: 1px solid var(--hajee-line);
  border-radius: 999px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-depth-gateway__button:hover,
body.theme-raed .hajee-depth-gateway__button.is-active {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  border-color: var(--hajee-olive);
}

/* ========================================================================== 
   24. MODE TOGGLE / SUPPORT / MOBILE DOCK
   ========================================================================== */

body.theme-raed .hajee-mode-btn {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: var(--hajee-olive-mid);
  background: rgba(255,255,255,.5);
  border: 1px solid var(--hajee-line);
  border-radius: 999px;
  cursor: pointer;
}

body.theme-raed .hajee-mode-btn:hover {
  color: var(--hajee-paper);
  background: var(--hajee-olive);
  transform: rotate(-4deg) translateY(-1px);
}

body.theme-raed .hajee-mode-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
}

body.theme-raed .hajee-mode-btn .hajee-icon-sun { display: none; }
body.theme-raed.hajee-night-mode .hajee-mode-btn .hajee-icon-moon { display: none; }
body.theme-raed.hajee-night-mode .hajee-mode-btn .hajee-icon-sun { display: block; }

body.theme-raed .hajee-support-entry {
  isolation: isolate;
  bottom: 82px !important;
}

body.theme-raed .hajee-support-entry::before {
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  min-width: max-content;
  padding: 9px 13px;
  content: "مستشار هجيع";
  color: var(--hajee-night);
  background: rgba(250,247,240,.96);
  border: 1px solid rgba(48,54,35,.14);
  border-radius: 12px 12px 4px 12px;
  box-shadow: 0 10px 28px rgba(31,36,24,.14);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transform: translateY(-50%);
  pointer-events: none;
}

body.theme-raed .hajee-mobile-dock {
  display: none;
}

/* ========================================================================== 
   25. FOOTER
   ========================================================================== */

body.theme-raed .store-footer,
body.theme-raed .store-footer__inner,
body.theme-raed.footer-is-light footer.store-footer .store-footer__inner {
  color: var(--hajee-beige);
  background: var(--hajee-night) !important;
}

body.theme-raed .store-footer__inner {
  padding-top: clamp(52px,7vw,84px);
  padding-bottom: clamp(38px,5vw,60px);
  border-top: 1px solid rgba(243,234,220,.1);
}

body.theme-raed .store-footer :where(h3,p,a,.s-contacts-item,.s-contacts-item-icon) {
  color: var(--hajee-beige);
}

body.theme-raed .store-footer a:hover { color: #fff; }

/* ========================================================================== 
   26. REVEAL / ACCESSIBILITY
   ========================================================================== */

body.theme-raed .hajee-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 600ms ease, transform 600ms cubic-bezier(.2,.7,.2,1);
}

body.theme-raed .hajee-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ========================================================================== 
   27. TEASER — DORMANT IN LIVE MODE, FULLY SUPPORTED
   ========================================================================== */

body.theme-raed.hajee-phase--teaser {
  min-height: 100svh;
  padding: 0 !important;
  color: #eee7d9;
  background: #090b08 !important;
}

body.theme-raed.hajee-phase--teaser #main-content > :not(#hajee-launch-teaser) {
  display: none !important;
}

body.theme-raed.hajee-phase--teaser :where(
  #s-theme_preview_bar,
  salla-maintenance-alert,
  .store-header,
  .store-footer,
  footer,
  ticketing-system,
  #hajee-mobile-dock,
  #hajee-mode-toggle,
  #hajee-ticker-wrap
) {
  display: none !important;
}

body.theme-raed .hajee-teaser {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 100svh;
  overflow: hidden;
  place-items: center;
  color: #f6efdf;
  background:
    radial-gradient(circle at 19% 17%, rgba(181,150,94,.13), transparent 27%),
    radial-gradient(circle at 83% 78%, rgba(94,104,62,.15), transparent 31%),
    radial-gradient(ellipse at 50% 50%, rgba(50,57,34,.48), transparent 58%),
    linear-gradient(145deg, #171b12, #0d100b 53%, #070906);
  isolation: isolate;
}

body.theme-raed .hajee-teaser::before {
  position: absolute;
  inset: clamp(14px,2.3vw,34px);
  z-index: 5;
  content: "";
  border: 1px solid rgba(226,209,179,.105);
  border-radius: clamp(26px,3vw,48px);
  pointer-events: none;
}

body.theme-raed .hajee-teaser__ambient {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 0;
  width: min(86vw,1080px);
  aspect-ratio: 1 / .7;
  background: radial-gradient(ellipse, rgba(210,190,149,.095), transparent 67%), conic-gradient(from 210deg at 50% 50%, transparent, rgba(107,116,72,.055), transparent 46%);
  transform: translate(50%,-50%);
}

body.theme-raed .hajee-teaser__fragments {
  --hajee-fragment-x: 0px;
  --hajee-fragment-y: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: min(88vw,1050px);
  aspect-ratio: 1;
  pointer-events: none;
  transform: translate(-50%,-50%) rotate(-4deg);
  animation: hajee-fragments-drift 12s ease-in-out infinite;
}

body.theme-raed .hajee-teaser__fragment {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: .105;
  mix-blend-mode: screen;
  filter: grayscale(1) invert(1) brightness(1.22) contrast(1.34);
  transition: transform 650ms cubic-bezier(.2,.7,.2,1), opacity 500ms ease;
}

body.theme-raed .hajee-teaser__fragment--1 {
  clip-path: polygon(0 0,59% 0,51% 43%,0 51%);
  transform: translate3d(calc(var(--hajee-piece-x,-22px) + var(--hajee-fragment-x)), calc(var(--hajee-piece-y,-26px) + var(--hajee-fragment-y)),0) rotate(var(--hajee-piece-r,-1.8deg)) scale(var(--hajee-piece-s,1));
}

body.theme-raed .hajee-teaser__fragment--2 {
  clip-path: polygon(59% 0,100% 0,100% 48%,51% 43%);
  transform: translate3d(calc(var(--hajee-piece-x,25px) - var(--hajee-fragment-x)), calc(var(--hajee-piece-y,-12px) + var(--hajee-fragment-y)),0) rotate(var(--hajee-piece-r,1.4deg)) scale(var(--hajee-piece-s,1));
}

body.theme-raed .hajee-teaser__fragment--3 {
  clip-path: polygon(15% 40%,86% 30%,80% 69%,12% 76%);
  opacity: .075;
  transform: translate3d(calc(var(--hajee-piece-x,4px) + var(--hajee-fragment-x)), calc(var(--hajee-piece-y,2px) - var(--hajee-fragment-y)),0) rotate(var(--hajee-piece-r,-.7deg)) scale(var(--hajee-piece-s,1.015));
}

body.theme-raed .hajee-teaser__fragment--4 {
  clip-path: polygon(0 51%,52% 46%,44% 100%,0 100%);
  transform: translate3d(calc(var(--hajee-piece-x,-29px) - var(--hajee-fragment-x)), calc(var(--hajee-piece-y,24px) + var(--hajee-fragment-y)),0) rotate(var(--hajee-piece-r,1.1deg)) scale(var(--hajee-piece-s,1));
}

body.theme-raed .hajee-teaser__fragment--5 {
  clip-path: polygon(52% 43%,100% 48%,100% 100%,44% 100%);
  transform: translate3d(calc(var(--hajee-piece-x,30px) + var(--hajee-fragment-x)), calc(var(--hajee-piece-y,30px) - var(--hajee-fragment-y)),0) rotate(var(--hajee-piece-r,-1.2deg)) scale(var(--hajee-piece-s,1));
}

@keyframes hajee-fragments-drift {
  0%,100% { transform: translate(-50%,-50%) rotate(-4deg) scale(1); }
  50% { transform: translate(-50%,-50%) rotate(-3.25deg) scale(1.012); }
}

body.theme-raed .hajee-teaser__content {
  position: relative;
  z-index: 4;
  width: min(calc(100% - 48px),820px);
  padding: clamp(46px,6.5vw,84px) 28px;
  text-align: center;
}

body.theme-raed .hajee-teaser__eyebrow {
  display: inline-block;
  margin-bottom: 20px;
  color: #d7c29d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

body.theme-raed .hajee-teaser__title {
  margin: 0;
  color: #fffaf0;
  font-size: clamp(52px,8.5vw,104px);
  line-height: 1.08;
  letter-spacing: -.065em;
  text-shadow: 0 22px 70px rgba(0,0,0,.42);
}

body.theme-raed .hajee-teaser__copy {
  max-width: 600px;
  margin: 24px auto 0;
  color: rgba(243,234,220,.62);
  font-size: clamp(15px,1.6vw,19px);
  line-height: 2;
}

body.theme-raed .hajee-countdown {
  width: min(100%,680px);
  margin: 32px auto 0;
  padding: 18px 20px 16px;
  color: #f6efdf;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  border: 1px solid rgba(215,194,157,.19);
  border-radius: 28px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 26px 68px rgba(3,5,3,.32);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

body.theme-raed .hajee-countdown__eyebrow {
  display: block;
  margin-bottom: 13px;
  color: #d7c29d;
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-countdown__grid {
  display: grid;
  direction: rtl;
  grid-template-columns: repeat(4,minmax(0,1fr));
}

body.theme-raed .hajee-countdown__unit {
  position: relative;
  display: flex;
  min-width: 0;
  padding: 2px 10px 4px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

body.theme-raed .hajee-countdown__unit + .hajee-countdown__unit {
  border-inline-start: 1px solid rgba(215,194,157,.16);
}

body.theme-raed .hajee-countdown__value {
  color: #fffaf0;
  font-size: clamp(34px,4vw,50px);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

body.theme-raed .hajee-countdown__label,
body.theme-raed .hajee-countdown__date {
  color: rgba(243,234,220,.58);
  font-size: 10px;
}

body.theme-raed .hajee-countdown__date {
  display: block;
  margin-top: 13px;
  line-height: 1.7;
}

body.theme-raed .hajee-teaser__edition {
  display: inline-flex;
  min-width: 230px;
  margin-top: 34px;
  padding: 12px 18px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #f3eadc;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(215,194,157,.26);
  border-radius: 999px;
}

body.theme-raed .hajee-teaser__status {
  display: flex;
  margin-top: 28px;
  align-items: center;
  justify-content: center;
  color: rgba(243,234,220,.56);
  font-size: 11px;
  gap: 9px;
}

body.theme-raed .hajee-teaser__status i {
  width: 7px;
  height: 7px;
  background: var(--hajee-brass);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(184,154,104,.12);
}

body.theme-raed .hajee-teaser__tools {
  display: flex;
  margin-top: 15px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.theme-raed .hajee-teaser__tool {
  min-height: 41px;
  padding: 8px 17px;
  color: rgba(246,239,223,.82);
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(215,194,157,.18);
  border-radius: 999px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}

body.theme-raed .hajee-teaser__tool--primary {
  color: #171b12;
  background: #d7c29d;
  border-color: #d7c29d;
}

body.theme-raed .hajee-teaser__phase-line,
body.theme-raed .hajee-teaser__time-copy {
  margin: 12px auto 0;
  color: rgba(243,234,220,.48);
  font-size: 10px;
}

body.theme-raed .hajee-teaser__secret-control {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: min(88vw,1050px);
  aspect-ratio: 1;
  color: rgba(215,194,157,.55);
  background: transparent;
  border: 0;
  border-radius: 50%;
  transform: translate(-50%,-50%);
}

body.theme-raed .hajee-teaser__secret-word {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: rgba(246,239,223,.16);
  font-size: clamp(90px,20vw,280px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.08em;
  pointer-events: none;
  opacity: 0;
  filter: blur(7px);
  transform: translate(-50%,-50%) scale(.86);
  transition: opacity 420ms ease, transform 780ms cubic-bezier(.2,.75,.2,1), filter 520ms ease;
}

body.theme-raed .hajee-teaser[data-hajee-secret-visible="1"] .hajee-teaser__secret-word {
  opacity: 1;
  filter: blur(0);
  transform: translate(-50%,-50%) scale(1);
}

body.theme-raed .hajee-teaser--door .hajee-teaser__door {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

body.theme-raed .hajee-teaser__door-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50.2%;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025), transparent 18%, rgba(0,0,0,.18)),
    #161a11;
  border-color: rgba(216,199,173,.09);
  transition: transform 2.4s cubic-bezier(.65,0,.25,1);
}

body.theme-raed .hajee-teaser__door-panel--right { right: 0; border-left: 1px solid rgba(216,199,173,.1); }
body.theme-raed .hajee-teaser__door-panel--left { left: 0; border-right: 1px solid rgba(216,199,173,.1); }



body.theme-raed .hajee-teaser__door-threshold {
  position: absolute;
  right: 13%;
  bottom: 8%;
  left: 13%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216,199,173,.32), transparent);
  box-shadow: 0 14px 34px rgba(184,154,104,.12);
}

body.theme-raed .hajee-teaser__door-seam {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 78%;
  background: linear-gradient(transparent, rgba(216,199,173,.45), transparent);
  opacity: .5;
  transform: translate(-50%,-50%);
  transition: width 2.2s ease, opacity 1.2s ease;
}

body.theme-raed .hajee-teaser.is-launching .hajee-teaser__door-panel--right { transform: translateX(55%) rotateY(-5deg); }
body.theme-raed .hajee-teaser.is-launching .hajee-teaser__door-panel--left { transform: translateX(-55%) rotateY(5deg); }
body.theme-raed .hajee-teaser.is-launching .hajee-teaser__door-seam { width: 72vw; opacity: 1; }

/* ========================================================================== 
   28. NIGHT MODE — ONE CASCADE ONLY
   ========================================================================== */

body.theme-raed.hajee-night-mode {
  --hajee-paper: #171a12;
  --hajee-cream: #1b1f16;
  --hajee-beige: #252a1d;
  --hajee-beige-soft: #202419;
  --hajee-ink: #f3eadc;
  --hajee-night: #f3eadc;
  --hajee-night-deep: #fffaf0;
  --hajee-muted: rgba(243,234,220,.66);
  --hajee-muted-soft: rgba(243,234,220,.52);
  --hajee-line: rgba(243,234,220,.11);
  color: #f3eadc;
  background: #171a12;
}

body.theme-raed.hajee-night-mode #main-content,
body.theme-raed.hajee-night-mode .hajee-experience,
body.theme-raed.hajee-night-mode .hajee-experience.hajee-experience--quiet {
  background: radial-gradient(circle at 12% 5%, rgba(216,200,173,.07), transparent 28%), #171a12;
}

body.theme-raed.hajee-night-mode .hajee-hero {
  background:
    radial-gradient(circle at 12% 20%, rgba(216,200,173,.1), transparent 34%),
    radial-gradient(circle at 88% 86%, rgba(122,125,85,.14), transparent 28%),
    linear-gradient(135deg, #22271a, #171a12 58%, #10130c);
  border-color: rgba(243,234,220,.08);
}

body.theme-raed.hajee-night-mode .hajee-hero__watermark {
  opacity: .08;
  mix-blend-mode: screen;
  filter: grayscale(1) invert(1) brightness(1.08) contrast(1.12);
}

body.theme-raed.hajee-night-mode :where(
  .hajee-hero__eyebrow,
  .hajee-hero__daypart,
  .hajee-button--secondary,
  .hajee-hero__facts,
  .hajee-hero__visual-label,
  .hajee-depth-gateway,
  .hajee-delivery-estimator
) {
  color: #f3eadc;
  background: rgba(28,32,21,.76);
  border-color: rgba(243,234,220,.11);
}

body.theme-raed.hajee-night-mode .hajee-native-paths {
  background: linear-gradient(180deg, #1d2117, #171a12);
  border-color: rgba(243,234,220,.08);
}

body.theme-raed.hajee-night-mode .hajee-native-paths :where(.s-slider-block__title, .s-block__title) h2 {
  color: #f3eadc;
}

body.theme-raed.hajee-night-mode .hajee-native-paths__intro {
  color: rgba(243, 234, 220, 0.62);
}

/* Keep the approved olive / beige / olive identity in night mode too. */
body.theme-raed.hajee-night-mode .hajee-native-paths a[data-hajee-path-key="hithq"],
body.theme-raed.hajee-night-mode .hajee-native-paths a[data-hajee-path-key="beds"] {
  color: #fffaf0;
}

body.theme-raed.hajee-night-mode .hajee-native-paths a[data-hajee-path-key="bedrooms"] {
  color: #344026;
}

body.theme-raed.hajee-night-mode .hajee-comfort-gateway {
  color: #f2e8d8;
  background: radial-gradient(circle at 100% 0, rgba(184,154,104,.12), transparent 36%), #20251a;
  border-color: rgba(242,232,216,.1);
}

body.theme-raed.hajee-night-mode .hajee-comfort-gateway__copy h2,
body.theme-raed.hajee-night-mode .hajee-comfort-gateway__copy p,
body.theme-raed.hajee-night-mode .hajee-section-heading h2,
body.theme-raed.hajee-night-mode .hajee-section-heading p {
  color: #f2e8d8;
}

body.theme-raed.hajee-night-mode .hajee-v7-page,
body.theme-raed.hajee-night-mode #hajee-craft-page .hajee-v7-page,
body.theme-raed.hajee-night-mode #hajee-care-page .hajee-v7-page {
  color: #f2e8d8;
  background: #181c13;
}

body.theme-raed.hajee-night-mode .hajee-v7-page__bar {
  color: #f2e8d8;
  background: rgba(24,28,19,.92);
  border-color: rgba(242,232,216,.08);
}

body.theme-raed.hajee-night-mode :where(
  .hajee-advisor.hajee-v7-embedded,
  .hajee-advisor-choice,
  .hajee-story-content,
  .hajee-compare-section,
  .hajee-compare-board,
  .hajee-craft-ledger__card,
  .hajee-delivery-protocol,
  .hajee-delivery-protocol__steps li
) {
  color: #f2e8d8;
  background: rgba(255,255,255,.035);
  border-color: rgba(242,232,216,.09);
}

body.theme-raed.hajee-night-mode :where(
  .hajee-advisor-choice h3,
  .hajee-story-content__name,
  .hajee-story-meta dd,
  .hajee-craft-ledger > h3,
  .hajee-delivery-protocol__intro h3,
  .hajee-delivery-protocol__steps strong,
  .hajee-anatomy__panel-value
) {
  color: #f2e8d8;
}

body.theme-raed.hajee-night-mode :where(
  .hajee-advisor__intro,
  .hajee-advisor-choice p,
  .hajee-story-content__story,
  .hajee-craft-ledger__lead,
  .hajee-delivery-protocol__intro > p,
  .hajee-delivery-protocol__steps p
) {
  color: rgba(242,232,216,.62);
}

body.theme-raed.hajee-night-mode .hajee-anatomy__layout {
  background: #1f2418;
  border-color: rgba(243,234,220,.1);
}

body.theme-raed.hajee-night-mode .hajee-anatomy__panel {
  color: #f3eadc;
  background: #202419;
}

body.theme-raed.hajee-night-mode .hajee-materials__choice {
  color: #f3eadc;
  background: rgba(255,255,255,.045);
  border-color: rgba(243,234,220,.12);
}

body.theme-raed.hajee-night-mode .hajee-materials__choice.is-active {
  color: #171a12;
  background: #d7d8bd;
  border-color: #d7d8bd;
}

body.theme-raed.hajee-night-mode .hajee-delivery-estimator__field select {
  color: #f3eadc;
  background: #272c1d;
  border-color: rgba(243,234,220,.12);
}

body.theme-raed.hajee-night-mode .store-footer,
body.theme-raed.hajee-night-mode .store-footer__inner {
  background: #10130c !important;
}

/* Native catalog and dynamic hero controls — v8.2 */
body.theme-raed .hajee-native-catalog .s-products-list-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-block: 20px;
}
body.theme-raed .hajee-native-catalog .s-product-card-entry { min-width: 0; }
body.theme-raed .hajee-native-catalog .s-product-card-image img { object-fit: contain; }
body.theme-raed .hajee-hero__controls {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 14px 16px;
}
body.theme-raed .hajee-hero__controls[hidden],
body.theme-raed .hajee-hero__controls button[hidden] { display: none; }
body.theme-raed .hajee-hero__controls button {
  min-height: 44px;
  padding: 8px 14px;
  color: var(--hajee-night);
  background: var(--hajee-paper);
  border: 1px solid var(--hajee-line);
  border-radius: 999px;
  cursor: pointer;
}
body.theme-raed .hajee-hero__controls button:focus-visible,
body.theme-raed .hajee-native-catalog a:focus-visible {
  outline: 3px solid var(--hajee-brass);
  outline-offset: 3px;
}
@media (max-width: 767px) {
  body.theme-raed .hajee-native-catalog .s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body.theme-raed .hajee-hero__facts--v7 { display: none; }
  body.theme-raed .hajee-native-paths a[data-hajee-path-key] h2 { font-size: 16px; }
  body.theme-raed .hajee-native-paths__intro { margin-bottom: 14px; }
}

/* ========================================================================== 
   29. RESPONSIVE — TABLET
   ========================================================================== */

@media (max-width: 1024px) {
  body.theme-raed .hajee-hero__shell {
    width: min(calc(100% - 36px), 920px);
    gap: 34px;
    grid-template-columns: minmax(0,.92fr) minmax(300px,.82fr);
  }

  body.theme-raed .hajee-native-paths :where(.s-slider-swiper-wrapper) {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  body.theme-raed .hajee-founders,
  body.theme-raed .hajee-founders.hajee-bakoura-ribbon {
    grid-template-columns: 150px minmax(0,1fr);
  }

  body.theme-raed .hajee-founders__progress {
    grid-column: 1 / -1;
    display: grid;
    padding: 0;
    grid-template-columns: 1fr minmax(210px,.6fr);
    align-items: center;
    gap: 20px;
  }

  body.theme-raed .hajee-comfort-gateway,
  body.theme-raed .hajee-delivery-protocol,
  body.theme-raed .hajee-projects-gateway {
    grid-template-columns: 1fr;
  }

  body.theme-raed .hajee-mattress-advisor {
    grid-template-columns: 1fr;
  }

  body.theme-raed .hajee-mattress-advisor__intro {
    padding-bottom: 10px;
  }

  body.theme-raed .hajee-anatomy__layout,
  body.theme-raed .hajee-story-stage {
    grid-template-columns: 1fr;
  }

  body.theme-raed .hajee-anatomy__stage { min-height: 500px; }
  body.theme-raed .hajee-story-visual { min-height: 450px; }

  body.theme-raed .hajee-craft-ledger__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  body.theme-raed .hajee-care-section {
    grid-template-columns: 1fr 1fr;
  }

  body.theme-raed .hajee-care-intro {
    grid-column: 1 / -1;
  }

  body.theme-raed .hajee-delivery-estimator {
    grid-template-columns: 1fr 1fr;
  }

  body.theme-raed .hajee-delivery-estimator__intro {
    grid-column: 1 / -1;
  }
}

/* ========================================================================== 
   30. RESPONSIVE — MOBILE
   ========================================================================== */

@media (max-width: 767px) {
  html { scroll-padding-top: 190px; }

  body.theme-raed { padding-bottom: 76px; font-size: 15.5px; }

  body.theme-raed #mainnav.main-nav-container { min-height: 68px; }

  body.theme-raed .navbar-brand {
    width: 142px;
    min-width: 142px;
    max-width: 142px;
    min-height: 58px;
  }

  body.theme-raed .navbar-brand img,
  body.theme-raed #mainnav.main-nav-container.is-scrolled .navbar-brand img {
    max-width: 142px;
    height: 58px;
    max-height: 58px;
  }

  body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap {
    min-height: 142px;
  }

  body.theme-raed .hajee-brand-rail {
    width: calc(100% - 14px);
    min-height: 142px;
    gap: 6px;
    grid-template-rows: auto minmax(46px, auto);
    grid-template-columns: minmax(0,1fr) auto;
  }

  body.theme-raed .hajee-brand-rail__arrow { display: none; }

  body.theme-raed .hajee-brand-rail__message {
    min-height: 52px;
    padding: 5px 2px;
    gap: 8px;
    grid-template-columns: 30px minmax(0,1fr);
    text-align: right;
  }

  body.theme-raed .hajee-brand-rail__icon {
    width: 29px;
    height: 29px;
    border-radius: 10px;
  }

  body.theme-raed .hajee-brand-rail__icon svg { width: 16px; height: 16px; }

  body.theme-raed .hajee-brand-rail__content {
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 2px;
  }

  body.theme-raed .hajee-brand-rail__kicker {
    min-height: 19px;
    padding: 2px 7px;
    font-size: 8.5px;
  }

  body.theme-raed .hajee-brand-rail__text {
    width: 100%;
    font-size: 10.5px;
    line-height: 1.25;
  }

  body.theme-raed .hajee-brand-rail__cta { display: none; }
  body.theme-raed .hajee-brand-rail__dots { gap: 3px; }
  body.theme-raed .hajee-brand-rail__dot { width: 4px; height: 4px; }
  body.theme-raed .hajee-brand-rail__dot.is-active { width: 12px; }
  body.theme-raed .hajee-brand-rail__progress { right: 0; left: 0; }

  body.theme-raed .hajee-hero { min-height: auto; }

  body.theme-raed .hajee-hero__watermark {
    top: 42%;
    left: -24vw;
    width: 82vw;
    opacity: .085;
  }

  body.theme-raed .hajee-hero__shell {
    width: calc(100% - 28px);
    min-height: 0;
    padding: 20px 0 24px;
    gap: 26px;
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "copy" "visual";
  }

  body.theme-raed .hajee-hero__content { max-width: none; }

  body.theme-raed .hajee-hero__title {
    max-width: 360px;
    font-size: clamp(30px,8vw,40px);
  }

  body.theme-raed .hajee-hero__copy {
    max-width: 370px;
    font-size: 14px;
    line-height: 1.85;
  }

  body.theme-raed .hajee-hero__visual {
    width: 100%;
    transform: none;
  }

  body.theme-raed .hajee-hero__visual::before { display: none; }

  body.theme-raed .hajee-hero__visual-frame {
    aspect-ratio: 1.5 / 1;
    border-radius: 28px 28px 9px 28px;
  }

  body.theme-raed .hajee-hero__facts {
    bottom: 14px;
    width: calc(100% - 24px);
    border-radius: 18px;
    grid-template-columns: 1fr;
  }

  body.theme-raed .hajee-hero__fact {
    min-height: 48px;
    padding: 8px 14px;
  }

  body.theme-raed .hajee-hero__fact + .hajee-hero__fact::before {
    top: 0;
    right: 14px;
    left: 14px;
    bottom: auto;
    width: auto;
    height: 1px;
  }

  body.theme-raed #hajee-brand-lines.hajee-native-paths,
  body.theme-raed .hajee-native-paths.hajee-paths-stage {
    padding: 20px 0;
    scroll-margin-top: 112px;
  }

  body.theme-raed .hajee-native-paths > .container {
    width: calc(100% - 28px);
  }

  body.theme-raed .hajee-native-paths :where(.s-slider-swiper-wrapper) {
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.theme-raed .hajee-native-paths a[data-hajee-path-key] {
    min-height: 98px;
    padding: 12px 6px;
    border-radius: 24px 24px 8px 24px;
    gap: 11px;
  }

  body.theme-raed .hajee-native-paths a[data-hajee-path-key]::before {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  body.theme-raed .hajee-native-paths a[data-hajee-path-key]::after {
    left: 16px;
    bottom: 14px;
    font-size: 17px;
  }

  body.theme-raed .hajee-products-priority.hajee-bed-stage {
    width: calc(100% - 16px) !important;
    margin-top: 14px !important;
    padding: 26px 12px 34px !important;
    border-radius: 24px 24px 7px 24px !important;
  }

  body.theme-raed .hajee-comfort-gateway {
    width: calc(100% - 24px);
    margin-top: 44px;
    padding: 26px 18px;
    gap: 24px;
    border-radius: 24px 24px 8px 24px;
  }

  body.theme-raed .hajee-comfort-gateway__copy h2 { font-size: 3.2rem; }

  body.theme-raed .hajee-comfort-gateway__actions,
  body.theme-raed .hajee-advisor__layout.hajee-advisor__choices-v76,
  body.theme-raed .hajee-mattress-question__options,
  body.theme-raed .hajee-craft-ledger__grid,
  body.theme-raed .hajee-delivery-protocol__steps,
  body.theme-raed #hajee-care-page .hajee-care-section,
  body.theme-raed .hajee-delivery-estimator,
  body.theme-raed .hajee-care-section {
    grid-template-columns: 1fr;
  }

  body.theme-raed .hajee-comfort-gateway__craft { grid-column: auto; }

  body.theme-raed .hajee-v7-layer { padding: 0; }

  body.theme-raed .hajee-v7-page {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  body.theme-raed .hajee-v7-page__bar {
    min-height: 58px;
    padding-inline: 14px;
  }

  body.theme-raed .hajee-v7-page__hero {
    padding: 48px 18px 52px;
  }

  body.theme-raed .hajee-v7-page__hero h2 { font-size: 3.8rem; }

  body.theme-raed .hajee-v7-page__content {
    width: calc(100% - 24px);
    padding: 34px 0 70px;
  }

  body.theme-raed .hajee-advisor.hajee-v7-embedded {
    padding: 24px 16px;
    border-radius: 24px 24px 8px 24px;
  }

  body.theme-raed .hajee-advisor-choice { min-height: 220px; }

  body.theme-raed .hajee-experience,
  body.theme-raed .hajee-experience.hajee-experience--quiet {
    padding-top: 30px;
  }

  body.theme-raed .hajee-experience > section,
  body.theme-raed .hajee-growth-section {
    width: calc(100% - 24px);
  }

  body.theme-raed .hajee-mattress-advisor {
    width: calc(100% - 24px);
    margin-top: 48px;
    padding: 12px;
    border-radius: 26px;
  }

  body.theme-raed .hajee-mattress-advisor__intro {
    padding: 24px 12px 16px;
  }

  body.theme-raed .hajee-mattress-advisor__intro h2 {
    font-size: clamp(2.8rem,14vw,4rem);
  }

  body.theme-raed .hajee-mattress-advisor__quiz {
    min-height: 0;
    padding: 24px 16px;
    border-radius: 22px;
  }

  body.theme-raed .hajee-mattress-advisor__quiz.is-result { min-height: 0; }

  body.theme-raed .hajee-mattress-question legend {
    font-size: clamp(1.7rem,8vw,2.35rem);
  }

  body.theme-raed .hajee-mattress-result__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.theme-raed .hajee-founders,
  body.theme-raed .hajee-founders.hajee-bakoura-ribbon {
    width: calc(100% - 24px);
    margin-top: 12px;
    padding: 12px;
    gap: 12px;
    grid-template-columns: 1fr;
    border-radius: 22px 22px 7px 22px;
  }

  body.theme-raed .hajee-founders__serial { min-height: 88px; padding: 14px 18px; }

  body.theme-raed .hajee-founders__progress {
    grid-column: auto;
    display: flex;
    padding: 5px;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }

  body.theme-raed .hajee-materials { grid-template-columns: 1fr; gap: 28px; }

  body.theme-raed .hajee-anatomy__layout { min-height: 0; border-radius: 28px 28px 9px 28px; }
  body.theme-raed .hajee-anatomy__stage { min-height: 390px; }
  body.theme-raed .hajee-anatomy__blueprint { inset: 56px 22px 58px; }
  body.theme-raed .hajee-anatomy__panel { min-height: 0; padding: 28px 20px; }
  body.theme-raed .hajee-anatomy__parts { grid-template-columns: 1fr; }

  body.theme-raed .hajee-journey { padding: 28px 18px; border-radius: 28px; }
  body.theme-raed .hajee-journey__list { grid-template-columns: 1fr; }
  body.theme-raed .hajee-journey__step { min-height: 0; padding: 18px; border-inline: 1px solid rgba(255,255,255,.08); }
  body.theme-raed .hajee-journey__step + .hajee-journey__step::before { top: 0; right: 18px; left: 18px; bottom: auto; width: auto; height: 1px; }

  body.theme-raed .hajee-story-visual { min-height: 330px; }
  body.theme-raed .hajee-story-content { padding: 28px 22px; }
  body.theme-raed .hajee-story-meta { grid-template-columns: 1fr; }
  body.theme-raed .hajee-story-meta__item + .hajee-story-meta__item { padding-right: 0; border-top: 1px solid var(--hajee-line); border-right: 0; }

  body.theme-raed .hajee-compare-section { padding: 24px 18px; }
  body.theme-raed .hajee-compare-controls { grid-template-columns: 1fr; }
  body.theme-raed .hajee-compare-controls__versus { width: auto; height: auto; background: transparent; }
  body.theme-raed .hajee-compare-row { grid-template-columns: 1fr 1fr; }
  body.theme-raed .hajee-compare-row__label { grid-column: 1 / -1; min-height: 42px; }
  body.theme-raed .hajee-compare-row > :where(p,.hajee-compare-row__left,.hajee-compare-row__right) { min-height: 76px; padding: 12px; }

  body.theme-raed .hajee-care-section { padding: 24px 18px; }
  body.theme-raed .hajee-care-intro { grid-column: auto; padding: 6px; }

  body.theme-raed .hajee-delivery-estimator__intro { grid-column: auto; }

  body.theme-raed .hajee-projects-gateway,
  body.theme-raed .hajee-depth-gateway,
  body.theme-raed .hajee-delivery-estimator {
    padding: 22px 16px;
    border-radius: 24px 24px 8px 24px;
  }

  body.theme-raed .hajee-depth-gateway__controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.theme-raed .hajee-depth-gateway__button:last-child { grid-column: 1 / -1; }

  body.theme-raed .hajee-mobile-dock {
    position: fixed;
    right: 12px;
    bottom: max(10px, env(safe-area-inset-bottom));
    left: 12px;
    z-index: 999;
    display: grid;
    padding: 6px;
    overflow: hidden;
    background: rgba(255,253,248,.9);
    border: 1px solid rgba(48,54,35,.14);
    border-radius: 18px;
    box-shadow: 0 16px 50px rgba(31,36,24,.2);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    grid-template-columns: .88fr 1.12fr;
  }

  body.theme-raed .hajee-mobile-dock a {
    display: flex;
    min-height: 47px;
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
  }

  body.theme-raed .hajee-mobile-dock__design { color: var(--hajee-night); }
  body.theme-raed .hajee-mobile-dock__explore { color: var(--hajee-paper); background: var(--hajee-olive); }

  body.theme-raed .hajee-support-entry::before { display: none; }

  body.theme-raed .hajee-teaser__fragments { width: 142vw; max-width: 760px; }
  body.theme-raed .hajee-teaser__content { width: calc(100% - 28px); padding: 54px 14px; }
  body.theme-raed .hajee-teaser__title { font-size: clamp(44px,15vw,62px); }
  body.theme-raed .hajee-teaser__copy { font-size: 14px; }
  body.theme-raed .hajee-countdown { margin-top: 24px; padding: 16px 10px 14px; border-radius: 22px; }
  body.theme-raed .hajee-countdown__unit { padding-inline: 5px; }
  body.theme-raed .hajee-countdown__value { font-size: clamp(27px,9vw,36px); }
}

/* ========================================================================== 
   31. REDUCED MOTION / PERFORMANCE SAFETY
   ========================================================================== */

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

  body.theme-raed .hajee-reveal {
    opacity: 1;
    transform: none;
  }

  body.theme-raed :where(
    .hajee-hero__visual,
    .hajee-hero__product-image,
    .hajee-hero__watermark,
    .hajee-reveal,
    .hajee-v7-layer__backdrop,
    .hajee-v7-page,
    .hajee-brand-rail__dot,
    .hajee-teaser__fragment,
    .hajee-teaser__door-panel,
    .hajee-teaser__door-seam,
    .hajee-mattress-progress > span
  ) {
    transition: none !important;
    animation: none !important;
  }

  body.theme-raed .hajee-teaser__fragments {
    animation: none !important;
  }
}

/* ========================================================================== 
   END — HAJEE UNIFIED DIGITAL DAR v8.8.0
   ========================================================================== */


/* Advisor — one fixed shell; scrolling belongs to the hosted Zoho form. */
body.theme-raed #hajee-comfort-page[hidden] {display:none!important;}
body.theme-raed #hajee-comfort-page .hajee-v7-page {display:flex;flex-direction:column;width:min(100%,960px);height:calc(100dvh - 24px);overflow:hidden;}
body.theme-raed #hajee-comfort-page .hajee-v7-page__bar {flex:none;position:static;}
body.theme-raed #hajee-comfort-page .hajee-v7-page__hero {flex:none;padding:12px 24px;background:var(--hajee-paper);}
body.theme-raed #hajee-comfort-page .hajee-v7-page__hero::after {display:none;}
body.theme-raed #hajee-comfort-page .hajee-v7-page__hero h2 {font-size:28px;margin:0;}
body.theme-raed #hajee-comfort-page .hajee-v7-page__hero p {font-size:16px;margin:4px 0;line-height:1.6;}
body.theme-raed #hajee-comfort-page .hajee-v7-page__eyebrow {display:none;}
body.theme-raed #hajee-comfort-page .hajee-v7-page__content {flex:1;min-height:0;display:flex;padding:0 16px 12px;}
body.theme-raed #hajee-room-advisor.hajee-advisor-studio {display:flex;flex:1;min-height:0;margin:0;padding:0;border:0;width:100%;}
.hajee-studio-form {display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--hajee-sand);border-radius:16px;overflow:hidden;background:#fff;direction:rtl;}
.hajee-studio-formbar {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;background:var(--hajee-olive);color:var(--hajee-paper);flex:none;}
.hajee-studio-external {color:var(--hajee-paper);font-size:14px;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center;}
.hajee-studio-status {font-size:13px;line-height:1.5;margin:0;padding:6px 14px;color:var(--hajee-ink);flex:none;}
.hajee-studio-frame {display:block;width:100%;flex:1;min-height:0;border:0;background:white;}
.hajee-studio-return {flex:none;min-height:44px;background:var(--hajee-paper);color:var(--hajee-ink);border:0;cursor:pointer;font:inherit;}
.hajee-studio-external:focus-visible,.hajee-studio-return:focus-visible {outline:3px solid var(--hajee-brass);outline-offset:-3px;}
@media(max-width:600px){
body.theme-raed #hajee-comfort-page {padding:0;}
body.theme-raed #hajee-comfort-page .hajee-v7-page {height:100vh;height:100dvh;border-radius:0;}
body.theme-raed #hajee-comfort-page .hajee-v7-page__content {padding:0 6px max(6px,env(safe-area-inset-bottom));}
body.theme-raed #hajee-comfort-page .hajee-v7-page__hero {padding:8px 14px;}
.hajee-studio-formbar strong {display:none;}
}
@media(max-height:550px){
body.theme-raed #hajee-comfort-page .hajee-v7-page__hero {display:none;}
.hajee-studio-status {display:none;}
}

/* Purchase decision panel — bed-only clarity layer. */
body.theme-raed .hajee-purchase-summary {
  margin-block: 16px 24px;
  padding: 20px;
  background: var(--hajee-paper);
  color: var(--hajee-night);
  border: 1px solid var(--hajee-line);
  border-radius: 18px;
}
body.theme-raed .hajee-purchase-summary h2 { margin: 0 0 10px; font-size: 22px; }
body.theme-raed .hajee-purchase-summary p { margin-block: 8px; font-size: 14px; line-height: 1.8; }
body.theme-raed .hajee-purchase-summary .hajee-catalog-delivery { color: var(--hajee-olive); font-weight: 700; }
body.theme-raed .hajee-purchase-help { display: inline-block; padding-block: 10px; text-decoration: underline; }
body.theme-raed .hajee-product-card .s-product-card-image { aspect-ratio: 4 / 3; }
body.theme-raed .hajee-product-card .s-product-card-image img { object-fit: contain; object-position: center; }

/* ========================================================================== 
   32. V8.8 COMMERCE OVERRIDES — FINAL AUTHORITY
   ========================================================================== */

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

body.theme-raed #hajee-mobile-dock { display:none!important; }

@media(max-width:767px){
  body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap { min-height:40px!important; }
  body.theme-raed .hajee-brand-rail { min-height:40px!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-rows:1fr!important; }
  body.theme-raed .hajee-brand-rail__message { min-height:40px!important; }
  body.theme-raed .hajee-hero__facts { position:static; width:calc(100% - 24px); margin:0 auto 16px; transform:none; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); border-radius:16px; }
  body.theme-raed .hajee-hero__fact { min-height:62px; padding:8px; gap:5px; align-items:flex-start; }
  body.theme-raed .hajee-hero__fact + .hajee-hero__fact::before { top:8px; right:0; bottom:8px; left:auto; width:1px; height:auto; }
  body.theme-raed .hajee-hero__fact strong { font-size:10px; line-height:1.35; }
  body.theme-raed .hajee-hero__fact span { font-size:8.5px; line-height:1.35; }
  body.theme-raed .hajee-hero__fact .hajee-icon { width:15px; height:15px; flex-basis:15px; }
  body.theme-raed { padding-bottom:0; }
}

body.theme-raed .hajee-purchase-summary--bed {
  margin-block:14px 20px;
  padding:18px;
  background:linear-gradient(145deg,#fffdf8,#f5ede1);
  border:1px solid var(--hajee-line);
  border-radius:18px;
}
body.theme-raed .hajee-purchase-summary__eyebrow { display:block; margin-bottom:4px; color:var(--hajee-brass-ink); font-size:11px; font-weight:850; }
body.theme-raed .hajee-purchase-summary--bed h2 { margin:0 0 12px; color:var(--hajee-night); font-size:21px; }
body.theme-raed .hajee-purchase-summary__facts { display:grid; gap:8px; }
body.theme-raed .hajee-purchase-summary__fact { display:grid; grid-template-columns:72px minmax(0,1fr); gap:8px; padding-top:8px; border-top:1px solid var(--hajee-line); }
body.theme-raed .hajee-purchase-summary__fact strong { color:var(--hajee-night); font-size:12px; }
body.theme-raed .hajee-purchase-summary__fact span { color:var(--hajee-muted); font-size:12px; line-height:1.65; }
body.theme-raed .hajee-purchase-sizes { color:var(--hajee-olive); font-weight:800; }
body.theme-raed .hajee-purchase-help { display:inline-flex; margin-top:10px; color:var(--hajee-olive); font-size:12px; font-weight:800; }


/* ========================================================================== 
   99. HAJEE v8.11 — NATIVE CATEGORY COMMERCE / NO-OVERLAP AUTHORITY
   Salla owns category images. HAJEE only composes the experience.
   ========================================================================== */

/* ---- Global surface ------------------------------------------------------ */
body.theme-raed #main-content {
  background:
    radial-gradient(circle at 6% 4%, rgba(216,199,173,.13), transparent 24%),
    radial-gradient(circle at 94% 18%, rgba(110,112,68,.06), transparent 22%),
    #fbf8f1;
}

/* ---- Hero: one cinematic surface, zero collisions ----------------------- */
body.theme-raed .hajee-hero {
  position:relative;
  width:min(calc(100% - 32px), 1380px);
  min-height:0;
  margin:18px auto 24px;
  overflow:visible;
  color:#fffaf2;
  background:transparent!important;
  border:0!important;
  border-radius:0;
  box-shadow:none;
  isolation:isolate;
}
body.theme-raed .hajee-hero::before,
body.theme-raed .hajee-hero::after,
body.theme-raed .hajee-hero__watermark,
body.theme-raed .hajee-hero__pointer-glow { display:none!important; }

body.theme-raed .hajee-hero__shell {
  position:relative;
  display:block;
  width:100%;
  height:clamp(520px, 64vh, 690px);
  min-height:520px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#1b2015;
  border:1px solid rgba(255,255,255,.16);
  border-radius:36px 36px 12px 36px;
  box-shadow:0 34px 90px rgba(34,29,20,.17);
  isolation:isolate;
}
body.theme-raed .hajee-hero__shell::before {
  position:absolute;
  inset:0;
  z-index:3;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(11,14,9,.76) 0%, rgba(13,16,10,.56) 28%, rgba(13,16,10,.18) 56%, rgba(13,16,10,.02) 78%),
    linear-gradient(180deg, rgba(8,10,7,.03), transparent 56%, rgba(8,10,7,.24));
}
body.theme-raed .hajee-hero__shell::after {
  position:absolute;
  inset:18px;
  z-index:5;
  content:"";
  pointer-events:none;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px 28px 8px 28px;
}
body.theme-raed .hajee-hero__visual {
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  max-width:none;
  height:100%;
  color:#fff;
  transform:none!important;
}
body.theme-raed .hajee-hero__visual::before { display:none!important; }
body.theme-raed .hajee-hero__visual-frame {
  width:100%;
  height:100%;
  aspect-ratio:auto;
  overflow:hidden;
  background:linear-gradient(145deg,#d9cbb9,#aa9278);
  border:0;
  border-radius:inherit;
  box-shadow:none;
}
body.theme-raed .hajee-hero__product-image {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.92) contrast(1.02) brightness(.93);
}
body.theme-raed .hajee-hero__content {
  position:absolute;
  top:50%;
  left:clamp(34px, 6vw, 92px);
  z-index:6;
  display:flex;
  width:min(47%, 610px);
  max-width:610px;
  color:#fffaf2!important;
  flex-direction:column;
  transform:translateY(-50%);
  text-align:right;
}
body.theme-raed .hajee-hero__signals {
  display:flex;
  margin:0 0 18px;
  align-items:center;
  gap:8px;
}
body.theme-raed .hajee-hero__eyebrow,
body.theme-raed .hajee-hero__daypart {
  min-height:34px;
  padding:7px 13px;
  color:#fffaf2!important;
  background:rgba(255,255,255,.095)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px);
}
body.theme-raed .hajee-hero__title {
  max-width:560px;
  margin:0 0 15px;
  color:#fffaf2!important;
  font-size:clamp(46px, 5vw, 74px);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.055em;
  text-shadow:0 10px 38px rgba(0,0,0,.24);
}
body.theme-raed .hajee-hero__copy {
  max-width:550px;
  margin:0;
  color:rgba(255,250,242,.86)!important;
  font-size:clamp(15px, 1.35vw, 18px);
  line-height:1.82;
  text-shadow:0 3px 18px rgba(0,0,0,.16);
}
body.theme-raed .hajee-hero__actions {
  display:flex;
  margin-top:24px;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
body.theme-raed .hajee-hero .hajee-button {
  min-height:48px;
  padding:10px 21px;
  border-radius:999px;
  font-size:13px;
  font-weight:850;
}
body.theme-raed .hajee-hero .hajee-button--primary {
  color:#202619!important;
  background:#fffaf2!important;
  border-color:#fffaf2!important;
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
body.theme-raed .hajee-hero .hajee-button--secondary {
  color:#fffaf2!important;
  background:rgba(10,13,8,.16)!important;
  border-color:rgba(255,255,255,.48)!important;
  backdrop-filter:blur(8px);
}
body.theme-raed .hajee-hero__reassurance {
  display:flex;
  margin:16px 0 0;
  align-items:center;
  color:rgba(255,250,242,.72)!important;
  font-size:11.5px;
  gap:7px;
}
body.theme-raed .hajee-hero__controls {
  position:static!important;
  display:inline-flex!important;
  width:max-content;
  min-height:34px;
  margin:14px 0 0;
  padding:4px;
  align-items:center;
  gap:4px;
  color:#fffaf2;
  background:rgba(13,16,10,.24);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  backdrop-filter:blur(10px);
}
body.theme-raed .hajee-hero__control {
  display:grid;
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  place-items:center;
  color:#fffaf2!important;
  background:transparent!important;
  border:0!important;
  border-radius:50%;
  font-family:Arial,sans-serif!important;
  font-size:13px;
  cursor:pointer;
}
body.theme-raed .hajee-hero__control:hover { background:rgba(255,255,255,.12)!important; }
body.theme-raed .hajee-hero__control-count {
  min-width:42px;
  color:rgba(255,250,242,.84);
  font-family:Arial,sans-serif!important;
  font-size:11px;
  text-align:center;
}
body.theme-raed .hajee-hero__visual-label {
  right:24px;
  bottom:24px;
  z-index:7;
  min-width:178px;
  padding:10px 14px;
  color:#24291b;
  background:rgba(255,250,242,.9);
  border:1px solid rgba(255,255,255,.6);
  border-radius:15px 15px 5px 15px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  backdrop-filter:blur(10px);
}
body.theme-raed .hajee-hero__facts {
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:8;
  display:grid;
  width:min(calc(100% - 96px), 1120px)!important;
  margin:14px auto 0!important;
  overflow:hidden;
  color:var(--hajee-night);
  background:rgba(255,252,246,.96)!important;
  border:1px solid rgba(48,54,35,.09)!important;
  border-radius:18px!important;
  box-shadow:0 16px 44px rgba(31,36,24,.09)!important;
  grid-template-columns:repeat(3,1fr);
  transform:none!important;
  backdrop-filter:blur(12px);
}
body.theme-raed .hajee-hero__fact {
  min-height:78px;
  padding:13px 20px;
}
body.theme-raed .hajee-hero__fact strong { font-size:13px; }
body.theme-raed .hajee-hero__fact span { font-size:10px; }

/* ---- Native Salla categories: category images are the source of truth ------ */
body.theme-raed .hajee-commerce-paths--native {
  position:relative;
  z-index:3;
  width:min(calc(100% - 40px), 1360px)!important;
  max-width:1360px!important;
  margin:28px auto 36px!important;
  padding:24px 0 10px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.theme-raed .hajee-commerce-paths--native > .container,
body.theme-raed .hajee-commerce-paths--native :where(.container) {
  width:100%!important;
  max-width:none!important;
  padding-inline:0!important;
}
body.theme-raed .hajee-commerce-paths--native :where(.s-slider-block__title,.s-block__title) {
  display:block!important;
  margin:0 0 6px!important;
  text-align:center;
}
body.theme-raed .hajee-commerce-paths--native :where(.s-slider-block__title,.s-block__title) h2,
body.theme-raed .hajee-commerce-paths--native > :where(h1,h2,h3) {
  margin:0!important;
  color:#202619!important;
  font-size:clamp(36px, 4vw, 56px)!important;
  font-weight:800!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
}
body.theme-raed .hajee-commerce-paths__intro {
  max-width:720px;
  margin:9px auto 24px!important;
  color:rgba(48,54,35,.61)!important;
  font-size:13px!important;
  line-height:1.8!important;
  text-align:center!important;
}
body.theme-raed .hajee-commerce-paths--native :where(.s-slider-block__title-nav,.swiper-button-next,.swiper-button-prev) {
  display:none!important;
}
body.theme-raed .hajee-commerce-paths--native :where(.s-slider-container) { overflow:visible!important; }
body.theme-raed .hajee-commerce-paths--native :where(.s-slider-swiper-wrapper,.swiper-wrapper) {
  display:grid!important;
  width:100%!important;
  height:auto!important;
  gap:14px!important;
  grid-template-columns:1.16fr 1.04fr .94fr .9fr!important;
  transform:none!important;
}
body.theme-raed .hajee-commerce-paths--native :where(.swiper-slide,.hajee-native-commerce-slide) {
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
body.theme-raed .hajee-native-commerce-card {
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-height:246px!important;
  padding:20px!important;
  overflow:hidden!important;
  align-items:flex-end!important;
  color:#fffaf2!important;
  background:#6f6b5d!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:30px 30px 10px 30px!important;
  box-shadow:0 20px 48px rgba(38,34,25,.11)!important;
  isolation:isolate!important;
  text-decoration:none!important;
  transform:translateY(0)!important;
  transition:transform .3s cubic-bezier(.2,.75,.2,1), box-shadow .3s ease!important;
}
body.theme-raed .hajee-native-commerce-card:hover {
  transform:translateY(-6px)!important;
  box-shadow:0 30px 68px rgba(31,29,22,.17)!important;
}
body.theme-raed .hajee-native-commerce-card__source {
  position:absolute!important;
  inset:0!important;
  z-index:-8!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.theme-raed .hajee-commerce-path__media {
  position:absolute!important;
  inset:0!important;
  z-index:-4!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 74% 12%,rgba(255,255,255,.17),transparent 29%),
    linear-gradient(145deg,#b9a993,#8a8474)!important;
}
body.theme-raed .hajee-commerce-path__media::after {
  position:absolute;
  inset:0;
  z-index:2;
  content:"";
  pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,9,.02) 0%,rgba(11,14,9,.04) 32%,rgba(11,14,9,.28) 62%,rgba(11,14,9,.88) 100%);
}
body.theme-raed .hajee-commerce-path__media img {
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:0;
  filter:saturate(.94) contrast(1.03) brightness(.96);
  transform:scale(1.02);
  transition:opacity .45s ease, transform .75s cubic-bezier(.2,.75,.2,1), filter .4s ease;
}
body.theme-raed .hajee-native-commerce-card.has-media .hajee-commerce-path__media img { opacity:1; }
body.theme-raed .hajee-native-commerce-card:hover .hajee-commerce-path__media img {
  filter:saturate(1) contrast(1.04) brightness(1.01);
  transform:scale(1.055);
}
body.theme-raed .hajee-commerce-path__overlay {
  position:relative;
  z-index:5;
  display:flex;
  width:100%;
  min-width:0;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
body.theme-raed .hajee-commerce-path__copy {
  display:flex!important;
  width:min(84%, 330px)!important;
  min-width:0!important;
  padding:0!important;
  flex-direction:column!important;
  gap:4px!important;
}
body.theme-raed .hajee-commerce-path__eyebrow {
  margin:0!important;
  color:#e7cda4!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:850!important;
  line-height:1.4!important;
}
body.theme-raed .hajee-commerce-path__copy strong {
  color:#fffaf2!important;
  font-size:clamp(20px,1.65vw,25px)!important;
  font-weight:850!important;
  line-height:1.18!important;
  text-shadow:0 3px 20px rgba(0,0,0,.22)!important;
}
body.theme-raed .hajee-commerce-path__copy small {
  display:-webkit-box!important;
  overflow:hidden!important;
  color:rgba(255,250,242,.8)!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.theme-raed .hajee-commerce-path__icon {
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  left:auto!important;
  z-index:6!important;
  display:grid!important;
  width:42px!important;
  height:42px!important;
  place-items:center!important;
  color:#fffaf2!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:14px!important;
  backdrop-filter:blur(12px)!important;
}
body.theme-raed .hajee-commerce-path__index {
  position:absolute!important;
  top:20px!important;
  left:18px!important;
  z-index:6!important;
  color:rgba(255,250,242,.78)!important;
  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
body.theme-raed .hajee-commerce-path__arrow {
  display:grid!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  place-items:center!important;
  color:#202619!important;
  background:#fffaf2!important;
  border:1px solid rgba(255,255,255,.6)!important;
  border-radius:50%!important;
  box-shadow:0 8px 22px rgba(0,0,0,.13)!important;
  font-family:Arial,sans-serif!important;
  font-size:14px!important;
}
body.theme-raed .hajee-native-commerce-card--premium,
body.theme-raed .hajee-commerce-path--premium { background:#3d4730!important; }
body.theme-raed .hajee-commerce-path--rawafed { background:#745b47!important; }
body.theme-raed .hajee-commerce-path--mattress { background:#8a8174!important; }
body.theme-raed .hajee-commerce-path--hithq { background:#36402a!important; }
body.theme-raed .hajee-native-commerce-card.is-visual-missing .hajee-commerce-path__media {
  background:linear-gradient(145deg,#8d8575,#4d503f)!important;
}

/* ---- Bed stage: owned by HAJEE only, never hijack a Salla block ------------ */
body.theme-raed .hajee-native-catalog.hajee-bed-stage {
  position:relative;
  z-index:2;
  width:min(calc(100% - 40px), 1360px)!important;
  margin:18px auto 42px!important;
  padding:18px 0 4px!important;
  overflow:visible!important;
  color:var(--hajee-night)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.theme-raed .hajee-native-catalog .hajee-bed-stage__heading {
  display:grid!important;
  margin:0 0 18px!important;
  grid-template-columns:1fr auto;
  grid-template-areas:"eyebrow eyebrow" "title copy";
  align-items:end;
  gap:4px 22px;
  color:var(--hajee-night)!important;
}
body.theme-raed .hajee-native-catalog .hajee-bed-stage__eyebrow {
  grid-area:eyebrow;
  color:var(--hajee-brass-ink)!important;
  font-size:11px;
  font-weight:800;
}
body.theme-raed .hajee-native-catalog .hajee-bed-stage__heading h2 {
  grid-area:title;
  margin:0!important;
  color:#202619!important;
  font-size:clamp(34px,4vw,54px)!important;
  font-weight:850!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
body.theme-raed .hajee-native-catalog .hajee-bed-stage__copy {
  grid-area:copy;
  max-width:520px;
  margin:0!important;
  color:rgba(48,54,35,.55)!important;
  font-size:12.5px!important;
  line-height:1.65!important;
  text-align:left;
}
body.theme-raed .hajee-home-bed-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.theme-raed .hajee-home-bed-card {
  display:flex!important;
  min-width:0;
  overflow:hidden;
  color:var(--hajee-night)!important;
  background:#fffdf8!important;
  border:1px solid rgba(48,54,35,.08)!important;
  border-radius:22px 22px 7px 22px!important;
  box-shadow:0 13px 34px rgba(43,38,27,.055)!important;
  flex-direction:column;
  text-decoration:none!important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
body.theme-raed .hajee-home-bed-card:hover {
  transform:translateY(-5px);
  border-color:rgba(184,154,104,.36)!important;
  box-shadow:0 24px 55px rgba(43,38,27,.11)!important;
}
body.theme-raed .hajee-home-bed-card__media {
  position:relative;
  display:block;
  aspect-ratio:1.28/1;
  overflow:hidden;
  background:linear-gradient(145deg,#f4ecdf,#e7dac7);
}
body.theme-raed .hajee-home-bed-card__media img {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 46%!important;
  transform:scale(1.01);
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
body.theme-raed .hajee-home-bed-card:hover .hajee-home-bed-card__media img { transform:scale(1.045); }
body.theme-raed .hajee-home-bed-card__index {
  position:absolute;
  top:10px;
  left:10px;
  display:grid;
  width:29px;
  height:29px;
  place-items:center;
  color:#303623;
  background:rgba(255,250,242,.9);
  border:1px solid rgba(255,255,255,.64);
  border-radius:50%;
  font-family:Arial,sans-serif!important;
  font-size:9px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
body.theme-raed .hajee-home-bed-card__body {
  display:flex!important;
  min-height:130px!important;
  padding:14px 15px 13px!important;
  flex-direction:column!important;
}
body.theme-raed .hajee-home-bed-card__name { color:#202619!important; font-size:17px!important; line-height:1.25!important; }
body.theme-raed .hajee-home-bed-card__subtitle { margin-top:4px!important; color:rgba(48,54,35,.58)!important; font-size:11px!important; line-height:1.5!important; }
body.theme-raed .hajee-home-bed-card__foot {
  display:flex!important;
  margin-top:auto!important;
  padding-top:10px!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:8px!important;
  border-top:1px solid rgba(48,54,35,.07)!important;
}
body.theme-raed .hajee-home-bed-card__price { color:#202619!important; font-size:12px!important; }
body.theme-raed .hajee-home-bed-card__cta { color:#6e7044!important; font-size:10.5px!important; font-weight:850!important; }
body.theme-raed .hajee-bed-stage__browse { margin-top:16px!important; min-height:42px!important; padding:8px 17px!important; font-size:12px!important; }

/* ---- Campaign: image-led, not an empty green rectangle -------------------- */
body.theme-raed .hajee-promo-stage {
  display:grid!important;
  width:min(calc(100% - 40px), 1360px)!important;
  min-height:330px!important;
  margin:34px auto 42px!important;
  padding:0!important;
  align-items:stretch!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  overflow:hidden!important;
  color:#fffaf2!important;
  background:linear-gradient(130deg,#1a2014,#343a27 58%,#554838)!important;
  border:1px solid rgba(48,54,35,.08)!important;
  border-radius:28px 28px 9px 28px!important;
  box-shadow:0 24px 70px rgba(38,34,25,.12)!important;
}
body.theme-raed .hajee-promo-stage::after { display:none!important; }
body.theme-raed .hajee-promo-stage__content {
  display:flex!important;
  padding:clamp(28px,4vw,54px)!important;
  justify-content:center!important;
  flex-direction:column!important;
}
body.theme-raed .hajee-promo-stage h2 { max-width:620px!important; font-size:clamp(36px,4.3vw,60px)!important; }
body.theme-raed .hajee-promo-stage__media { min-height:330px!important; margin:0!important; overflow:hidden!important; background:#b59a7d!important; }
body.theme-raed .hajee-promo-stage__media img { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 46%!important; }

/* ---- Advisor: compact optional support ----------------------------------- */
body.theme-raed .hajee-comfort-gateway {
  width:min(calc(100% - 40px), 1360px)!important;
  min-height:196px!important;
  margin:18px auto 48px!important;
  padding:28px 32px!important;
  gap:24px!important;
  grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr)!important;
  background:linear-gradient(135deg,#fbf7ef,#eee2d1 72%,#e5d4bb)!important;
  border-radius:26px 26px 8px 26px!important;
  box-shadow:0 18px 52px rgba(43,38,27,.065)!important;
}
body.theme-raed .hajee-comfort-gateway__copy h2 { font-size:clamp(40px,4.3vw,60px)!important; }

/* ---- Tablet --------------------------------------------------------------- */
@media (max-width:1000px) {
  body.theme-raed .hajee-hero { width:calc(100% - 20px); margin-top:10px; }
  body.theme-raed .hajee-hero__shell { height:600px; min-height:600px; border-radius:25px 25px 8px 25px; }
  body.theme-raed .hajee-hero__shell::before {
    background:linear-gradient(180deg,rgba(9,11,7,.06) 10%,rgba(9,11,7,.20) 42%,rgba(9,11,7,.86) 100%);
  }
  body.theme-raed .hajee-hero__product-image { object-position:center 42%; }
  body.theme-raed .hajee-hero__content {
    top:auto;
    right:18px;
    bottom:22px;
    left:18px;
    width:auto;
    max-width:none;
    transform:none;
  }
  body.theme-raed .hajee-hero__title { max-width:440px; font-size:clamp(38px,9vw,54px); }
  body.theme-raed .hajee-hero__copy { max-width:520px; font-size:13.5px; line-height:1.68; }
  body.theme-raed .hajee-hero__reassurance { display:none!important; }
  body.theme-raed .hajee-hero__controls { margin-top:10px; }
  body.theme-raed .hajee-hero__visual-label { display:none!important; }
  body.theme-raed .hajee-hero__facts { width:calc(100% - 24px)!important; margin-top:10px!important; }
  body.theme-raed .hajee-hero__fact { min-height:70px; padding:10px; gap:7px; }
  body.theme-raed .hajee-hero__fact strong { font-size:10.5px; }
  body.theme-raed .hajee-hero__fact span { font-size:8.5px; }

  body.theme-raed .hajee-commerce-paths--native :where(.s-slider-swiper-wrapper,.swiper-wrapper) {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.theme-raed .hajee-native-commerce-card { min-height:220px!important; }

  body.theme-raed .hajee-home-bed-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  body.theme-raed .hajee-native-catalog.hajee-bed-stage { width:calc(100% - 22px)!important; }
  body.theme-raed .hajee-promo-stage { width:calc(100% - 22px)!important; grid-template-columns:1fr!important; }
  body.theme-raed .hajee-promo-stage__media { min-height:230px!important; order:-1; }
  body.theme-raed .hajee-comfort-gateway { width:calc(100% - 22px)!important; grid-template-columns:1fr!important; }
}

/* ---- Mobile --------------------------------------------------------------- */
@media (max-width:560px) {
  body.theme-raed .hajee-hero { width:calc(100% - 12px); margin:6px auto 18px; }
  body.theme-raed .hajee-hero__shell { height:548px; min-height:548px; border-radius:22px 22px 7px 22px; }
  body.theme-raed .hajee-hero__shell::after { inset:10px; border-radius:16px 16px 5px 16px; }
  body.theme-raed .hajee-hero__content { right:15px; bottom:18px; left:15px; }
  body.theme-raed .hajee-hero__signals { margin-bottom:8px; gap:6px; }
  body.theme-raed .hajee-hero__eyebrow,
  body.theme-raed .hajee-hero__daypart { min-height:30px; padding:5px 9px; font-size:9px; }
  body.theme-raed .hajee-hero__title { margin-bottom:9px; font-size:39px; line-height:1.01; }
  body.theme-raed .hajee-hero__copy { max-width:96%; font-size:12.5px; line-height:1.6; }
  body.theme-raed .hajee-hero__actions { margin-top:13px; gap:7px; }
  body.theme-raed .hajee-hero .hajee-button { min-height:41px; padding:8px 13px; font-size:11px; }
  body.theme-raed .hajee-hero__controls { min-height:30px; margin-top:8px; padding:3px; }
  body.theme-raed .hajee-hero__control { width:27px; height:27px; min-width:27px; }
  body.theme-raed .hajee-hero__control-count { min-width:36px; font-size:9px; }
  body.theme-raed .hajee-hero__facts {
    width:calc(100% - 10px)!important;
    grid-template-columns:repeat(3,1fr)!important;
    border-radius:13px!important;
  }
  body.theme-raed .hajee-hero__fact { min-height:62px; padding:8px 5px; justify-content:center; text-align:center; }
  body.theme-raed .hajee-hero__fact .hajee-icon { display:none!important; }
  body.theme-raed .hajee-hero__fact strong { font-size:9px; line-height:1.3; }
  body.theme-raed .hajee-hero__fact span { font-size:7.5px; line-height:1.35; }

  body.theme-raed .hajee-commerce-paths--native { width:calc(100% - 18px)!important; margin:18px auto 26px!important; padding-top:18px!important; }
  body.theme-raed .hajee-commerce-paths--native :where(.s-slider-block__title,.s-block__title) h2,
  body.theme-raed .hajee-commerce-paths--native > :where(h1,h2,h3) { font-size:30px!important; }
  body.theme-raed .hajee-commerce-paths__intro { margin-bottom:14px!important; font-size:11px!important; line-height:1.55!important; }
  body.theme-raed .hajee-commerce-paths--native :where(.s-slider-swiper-wrapper,.swiper-wrapper) { gap:8px!important; }
  body.theme-raed .hajee-native-commerce-card { min-height:174px!important; padding:12px!important; border-radius:20px 20px 6px 20px!important; }
  body.theme-raed .hajee-commerce-path__icon { top:9px!important; right:9px!important; width:31px!important; height:31px!important; border-radius:10px!important; font-size:15px!important; }
  body.theme-raed .hajee-commerce-path__index { top:12px!important; left:10px!important; font-size:7.5px!important; }
  body.theme-raed .hajee-commerce-path__copy { width:90%!important; gap:2px!important; }
  body.theme-raed .hajee-commerce-path__eyebrow { font-size:8px!important; }
  body.theme-raed .hajee-commerce-path__copy strong { font-size:15px!important; line-height:1.12!important; }
  body.theme-raed .hajee-commerce-path__copy small { font-size:9.3px!important; line-height:1.36!important; -webkit-line-clamp:2; }
  body.theme-raed .hajee-commerce-path__arrow { width:28px!important; height:28px!important; flex-basis:28px!important; font-size:11px!important; }

  body.theme-raed .hajee-native-catalog .hajee-bed-stage__heading { display:block!important; }
  body.theme-raed .hajee-native-catalog .hajee-bed-stage__heading h2 { font-size:30px!important; }
  body.theme-raed .hajee-native-catalog .hajee-bed-stage__copy { margin-top:6px!important; font-size:10.5px!important; text-align:right!important; }
  body.theme-raed .hajee-home-bed-grid { gap:8px!important; }
  body.theme-raed .hajee-home-bed-card__media { aspect-ratio:1.1/1; }
  body.theme-raed .hajee-home-bed-card__body { min-height:112px!important; padding:10px!important; }
  body.theme-raed .hajee-home-bed-card__name { font-size:13px!important; }
  body.theme-raed .hajee-home-bed-card__subtitle { min-height:29px; font-size:9px!important; }
  body.theme-raed .hajee-home-bed-card__foot { display:block!important; padding-top:7px!important; }
  body.theme-raed .hajee-home-bed-card__price { display:block!important; font-size:10.5px!important; }
  body.theme-raed .hajee-home-bed-card__cta { display:block!important; margin-top:3px; font-size:9px!important; }

  body.theme-raed .hajee-promo-stage__content { padding:22px 18px 25px!important; }
  body.theme-raed .hajee-promo-stage h2 { font-size:31px!important; }
  body.theme-raed .hajee-promo-stage__media { min-height:205px!important; }
  body.theme-raed .hajee-comfort-gateway { padding:22px 18px!important; }
  body.theme-raed .hajee-comfort-gateway__copy h2 { font-size:38px!important; }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-raed .hajee-native-commerce-card,
  body.theme-raed .hajee-commerce-path__media img,
  body.theme-raed .hajee-home-bed-card,
  body.theme-raed .hajee-home-bed-card__media img { transition:none!important; }
}


/* ========================================================================== 
   23. v8.12 — INSTANT HERO + SPLIT COMMERCIAL RAIL
   Authoritative final layer. Keeps the existing editorial system intact.
   ========================================================================== */

/* Split announcement rail: offer intelligence on the right, financing/coupon on the left. */
body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap {
  min-height:52px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 12% 0, rgba(216,199,173,.12), transparent 28%),
    linear-gradient(100deg,#151a11 0%,#28301d 52%,#343b25 100%)!important;
  box-shadow:0 8px 24px rgba(22,26,16,.09)!important;
}
body.theme-raed .hajee-brand-rail {
  width:min(calc(100% - 30px),1360px)!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-rows:1fr!important;
  gap:12px!important;
  align-items:center!important;
}
body.theme-raed .hajee-brand-rail__message {
  min-height:52px!important;
  padding:5px 0!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:9px!important;
}
body.theme-raed .hajee-brand-rail__icon {
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
}
body.theme-raed .hajee-brand-rail__kicker { font-size:10px!important; }
body.theme-raed .hajee-brand-rail__text { font-size:12.5px!important; }
body.theme-raed .hajee-brand-rail__cta { font-size:10px!important; }
body.theme-raed .hajee-brand-rail__dots { align-self:center!important; }

body.theme-raed .hajee-announcement-commerce {
  position:relative;
  display:flex;
  min-height:38px;
  padding-inline-start:14px;
  align-items:center;
  gap:10px;
  color:#fffaf2;
  border-inline-start:1px solid rgba(242,232,216,.16);
  white-space:nowrap;
}
body.theme-raed .hajee-announcement-commerce__payment {
  display:flex;
  align-items:center;
  gap:7px;
}
body.theme-raed .hajee-announcement-commerce__payment > small {
  color:rgba(255,250,242,.65);
  font-size:9px;
  font-weight:800;
}
body.theme-raed .hajee-announcement-commerce__providers {
  display:flex;
  align-items:center;
  gap:5px;
}
body.theme-raed .hajee-pay {
  display:inline-flex;
  min-height:25px;
  padding:3px 8px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-family:Arial,var(--hajee-font)!important;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}
body.theme-raed .hajee-pay--tabby {
  color:#12271f;
  background:#8ff3d4;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);
}
body.theme-raed .hajee-pay--tamara {
  color:#292126;
  background:linear-gradient(120deg,#fff0cf,#ffd5e2 55%,#dfd7ff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);
}
body.theme-raed .hajee-announcement-coupon {
  display:grid;
  min-width:120px;
  min-height:36px;
  padding:4px 11px;
  align-items:center;
  color:#202619;
  background:linear-gradient(135deg,#eadcc6,#cdb58d);
  border:1px solid rgba(255,255,255,.32);
  border-radius:12px;
  box-shadow:0 6px 18px rgba(10,13,8,.16), inset 0 1px 0 rgba(255,255,255,.46);
  cursor:pointer;
  grid-template-columns:auto auto;
  column-gap:6px;
  text-align:right;
  transition:transform 180ms ease,filter 180ms ease;
}
body.theme-raed .hajee-announcement-coupon:hover { transform:translateY(-1px); filter:brightness(1.04); }
body.theme-raed .hajee-announcement-coupon small { font-size:8px; font-weight:800; opacity:.68; }
body.theme-raed .hajee-announcement-coupon strong { font-size:12px; font-weight:950; letter-spacing:.02em; }
body.theme-raed .hajee-announcement-coupon em {
  grid-column:1/-1;
  color:rgba(32,38,25,.63);
  font-size:7px;
  font-style:normal;
  font-weight:700;
}
body.theme-raed .hajee-announcement-coupon.is-copied::after {
  grid-column:1/-1;
  content:"تم النسخ ✓";
  color:#303623;
  font-size:7px;
  font-weight:900;
}
body.theme-raed .hajee-brand-rail__progress { height:2px!important; }

/* Hero loading: never flash a blank/fallback between already-loaded slides. */
body.theme-raed .hajee-hero__visual-frame {
  background:
    radial-gradient(circle at 68% 28%,rgba(255,255,255,.14),transparent 30%),
    linear-gradient(145deg,#615749,#2d3123)!important;
}
body.theme-raed .hajee-hero__product-image {
  will-change:opacity,transform;
  transition:opacity .42s ease,transform .72s cubic-bezier(.2,.72,.2,1),filter .42s ease!important;
}
body.theme-raed .hajee-hero__visual.is-awaiting-image.has-product-image .hajee-hero__product-image {
  opacity:1!important;
}

@media (max-width:900px) {
  body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap { min-height:50px!important; }
  body.theme-raed .hajee-brand-rail {
    width:calc(100% - 16px)!important;
    min-height:50px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
  }
  body.theme-raed .hajee-brand-rail__message {
    min-height:50px!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:7px!important;
  }
  body.theme-raed .hajee-brand-rail__icon { width:25px!important; height:25px!important; border-radius:8px!important; }
  body.theme-raed .hajee-brand-rail__content { display:grid!important; gap:0!important; }
  body.theme-raed .hajee-brand-rail__kicker { display:none!important; }
  body.theme-raed .hajee-brand-rail__text { font-size:9.5px!important; line-height:1.3!important; }
  body.theme-raed .hajee-brand-rail__cta,
  body.theme-raed .hajee-brand-rail__dots { display:none!important; }
  body.theme-raed .hajee-announcement-commerce {
    min-height:34px;
    padding-inline-start:8px;
    gap:5px;
  }
  body.theme-raed .hajee-announcement-commerce__payment > small { display:none; }
  body.theme-raed .hajee-pay { min-height:22px; padding:3px 6px; font-size:8px; }
  body.theme-raed .hajee-announcement-coupon { min-width:76px; min-height:32px; padding:3px 7px; border-radius:9px; }
  body.theme-raed .hajee-announcement-coupon small { display:none; }
  body.theme-raed .hajee-announcement-coupon strong { font-size:9px; }
  body.theme-raed .hajee-announcement-coupon em { font-size:6.5px; }
}

@media (max-width:430px) {
  body.theme-raed .hajee-brand-rail { grid-template-columns:minmax(0,1fr) auto!important; }
  body.theme-raed .hajee-brand-rail__icon { display:none!important; }
  body.theme-raed .hajee-brand-rail__message { grid-template-columns:minmax(0,1fr)!important; }
  body.theme-raed .hajee-announcement-commerce__providers { gap:3px; }
  body.theme-raed .hajee-pay { padding-inline:5px; }
  body.theme-raed .hajee-announcement-coupon em { display:none; }
}


/* ========================================================================== 
   100. HAJEE v8.13 — MOBILE-FIRST LUXURY AUTHORITY
   95%+ mobile traffic: comfort, touch targets, faster scanning, less chrome.
   Desktop remains visually compatible with v8.12.
   ========================================================================== */

@media (max-width: 767px) {
  /* Global rhythm */
  html { scroll-padding-top: 126px; }
  body.theme-raed { font-size: 15px; line-height: 1.68; }
  body.theme-raed #main-content {
    background:
      radial-gradient(circle at 12% 4%, rgba(216,199,173,.11), transparent 22%),
      #fbf8f1;
  }

  /* Compact header — more product, less chrome */
  body.theme-raed #mainnav.main-nav-container,
  body.theme-raed #mainnav.main-nav-container.is-scrolled {
    min-height: 58px !important;
    box-shadow: 0 5px 18px rgba(31,36,24,.055) !important;
  }
  body.theme-raed .navbar-brand {
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    min-height: 52px !important;
  }
  body.theme-raed .navbar-brand img,
  body.theme-raed #mainnav.main-nav-container.is-scrolled .navbar-brand img {
    max-width: 122px !important;
    height: 48px !important;
    max-height: 48px !important;
  }

  /* Announcement rail — one calm row on mobile. No fake Tabby/Tamara logo pills. */
  body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap {
    min-height: 44px !important;
    overflow: hidden !important;
  }
  body.theme-raed .hajee-brand-rail {
    width: calc(100% - 12px) !important;
    min-height: 44px !important;
    padding: 0 !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: 44px !important;
    gap: 6px !important;
  }
  body.theme-raed .hajee-brand-rail__message {
    min-height: 44px !important;
    padding: 0 4px !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
  }
  body.theme-raed .hajee-brand-rail__icon,
  body.theme-raed .hajee-brand-rail__kicker,
  body.theme-raed .hajee-brand-rail__cta,
  body.theme-raed .hajee-brand-rail__dots,
  body.theme-raed .hajee-brand-rail__arrow { display: none !important; }
  body.theme-raed .hajee-brand-rail__content { display: block !important; min-width: 0; }
  body.theme-raed .hajee-brand-rail__text {
    display: block !important;
    overflow: hidden !important;
    color: #fffaf2 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body.theme-raed .hajee-announcement-commerce {
    min-height: 44px !important;
    padding: 0 0 0 6px !important;
    justify-content: center !important;
    gap: 0 !important;
    border-inline-start: 1px solid rgba(242,232,216,.13) !important;
    border-top: 0 !important;
  }
  /* Official brand marks are not embedded in the theme, so the text-lookalike pills are removed on mobile. */
  body.theme-raed .hajee-announcement-commerce__payment,
  body.theme-raed .hajee-announcement-commerce__providers,
  body.theme-raed .hajee-pay { display: none !important; }
  body.theme-raed .hajee-announcement-coupon {
    min-width: auto !important;
    min-height: 26px !important;
    padding: 4px 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }
  body.theme-raed .hajee-announcement-coupon small,
  body.theme-raed .hajee-announcement-coupon em { display: none !important; }
  body.theme-raed .hajee-announcement-coupon strong { font-size: 9px !important; }

  /* Hero — image first, decision second. Swipe handles browsing; chrome disappears. */
  body.theme-raed .hajee-hero__visual-fallback { display: none !important; }
  body.theme-raed .hajee-hero {
    width: calc(100% - 14px) !important;
    margin: 8px auto 15px !important;
  }
  body.theme-raed .hajee-hero__shell {
    height: clamp(440px, 61svh, 500px) !important;
    min-height: 440px !important;
    border-radius: 24px 24px 8px 24px !important;
    box-shadow: 0 18px 50px rgba(34,29,20,.15) !important;
    touch-action: pan-y;
  }
  body.theme-raed .hajee-hero__shell::before {
    background:
      linear-gradient(180deg, rgba(9,12,7,.04) 0%, rgba(9,12,7,.05) 35%, rgba(9,12,7,.76) 76%, rgba(9,12,7,.91) 100%) !important;
  }
  body.theme-raed .hajee-hero__shell::after {
    inset: 9px !important;
    border-radius: 17px 17px 5px 17px !important;
  }
  body.theme-raed .hajee-hero__product-image {
    object-position: center 42% !important;
    filter: saturate(.94) contrast(1.02) brightness(.94) !important;
  }
  body.theme-raed .hajee-hero__content {
    top: auto !important;
    right: 17px !important;
    bottom: 16px !important;
    left: 17px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
  body.theme-raed .hajee-hero__signals { margin-bottom: 8px !important; gap: 6px !important; }
  body.theme-raed .hajee-hero__daypart { display: none !important; }
  body.theme-raed .hajee-hero__eyebrow {
    min-height: 28px !important;
    padding: 5px 9px !important;
    font-size: 9.5px !important;
  }
  body.theme-raed .hajee-hero__eyebrow span:last-child {
    display:block;
    max-width:min(68vw,260px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.theme-raed .hajee-hero__title {
    max-width: 92% !important;
    margin: 0 0 8px !important;
    font-size: clamp(35px, 9.2vw, 43px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }
  body.theme-raed .hajee-hero__copy {
    max-width: 94% !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }
  body.theme-raed .hajee-hero__actions {
    display: grid !important;
    margin-top: 12px !important;
    gap: 7px !important;
    grid-template-columns: minmax(0,1fr) minmax(0,.88fr) !important;
  }
  body.theme-raed .hajee-hero .hajee-button {
    min-height: 44px !important;
    padding: 8px 11px !important;
    font-size: 11px !important;
  }
  body.theme-raed .hajee-hero__reassurance,
  body.theme-raed .hajee-hero__controls,
  body.theme-raed .hajee-hero__visual-label { display: none !important; }

  /* Compact confidence row — titles only on the first screen. */
  body.theme-raed .hajee-hero__facts {
    width: calc(100% - 18px) !important;
    margin: 8px auto 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(31,36,24,.065) !important;
  }
  body.theme-raed .hajee-hero__fact {
    min-height: 48px !important;
    padding: 8px 5px !important;
    justify-content: center !important;
    text-align: center !important;
  }
  body.theme-raed .hajee-hero__fact .hajee-icon,
  body.theme-raed .hajee-hero__fact span { display: none !important; }
  body.theme-raed .hajee-hero__fact strong {
    font-size: 9.5px !important;
    line-height: 1.35 !important;
  }

  /* Category worlds — four choices visible, no carousel hunting. */
  body.theme-raed .hajee-commerce-paths--native {
    width: calc(100% - 18px) !important;
    margin: 18px auto 24px !important;
    padding: 8px 0 0 !important;
  }
  body.theme-raed .hajee-commerce-paths--native :where(.s-slider-block__title,.s-block__title) h2,
  body.theme-raed .hajee-commerce-paths--native > :where(h1,h2,h3) {
    font-size: 29px !important;
    line-height: 1.08 !important;
  }
  body.theme-raed .hajee-commerce-paths__intro {
    margin: 7px auto 15px !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
  }
  body.theme-raed .hajee-commerce-paths--native :where(.s-slider-swiper-wrapper,.swiper-wrapper) {
    gap: 8px !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.theme-raed .hajee-native-commerce-card {
    min-height: 150px !important;
    padding: 13px !important;
    border-radius: 20px 20px 7px 20px !important;
    box-shadow: 0 10px 26px rgba(38,34,25,.1) !important;
  }
  body.theme-raed .hajee-native-commerce-card:hover { transform: none !important; }
  body.theme-raed .hajee-commerce-path__eyebrow { font-size: 8.5px !important; }
  body.theme-raed .hajee-commerce-path__title { font-size: 15px !important; line-height: 1.25 !important; }
  body.theme-raed .hajee-commerce-path__copy { font-size: 10px !important; line-height: 1.4 !important; }

  /* Product grid — two columns, but no microscopic typography. */
  body.theme-raed .hajee-native-catalog.hajee-bed-stage {
    width: calc(100% - 18px) !important;
    margin-top: 22px !important;
    padding: 20px 0 24px !important;
  }
  body.theme-raed .hajee-native-catalog .hajee-bed-stage__heading h2 { font-size: 29px !important; }
  body.theme-raed .hajee-native-catalog .hajee-bed-stage__copy {
    margin-top: 5px !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
    text-align: right !important;
  }
  body.theme-raed .hajee-home-bed-grid { gap: 9px !important; }
  body.theme-raed .hajee-home-bed-card {
    border-radius: 18px 18px 6px 18px !important;
    box-shadow: 0 8px 24px rgba(31,36,24,.075) !important;
  }
  body.theme-raed .hajee-home-bed-card__media { aspect-ratio: 1.04 / 1 !important; }
  body.theme-raed .hajee-home-bed-card__body {
    min-height: 122px !important;
    padding: 11px 10px 12px !important;
  }
  body.theme-raed .hajee-home-bed-card__name { font-size: 14px !important; }
  body.theme-raed .hajee-home-bed-card__subtitle {
    min-height: 32px !important;
    margin-top: 4px !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }
  body.theme-raed .hajee-home-bed-card__foot {
    display: flex !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 5px !important;
  }
  body.theme-raed .hajee-home-bed-card__price { font-size: 11.5px !important; font-weight: 850 !important; }
  body.theme-raed .hajee-home-bed-card__cta { margin: 0 !important; font-size: 10.5px !important; }
  body.theme-raed .hajee-bed-stage__browse {
    min-height: 44px !important;
    margin-top: 14px !important;
    font-size: 11.5px !important;
  }

  /* Promo: editorial, not a second hero. */
  body.theme-raed .hajee-promo-stage {
    width: calc(100% - 18px) !important;
    margin-bottom: 22px !important;
    border-radius: 20px 20px 7px 20px !important;
  }
  body.theme-raed .hajee-promo-stage__media { min-height: 172px !important; }
  body.theme-raed .hajee-promo-stage__content { padding: 19px 16px 21px !important; }
  body.theme-raed .hajee-promo-stage h2 { font-size: 28px !important; line-height: 1.08 !important; }
  body.theme-raed .hajee-promo-stage__copy { font-size: 11.5px !important; line-height: 1.6 !important; }
  body.theme-raed .hajee-promo-stage__chips {
    margin-top: 13px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }
  body.theme-raed .hajee-promo-stage__chips::-webkit-scrollbar { display: none; }
  body.theme-raed .hajee-promo-stage__chips span { flex: 0 0 auto; font-size: 9.5px !important; }
  body.theme-raed .hajee-promo-stage__cta {
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 15px !important;
    font-size: 11.5px !important;
  }

  /* Advisor callout stays optional and compact. */
  body.theme-raed .hajee-comfort-gateway {
    width: calc(100% - 18px) !important;
    margin-top: 22px !important;
    padding: 20px 16px !important;
    gap: 16px !important;
    border-radius: 20px 20px 7px 20px !important;
  }
  body.theme-raed .hajee-comfort-gateway__copy h2 { font-size: 34px !important; }
  body.theme-raed .hajee-comfort-gateway__copy p { margin-top: 10px !important; font-size: 12px !important; line-height: 1.6 !important; }
  body.theme-raed .hajee-comfort-gateway__actions { gap: 8px !important; }
  body.theme-raed .hajee-comfort-gateway__action,
  body.theme-raed .hajee-comfort-gateway__craft { min-height: 44px !important; font-size: 11px !important; }

  /* Product-page clarity card — readable, not another long section. */
  body.theme-raed .hajee-purchase-summary--bed {
    margin-block: 12px 16px !important;
    padding: 15px !important;
    border-radius: 15px !important;
  }
  body.theme-raed .hajee-purchase-summary--bed h2 { margin-bottom: 9px !important; font-size: 18px !important; }
  body.theme-raed .hajee-purchase-summary__fact {
    grid-template-columns: 58px minmax(0,1fr) !important;
    gap: 7px !important;
  }
  body.theme-raed .hajee-purchase-summary__fact strong,
  body.theme-raed .hajee-purchase-summary__fact span { font-size: 11px !important; }
  body.theme-raed .hajee-purchase-help {
    min-height: 44px !important;
    align-items: center !important;
    text-decoration: none !important;
  }

  /* One floating support affordance, safely above Salla sticky purchase UI. */
  body.theme-raed .hajee-support-entry {
    right: 12px !important;
    bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    box-shadow: 0 10px 28px rgba(31,36,24,.16) !important;
  }
  body.theme-raed .hajee-support-entry::before { display: none !important; }

  /* Remove hover-heavy movement on touch devices. */
  body.theme-raed .hajee-home-bed-card:hover,
  body.theme-raed .hajee-native-commerce-card:hover,
  body.theme-raed .hajee-button:hover { transform: none !important; }
}

@media (max-width: 390px) {
  body.theme-raed .hajee-hero__shell { height: clamp(430px, 60svh, 470px) !important; min-height: 430px !important; }
  body.theme-raed .hajee-hero__title { font-size: 34px !important; }
  body.theme-raed .hajee-hero__copy { font-size: 11.8px !important; }
  body.theme-raed .hajee-hero .hajee-button { font-size: 10.5px !important; }
  body.theme-raed .hajee-native-commerce-card { min-height: 142px !important; padding: 11px !important; }
  body.theme-raed .hajee-commerce-path__copy { display: none !important; }
  body.theme-raed .hajee-home-bed-card__name { font-size: 13.5px !important; }
}


/* Hero story copy moves with the product — subtle, no theatrical motion. */
body.theme-raed .hajee-hero.is-copy-switching .hajee-hero__eyebrow,
body.theme-raed .hajee-hero.is-copy-switching .hajee-hero__title,
body.theme-raed .hajee-hero.is-copy-switching .hajee-hero__copy {
  animation: hajeeHeroStoryIn .46s cubic-bezier(.2,.72,.2,1) both;
}
body.theme-raed .hajee-hero.is-copy-switching .hajee-hero__title { animation-delay: .035s; }
body.theme-raed .hajee-hero.is-copy-switching .hajee-hero__copy { animation-delay: .075s; }
@keyframes hajeeHeroStoryIn {
  from { opacity: .18; transform: translateY(7px); filter: blur(1.5px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@media (max-width: 360px) {
  body.theme-raed .hajee-announcement-coupon { display: none !important; }
  body.theme-raed .hajee-brand-rail { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-raed .hajee-hero__product-image,
  body.theme-raed .hajee-home-bed-card,
  body.theme-raed .hajee-native-commerce-card,
  body.theme-raed .hajee-brand-rail * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* ==========================================================================
   101. HAJEE v8.15 — MOBILE QUIET RAIL
   Final mobile authority: one premium message, no split rail, no orphan coupon.
   ========================================================================== */

body.theme-raed .hajee-mobile-rail { display: none; }

@media (max-width: 767px) {
  body.theme-raed #hajee-ticker-wrap.hajee-brand-rail-wrap {
    min-height: 38px !important;
    height: 38px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 18% -20%, rgba(216,199,173,.10), transparent 34%),
      linear-gradient(90deg, #1b2115 0%, #252c1b 48%, #1c2216 100%) !important;
    border-bottom: 1px solid rgba(216,199,173,.18) !important;
    box-shadow: none !important;
  }

  body.theme-raed .hajee-brand-rail {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.theme-raed .hajee-brand-rail__message,
  body.theme-raed .hajee-announcement-commerce,
  body.theme-raed .hajee-brand-rail__dots,
  body.theme-raed .hajee-brand-rail__arrow {
    display: none !important;
  }

  body.theme-raed .hajee-mobile-rail {
    position: relative;
    z-index: 2;
    display: flex !important;
    width: 100%;
    height: 38px;
    min-height: 38px;
    margin: 0;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    appearance: none;
    color: #fffaf2;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }

  body.theme-raed .hajee-mobile-rail__dot {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    background: #d6bd94;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(214,189,148,.08);
  }

  body.theme-raed .hajee-mobile-rail__text {
    display: block;
    min-width: 0;
    max-width: calc(100vw - 50px);
    overflow: hidden;
    color: #fffaf2;
    font-size: 10.75px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.theme-raed .hajee-brand-rail__progress {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 3 !important;
    display: block !important;
    height: 1px !important;
    background: rgba(255,255,255,.025) !important;
  }

  body.theme-raed .hajee-brand-rail__progress-fill {
    background: linear-gradient(90deg, transparent, rgba(216,199,173,.78), transparent) !important;
  }

  body.theme-raed .hajee-mobile-rail:active { opacity: .78; }
}

@media (max-width: 380px) {
  body.theme-raed .hajee-mobile-rail { padding-inline: 10px; gap: 6px; }
  body.theme-raed .hajee-mobile-rail__text { font-size: 10px; max-width: calc(100vw - 38px); }
}

/* ==========================================================================
   102. HAJEE v8.16 — FINAL COMMERCE STABILITY AUTHORITY
   ========================================================================== */

/* Category artwork already carries branded copy; keep the HTML overlay concise. */
body.theme-raed .hajee-commerce-path__copy small { display: none !important; }

body.theme-raed .hajee-collection-previews {
  width: min(1180px, calc(100% - 36px));
  margin: 34px auto 54px;
  color: #303623;
}
body.theme-raed .hajee-collection-previews__heading {
  max-width: 720px;
  margin: 0 0 20px auto;
  text-align: right;
}
body.theme-raed .hajee-collection-previews__heading h2 {
  margin: 6px 0 0;
  font-size: clamp(29px, 3vw, 43px);
  line-height: 1.12;
}
body.theme-raed .hajee-collection-previews__heading p {
  margin: 9px 0 0;
  color: rgba(48,54,35,.66);
  font-size: 13px;
  line-height: 1.75;
}
body.theme-raed .hajee-collection-previews {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
body.theme-raed .hajee-collection-previews__heading { grid-column: 1 / -1; }
body.theme-raed .hajee-collection-preview {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(48,54,35,.09);
  border-radius: 24px 24px 8px 24px;
  background: rgba(255,253,248,.74);
  box-shadow: 0 12px 34px rgba(31,36,24,.055);
}
body.theme-raed .hajee-collection-preview__bar {
  display: flex;
  margin-bottom: 13px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body.theme-raed .hajee-collection-preview__bar h3 {
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
}
body.theme-raed .hajee-collection-preview__more {
  color: #303623;
  font-size: 11.5px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}
body.theme-raed .hajee-collection-preview .hajee-home-bed-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}

@media (max-width: 767px) {
  /* The mobile rail is one stable launch hook; rotating progress would imply false change. */
  body.theme-raed .hajee-brand-rail__progress { display: none !important; }
  body.theme-raed .hajee-mobile-rail__text {
    max-width: calc(100vw - 46px) !important;
    font-size: 11.25px !important;
    font-weight: 850 !important;
  }

  /* Preserve one explicit control for the 4-second dynamic hero without crowding the first screen. */
  body.theme-raed .hajee-hero__controls {
    display: flex !important;
    width: max-content !important;
    min-height: 34px !important;
    margin: 8px 0 0 !important;
    padding: 2px !important;
    border: 1px solid rgba(48,54,35,.12) !important;
    border-radius: 999px !important;
    background: rgba(255,253,248,.78) !important;
    box-shadow: 0 6px 18px rgba(31,36,24,.055) !important;
  }
  body.theme-raed .hajee-hero__controls[hidden] { display: none !important; }
  body.theme-raed .hajee-hero__control--prev,
  body.theme-raed .hajee-hero__control--next,
  body.theme-raed .hajee-hero__control-count { display: none !important; }
  body.theme-raed .hajee-hero__control--pause:not([hidden]) {
    display: grid !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #303623 !important;
    background: transparent !important;
    font-size: 12px !important;
  }

  /* On small screens the raster artwork owns the wording; prevent repeated overlay text. */
  body.theme-raed .hajee-commerce-path__copy { display: none !important; }

  body.theme-raed .hajee-collection-previews {
    width: calc(100% - 18px) !important;
    margin: 24px auto 34px !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.theme-raed .hajee-collection-previews__heading { margin-bottom: 3px !important; }
  body.theme-raed .hajee-collection-previews__heading h2 { font-size: 28px !important; }
  body.theme-raed .hajee-collection-previews__heading p { font-size: 11.5px !important; line-height: 1.55 !important; }
  body.theme-raed .hajee-collection-preview { padding: 12px !important; border-radius: 19px 19px 7px 19px !important; }
  body.theme-raed .hajee-collection-preview__bar h3 { font-size: 18px !important; }
  body.theme-raed .hajee-collection-preview__more { font-size: 10.5px !important; }
  body.theme-raed .hajee-collection-preview .hajee-home-bed-card__body { min-height: 116px !important; }
}

/* v8.17 cascade lock: these measured storefront values must remain last. */
body.theme-raed .navbar-brand img,
body.theme-raed #mainnav.main-nav-container.is-scrolled .navbar-brand img {
  opacity: 1 !important;
  filter: contrast(1.12) saturate(.96) drop-shadow(0 1px 0 rgba(48,54,35,.12)) !important;
}
body.theme-raed [aria-label="Question Mark Icon"] { display: none !important; }

@media (min-width: 1001px) {
  body.theme-raed .hajee-native-catalog .hajee-home-bed-grid {
    width: 100% !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (min-width: 768px) {
  body.theme-raed .hajee-promo-stage {
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
    grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr) !important;
  }
  body.theme-raed .hajee-promo-stage__content { min-width: 0 !important; padding: 30px clamp(26px,3.4vw,46px) !important; }
  body.theme-raed .hajee-promo-stage h2 { max-width: 560px !important; font-size: clamp(34px,3.2vw,46px) !important; }
  body.theme-raed .hajee-promo-stage__copy { max-width: 590px !important; margin-top: 9px !important; font-size: 13px !important; line-height: 1.65 !important; }
  body.theme-raed .hajee-promo-stage__chips { margin-top: 14px !important; }
  body.theme-raed .hajee-promo-stage__cta { min-height: 44px !important; margin-top: 16px !important; }
  body.theme-raed .hajee-promo-stage__media { height: 330px !important; min-height: 330px !important; }
}

@media (max-width: 767px) {
  body.theme-raed .hajee-mobile-rail__text { font-size: 12px !important; }
  body.theme-raed .hajee-hero .hajee-button { min-height: 44px !important; font-size: 12.5px !important; }
  body.theme-raed .hajee-hero__controls { min-height: 44px !important; }
  body.theme-raed .hajee-hero__control--pause:not([hidden]) { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; font-size: 14px !important; }
  body.theme-raed .hajee-home-bed-card__body { min-height: 132px !important; padding: 11px 10px 12px !important; }
  body.theme-raed .hajee-home-bed-card__name { font-size: 15.5px !important; }
  body.theme-raed .hajee-home-bed-card__subtitle { min-height: 34px !important; font-size: 11px !important; }
  body.theme-raed .hajee-home-bed-card__price { font-size: 14px !important; }
  body.theme-raed .hajee-home-bed-card__cta { font-size: 12px !important; }
  body.theme-raed .hajee-promo-stage { min-height: 0 !important; max-height: none !important; margin-top: 22px !important; }
  body.theme-raed .hajee-promo-stage__media { height: 166px !important; min-height: 166px !important; }
  body.theme-raed .hajee-promo-stage__content { padding: 18px 16px 20px !important; }
  body.theme-raed .hajee-promo-stage h2 { font-size: 29px !important; }
  body.theme-raed .hajee-promo-stage__copy { font-size: 12px !important; }
  body.theme-raed .hajee-promo-stage__chips span { font-size: 10.5px !important; }
  body.theme-raed .hajee-promo-stage__cta { font-size: 12.5px !important; }
}

/* ==========================================================================
   104. HAJEE v8.18 — PRODUCT FABRIC CATALOG
   ========================================================================== */

body.theme-raed .hajee-fabric-catalog-access {
  display: grid;
  margin-top: 9px;
  gap: 7px;
}
body.theme-raed .hajee-fabric-catalog-access p {
  margin: 0;
  color: rgba(48,54,35,.68);
  font-size: 12px;
  line-height: 1.55;
}
body.theme-raed .hajee-fabric-catalog-trigger {
  display: inline-flex;
  width: 100%;
  min-height: 46px;
  padding: 10px 15px;
  align-items: center;
  justify-content: center;
  color: #fffdf8;
  background: #303623;
  border: 1px solid #303623;
  border-radius: 13px 13px 5px 13px;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
}
body.theme-raed .hajee-fabric-catalog-trigger::before {
  margin-left: 8px;
  content: "⊞";
  font-family: Arial,sans-serif;
  font-size: 17px;
}
body.theme-raed .hajee-v7-layer--fabric-catalog .hajee-v7-page {
  width: min(100%, 980px);
}
body.theme-raed .hajee-v7-layer--fabric-catalog .hajee-v7-page__hero {
  padding-bottom: 18px;
}
body.theme-raed .hajee-v7-layer--fabric-catalog .hajee-v7-page__content {
  padding-top: 0;
}
body.theme-raed .hajee-fabric-catalog {
  display: grid;
  width: 100%;
  gap: 12px;
}
body.theme-raed .hajee-fabric-catalog__stage {
  display: grid;
  min-height: 0;
  margin: 0;
  padding: 10px;
  place-items: center;
  overflow: auto;
  background: #ede8df;
  border: 1px solid rgba(48,54,35,.1);
  border-radius: 18px 18px 6px 18px;
}
body.theme-raed .hajee-fabric-catalog__stage img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 58vh;
  object-fit: contain;
  background: #fff;
  cursor: zoom-in;
}
body.theme-raed .hajee-fabric-catalog__stage.is-zoomed { display: block; }
body.theme-raed .hajee-fabric-catalog__stage.is-zoomed img {
  width: auto;
  max-width: none;
  max-height: none;
  cursor: zoom-out;
}
body.theme-raed .hajee-fabric-catalog__controls {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
}
body.theme-raed .hajee-fabric-catalog__nav {
  min-width: 88px;
  min-height: 42px;
  color: #303623;
  background: #fffdf8;
  border: 1px solid rgba(48,54,35,.15);
  border-radius: 999px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
body.theme-raed .hajee-fabric-catalog__status { text-align: center; font-size: 12px; font-weight: 850; }
body.theme-raed .hajee-fabric-catalog__thumbs {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}
body.theme-raed .hajee-fabric-catalog__thumb {
  min-height: 76px;
  padding: 4px;
  overflow: hidden;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 11px;
  cursor: pointer;
}
body.theme-raed .hajee-fabric-catalog__thumb.is-active { border-color: #6e7044; }
body.theme-raed .hajee-fabric-catalog__thumb img { width: 100%; height: 84px; object-fit: cover; }
body.theme-raed .hajee-fabric-catalog__original {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  color: #303623;
  font-size: 12px;
  font-weight: 850;
  text-decoration: underline;
}

@media (max-width: 767px) {
  body.theme-raed .hajee-v7-layer--fabric-catalog .hajee-v7-page__hero { padding: 12px 16px 10px; }
  body.theme-raed .hajee-v7-layer--fabric-catalog .hajee-v7-page__hero h2 { font-size: 27px; }
  body.theme-raed .hajee-v7-layer--fabric-catalog .hajee-v7-page__hero p { font-size: 12px; }
  body.theme-raed .hajee-v7-layer--fabric-catalog .hajee-v7-page__content { padding: 0 8px 10px; }
  body.theme-raed .hajee-fabric-catalog__stage { padding: 5px; }
  body.theme-raed .hajee-fabric-catalog__stage img { max-height: 55vh; }
  body.theme-raed .hajee-fabric-catalog__nav { min-width: 78px; min-height: 44px; }
  body.theme-raed .hajee-fabric-catalog__thumb { min-height: 64px; }
  body.theme-raed .hajee-fabric-catalog__thumb img { height: 66px; }
  body.theme-raed .hajee-fabric-catalog-trigger { min-height: 48px; font-size: 13px; }
}
/* v8.21 — National Day 96 campaign layer: readable, touch-friendly */
body.theme-raed .hajee-promo-stage__offers {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
body.theme-raed .hajee-promo-stage__offer {
  min-width:0;
  padding:13px 14px 12px;
  color:var(--hajee-paper);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(242,232,216,.16);
  border-radius:14px;
}
body.theme-raed .hajee-promo-stage__offer strong {
  display:block;
  color:var(--hajee-sand);
  font-size:15px;
  line-height:1.45;
}
body.theme-raed .hajee-promo-stage__offer p {
  min-height:38px;
  margin:7px 0 10px;
  color:#eee8dd;
  font-size:14px;
  line-height:1.65;
}
body.theme-raed .hajee-promo-stage__offer-action {
  min-height:44px;
  padding:10px 16px;
  color:var(--hajee-night);
  background:var(--hajee-sand);
  border:0;
  border-radius:999px;
  font:inherit;
  font-size:14px;
  font-weight:850;
  cursor:pointer;
}
body.theme-raed .hajee-promo-stage__note {
  display:block;
  margin-top:11px;
  color:#e0d7c8;
  font-size:13px;
  line-height:1.6;
}
body.theme-raed .hajee-national-day-terms {
  margin-top:26px;
  padding:22px;
  color:#303623;
  background:rgba(48,54,35,.06);
  border:1px solid rgba(48,54,35,.15);
  border-radius:20px;
}
body.theme-raed .hajee-national-day-terms h3 { margin:7px 0 5px; font-size:24px; }
body.theme-raed .hajee-national-day-terms > p { margin:0; color:rgba(31,36,24,.72); font-size:13px; line-height:1.8; }
body.theme-raed .hajee-national-day-terms__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; }
body.theme-raed .hajee-national-day-terms__item { padding:14px; background:rgba(242,232,216,.72); border-radius:14px; }
body.theme-raed .hajee-national-day-terms__item strong { display:block; color:#303623; font-size:15px; line-height:1.5; }
body.theme-raed .hajee-national-day-terms__item p { margin:7px 0 0; color:#454b3c; font-size:14px; line-height:1.75; }
body.theme-raed .hajee-national-day-terms__note { display:block; margin:13px 0; color:#454b3c; font-size:13px; }
body.theme-raed .hajee-promo-stage__offer-action:focus-visible { outline:3px solid #b99b65; outline-offset:4px; }
body.theme-raed .hajee-v7-layer--national-day .hajee-v7-page__hero { padding:20px; }
body.theme-raed .hajee-v7-layer--national-day .hajee-v7-page__hero h2 { font-size:clamp(24px,4vw,36px); line-height:1.4; }
@media (min-width:768px) {
  body.theme-raed .hajee-promo-stage__offers { grid-template-columns:1fr; }
  body.theme-raed .hajee-promo-stage__media { height:auto!important; align-self:stretch; }
}
@media (max-width:767px) {
  body.theme-raed .hajee-promo-stage__offers,
  body.theme-raed .hajee-national-day-terms__list { grid-template-columns:1fr; }
  body.theme-raed .hajee-promo-stage__offer p { min-height:0; }
  body.theme-raed .hajee-national-day-terms { padding:17px; }
  body.theme-raed .hajee-national-day-terms h3 { font-size:20px; }
}
/* Append after the current CSS. Fix verified campaign clipping on desktop. */
body.theme-raed #hajee-promo-stage {
  height: auto !important;
  max-height: none !important;
}
body.theme-raed #hajee-promo-stage .hajee-promo-stage__content {
  height: auto !important;
  max-height: none !important;
  min-width: 0;
}
@media (min-width: 768px) {
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__media {
    position: relative;
    height: auto !important;
    min-height: 330px !important;
    align-self: stretch;
  }
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__media img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* HAJEE v8.21 — national campaign and shopping hierarchy */
body.theme-raed #hajee-promo-stage {
  background: radial-gradient(ellipse at top right,rgba(185,155,101,.14),transparent 65%),#303623 !important;
  border:1px solid rgba(185,155,101,.35) !important;
  isolation:isolate;
}
body.theme-raed #hajee-promo-stage .hajee-promo-stage__eyebrow {
  display:inline-block;
  padding:8px 12px;
  border:1px solid rgba(242,232,216,.3);
  border-radius:8px;
  color:#f2e8d8 !important;
  font-size:14px !important;
  line-height:1.7;
}
body.theme-raed #hajee-promo-stage h2 {
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1.4 !important;
  margin-block:14px 10px !important;
  color:#faf7f0 !important;
}
body.theme-raed #hajee-promo-stage .hajee-promo-stage__copy {
  color:#eee8dd !important;
  font-size:14px !important;
  line-height:1.9 !important;
}
body.theme-raed #hajee-promo-stage .hajee-promo-stage__offer {
  display:flex;
  flex-direction:column;
  background:rgba(255,255,255,.065);
  padding:16px;
}
body.theme-raed #hajee-promo-stage .hajee-promo-stage__offer-action {
  margin-top:auto;
  align-self:flex-start;
  min-height:44px;
}
body.theme-raed #hajee-promo-stage .hajee-promo-stage__cta {
  min-height:48px !important;
  font-size:15px !important;
  padding:12px 20px !important;
  white-space:normal;
  text-align:center;
}
body.theme-raed .hajee-home-bed-card__name { font-size:18px !important; line-height:1.6 !important; }
body.theme-raed .hajee-home-bed-card__subtitle { font-size:13px !important; line-height:1.7 !important; color:#54584b !important; }
body.theme-raed .hajee-home-bed-card__price { font-size:16px !important; line-height:1.6 !important; color:#303623 !important; }
body.theme-raed .hajee-home-bed-card__cta { display:inline-flex; align-items:center; min-height:44px; font-size:14px !important; }
body.theme-raed .hajee-commerce-paths__intro { color:#54584b !important; font-size:14px !important; line-height:1.8 !important; }
body.theme-raed .hajee-home-bed-card:focus-visible,
body.theme-raed .hajee-native-commerce-card:focus-visible,
body.theme-raed .hajee-promo-stage__cta:focus-visible { outline:3px solid #b99b65; outline-offset:4px; }
/* Product information remains readable while scrolling. */
body.theme-raed .hajee-collection-previews.hajee-reveal,
body.theme-raed .hajee-home-bed-card.hajee-reveal {
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}
@media(min-width:1024px) {
  body.theme-raed #hajee-promo-stage { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) !important; }
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__offers { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1023px) {
  body.theme-raed #hajee-promo-stage { grid-template-columns:minmax(0,1fr) !important; }
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__media { order:-1; height:220px !important; min-height:220px !important; }
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__offers { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:767px) {
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__content { padding:20px 16px !important; }
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__media { height:180px !important; min-height:180px !important; }
  body.theme-raed #hajee-promo-stage .hajee-promo-stage__chips { display:none !important; }
  body.theme-raed .hajee-home-bed-card__name { font-size:16px !important; }
  body.theme-raed .hajee-home-bed-card__foot { flex-wrap:wrap; gap:6px 12px; }
}
@media(prefers-reduced-motion:reduce) {
  body.theme-raed #hajee-promo-stage *,
  body.theme-raed .hajee-native-commerce-card { animation:none !important; transition:none !important; }
}
/* HAJEE audit fixes — 2026-10-12 */
body.theme-raed .hajee-header-tools { gap: 8px; }
body.theme-raed .hajee-header-search { display:block !important; flex:0 0 150px !important; width:150px !important; max-width:150px !important; margin-inline:6px; }
body.theme-raed .hajee-header-search .s-search-input { width:100% !important; }
body.theme-raed custom-main-menu li[id="offers"],
body.theme-raed custom-main-menu li[id="590724260"] { display:none !important; }
@media (max-width:767px) {
 body.theme-raed .hajee-header-tools { gap:4px; }
 body.theme-raed .hajee-header-search { flex-basis:36px !important; width:36px !important; max-width:36px !important; margin-inline:2px; }
 body.theme-raed .hajee-header-search .s-search-input { padding:0 !important; font-size:0 !important; cursor:pointer; }
 body.theme-raed .hajee-header-search .s-search-input::placeholder { color:transparent !important; }
}

/* Keep one support entry: WhatsApp. */
body.theme-raed ticketing-system { display:none !important; }

/* HAJEE readability and keyboard access — 2026-10-16 */
body.theme-raed #hajee-editorial-hero .hajee-hero__title,
body.theme-raed #hajee-editorial-hero .hajee-hero__copy,
body.theme-raed #hajee-editorial-hero .hajee-hero__eyebrow {
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}
body.theme-raed #hajee-editorial-hero .hajee-hero__title { line-height:1.25 !important; letter-spacing:normal !important; }
body.theme-raed #hajee-editorial-hero .hajee-hero__copy { line-height:1.85 !important; }
body.theme-raed #hajee-ticker-wrap .hajee-brand-rail__text { line-height:1.6; }
body.theme-raed .store-footer a:focus-visible,
body.theme-raed #hajee-editorial-hero a:focus-visible,
body.theme-raed #hajee-editorial-hero button:focus-visible { outline:3px solid var(--hajee-sand); outline-offset:4px; }

body.theme-raed #hajee-ticker-wrap .hajee-brand-rail__content { animation:none !important; opacity:1 !important; transform:none !important; }
/* Keep the native search wrapper within its header slot on every screen. */
body.theme-raed .hajee-header-search .s-search-placeholder-wrapper,
body.theme-raed .hajee-header-search .s-search-input-wrapper { width:100% !important; min-width:0 !important; max-width:100% !important; }
@media (max-width:767px) {
 body.theme-raed salla-add-product-toast.s-add-product-toast { width:auto !important; max-width:calc(100% - 24px) !important; left:12px !important; right:12px !important; margin-inline:auto !important; }
}