/* انسخ المحتوى كاملًا في خانة CSS المخصص في سلة (دون وسوم style) */

/* 1. الخط: يرث خط متجر سلة الحالي ولا يحمّل خطًا خارجيًا. */

/* 2. عزل تأثير الصفحة الرئيسية فقط حتى لا تتأثر بقية صفحات المتجر */
html.resort-landing-active,
body.resort-landing-active {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background-color: #000000;
  color-scheme: dark;
}
html.resort-landing-active[data-theme="light"],
html.resort-landing-active[data-theme="light"] body.resort-landing-active {
  background-color: #faf8f5 !important;
  color-scheme: light !important;
}
body.resort-landing-active :where(.app-inner, .page-wrapper, .content, .main-content, #main-content, main) {
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* إخفاء الهيدر الأصلي لسلة بصريًا في الرئيسية فقط مع إبقاء عناصره الحية متاحة للربط البرمجي */
body.resort-landing-active.resort-custom-header-ready :where(header.store-header, .top-navbar, .store-header) {
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* إخفاء فوتر سلة الأصلي في الصفحة الرئيسية فقط بعد قراءة قنوات الدفع */
body.resort-landing-active.resort-custom-footer-ready footer.store-footer {
  display: none !important;
}

/* 3. المتغيرات اللونية والهوية (اللون البرتقالي المطابق للشعار #d08943) */
#resort-salla-landing {
  --orange: #d08943;
  --orange-light: #e6a968;
  --orange-soft: rgba(208, 137, 67, 0.14);
  --orange-border: rgba(208, 137, 67, 0.42);
  --bg: #000000;
  --bg-alt: #060606;
  --panel: #0d0d0d;
  --panel-2: #141414;
  --text: #f7f6f3;
  --muted: #a9abad;
  --line: rgba(255, 255, 255, 0.12);
  --header-bg: rgba(5, 5, 5, 0.94);
  --input-bg: #101010;
  --gutter: clamp(18px, 4.5vw, 76px);
  --radius: 22px;

  color-scheme: dark;
  width: var(--resort-vw, 100%) !important;
  max-width: var(--resort-vw, 100%) !important;
  margin: 0 calc(50% - var(--resort-vw, 100%) / 2) !important;
  padding: 0 !important;
  background: var(--bg);
  color: var(--text);
  font-family: inherit;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
}

/* المظهر الفاتح الكامل */
html[data-theme="light"] #resort-salla-landing,
#resort-salla-landing[data-theme="light"] {
  --orange: #d08943;
  --orange-light: #b8732f;
  --orange-soft: rgba(208, 137, 67, 0.14);
  --orange-border: rgba(208, 137, 67, 0.48);
  --bg: #faf8f5;
  --bg-alt: #f2efe9;
  --panel: #ffffff;
  --panel-2: #f5f2ec;
  --text: #181614;
  --muted: #5c5750;
  --line: rgba(24, 22, 20, 0.12);
  --header-bg: rgba(250, 248, 245, 0.95);
  --input-bg: #ffffff;
  color-scheme: light;
}

#resort-salla-landing *,
#resort-salla-landing *::before,
#resort-salla-landing *::after,
#resort-ai-widget *,
#resort-ai-widget *::before,
#resort-ai-widget *::after {
  box-sizing: border-box;
  font-family: inherit;
}

#resort-salla-landing a {
  color: inherit;
  text-decoration: none;
}
#resort-salla-landing button,
#resort-salla-landing input,
#resort-salla-landing select {
  font: inherit;
}
#resort-salla-landing button {
  cursor: pointer;
}
#resort-salla-landing button:disabled {
  opacity: 0.4;
  cursor: default;
}
#resort-salla-landing img {
  display: block;
  max-width: 100%;
  height: auto;
}
#resort-salla-landing svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
#resort-salla-landing [hidden] {
  display: none !important;
}
#resort-salla-landing .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#resort-salla-landing h1,
#resort-salla-landing h2,
#resort-salla-landing h3,
#resort-salla-landing p {
  margin: 0;
}
#resort-salla-landing h1,
#resort-salla-landing h2,
#resort-salla-landing h3 {
  line-height: 1.32;
  font-weight: 800;
  letter-spacing: -0.02em;
}
#resort-salla-landing h1 {
  font-size: clamp(40px, 5.5vw, 88px);
}
#resort-salla-landing h2 {
  font-size: clamp(28px, 3.4vw, 56px);
}
#resort-salla-landing h3 {
  font-size: clamp(20px, 2vw, 25px);
}
#resort-salla-landing .eyebrow {
  font-size: 16px;
  letter-spacing: 0.14em;
  font-weight: 800;
  color: var(--orange);
  margin-bottom: 14px;
}
#resort-salla-landing .en {
  direction: ltr;
  unicode-bidi: isolate;
  letter-spacing: 0.1em;
}
#resort-salla-landing .accent {
  color: var(--orange);
}
#resort-salla-landing .muted {
  color: var(--muted);
}
#resort-salla-landing .lede {
  font-size: clamp(16px, 1.35vw, 20px);
  color: var(--muted);
  max-width: 640px;
  margin-top: 18px;
  line-height: 1.95;
}

/* إلغاء جميع الفراغات الخارجية بين العناصر المتتابعة وامتداد العرض الكامل */
#resort-salla-landing .resort-page-content > *,
#resort-salla-landing .full-bleed,
#resort-salla-landing .section,
#resort-salla-landing .service-showcase,
#resort-salla-landing .care-steps,
#resort-salla-landing .resort-final-footer {
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-inline: 0 !important;
  border-radius: 0 !important;
}
#resort-salla-landing .section {
  padding: clamp(56px, 7vw, 92px) var(--gutter);
  background: var(--bg);
  color: var(--text);
  border-top: 1px solid var(--line);
}
#resort-salla-landing .section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 38px;
  flex-wrap: wrap;
}
#resort-salla-landing .actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 26px;
}
#resort-salla-landing .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 10px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 800;
  font-size: 16px;
  transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
#resort-salla-landing .button:hover {
  transform: translateY(-2px);
}
#resort-salla-landing .button.primary {
  background: var(--orange);
  color: #111111;
}
#resort-salla-landing .button.primary:hover {
  background: var(--orange-light);
}
#resort-salla-landing .button.outline {
  border-color: var(--orange-border);
  color: var(--text);
  background: var(--panel);
}
#resort-salla-landing .button.outline:hover {
  border-color: var(--orange);
  color: var(--orange);
}
#resort-salla-landing .button.text {
  padding-inline: 8px;
  border-radius: 0;
  border-bottom: 1px solid var(--orange);
  color: var(--orange);
}

/* =========================================================
   4. الهيدر المخصص المتكامل (الترتيب المعتمد + اللمعة المتقطعة)
   ========================================================= */
#resort-salla-landing .resort-salla-header {
  position: sticky;
  top: 0;
  z-index: 95;
  background: var(--header-bg);
  backdrop-filter: blur(18px);
  border-top: 3px solid var(--orange);
  border-bottom: 1px solid var(--orange-border);
}
#resort-salla-landing .rsh-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 12px clamp(14px, 2.5vw, 36px);
  min-height: 88px;
}
#resort-salla-landing .rsh-right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
}
#resort-salla-landing .rsh-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#resort-salla-landing .rsh-left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

/* زر القائمة بثلاث شرطات أقصى اليمين */
#resort-salla-landing .rsh-menu-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid var(--orange-border);
  background: var(--panel);
  color: var(--orange);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
#resort-salla-landing .rsh-menu-btn:hover {
  border-color: var(--orange);
  background: var(--orange-soft);
  transform: translateY(-1px);
}

/* الزران البيضاويان: نقاط الولاء + سجّل ضمانك مع اللمعة المتقطعة */
#resort-salla-landing .rsh-specials {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}
#resort-salla-landing .rsh-oval-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid var(--orange);
  background: linear-gradient(135deg, rgba(208, 137, 67, 0.2), rgba(208, 137, 67, 0.06));
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 0 18px rgba(208, 137, 67, 0.14);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
#resort-salla-landing .rsh-oval-btn svg {
  width: 18px;
  height: 18px;
  color: var(--orange);
}
#resort-salla-landing .rsh-oval-btn:hover {
  transform: translateY(-1px);
  background: var(--orange);
  color: #111111;
  box-shadow: 0 6px 24px rgba(208, 137, 67, 0.35);
}
#resort-salla-landing .rsh-oval-btn:hover svg {
  color: #111111;
}

/* لمعة / فلاش سريع يظهر بشكل متقطع كل بضع ثوانٍ */
#resort-salla-landing .rsh-flash-btn::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -130%;
  width: 65%;
  height: 200%;
  background: linear-gradient(
    110deg,
    transparent 15%,
    rgba(255, 255, 255, 0.08) 35%,
    rgba(255, 226, 190, 0.72) 50%,
    rgba(255, 255, 255, 0.08) 65%,
    transparent 85%
  );
  transform: skewX(-24deg);
  pointer-events: none;
  animation: resort-pill-flash 4.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#resort-salla-landing .rsh-flash-btn.rsh-flash-delay::after {
  animation-delay: 2.3s;
}
@keyframes resort-pill-flash {
  0%, 72%, 100% {
    left: -130%;
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  92% {
    left: 165%;
    opacity: 1;
  }
  95% {
    left: 165%;
    opacity: 0;
  }
}

/* الشعار في منتصف الهيدر */
#resort-salla-landing .rsh-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 18px;
}
#resort-salla-landing .rsh-logo img {
  width: 68px;
  height: 68px;
  object-fit: contain;
  border-radius: 14px;
}
html[data-theme="light"] #resort-salla-landing .rsh-logo img,
#resort-salla-landing[data-theme="light"] .rsh-logo img {
  background: #0c0c0c;
  padding: 5px;
}

/* خانة البحث البيضاوية يسار الشعار */
#resort-salla-landing .rsh-search-form {
  position: relative;
  display: flex;
  align-items: center;
  width: clamp(175px, 19vw, 290px);
  min-width: 140px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid var(--orange-border);
  background: var(--input-bg);
  padding-inline: 14px 6px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#resort-salla-landing .rsh-search-form:focus-within {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(208, 137, 67, 0.2);
}
#resort-salla-landing .rsh-search-input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text);
  font-size: 16px;
  padding: 0;
}
#resort-salla-landing .rsh-search-input::placeholder {
  color: var(--muted);
}
#resort-salla-landing .rsh-search-submit {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: var(--orange-soft);
  color: var(--orange);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  transition: background 0.2s ease, color 0.2s ease;
}
#resort-salla-landing .rsh-search-submit:hover {
  background: var(--orange);
  color: #111111;
}
#resort-salla-landing .rsh-search-submit svg {
  width: 17px;
  height: 17px;
}

/* تسجيل الدخول + السلة مع إجمالي المبلغ بالريال */
#resort-salla-landing .rsh-user-cart {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
#resort-salla-landing .rsh-action-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--orange-border);
  background: var(--panel);
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
  white-space: nowrap;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
#resort-salla-landing .rsh-action-pill svg {
  width: 19px;
  height: 19px;
  color: var(--orange);
}
#resort-salla-landing .rsh-action-pill:hover {
  border-color: var(--orange);
  background: var(--orange-soft);
  transform: translateY(-1px);
}
#resort-salla-landing .rsh-cart-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#resort-salla-landing .rsh-cart-badge {
  position: absolute;
  top: -7px;
  inset-inline-end: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--orange);
  color: #111111;
  font-size: 16px;
  font-weight: 900;
  display: grid;
  place-items: center;
  line-height: 1;
}
#resort-salla-landing .rsh-cart-total {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--text);
  font-size: 16px;
}
#resort-salla-landing .rsh-cart-total strong {
  color: var(--orange);
  font-weight: 900;
}
#resort-salla-landing .rsh-cart-total small {
  font-size: 16px;
  color: var(--muted);
}

/* أزرار تبديل المظهر واللغة */
#resort-salla-landing .rsh-prefs {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
#resort-salla-landing .rsh-pref-btn {
  height: 42px;
  min-width: 42px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  transition: border-color 0.2s ease, background 0.2s ease;
}
#resort-salla-landing .rsh-pref-btn:hover {
  border-color: var(--orange);
  background: var(--orange-soft);
}
#resort-salla-landing .rsh-pref-btn svg {
  width: 18px;
  height: 18px;
  color: var(--orange);
}
#resort-salla-landing .theme-icon-moon {
  display: none;
}
html[data-theme="light"] #resort-salla-landing .theme-icon-sun,
#resort-salla-landing[data-theme="light"] .theme-icon-sun {
  display: none;
}
html[data-theme="light"] #resort-salla-landing .theme-icon-moon,
#resort-salla-landing[data-theme="light"] .theme-icon-moon {
  display: block;
}

/* القائمة الجانبية المنبثقة (Drawer) */
#resort-salla-landing .resort-drawer-menu {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  max-height: none;
  background: transparent;
  z-index: 2147483005;
}
#resort-salla-landing .resort-drawer-menu:not([open]) {
  display: none !important;
}
#resort-salla-landing .resort-drawer-menu::backdrop {
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(4px);
}
#resort-salla-landing .rdm-panel {
  width: min(90vw, 410px);
  height: 100dvh;
  margin-inline-start: 0;
  margin-inline-end: auto;
  background: var(--panel);
  color: var(--text);
  border-inline-end: 1px solid var(--orange-border);
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  overflow-y: auto;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.65);
}
#resort-salla-landing .rdm-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}
#resort-salla-landing .rdm-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}
#resort-salla-landing .rdm-brand img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  border-radius: 10px;
  background: #0c0c0c;
  padding: 3px;
}
#resort-salla-landing .rdm-brand strong {
  display: block;
  font-size: 16px;
}
#resort-salla-landing .rdm-brand small {
  display: block;
  font-size: 16px;
  color: var(--muted);
}
#resort-salla-landing .rdm-heading {
  font-size: 16px;
  font-weight: 800;
  color: var(--orange);
  letter-spacing: 0.08em;
  margin-bottom: 10px;
}
#resort-salla-landing .rdm-nav {
  display: grid;
  gap: 6px;
}
#resort-salla-landing .rdm-cat-link,
#resort-salla-landing .rdm-secondary-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-radius: 12px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  font-size: 16px;
  font-weight: 700;
  transition: border-color 0.2s ease, color 0.2s ease;
}
#resort-salla-landing .rdm-cat-link:hover,
#resort-salla-landing .rdm-secondary-nav a:hover {
  border-color: var(--orange);
  color: var(--orange);
}
#resort-salla-landing .rdm-subcat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  margin-inline-start: 16px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px dashed var(--orange-border);
  background: var(--orange-soft);
  color: var(--orange);
  font-size: 16px;
  font-weight: 800;
}
#resort-salla-landing .rdm-secondary-nav {
  grid-template-columns: 1fr 1fr;
}
#resort-salla-landing .rdm-secondary-nav a {
  font-size: 16px;
  padding: 9px 12px;
}
#resort-salla-landing .rdm-actions {
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

/* =========================================================
   5. البانر الأول المعتمد بعرض الصفحة بالكامل
   ========================================================= */
#resort-salla-landing .resort-first-banner {
  display: block;
  width: 100%;
  background: var(--bg);
  line-height: 0;
  overflow: hidden;
}
#resort-salla-landing .resort-first-banner-link {
  display: block;
  width: 100%;
}
#resort-salla-landing .resort-first-banner img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 780px;
  object-fit: cover;
  margin: 0;
  padding: 0;
}

/* =========================================================
   6. البانر التعريفي الرئيسي (Hero) + خطوات العناية
   ========================================================= */
#resort-salla-landing .home-hero-logo {
  position: relative;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 24px;
  min-height: 620px;
  background: radial-gradient(ellipse at 22% 50%, rgba(208, 137, 67, 0.1), transparent 55%), var(--bg);
  border-top: 1px solid var(--line);
  overflow: hidden;
}
#resort-salla-landing .home-hero-logo .hero-content {
  padding: 72px var(--gutter) 110px;
}
#resort-salla-landing .home-hero-logo .hero-logo-area {
  display: grid;
  place-items: center;
  padding: 48px 36px 96px;
}
#resort-salla-landing .home-hero-logo .hero-logo-area img {
  width: min(100%, 440px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 15px 40px rgba(208, 137, 67, 0.15));
}
html[data-theme="light"] #resort-salla-landing .home-hero-logo .hero-logo-area img,
#resort-salla-landing[data-theme="light"] .home-hero-logo .hero-logo-area img {
  background: #0c0c0c;
  padding: 20px;
  border-radius: 28px;
}
#resort-salla-landing .hero-foot {
  position: absolute;
  bottom: 24px;
  inset-inline: var(--gutter);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--line);
  padding-top: 16px;
  font-size: 16px;
  letter-spacing: 0.12em;
  color: var(--muted);
}

/* 7. الأقسام الستة الرئيسية + شريط الرابط الفرعي لباقات الحماية الإضافية */
#resort-salla-landing .category-browser {
  background: var(--bg);
  border-top: 1px solid var(--line);
}
#resort-salla-landing .category-browser-head {
  text-align: center;
  padding: 60px var(--gutter) 36px;
  max-width: 960px;
  margin: 0 auto;
}
#resort-salla-landing .category-browser-head > p:last-child {
  max-width: 720px;
  margin: 12px auto 0;
  color: var(--muted);
  font-size: 16px;
}
#resort-salla-landing .category-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #050505;
}
#resort-salla-landing .category-tile {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  isolation: isolate;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.12);
  background: radial-gradient(circle at 50% 45%, rgba(208, 137, 67, 0.2), transparent 60%), #080808;
}
#resort-salla-landing .category-tile:first-child {
  border-inline-start: 0;
}
#resort-salla-landing .category-tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease, filter 0.45s ease;
  z-index: -2;
}
#resort-salla-landing .category-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, transparent 32%, rgba(0, 0, 0, 0.92) 100%);
}
#resort-salla-landing .category-copy {
  position: absolute;
  inset-inline: 14px;
  bottom: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
}
#resort-salla-landing .category-copy small {
  font-size: 16px;
  color: var(--orange);
  direction: ltr;
  font-weight: 800;
}
#resort-salla-landing .category-copy strong {
  font-size: clamp(16px, 1.05vw, 17px);
  line-height: 1.45;
  color: #ffffff;
  text-shadow: 0 2px 12px #000000;
}
#resort-salla-landing .category-tile:hover img {
  transform: scale(1.055);
}
#resort-salla-landing .category-tile:hover .category-copy strong {
  color: var(--orange-light);
}

/* شريط باقات الحماية الإضافية الفرعي ضمن قسم الحماية */
#resort-salla-landing .ppf-subcategory-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 16px var(--gutter);
  background: var(--panel);
  border-bottom: 1px solid var(--line);
}
#resort-salla-landing .ppf-sub-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--orange-soft);
  border: 1px solid var(--orange-border);
  color: var(--orange);
  font-size: 16px;
  font-weight: 800;
}
#resort-salla-landing .ppf-subcategory-bar p {
  font-size: 16px;
  color: var(--muted);
  flex: 1;
  min-width: 220px;
}
#resort-salla-landing .ppf-sub-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid var(--orange);
  background: var(--orange-soft);
  color: var(--orange);
  font-size: 16px;
  font-weight: 800;
  transition: background 0.2s ease, color 0.2s ease;
}
#resort-salla-landing .ppf-sub-link:hover {
  background: var(--orange);
  color: #111111;
}

/* خطوات العناية */
#resort-salla-landing .care-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  padding: 34px var(--gutter);
  background: var(--bg-alt);
  border-bottom: 1px solid var(--line);
}
#resort-salla-landing .care-steps > div {
  position: relative;
  padding-inline-start: 48px;
}
#resort-salla-landing .care-steps > div > span {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  font-size: 24px;
  color: var(--orange);
  font-weight: 900;
}
#resort-salla-landing .care-steps h2 {
  font-size: 17px;
}
#resort-salla-landing .care-steps p {
  font-size: 16px;
  color: var(--muted);
  margin-top: 6px;
}

/* 8. تعريف بريزورت كار كير + بطاقات الرؤية والرسالة والهدف */
#resort-salla-landing .manufacturing-overview {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  align-items: start;
  gap: 48px;
}
#resort-salla-landing .manufacturing-overview > div:last-child {
  display: grid;
  gap: 18px;
}
#resort-salla-landing .manufacturing-principles {
  margin-top: 44px;
  padding-block: 28px;
  border-block: 1px solid var(--line);
}
#resort-salla-landing .manufacturing-principles > h3 {
  font-size: 16px;
  color: var(--muted);
  font-weight: 600;
}
#resort-salla-landing .manufacturing-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}
#resort-salla-landing .manufacturing-pillars > span {
  display: block;
  border-inline-start: 3px solid var(--orange);
  padding: 10px 20px;
  color: var(--orange);
  font-size: clamp(16px, 1.5vw, 22px);
  font-weight: 800;
}
#resort-salla-landing .manufacturing-copy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px 48px;
  margin-top: 42px;
}
#resort-salla-landing .manufacturing-copy article p {
  font-size: 16px;
  color: var(--muted);
  margin-top: 12px;
}
#resort-salla-landing .saudi-brand-direction {
  margin-top: 52px;
  padding-top: 44px;
  border-top: 1px solid var(--line);
}
#resort-salla-landing .saudi-direction-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}
#resort-salla-landing .saudi-direction-grid article {
  background: var(--panel);
  border: 1px solid var(--orange-border);
  border-radius: 18px;
  padding: 26px;
}
#resort-salla-landing .saudi-direction-grid h3 {
  font-size: 23px;
  color: var(--orange);
}
#resort-salla-landing .saudi-direction-grid p {
  font-size: 16px;
  color: var(--muted);
  margin-top: 14px;
}
#resort-salla-landing .direction-invitation {
  margin: 24px 0 18px;
  color: var(--orange);
  font-weight: 700;
  font-size: 16px;
}
#resort-salla-landing .manufacturing-quality {
  border: 1px solid var(--orange-border);
  border-radius: 18px;
  background: linear-gradient(125deg, var(--orange-soft), var(--panel));
  margin-top: 40px;
  padding: 28px;
}

/* =========================================================
   9. اعرف مقاس سيارتك (الشركة، الطراز، السنة)
   ========================================================= */
#resort-salla-landing .decision-zone {
  background: var(--bg-alt);
  border-top: 1px solid var(--line);
}
#resort-salla-landing .decision-zone-head {
  text-align: center;
  padding: 64px var(--gutter) 34px;
  max-width: 900px;
  margin: 0 auto;
}
#resort-salla-landing .decision-zone-head > p:last-child {
  max-width: 740px;
  margin: 12px auto 0;
  color: var(--muted);
  font-size: 16px;
}
#resort-salla-landing .decision-grid {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
#resort-salla-landing .size-finder-card {
  padding: 36px var(--gutter) 48px;
  background: var(--panel);
}
#resort-salla-landing .tool-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}
#resort-salla-landing .tool-card-header > span:last-child {
  display: grid;
  line-height: 1.45;
}
#resort-salla-landing .tool-card-header small {
  font-size: 16px;
  color: var(--muted);
}
#resort-salla-landing .tool-card-header strong {
  font-size: clamp(20px, 2vw, 28px);
  color: var(--text);
}
#resort-salla-landing .tool-card-header em {
  font-style: normal;
  color: var(--orange);
  font-size: 16px;
  font-weight: 700;
}
#resort-salla-landing .size-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  border: 1px solid var(--orange-border);
  background: var(--orange-soft);
  display: grid;
  place-items: center;
  color: var(--orange);
  font-size: 28px;
  font-weight: 800;
  flex-shrink: 0;
}
#resort-salla-landing .size-intro {
  font-size: 16px;
  color: var(--muted);
  margin-bottom: 20px;
}
#resort-salla-landing .size-policy-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
#resort-salla-landing .size-policy-item {
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: var(--panel-2);
}
#resort-salla-landing .size-policy-item strong {
  display: block;
  color: var(--orange);
  font-size: 16px;
  margin-bottom: 4px;
}
#resort-salla-landing .size-policy-item span {
  display: block;
  font-size: 16px;
  color: var(--muted);
  line-height: 1.65;
}
#resort-salla-landing .size-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
#resort-salla-landing .size-form-grid label,
#resort-salla-landing .unknown-model label {
  display: grid;
  gap: 6px;
}
#resort-salla-landing .size-form-grid label > span,
#resort-salla-landing .unknown-model label > span {
  font-size: 16px;
  color: var(--muted);
  font-weight: 700;
}
#resort-salla-landing .size-form-grid select,
#resort-salla-landing .unknown-model input {
  width: 100%;
  min-height: 48px;
  background: var(--input-bg);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  font-size: 16px;
}
#resort-salla-landing .size-form-grid select:focus,
#resort-salla-landing .unknown-model input:focus {
  border-color: var(--orange);
}
#resort-salla-landing .unknown-model {
  margin-top: 12px;
}
#resort-salla-landing .size-calc-button {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 14px;
  padding: 12px 20px;
  background: var(--orange);
  color: #111111;
  font-weight: 900;
  font-size: 16px;
  margin-top: 16px;
  transition: background 0.2s ease;
}
#resort-salla-landing .size-calc-button:hover {
  background: var(--orange-light);
}
#resort-salla-landing .size-result {
  margin-top: 18px;
  border: 1px solid var(--orange-border);
  background: linear-gradient(135deg, var(--orange-soft), var(--panel-2));
  border-radius: 16px;
  padding: 20px;
}
#resort-salla-landing .size-result .result-kicker {
  font-size: 16px;
  color: var(--muted);
  font-weight: 700;
}
#resort-salla-landing .size-result .result-size {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin: 4px 0 8px;
}
#resort-salla-landing .size-result .result-size strong {
  font-size: 32px;
  color: var(--orange);
}
#resort-salla-landing .size-result .result-size span {
  font-size: 16px;
  color: var(--text);
  font-weight: 700;
}
#resort-salla-landing .size-result p {
  font-size: 16px;
  color: var(--muted);
}
#resort-salla-landing .size-result .result-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
#resort-salla-landing .size-result .result-actions a,
#resort-salla-landing .size-result .result-actions button {
  border-radius: 999px;
  padding: 9px 16px;
  font-size: 16px;
  font-weight: 800;
  border: 1px solid var(--orange-border);
  background: var(--panel);
  color: var(--text);
}
#resort-salla-landing .size-result .result-actions .primary {
  background: var(--orange);
  color: #111111;
  border-color: var(--orange);
}

/* =========================================================
   10. استعراض الخدمات والباقات والتقييمات والخريطة
   ========================================================= */
#resort-salla-landing #services > .section-intro {
  text-align: center;
  padding: 64px var(--gutter) 40px;
}
#resort-salla-landing .service-showcase {
  position: relative;
  min-height: 540px;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 32px;
  padding: 56px var(--gutter);
  border-top: 1px solid var(--line);
  background: radial-gradient(ellipse at 15% 65%, rgba(208, 137, 67, 0.08), transparent 60%), var(--bg);
  overflow: hidden;
}
#resort-salla-landing .service-showcase img {
  width: 100%;
  max-height: 460px;
  object-fit: contain;
  margin: 0 auto;
}
#resort-salla-landing .service-number {
  position: absolute;
  inset-inline-end: var(--gutter);
  bottom: 22px;
  font-size: 16px;
  color: var(--muted);
}
#resort-salla-landing .showcase-label {
  position: absolute;
  inset-inline-start: var(--gutter);
  bottom: 22px;
  font-size: 16px;
  letter-spacing: 0.16em;
  color: var(--muted);
}

/* الباقات */
#resort-salla-landing .package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
#resort-salla-landing .package-card {
  padding: 30px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#resort-salla-landing .package-card p {
  color: var(--muted);
  font-size: 16px;
}
#resort-salla-landing .price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 16px;
}
#resort-salla-landing .price-sale-pair {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
#resort-salla-landing .price-before {
  color: var(--muted);
  font-size: 16px;
  text-decoration: line-through;
}
#resort-salla-landing .price-after {
  font-size: 42px;
  font-weight: 900;
  color: var(--orange);
  line-height: 1.15;
}
#resort-salla-landing .price-after small {
  font-size: 16px;
}
#resort-salla-landing .package-card .button {
  margin-top: auto;
}
#resort-salla-landing .package-sublink {
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  color: var(--orange);
  padding-top: 6px;
  border-top: 1px dashed var(--line);
}
#resort-salla-landing .package-sublink:hover {
  text-decoration: underline;
}
#resort-salla-landing .package-note {
  font-size: 16px;
  margin-top: 20px;
  color: var(--muted);
}

/* التقييمات */
#resort-salla-landing .reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
#resort-salla-landing .review-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 26px;
  background: var(--panel);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#resort-salla-landing .review-stars {
  color: var(--orange);
  letter-spacing: 3px;
  font-size: 17px;
  direction: ltr;
  text-align: start;
}
#resort-salla-landing .review-card blockquote {
  margin: 0;
  font-size: 16px;
  line-height: 1.95;
  color: var(--text);
}
#resort-salla-landing .review-author {
  font-size: 16px;
  font-weight: 800;
  margin-top: auto;
  color: var(--orange);
}

/* الخريطة والاتجاهات */
#resort-salla-landing .location-section {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 44px;
  align-items: center;
}
#resort-salla-landing .location-meta-badges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}
#resort-salla-landing .loc-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--orange-border);
  background: var(--panel);
}
#resort-salla-landing .loc-badge svg {
  width: 24px;
  height: 24px;
  color: var(--orange);
}
#resort-salla-landing .loc-badge small {
  display: block;
  font-size: 16px;
  color: var(--muted);
}
#resort-salla-landing .loc-badge strong {
  display: block;
  font-size: 16px;
  color: var(--text);
}
#resort-salla-landing .map-frame {
  height: 460px;
  border: 1px solid var(--orange-border);
  border-radius: 20px;
  overflow: hidden;
  background: var(--panel);
}
#resort-salla-landing .map-frame iframe {
  display: block;
  border: 0;
  width: 100%;
  height: 100%;
}

/* اختصارات السياسات */
#resort-salla-landing .policy-shortcuts {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 44px;
  align-items: center;
}
#resort-salla-landing .policy-shortcut-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
#resort-salla-landing .policy-shortcut-grid > a {
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 22px;
  border-radius: 16px;
  display: grid;
  gap: 8px;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
#resort-salla-landing .policy-shortcut-grid > a:hover {
  border-color: var(--orange);
  transform: translateY(-2px);
}
#resort-salla-landing .policy-shortcut-grid strong {
  font-size: 16px;
  color: var(--orange);
}
#resort-salla-landing .policy-shortcut-grid span {
  font-size: 16px;
  color: var(--muted);
}

/* =========================================================
   11. الفوتر المرجعي المخصص وقنوات الدفع
   ========================================================= */
#resort-salla-landing .resort-final-footer {
  position: relative;
  isolation: isolate;
  background: #030303;
  color: #eeeeee;
  border-top: 2px solid var(--orange-border);
  padding: 32px 0 0;
  overflow: hidden;
}
#resort-salla-landing .rf-main {
  display: grid;
  grid-template-columns: 0.85fr 1.25fr 1fr 1.25fr;
  align-items: center;
  gap: 32px;
  min-height: 410px;
  padding: 16px var(--gutter) 34px;
  background: radial-gradient(ellipse at 100% 20%, rgba(208, 137, 67, 0.1), transparent 48%);
}
#resort-salla-landing .rf-art {
  align-self: stretch;
  position: relative;
  min-height: 340px;
  margin-inline-start: calc(-1 * var(--gutter));
  background-image: url("https://profile.resortcarcare.com/assets/images/generated/footer-car-background.webp");
  background-position: right center;
  background-size: auto 520px;
  background-repeat: no-repeat;
  mask-image: linear-gradient(to left, #000 50%, transparent);
}
#resort-salla-landing .rf-brand {
  text-align: center;
}
#resort-salla-landing .rf-brand img {
  width: 118px;
  height: 118px;
  object-fit: contain;
  margin: 0 auto 12px;
}
#resort-salla-landing .rf-brand h2 {
  font-size: 28px;
  font-weight: 800;
  color: #ffffff;
}
#resort-salla-landing .rf-brand h2 span,
#resort-salla-landing .rf-brand strong span,
#resort-salla-landing .rf-brand p > span {
  color: var(--orange);
}
#resort-salla-landing .rf-brand strong {
  font-size: 18px;
  font-weight: 900;
  display: block;
  color: #ffffff;
}
#resort-salla-landing .rf-brand p {
  font-size: 16px;
  margin-top: 16px;
  color: #cccccc;
}
#resort-salla-landing .rf-links {
  display: grid;
  gap: 11px;
  align-content: start;
}
#resort-salla-landing .rf-links h3,
#resort-salla-landing .rf-contact h3 {
  color: var(--orange);
  font-size: 21px;
  margin-bottom: 18px;
  position: relative;
}
#resort-salla-landing .rf-links h3::after,
#resort-salla-landing .rf-contact h3::after {
  content: "";
  position: absolute;
  width: 44px;
  height: 3px;
  background: var(--orange);
  bottom: -9px;
  inset-inline-start: 0;
  border-radius: 99px;
}
#resort-salla-landing .rf-links a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  color: #dddddd;
}
#resort-salla-landing .rf-links a > span {
  color: var(--orange);
  font-size: 20px;
  line-height: 1;
}
#resort-salla-landing .rf-links a:hover,
#resort-salla-landing .rf-contact > a:hover {
  color: var(--orange);
}
#resort-salla-landing .rf-contact {
  display: grid;
  gap: 10px;
  align-content: start;
}
#resort-salla-landing .rf-contact > a {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 16px;
  color: #dddddd;
}
#resort-salla-landing .rf-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: radial-gradient(circle at 50% 20%, #262626, #080808);
  color: var(--orange);
  flex-shrink: 0;
}
#resort-salla-landing .rf-bottom {
  border-top: 1px solid var(--orange-border);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 22px;
  padding: 24px var(--gutter);
}
#resort-salla-landing .rf-payments-block {
  grid-column: 1 / -1;
  grid-row: 1;
  text-align: center;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#resort-salla-landing .rf-installment-highlights {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
#resort-salla-landing .rf-inst-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid var(--orange-border);
  background: rgba(208, 137, 67, 0.12);
  color: #f5f5f2;
  font-size: 16px;
}
#resort-salla-landing .rf-inst-pill strong {
  color: var(--orange);
}
#resort-salla-landing .rf-payments {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
#resort-salla-landing .rf-payments-title {
  width: 100%;
  font-size: 16px;
  color: #aaaaaa;
  margin-bottom: 6px;
}
#resort-salla-landing .rf-pay {
  width: 68px;
  height: 44px;
  padding: 4px 6px;
  border-radius: 10px;
  background: #ffffff;
  display: grid;
  place-items: center;
  overflow: hidden;
}
#resort-salla-landing .rf-pay img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#resort-salla-landing .rf-payments-note {
  font-size: 16px;
  color: #999999;
  margin-top: 10px;
}
#resort-salla-landing .rf-legal {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#resort-salla-landing .rf-legal > span {
  display: flex;
  align-items: center;
  gap: 10px;
  border-inline-end: 1px solid var(--orange-border);
  padding-inline-end: 20px;
}
#resort-salla-landing .rf-legal svg {
  width: 25px;
  height: 25px;
  color: var(--orange);
}
#resort-salla-landing .rf-legal span > span {
  font-size: 16px;
  line-height: 1.6;
  color: #cccccc;
}
#resort-salla-landing .rf-legal b {
  display: block;
  font-size: 16px;
  color: #ffffff;
}
#resort-salla-landing .rf-social {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  justify-self: end;
}
#resort-salla-landing .rf-social > a {
  border: 1px solid var(--orange-border);
  background: #0b0b0b;
  color: #ffffff;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 16px;
  font-weight: 700;
}
#resort-salla-landing .rf-social > a:hover {
  border-color: var(--orange);
  color: var(--orange);
}
#resort-salla-landing .rf-copyright {
  text-align: center;
  font-size: 16px;
  color: #888888;
  padding: 0 20px 96px;
}

/* =========================================================
   12. الأزرار العائمة: واتساب (أسفل اليسار) + مستشار العناية (أسفل اليمين)
   ========================================================= */
#resort-salla-landing .whatsapp-float {
  position: fixed;
  bottom: max(20px, env(safe-area-inset-bottom));
  left: 20px;
  right: auto;
  z-index: 2147482990;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 12px 16px;
  background: #25d366;
  color: #0b140e;
  border-radius: 999px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-weight: 900;
}
#resort-salla-landing .whatsapp-float svg {
  width: 24px;
  height: 24px;
}

/* مستشار العناية المنبثق (ثابت أسفل اليمين) */
#resort-ai-widget {
  --panel: #121212;
  --line: #343434;
  --text: #f5f5f2;
  --muted: #aaa9a4;
  --orange: #d08943;
  --orange-2: #e5a15f;
  --green: #25d366;
  position: relative;
  z-index: 2147483000;
  font-size: 16px;
}
html[data-theme="light"] #resort-ai-widget,
#resort-salla-landing[data-theme="light"] #resort-ai-widget {
  --panel: #ffffff;
  --line: #d8d2c8;
  --text: #1e1c19;
  --muted: #625c53;
}
#resort-ai-widget .resort-launcher {
  position: fixed;
  right: 20px;
  left: auto;
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 2147483002;
  min-height: 60px;
  padding: 7px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--orange);
  border-radius: 999px;
  background: #141414;
  color: #ffffff;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
#resort-ai-widget .resort-launcher img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: contain;
}
#resort-ai-widget .resort-launcher-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.35;
}
#resort-ai-widget .resort-launcher-text strong {
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
}
#resort-ai-widget .resort-launcher-text small {
  color: #cccccc;
  font-size: 16px;
}
#resort-ai-widget .resort-panel {
  position: fixed;
  right: 20px;
  left: auto;
  bottom: 92px;
  z-index: 2147483001;
  width: min(430px, calc(100vw - 24px));
  height: min(720px, calc(100dvh - 116px));
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--orange-border);
  border-radius: 22px;
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 28px 100px rgba(0, 0, 0, 0.68);
}
#resort-ai-widget .resort-panel:not([open]) {
  display: none !important;
}
#resort-ai-widget .resort-panel::backdrop {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
}
#resort-ai-widget.is-open .resort-launcher {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#resort-ai-widget .resort-close {
  position: absolute;
  inset-inline-end: 12px;
  top: 10px;
  z-index: 20;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--panel);
  color: var(--orange);
  font-size: 20px;
}
#resort-ai-widget .offer-strip {
  min-height: 38px;
  padding: 9px 50px 8px 14px;
  border-bottom: 1px solid var(--line);
  background: rgba(208, 137, 67, 0.12);
  color: var(--text);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
#resort-ai-widget .offer-strip b {
  color: var(--orange);
}
#resort-ai-widget .ai-card {
  height: calc(100% - 38px);
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--panel);
}
#resort-ai-widget .ai-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}
#resort-ai-widget .advisor-brand {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  overflow: hidden;
  border: 1px solid var(--orange-border);
  border-radius: 50%;
  background: #0c0c0c;
}
#resort-ai-widget .advisor-brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#resort-ai-widget .head-info {
  min-width: 0;
  flex: 1;
}
#resort-ai-widget .head-info strong {
  display: block;
  font-size: 16px;
  font-weight: 900;
}
#resort-ai-widget .head-info span {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  color: var(--muted);
  font-size: 16px;
}
#resort-ai-widget .online {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 7px var(--green);
}
#resort-ai-widget .restart-top {
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: transparent;
  color: var(--orange);
  font-size: 16px;
}
#resort-ai-widget .progress-wrap {
  padding: 8px 14px;
  border-bottom: 1px solid var(--line);
}
#resort-ai-widget .progress-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 16px;
}
#resort-ai-widget .progress {
  height: 3px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(128, 128, 128, 0.25);
}
#resort-ai-widget .progress-bar {
  height: 100%;
  width: 14%;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--orange), var(--orange-2));
  transition: width 0.3s ease;
}
#resort-ai-widget .advisor-quick {
  display: flex;
  gap: 6px;
  padding: 8px 12px;
  overflow-x: auto;
  border-bottom: 1px solid var(--line);
  flex-shrink: 0;
  scrollbar-width: thin;
}
#resort-ai-widget .advisor-quick button {
  white-space: nowrap;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 99px;
  color: var(--text);
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 700;
}
#resort-ai-widget .advisor-quick button:hover {
  border-color: var(--orange);
  color: var(--orange);
}
#resort-ai-widget .messages {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 14px;
  overscroll-behavior: contain;
}
#resort-ai-widget .message {
  display: flex;
  margin-bottom: 10px;
}
#resort-ai-widget .message.bot {
  justify-content: flex-start;
}
#resort-ai-widget .message.user {
  justify-content: flex-end;
}
#resort-ai-widget .bubble {
  max-width: 90%;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(128, 128, 128, 0.1);
  color: var(--text);
  font-size: 16px;
  line-height: 1.8;
}
#resort-ai-widget .user .bubble {
  border-color: var(--orange);
  background: var(--orange);
  color: #14110e;
  font-weight: 700;
}
#resort-ai-widget .options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 4px 0 14px;
}
#resort-ai-widget .option {
  min-height: 54px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(128, 128, 128, 0.08);
  color: var(--text);
  text-align: start;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.65;
}
#resort-ai-widget .option:hover {
  border-color: var(--orange);
}
#resort-ai-widget .option .ico {
  display: block;
  margin-bottom: 2px;
  font-size: 16px;
}
#resort-ai-widget .option.wide {
  grid-column: 1 / -1;
}
#resort-ai-widget .result {
  margin: 6px 0 13px;
  padding: 14px;
  border: 1px solid var(--orange-border);
  border-radius: 16px;
  background: rgba(208, 137, 67, 0.08);
}
#resort-ai-widget .result-label {
  color: var(--orange);
  font-size: 16px;
  font-weight: 900;
}
#resort-ai-widget .result h3 {
  margin: 4px 0;
  font-size: 16.5px;
}
#resort-ai-widget .result p {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}
#resort-ai-widget .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
}
#resort-ai-widget .tag {
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 99px;
  font-size: 16px;
}
#resort-ai-widget .result-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
#resort-ai-widget .result-actions a,
#resort-ai-widget .result-actions button {
  min-height: 42px;
  padding: 9px 8px;
  border-radius: 9px;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
}
#resort-ai-widget .result-actions .primary {
  grid-column: 1 / -1;
  background: var(--orange);
  border-color: var(--orange);
  color: #111111;
}
#resort-ai-widget .restart {
  width: 100%;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  font-size: 16px;
}
#resort-ai-widget .model-entry {
  display: flex;
  gap: 7px;
  margin: 4px 0 14px;
}
#resort-ai-widget .model-input {
  min-width: 0;
  flex: 1;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  color: var(--text);
  font-size: 16px;
}
#resort-ai-widget .model-submit {
  padding: 9px 12px;
  border: 0;
  border-radius: 10px;
  background: var(--orange);
  color: #111111;
  font-size: 16px;
  font-weight: 900;
}
#resort-ai-widget .advisor-composer {
  display: flex;
  gap: 7px;
  padding: 10px 12px;
  border-top: 1px solid var(--line);
}
#resort-ai-widget .advisor-composer input {
  min-width: 0;
  flex: 1;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  color: var(--text);
  font-size: 16px;
}
#resort-ai-widget .advisor-composer button {
  padding: 9px 14px;
  border: 0;
  border-radius: 10px;
  background: var(--orange);
  color: #111111;
  font-size: 16px;
  font-weight: 800;
}
#resort-ai-widget .advisor-footer {
  padding: 8px 12px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  text-align: center;
  font-size: 16px;
}

/* =========================================================
   13. التوافق مع الجوال والشاشات المختلفة واتجاه الإنجليزية (LTR)
   ========================================================= */
#resort-salla-landing[dir="ltr"] .rf-art {
  background-position: left center;
  mask-image: linear-gradient(to right, #000 50%, transparent);
}

@media (max-width: 1180px) {
  #resort-salla-landing .rsh-inner {
    grid-template-columns: 1fr auto;
    row-gap: 10px;
  }
  #resort-salla-landing .rsh-center {
    grid-column: 2;
    grid-row: 1;
  }
  #resort-salla-landing .rsh-right {
    grid-column: 1;
    grid-row: 1;
  }
  #resort-salla-landing .rsh-left {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: space-between;
  }
  #resort-salla-landing .rsh-search-form {
    flex: 1;
    max-width: none;
  }
  #resort-salla-landing .category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #resort-salla-landing .category-tile:nth-child(4) {
    border-inline-start: 0;
  }
  #resort-salla-landing .rf-main {
    grid-template-columns: 1.1fr 1fr 1.1fr;
  }
  #resort-salla-landing .rf-art {
    display: none;
  }
}

@media (max-width: 900px) {
  #resort-salla-landing .home-hero-logo,
  #resort-salla-landing .manufacturing-overview,
  #resort-salla-landing .manufacturing-copy,
  #resort-salla-landing .saudi-direction-grid,
  #resort-salla-landing .size-policy-summary,
  #resort-salla-landing .package-grid,
  #resort-salla-landing .reviews-grid,
  #resort-salla-landing .location-section,
  #resort-salla-landing .policy-shortcuts {
    grid-template-columns: 1fr;
  }
  #resort-salla-landing .care-steps,
  #resort-salla-landing .size-form-grid {
    grid-template-columns: 1fr 1fr;
  }
  #resort-salla-landing .service-showcase {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}

/* تكييف الهيدر وبقية العناصر للجوال دون تزاحم أو خروج خارج الشاشة */
@media (max-width: 680px) {
  #resort-salla-landing .rsh-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    padding: 10px 12px;
  }
  #resort-salla-landing .rsh-right {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    width: 100%;
  }
  #resort-salla-landing .rsh-specials {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    width: 100%;
  }
  #resort-salla-landing .rsh-oval-btn {
    padding: 7px 10px;
    font-size: 16px;
    min-height: 40px;
    width: 100%;
  }
  #resort-salla-landing .rsh-center {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }
  #resort-salla-landing .rsh-logo img {
    width: 52px;
    height: 52px;
  }
  #resort-salla-landing .rsh-left {
    grid-column: 2 / 4;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
  }
  #resort-salla-landing .rsh-search-form {
    order: 10;
    width: 100%;
    flex-basis: 100%;
    height: 40px;
  }
  #resort-salla-landing .rsh-action-pill {
    height: 38px;
    padding: 0 10px;
    font-size: 16px;
  }
  #resort-salla-landing .rsh-login-btn .rsh-action-text {
    display: none;
  }
  #resort-salla-landing .rsh-pref-btn {
    height: 38px;
    min-width: 38px;
    padding: 0 8px;
    font-size: 16px;
  }
  #resort-salla-landing .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #resort-salla-landing .care-steps,
  #resort-salla-landing .size-form-grid,
  #resort-salla-landing .location-meta-badges,
  #resort-salla-landing .policy-shortcut-grid,
  #resort-salla-landing .rf-main,
  #resort-salla-landing .rf-bottom {
    grid-template-columns: 1fr;
  }
  #resort-salla-landing .rf-social {
    justify-self: start;
  }
  #resort-salla-landing .whatsapp-float span {
    display: none;
  }
  #resort-salla-landing .whatsapp-float {
    padding: 12px;
    left: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
  }
  #resort-ai-widget .resort-launcher {
    right: 12px;
    bottom: max(14px, env(safe-area-inset-bottom));
    min-height: 52px;
    padding: 6px 12px;
  }
  #resort-ai-widget .resort-launcher-text small {
    display: none;
  }
  #resort-ai-widget .resort-panel {
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100dvh;
    border-radius: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #resort-salla-landing *,
  #resort-salla-landing *::before,
  #resort-salla-landing *::after,
  #resort-ai-widget *,
  #resort-ai-widget *::before,
  #resort-ai-widget *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
/* وضوح خيارات مقاس السيارة في المظهرين الفاتح والداكن */
#resort-salla-landing .size-form-grid select,
#resort-salla-landing .size-form-grid select option {
  background-color: #d08943;
  color: #000000;
  -webkit-text-fill-color: currentColor;
  border-color: #d08943;
  font-weight: 700;
  color-scheme: light;
}
#resort-salla-landing .size-form-grid select:disabled {
  opacity: .65;
  cursor: not-allowed;
}
#resort-salla-landing .size-form-grid select:focus-visible {
  outline: 3px solid var(--text);
  outline-offset: 3px;
}
#resort-salla-landing .size-icon {
  background: #d08943;
  color: #000000;
  border-color: #d08943;
}

/* لمعة مماثلة لصور بطاقات الأقسام، دون حجب الروابط أو النص */
#resort-salla-landing .category-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 42%, rgba(255,226,190,.3) 50%, transparent 58%);
  background-size: 350% 100%;
  animation: resort-service-shine 4.6s ease-in-out infinite;
  opacity: 0;
  z-index: -1;
}
#resort-salla-landing .category-tile:nth-child(even)::after { animation-delay: 2.3s; }
@media (max-width: 900px) {
  #resort-salla-landing #services > .service-showcase,
  #resort-salla-landing #services > .service-showcase.service-reversed {
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "copy" "media";
    --media-enter: -36px;
    --copy-enter: 36px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #resort-salla-landing #services .service-motion-ready > .showcase-copy,
  #resort-salla-landing #services .service-motion-ready > .showcase-media {
    opacity: 1;
    transform: none;
  }
  #resort-salla-landing #services .showcase-media::after,
  #resort-salla-landing .category-tile::after { display: none; }
}

/* عناوين الأقسام في المنتصف مع خطين رفيعين بلون الهوية */
#resort-salla-landing .resort-centered-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 14px;
  width: 100%;
  max-width: none;
}
#resort-salla-landing .resort-centered-heading > div:not(.actions) {
  width: 100%;
  min-width: 0;
}
#resort-salla-landing .resort-centered-heading .eyebrow {
  margin-bottom: 12px;
  color: var(--orange);
}
#resort-salla-landing .resort-centered-heading h2 {
  display: grid;
  grid-template-columns: minmax(24px, 120px) minmax(0, auto) minmax(24px, 120px);
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2.4vw, 36px);
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  font-size: clamp(25px, 2.7vw, 44px);
  line-height: 1.4;
}
#resort-salla-landing .resort-centered-heading h2::before,
#resort-salla-landing .resort-centered-heading h2::after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--orange));
}
#resort-salla-landing .resort-centered-heading h2::after {
  background: linear-gradient(to left, transparent, var(--orange));
}
#resort-salla-landing .resort-title-text {
  display: block;
  min-width: 0;
  text-wrap: balance;
}
#resort-salla-landing .resort-centered-heading > p:not(.eyebrow) {
  max-width: 760px;
  margin: 0 auto;
}
#resort-salla-landing .resort-centered-heading > .actions {
  justify-content: center;
  margin-top: 2px;
}
@media (max-width: 680px) {
  #resort-salla-landing .resort-centered-heading h2 {
    grid-template-columns: minmax(16px, 32px) minmax(0, 1fr) minmax(16px, 32px);
    gap: 10px;
    font-size: clamp(24px, 6vw, 30px);
  }
}

/* v7 category and native page surfaces */
#resort-salla-landing[data-resort-shared-page] {margin-inline:0!important;width:100%!important;max-width:100%!important}
[data-resort-replaced-category="1"][hidden] {display:none!important}
#resort-salla-landing .r7-category {--r7-panel:#171717;--r7-border:#383838;--r7-text:#fff;--r7-muted:#bbb;background:var(--bg);color:var(--text,#fff);font-family:inherit}
#resort-salla-landing[data-theme="light"] .r7-category {--r7-panel:#f1ede8;--r7-border:#d8cbbc;--r7-text:#171717;--r7-muted:#57514b}
#resort-salla-landing .r7-hero {display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(24px,4vw,70px);padding:clamp(22px,5vw,80px);align-items:center;background:var(--r7-panel);color:var(--r7-text);margin:0}
#resort-salla-landing .r7-media {min-width:0}
#resort-salla-landing .r7-media img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
#resort-salla-landing .r7-coverage {display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#resort-salla-landing .r7-coverage button,#resort-salla-landing .r7-sizes button {font:inherit;cursor:pointer;border:1px solid var(--r7-border);background:transparent;color:var(--r7-text);padding:12px 8px;border-radius:10px;line-height:1.6;min-height:48px}
#resort-salla-landing .r7-category button[aria-pressed="true"] {background:#d08943;color:#15100b;border-color:#d08943;font-weight:700}
#resort-salla-landing .r7-category button:focus-visible,#resort-salla-landing .r7-category a:focus-visible {outline:3px solid #d08943;outline-offset:4px}
#resort-salla-landing .r7-copy h1 {font-size:clamp(26px,3.3vw,50px);font-weight:800;line-height:1.65;color:var(--r7-text);margin:0 0 12px}
#resort-salla-landing .r7-copy>p {color:var(--r7-muted);line-height:1.9}
#resort-salla-landing .r7-copy .r7-eyebrow {color:#d08943;font-size:16px;letter-spacing:.15em}
#resort-salla-landing .r7-size-price {display:flex;gap:20px;justify-content:space-between;align-items:center;margin:28px 0 12px;flex-wrap:wrap}
#resort-salla-landing .r7-sizes {display:flex;gap:8px;margin-top:10px}
#resort-salla-landing .r7-sizes button {min-width:68px}
#resort-salla-landing #r7-price {color:#d08943;font-weight:800;font-size:clamp(20px,2.2vw,30px);max-width:100%}
#resort-salla-landing .r7-note {font-size:16px!important;line-height:1.9;color:var(--r7-muted);min-height:1em}
#resort-salla-landing .r7-note:empty {display:none}
#resort-salla-landing .r7-native-options {border:1px solid var(--r7-border);border-radius:12px;padding:14px;margin:18px 0;color:var(--r7-text)}
#resort-salla-landing .r7-native-options summary {cursor:pointer}
#resort-salla-landing .r7-native-purchase {margin:18px 0;min-height:50px}
#resort-salla-landing .r7-native-purchase.r7-pending {opacity:.45;pointer-events:none}
#resort-salla-landing .r7-native-purchase salla-add-product-button {display:block;width:100%;--color-primary:#d08943;--color-primary-reverse:#111}
#resort-salla-landing .r7-fallback {display:block;text-align:center;color:#d08943;text-decoration:underline;margin:14px 0}
#resort-salla-landing .r7-section {padding:clamp(30px,5vw,80px);margin:0}
#resort-salla-landing .r7-section h2 {font-size:clamp(25px,3vw,40px);text-align:center;margin:0 0 38px;color:var(--text,#fff)}
#resort-salla-landing .r7-extras {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#resort-salla-landing .r7-extra-card {min-width:0;border:1px solid var(--orange-border);padding:20px;border-radius:18px;background:var(--panel)}
#resort-salla-landing .r7-extra-card salla-product-card-embed {display:block}
#resort-salla-landing .r7-extra-link {display:block;text-align:center;color:#d08943;font-weight:700;margin-top:14px}
#resort-salla-landing .r7-timeline {position:relative;max-width:900px;margin:auto;padding:0;list-style:none;display:grid;gap:26px}
#resort-salla-landing .r7-timeline::before {content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:#d08943;opacity:.6;transform:translateX(-50%)}
#resort-salla-landing .r7-timeline li {position:relative;width:calc(50% - 35px);margin:0;padding:22px;border:1px solid var(--orange-border);border-radius:14px;background:var(--panel);list-style:none}
#resort-salla-landing .r7-timeline li:nth-child(even) {margin-inline-start:calc(50% + 35px)}
#resort-salla-landing .r7-timeline h3 {color:#d08943;font-size:18px;margin:0 0 8px}
#resort-salla-landing .r7-timeline p {font-size:16px;line-height:1.9;margin:0;color:var(--text,#fff)}
#resort-salla-landing .r7-step-number {position:absolute;inset-inline-end:-54px;top:24px;width:36px;height:36px;display:grid;place-items:center;background:#d08943;color:#111;border-radius:50%;font-weight:700;font-size:16px}
#resort-salla-landing .r7-timeline li:nth-child(even) .r7-step-number {inset-inline-end:auto;inset-inline-start:-54px}
#resort-salla-landing .r7-native-content {width:100%;min-height:50vh;background:var(--bg)!important;color:var(--text)!important;padding:28px max(16px,4vw)!important;box-sizing:border-box}
#resort-salla-landing[data-theme="dark"] .r7-native-content :where(.bg-white,.bg-gray-50,.bg-gray-100) {background-color:#171717!important;color:#fff}
#resort-salla-landing[data-theme="dark"] .r7-native-content :where(input,select,textarea) {background-color:#222;color:#fff;border-color:#555}
#resort-salla-landing[data-theme="light"] .r7-native-content :where(input,select,textarea) {background-color:#fff;color:#171717}
@media(max-width:900px) {
 #resort-salla-landing .r7-hero {grid-template-columns:1fr;padding:24px 18px;gap:26px}
 #resort-salla-landing .r7-extras {grid-template-columns:1fr}
 #resort-salla-landing .r7-coverage {grid-template-columns:repeat(2,1fr)}
 #resort-salla-landing .r7-media img {max-height:400px}
}
@media(max-width:600px) {
 #resort-salla-landing .r7-timeline::before {left:auto;inset-inline-start:18px;transform:none}
 #resort-salla-landing .r7-timeline li,#resort-salla-landing .r7-timeline li:nth-child(even) {width:calc(100% - 60px);margin-inline-start:60px;padding:18px}
 #resort-salla-landing .r7-step-number,#resort-salla-landing .r7-timeline li:nth-child(even) .r7-step-number {inset-inline-start:-60px;inset-inline-end:auto}
}
@media(prefers-reduced-motion:reduce) {#resort-salla-landing * {scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* ======================================================================
   RESORT CAR CARE — SALLA RAED v8 FINAL OVERRIDES
   الهوية المشتركة + صفحات رائد + تصنيف PPF + المنتج + السلة + الصفحات
   ====================================================================== */

/* الخط: استخدم خط الثيم/المتجر الحالي، ولا نفرض خطًا خارجيًا. */
#resort-salla-landing,
#resort-salla-landing *,
#resort-salla-landing *::before,
#resort-salla-landing *::after {
  font-family: inherit !important;
}

/* إخفاء الهيدر الأصلي مبكرًا قدر الإمكان عند بدء كود v8، ثم إبقاؤه حيًا خارج الشاشة للربط. */
body:has(#resort-salla-landing) :where(header.store-header, .top-navbar, .store-header),
html.resort-custom-booting body :where(header.store-header, .top-navbar, .store-header),
body.resort-shared-active.resort-custom-header-ready :where(header.store-header, .top-navbar, .store-header) {
  position: fixed !important;
  inset: -10000px auto auto -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
body:has(#resort-salla-landing) :where(footer.store-footer, .store-footer),
body.resort-shared-active.resort-custom-footer-ready :where(footer.store-footer, .store-footer) {
  display: none !important;
}

html.resort-shared-active,
body.resort-shared-active {
  background: #000000 !important;
  overflow-x: hidden !important;
}
html.resort-shared-active[data-theme="light"],
html.resort-shared-active[data-theme="light"] body.resort-shared-active {
  background: #faf8f5 !important;
}

#resort-salla-landing {
  --orange: #d08943;
  --bg: #000000;
  --bg-alt: #080808;
  --panel: #151515;
  --panel-2: #1d1d1d;
  --text: #ffffff;
  --muted: #c7c4c0;
  --line: rgba(255,255,255,.13);
  --orange-border: rgba(208,137,67,.44);
  background: var(--bg) !important;
  color: var(--text) !important;
}
#resort-salla-landing[data-theme="light"],
html[data-theme="light"] #resort-salla-landing {
  --bg: #faf8f5;
  --bg-alt: #f2eee8;
  --panel: #ffffff;
  --panel-2: #f4efe9;
  --text: #171513;
  --muted: #625c56;
  --line: rgba(23,21,19,.13);
  --orange-border: rgba(208,137,67,.48);
}

/* المساحة الأصلية لصفحات سلة داخل الغلاف المشترك. */
#resort-salla-landing .r7-shared-page,
#resort-salla-landing .r7-native-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  background: var(--bg) !important;
  color: var(--text) !important;
}
#resort-salla-landing .r7-native-content {
  padding: clamp(18px, 3vw, 44px) max(16px, 4vw) !important;
}
#resort-salla-landing .r7-native-source-hidden {
  display: none !important;
}

/* عناصر رائد الشائعة في الوضعين. */
#resort-salla-landing[data-theme="dark"] .r7-native-content :where(.bg-white,.bg-gray-50,.bg-gray-100,.bg-neutral-50,.bg-neutral-100),
html[data-theme="dark"] #resort-salla-landing .r7-native-content :where(.bg-white,.bg-gray-50,.bg-gray-100,.bg-neutral-50,.bg-neutral-100) {
  background-color: var(--panel) !important;
  color: var(--text) !important;
}
#resort-salla-landing[data-theme="dark"] .r7-native-content :where(.text-black,.text-gray-900,.text-gray-800,.text-gray-700,.text-neutral-900,.text-neutral-800) {
  color: var(--text) !important;
}
#resort-salla-landing[data-theme="dark"] .r7-native-content :where(.text-gray-600,.text-gray-500,.text-neutral-600,.text-neutral-500) {
  color: var(--muted) !important;
}
#resort-salla-landing .r7-native-content :where(input,select,textarea) {
  max-width: 100%;
  color: var(--text) !important;
  background: var(--panel-2) !important;
  border-color: var(--line) !important;
}
#resort-salla-landing[data-theme="light"] .r7-native-content :where(input,select,textarea) {
  color: #171513 !important;
  background: #fff !important;
}

/* ======================== تصنيف حماية PPF ======================== */
/* مخطط التركيب: خط في المنتصف وبطاقات متبادلة. */
#resort-salla-landing .r7-timeline,
#resort-salla-landing .r7-product-timeline {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 24px;
}
#resort-salla-landing .r7-timeline::before,
#resort-salla-landing .r7-product-timeline::before {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-start: 50%;
  width: 2px;
  transform: translateX(-50%);
  background: linear-gradient(var(--orange),rgba(208,137,67,.22));
}
#resort-salla-landing .r7-timeline > li,
#resort-salla-landing .r7-product-timeline > li {
  position: relative;
  width: calc(50% - 38px);
  padding: 20px 22px;
  border: 1px solid var(--orange-border);
  border-radius: 16px;
  background: var(--panel) !important;
  color: var(--text) !important;
  list-style: none;
}
#resort-salla-landing .r7-timeline > li:nth-child(even),
#resort-salla-landing .r7-product-timeline > li:nth-child(even) { margin-inline-start: calc(50% + 38px); }
#resort-salla-landing .r7-timeline h3,
#resort-salla-landing .r7-product-timeline h3 { margin: 0 0 7px; color: var(--orange) !important; font-size: 18px; line-height: 1.5; }
#resort-salla-landing .r7-timeline p,
#resort-salla-landing .r7-product-timeline p { margin: 0; color: var(--muted) !important; font-size: 16px; line-height: 1.85; }
#resort-salla-landing .r7-step-number {
  position: absolute;
  inset-inline-end: -57px;
  top: 18px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--orange);
  color: #17100a;
  font-weight: 900;
  font-size: 16px;
  z-index: 2;
}
#resort-salla-landing .r7-timeline > li:nth-child(even) .r7-step-number,
#resort-salla-landing .r7-product-timeline > li:nth-child(even) .r7-step-number { inset-inline-end: auto; inset-inline-start: -57px; }
#resort-salla-landing .r7-reviews .reviews-grid { max-width: 1200px; margin-inline: auto; }
#resort-salla-landing .r7-review-actions { display: flex; justify-content: center; margin-top: 24px; }

/* ======================== صفحة المنتج في رائد ======================== */
#resort-salla-landing.resort-product-page .r7-native-content { padding-top: 22px !important; }
#resort-salla-landing.resort-product-page .container--product-details { width: min(1480px,100%) !important; max-width: 1480px !important; margin-inline: auto !important; }
#resort-salla-landing.resort-product-page .container--product-details > .flex {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1.04fr) !important;
  gap: clamp(22px,3.5vw,54px) !important;
  align-items: start !important;
  width: 100% !important;
}
#resort-salla-landing.resort-product-page .container--product-details .sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  position: sticky !important;
  top: 112px !important;
  margin: 0 !important;
}
#resort-salla-landing.resort-product-page .container--product-details .main-content {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  position: static !important;
  margin: 0 !important;
  padding: clamp(18px,2.5vw,30px) !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  background: var(--panel) !important;
  color: var(--text) !important;
  overflow: visible !important;
}
#resort-salla-landing.resort-product-page [data-testid="store-product-title"],
#resort-salla-landing.resort-product-page .r7-product-title {
  color: var(--orange) !important;
  font-size: clamp(25px,2.5vw,38px) !important;
  line-height: 1.4 !important;
  font-weight: 900 !important;
}
#resort-salla-landing.resort-product-page [data-testid="store-product-form"] { color: var(--text) !important; }
#resort-salla-landing.resort-product-page :where(salla-product-options,salla-add-product-button) { --color-primary: #d08943; --color-primary-reverse: #17100a; }
#resort-salla-landing.resort-product-page .container--product-details :where(.text-primary,.text-blue-500,.text-blue-600,a.text-primary) { color: var(--orange) !important; }
#resort-salla-landing.resort-product-page .container--product-details :where(.bg-white,.rounded-lg,.rounded-md) { border-color: var(--line); }
#resort-salla-landing.resort-product-page[data-theme="dark"] .container--product-details :where(.bg-white,.bg-gray-50,.bg-gray-100) { background: var(--panel) !important; color: var(--text) !important; }

#resort-salla-landing .r7-product-tabs {
  width: min(1480px,100%);
  margin: clamp(32px,5vw,70px) auto;
  padding: 0;
}
#resort-salla-landing .r7-product-tabs-inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(210px,280px);
  gap: 20px;
  align-items: stretch;
}
#resort-salla-landing .r7-product-tablist {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 14px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  align-self: start;
  position: sticky;
  top: 112px;
}
#resort-salla-landing .r7-product-tablist button {
  width: 100%;
  min-height: 50px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--panel-2);
  color: var(--text);
  text-align: start;
  padding: 12px 14px;
  font-size: 16px;
  font-weight: 700;
}
#resort-salla-landing .r7-product-tablist button[aria-selected="true"] { background: var(--orange); color: #17100a; border-color: var(--orange); }
#resort-salla-landing .r7-product-tabpanels {
  grid-column: 1;
  min-width: 0;
  padding: clamp(20px,3vw,36px);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  color: var(--text);
}
#resort-salla-landing .r7-tabpanel[hidden] { display: none !important; }
#resort-salla-landing .r7-moved-description { margin: 0 !important; padding: 0 !important; background: transparent !important; color: var(--text) !important; }
#resort-salla-landing .r7-moved-description :where(h1,h2,h3,h4,p,li,span,strong,b) { color: inherit; max-width: 100%; }
#resort-salla-landing .r7-moved-description :where(img,video,iframe,table) { max-width: 100% !important; height: auto; }
#resort-salla-landing .r7-moved-description :where(p,li) { line-height: 1.9; }
#resort-salla-landing .r7-product-timeline { max-width: 900px; }

/* المنتجات المشابهة والمقترحة بهوية واحدة. */
#resort-salla-landing.resort-product-page .r7-native-content :where(salla-products-slider,.s-products-slider-wrapper,.related-products,.products-slider) { color: var(--text) !important; }
#resort-salla-landing.resort-product-page[data-theme="dark"] .r7-native-content :where(.s-product-card-entry,.product-entry,.product-card) { background: var(--panel) !important; color: var(--text) !important; border-color: var(--line) !important; }
#resort-salla-landing.resort-product-page .r7-native-content :where(.s-product-card-entry,.product-entry,.product-card) a { color: inherit; }

/* ======================== السلة ======================== */
#resort-salla-landing.resort-cart-page .r7-native-content { min-height: 55vh; }
#resort-salla-landing.resort-cart-page .r7-native-content :where(.cart-item,.cart-summary,.s-cart-summary,.s-cart-item,[data-testid*="cart"],.bg-white) {
  border-color: var(--line) !important;
}
#resort-salla-landing.resort-cart-page[data-theme="dark"] .r7-native-content :where(.cart-item,.cart-summary,.s-cart-summary,.s-cart-item,.bg-white) {
  background: var(--panel) !important;
  color: var(--text) !important;
}
#resort-salla-landing.resort-cart-page .r7-native-content :where(button[type="submit"],salla-button[fill="solid"]) { --color-primary:#d08943; }
#resort-salla-landing.resort-cart-page .r7-native-content :where(input[name*="coupon"],input[name*="code"]) { min-height: 44px; }

/* ======================== صفحات من نحن والسياسات ======================== */
#resort-salla-landing .r7-static-page {
  width: min(1120px,100%) !important;
  margin-inline: auto !important;
  overflow-wrap: anywhere;
  word-break: normal;
  color: var(--text) !important;
}
#resort-salla-landing .r7-static-page :where(h1,h1 *) { font-size: 28px !important; line-height: 1.45 !important; color: var(--text) !important; font-weight: 800 !important; }
#resort-salla-landing .r7-static-page :where(h2,h2 *) { font-size: 22px !important; line-height: 1.55 !important; color: var(--text) !important; font-weight: 800 !important; }
#resort-salla-landing .r7-static-page :where(h3,h3 *) { font-size: 18px !important; line-height: 1.65 !important; color: var(--text) !important; font-weight: 750 !important; }
#resort-salla-landing .r7-static-page :where(p,li,td,th,blockquote) { font-size: 16px !important; line-height: 1.95 !important; color: var(--text) !important; }
#resort-salla-landing .r7-static-page :where(p,li,td,th,blockquote) :where(span,strong,b,em,i) { font-size: inherit !important; line-height: inherit !important; color: inherit !important; }
#resort-salla-landing .r7-static-page :where(strong,b) { font-size: inherit !important; font-weight: 800 !important; }
#resort-salla-landing .r7-static-page a { color: var(--orange) !important; text-decoration-thickness: 1px; text-underline-offset: 3px; }
#resort-salla-landing .r7-static-page :where(img,video,iframe,table,pre) { max-width: 100% !important; }
#resort-salla-landing .r7-static-page :where(table) { display: block; overflow-x: auto; }
#resort-salla-landing[data-theme="dark"] .r7-static-page :where([style*="background-color: white"],[style*="background-color:#fff"],[style*="background-color: #fff"],[style*="background: white"]) { background: var(--panel) !important; }
#resort-salla-landing .r7-static-page :where(p,li,td,th,blockquote,span,strong,b)[style*="font-size"] { font-size: inherit !important; }
#resort-salla-landing[data-theme="dark"] .r7-static-page :where(p,li,td,th,blockquote,span,strong,b)[style*="color"] { color: inherit !important; }

/* ======================== استجابة الجوال ======================== */
@media (max-width: 900px) {
  #resort-salla-landing .r7-ppf-hero { grid-template-columns: 1fr; padding: 24px 18px 34px; }
  #resort-salla-landing .r7-ppf-media,
  #resort-salla-landing .r7-ppf-copy { grid-column: 1; }
  #resort-salla-landing .r7-ppf-media { grid-row: 1; }
  #resort-salla-landing .r7-ppf-copy { grid-row: 2; }
  #resort-salla-landing .r7-cover-buttons { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #resort-salla-landing .r7-extras { grid-template-columns: 1fr; }
  #resort-salla-landing.resort-product-page .container--product-details > .flex { grid-template-columns: 1fr !important; }
  #resort-salla-landing.resort-product-page .container--product-details .sidebar,
  #resort-salla-landing.resort-product-page .container--product-details .main-content { grid-column: 1 !important; position: static !important; top: auto !important; }
  #resort-salla-landing.resort-product-page .container--product-details .sidebar { grid-row: 1 !important; }
  #resort-salla-landing.resort-product-page .container--product-details .main-content { grid-row: 2 !important; }
  #resort-salla-landing .r7-product-tabs-inner { grid-template-columns: 1fr; }
  #resort-salla-landing .r7-product-tablist { grid-column: 1; grid-row: 1; position: static; flex-direction: row; overflow-x: auto; }
  #resort-salla-landing .r7-product-tablist button { min-width: max-content; flex: 1 0 auto; text-align: center; }
  #resort-salla-landing .r7-product-tabpanels { grid-column: 1; grid-row: 2; }
}
@media (max-width: 640px) {
  #resort-salla-landing .r7-native-content { padding-inline: 12px !important; }
  #resort-salla-landing .r7-ppf-copy h1 { font-size: 30px; }
  #resort-salla-landing .r7-sizes { grid-template-columns: repeat(3,1fr); }
  #resort-salla-landing .r7-live-summary { align-items: flex-start; flex-direction: column; }
  #resort-salla-landing .r7-timeline::before,
  #resort-salla-landing .r7-product-timeline::before { inset-inline-start: 18px; transform: none; }
  #resort-salla-landing .r7-timeline > li,
  #resort-salla-landing .r7-timeline > li:nth-child(even),
  #resort-salla-landing .r7-product-timeline > li,
  #resort-salla-landing .r7-product-timeline > li:nth-child(even) { width: calc(100% - 58px); margin-inline-start: 58px; padding: 17px; }
  #resort-salla-landing .r7-step-number,
  #resort-salla-landing .r7-timeline > li:nth-child(even) .r7-step-number,
  #resort-salla-landing .r7-product-timeline > li:nth-child(even) .r7-step-number { inset-inline-start: -58px; inset-inline-end: auto; }
  #resort-salla-landing .r7-static-page :where(h1,h1 *) { font-size: 24px !important; }
  #resort-salla-landing .r7-static-page :where(h2,h2 *) { font-size: 21px !important; }
  #resort-salla-landing .r7-static-page :where(h3,h3 *) { font-size: 18px !important; }
}

/* صورة موحدة لجميع قنوات الدفع في الفوتر */
#resort-salla-landing .rf-payments.rf-payments-single {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
#resort-salla-landing .rf-payments-all {
  display: block;
  width: min(680px, 100%);
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-inline: auto;
}
@media (max-width: 640px) {
  #resort-salla-landing .rf-payments-all { width: min(560px, 100%); }
}


/* v9 — صورة الدفع الموحدة فقط */
#resort-salla-landing .rf-payments-image-only {
  display:flex;
  justify-content:center;
  width:100%;
  margin:18px auto 10px;
}
#resort-salla-landing .rf-payments-image-only .rf-payments {
  width:100%;
}
#resort-salla-landing .rf-payments-image-only .rf-payments-all {
  width:min(860px, 96vw);
  max-width:100%;
  height:auto;
  object-fit:contain;
}
#resort-salla-landing .rf-payments-block .rf-installment-highlights,
#resort-salla-landing .rf-payments-block .rf-payments-title,
#resort-salla-landing .rf-payments-block .rf-payments-note {
  display:none !important;
}
@media (max-width:640px){
  #resort-salla-landing .rf-payments-image-only .rf-payments-all{width:100%;}
}

/* v12 — one service, native choices, consistent Resort spacing. */
#resort-salla-landing.resort-product-page .container--product-details {
  width: min(1280px,100%); margin-inline: auto; padding-block: clamp(20px,4vw,48px);
}
#resort-salla-landing.resort-product-page .container--product-details > .flex,
#resort-salla-landing .r7-product-tabs-inner { direction: ltr; }
#resort-salla-landing.resort-product-page .container--product-details :is(.sidebar,.main-content),
#resort-salla-landing .r7-product-tabs-inner > * { direction: rtl; }
#resort-salla-landing[dir="ltr"].resort-product-page .container--product-details :is(.sidebar,.main-content),
#resort-salla-landing[dir="ltr"] .r7-product-tabs-inner > * { direction: ltr; }
#resort-salla-landing.resort-product-page .r7-product-title { margin-bottom: 18px !important; font-size:clamp(25px,2.7vw,36px) !important; }
#resort-salla-landing .r12-options-intro { color:var(--text);font-size:16px;line-height:1.8;font-weight:700;margin:20px 0 12px; }
#resort-salla-landing.resort-product-page salla-product-options { display:block; margin-bottom:24px; }
#resort-salla-landing.resort-product-page salla-product-options select {
  min-height:50px; border-radius:12px; width:100%; padding:10px 14px;
  background:var(--panel) !important;color:var(--text) !important;border:1px solid var(--line) !important;
}
#resort-salla-landing.resort-product-page salla-product-options :is(input[type="radio"],input[type="checkbox"]) { accent-color:var(--orange); }
#resort-salla-landing.resort-product-page salla-product-options :is(label,legend) { line-height:1.7; }
#resort-salla-landing.resort-product-page salla-product-options :is(select,input,button):focus-visible { outline:2px solid var(--orange);outline-offset:3px; }
#resort-salla-landing .r12-product-count { display:none !important; }
#resort-salla-landing.r12-category-page #resortNativeContent h1 { font-size:clamp(24px,3vw,36px) !important;line-height:1.5 !important;margin-block:20px !important; }
#resort-salla-landing.r12-category-page #resortNativeContent :is(salla-products-list,.products-list) { margin-block:24px; }
@media(max-width:767px){
  #resort-salla-landing.resort-product-page .container--product-details > .flex { display:flex !important;flex-direction:column !important;gap:20px !important; }
  #resort-salla-landing.resort-product-page .container--product-details .sidebar { position:static !important; }
  #resort-salla-landing.resort-product-page .container--product-details .main-content { padding:20px !important; }
}

/* v13 — contrast, readable text, native Salla icons and category layouts. */
#resort-salla-landing {--orange:#d57c26;--orange-light:#eda056;--orange-border:rgba(213,124,38,.48);}
#resort-salla-landing[data-theme="light"],html[data-theme="light"] #resort-salla-landing {--orange:#a95109;--orange-light:#a95109;--orange-border:rgba(169,81,9,.4);}
#resort-salla-landing :is(.eyebrow,.en,.r7-kicker,.category-browser-head p,.section-intro p,.hero-foot,.size-intro,.size-policy-item span,.size-policy-item strong,.tool-card-header small,.tool-card-header em,.result-kicker,.r7-note,.r7-native-pay-note) {font-size:clamp(16px,1.15vw,16px) !important;line-height:1.9 !important;}
#resort-salla-landing :is(.showcase-copy p,.section-head p,.package-card p,.review-card p,.policy-shortcut-grid span,.decision-zone-head p,.rf-brand p,.rf-contact>a,.rf-links a,.rf-legal,.rf-copyright,.rf-social) {font-size:clamp(16px,1.2vw,17px) !important;line-height:1.85 !important;}
#resort-salla-landing :is(.category-tile small,.category-tile span,.category-tile strong,.rf-brand strong,.package-card .button,.showcase-copy .button) {font-size:clamp(16px,1.2vw,17px) !important;}
#resort-salla-landing :is(.size-form-grid label>span,.size-form-grid select,.size-calc-button,.r7-product-open,.r7-tabpanel p,.r7-tabpanel li) {font-size:16px !important;line-height:1.85;}
/* Icon fonts must not inherit the text font through the global reset. */
#resort-salla-landing :is([class^="sicon-"],[class*=" sicon-"]),
#resort-salla-landing :is([class^="sicon-"],[class*=" sicon-"])::before,
#resort-salla-landing :is([class^="sicon-"],[class*=" sicon-"])::after {font-family:"sallaicons" !important;font-style:normal;}
#resort-salla-landing :is([class^="hgi-"],[class*=" hgi-"])::before {font-family:inherit;}
#resort-salla-landing .rdm-brand img,
#resort-salla-landing .rsh-logo img,
#resort-salla-landing .home-hero-logo .hero-logo-area img {background:transparent !important;filter:none !important;padding:0 !important;object-fit:contain;}
#resort-salla-landing[data-theme="light"] :is(.home-hero,.home-hero-logo,.category-browser,.care-tools,.decision-zone,.service-showcase,.services-section,.section-intro),
html[data-theme="light"] #resort-salla-landing :is(.home-hero,.home-hero-logo,.category-browser,.care-tools,.decision-zone,.service-showcase,.services-section,.section-intro) {background:var(--bg) !important;color:var(--text) !important;}
#resort-salla-landing #services .service-motion-ready.is-in-view > :is(.showcase-copy,.showcase-media) {opacity:1 !important;transform:translate3d(0,0,0) !important;}
#resort-salla-landing #services .service-showcase {min-height:0;padding-block:clamp(28px,5vw,64px);}
/* Car artwork removed from markup; reflow the remaining three footer columns. */
#resort-salla-landing .rf-art {display:none !important;background:none !important;}
#resort-salla-landing .resort-final-footer {background:var(--bg-alt) !important;color:var(--text) !important;}
#resort-salla-landing .rf-main {grid-template-columns:1fr 1fr 1fr;min-height:0;background:none;align-items:start;gap:clamp(22px,4vw,56px);padding-block:28px;}
#resort-salla-landing .resort-final-footer :is(.rf-brand h2,.rf-brand strong,.rf-brand p,.rf-links a,.rf-contact>a,.rf-copyright,.rf-social,.rf-legal) {color:var(--text) !important;}
#resort-salla-landing .rf-icon {background:var(--panel-2);border-color:var(--line);}
#resort-salla-landing .rf-payments-all {filter:none !important;mix-blend-mode:normal;}
#resort-salla-landing :is(.container--product-details,.r13-category-service) :is([data-testid="store-product-price"],.price-wrapper,.r13-live-price) {color:var(--text) !important;font-size:clamp(26px,2.3vw,34px) !important;font-weight:800;line-height:1.5;}
#resort-salla-landing :is([data-testid="store-product-price"],.price-wrapper) :is(p,span,i) {color:inherit !important;}
#resort-salla-landing :is([data-testid="store-product-price"],.price-wrapper) .line-through {color:var(--muted) !important;font-size:17px !important;}
#resort-salla-landing salla-product-options {--color-primary:var(--orange);--color-primary-reverse:#fff;font-size:16px;}
#resort-salla-landing salla-product-options :is(.s-product-options-wrapper,.s-product-options-option-container,.s-product-options-option,.s-product-options-options,.bg-white,.bg-gray-50) {background:var(--panel) !important;color:var(--text) !important;border-color:var(--line) !important;}
#resort-salla-landing salla-product-options :is(label,legend,.s-product-options-option-label,.s-product-options-option-value) {font-size:16px !important;line-height:1.7 !important;color:var(--text) !important;}
#resort-salla-landing salla-product-options :is(select,input[type="text"],input[type="number"],textarea) {min-height:50px;font-size:16px !important;background:var(--panel-2) !important;color:var(--text) !important;border:1px solid var(--line) !important;border-radius:12px;padding:10px 14px;}
#resort-salla-landing salla-product-options select option {background:var(--panel);color:var(--text);}
#resort-salla-landing :is(salla-add-product-button,salla-mini-checkout-widget,salla-quick-buy) {--color-primary:#d57c26;--color-primary-reverse:#111;}
#resort-salla-landing :is(salla-add-product-button,salla-mini-checkout-widget,salla-quick-buy) button,
#resort-salla-landing salla-add-product-button .s-button-element {min-height:54px !important;font-size:17px !important;border-radius:12px !important;padding:12px 20px !important;}
#resort-salla-landing salla-add-product-button .s-add-product-button-main {display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;}
#resort-salla-landing salla-add-product-button .s-add-product-button-main > * {flex:1 1 180px;min-width:0;}
#resort-salla-landing .r13-category-service {max-width:1360px;margin:auto;padding:clamp(18px,3vw,44px) max(16px,3vw);}
#resort-salla-landing .r13-category-hero {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy media";direction:ltr;gap:clamp(22px,4vw,54px);align-items:start;}
#resort-salla-landing .r13-category-media {grid-area:media;position:sticky;top:110px;}
#resort-salla-landing .r13-category-media img {width:100%;height:auto;border-radius:20px;}
#resort-salla-landing .r13-category-copy {grid-area:copy;direction:rtl;background:var(--panel);color:var(--text);padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:20px;min-width:0;}
#resort-salla-landing[dir="ltr"] .r13-category-copy {direction:ltr;}
#resort-salla-landing .r13-category-copy h1 {font-size:clamp(26px,3vw,38px) !important;line-height:1.45;margin-bottom:16px;color:var(--orange);}
#resort-salla-landing .r13-category-copy>p {font-size:17px;color:var(--muted);margin-bottom:24px;}
#resort-salla-landing .r13-live-price {display:block;margin-block:22px;}
#resort-salla-landing .r13-category-purchase[inert] {opacity:.5;pointer-events:none;}
#resort-salla-landing .r13-product-payments {width:min(100%,640px);margin:24px auto 0;}
#resort-salla-landing .r7-tabpanel details {border-bottom:1px solid var(--line);padding:18px 0;}
#resort-salla-landing .r7-tabpanel summary {cursor:pointer;color:var(--orange);font-size:17px;font-weight:700;}
#resort-salla-landing .r7-tabpanel details p {margin-top:12px;}
@media(max-width:900px){#resort-salla-landing .rf-main{grid-template-columns:1fr 1fr;}#resort-salla-landing .rf-brand{grid-column:1/-1;}}
@media(max-width:767px){
 #resort-salla-landing .r13-category-hero{grid-template-columns:1fr;grid-template-areas:"media" "copy";gap:20px;}
 #resort-salla-landing .r13-category-media{position:static;}
 #resort-salla-landing .rf-main{grid-template-columns:1fr;}
 #resort-salla-landing .rf-brand{grid-column:auto;}
 #resort-salla-landing .r7-product-tablist {display:flex;flex-wrap:wrap;overflow:visible;}
 #resort-salla-landing .r7-product-tablist button {flex:1 1 145px;min-width:0;font-size:16px;}
}
@media(prefers-reduced-motion:reduce){#resort-salla-landing #services .service-motion-ready>:is(.showcase-copy,.showcase-media){opacity:1 !important;transform:none !important;transition:none !important;}}

/* Complete the requested homepage and product refinements. */
#resort-salla-landing [data-language-toggle] {display:none !important;}
#resort-salla-landing :is(.category-browser-head>.eyebrow,.decision-zone-head>.eyebrow,#packages .eyebrow,.saudi-brand-direction>.eyebrow) {font-size:clamp(20px,2.2vw,28px) !important;font-weight:800;text-align:center;}
#resort-salla-landing .category-browser-head .eyebrow {letter-spacing:0;}
#resort-salla-landing .manufacturing-copy {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:28px;}
#resort-salla-landing .manufacturing-copy article {background:var(--panel);border:1px solid var(--orange-border);border-radius:18px;padding:clamp(22px,3vw,30px);color:var(--text);}
#resort-salla-landing .manufacturing-copy h3 {font-size:23px;color:var(--orange);margin-bottom:12px;}
#resort-salla-landing .manufacturing-copy p,#resort-salla-landing .saudi-direction-grid p {font-size:16px;line-height:1.95;color:var(--text);}
#resort-salla-landing .saudi-brand-direction {text-align:center;}
#resort-salla-landing .saudi-brand-direction>h2 {font-size:clamp(24px,3vw,42px);line-height:1.65;text-align:center;margin-inline:auto;max-width:100%;}
#resort-salla-landing .saudi-brand-direction>h2 br {display:none;}
#resort-salla-landing .direction-invitation {font-size:clamp(22px,2.4vw,30px) !important;font-weight:800;text-align:center;margin:30px auto 20px;max-width:900px;}
#resort-salla-landing .saudi-brand-direction>.button {display:inline-flex;justify-content:center;}
#resort-salla-landing .manufacturing-quality {text-align:center;}
#resort-salla-landing .manufacturing-quality>.actions {display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px;}
#resort-salla-landing .manufacturing-quality>.actions>.button {min-height:52px;font-size:16px;}
#resort-salla-landing #size-finder-title {font-size:clamp(24px,2.8vw,34px);line-height:1.5;}
#resort-salla-landing .size-form-grid select,#resort-salla-landing .size-form-grid select option {background:#080808 !important;color:#f1a255 !important;border-color:#d57c26 !important;font-size:17px !important;}
#resort-salla-landing #packages h2 {color:var(--orange) !important;}
#resort-salla-landing .whatsapp-float,.r13-whatsapp-brand {background:#d57c26 !important;color:#111 !important;border:1px solid #edaa6a !important;}
#resort-salla-landing[data-theme="light"] .category-grid {background:var(--bg-alt) !important;}
#resort-salla-landing[data-theme="light"] .category-tile {background:var(--panel) !important;border-color:var(--line);}
#resort-salla-landing[data-theme="light"] .category-shade {background:linear-gradient(180deg,transparent 30%,rgba(250,248,245,.96) 100%);}
#resort-salla-landing[data-theme="light"] .category-copy :is(strong,span,p) {color:var(--text) !important;}
#resort-salla-landing :is([data-testid="store-product-price"],.price-wrapper,.r13-live-price),#resort-salla-landing :is([data-testid="store-product-price"],.price-wrapper) :is(p,h2,.total-price) {color:var(--orange) !important;font-size:clamp(27px,2.5vw,36px) !important;font-weight:800;}
#resort-salla-landing :is([data-testid="store-product-price"],.price-wrapper) :is(.line-through,.before-price,del) {font-size:22px !important;color:var(--muted) !important;text-decoration-line:line-through !important;text-decoration-color:#d74242 !important;text-decoration-thickness:2px !important;}
#resort-salla-landing :is([data-testid="store-product-social-share"],[data-testid="store-product-wishlist-btn"]) {display:none !important;}
#resort-salla-landing salla-add-product-button :is(i,svg) {color:currentColor !important;opacity:1 !important;visibility:visible !important;}
#resort-salla-landing .r7-native-content :is(.s-blocks-wrapper,.s-block) {background:transparent;}
#resort-salla-landing .r7-native-content .s-block:empty {display:none !important;}
#resort-salla-landing .r7-static-page :is(p,li) {font-size:17px !important;line-height:2 !important;color:var(--text) !important;max-width:85ch;}
#resort-salla-landing .r7-static-page :is(h1,h2,h3) {color:var(--orange) !important;line-height:1.6 !important;}
#resort-salla-landing .r7-static-page p {margin-block:0 20px !important;}
#resort-salla-landing .r7-static-page :is(strong,b) {color:var(--orange) !important;}
#resort-salla-landing .r13-advisor-float {position:fixed;inset-inline-start:20px;right:20px;left:auto;bottom:max(20px,env(safe-area-inset-bottom));z-index:2147482991;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:999px;background:#d57c26;color:#111;font-size:16px;font-weight:800;box-shadow:0 5px 20px #0003;}
#resort-salla-landing .r13-welcome {position:fixed;inset:0;width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:36px 28px 24px;border:1px solid var(--orange-border);border-radius:22px;background:var(--panel);color:var(--text);text-align:center;overflow:auto;box-shadow:0 20px 90px #0006;}
#resort-salla-landing .r13-welcome::backdrop {background:rgba(0,0,0,.65);}
#resort-salla-landing .r13-welcome img {width:140px;height:140px;object-fit:contain;margin:0 auto 18px;}
#resort-salla-landing .r13-welcome h2 {font-size:27px;color:var(--orange);line-height:1.6;margin-bottom:14px;}
#resort-salla-landing .r13-welcome p {font-size:17px;line-height:1.9;margin-bottom:14px;}
#resort-salla-landing .r13-modal-close {position:absolute;top:10px;left:10px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:30px;line-height:1;}
#resort-salla-landing .r13-coupon {display:block;font-size:42px;letter-spacing:.15em;color:var(--orange);margin:16px auto;border:1px dashed var(--orange);padding:12px;width:180px;border-radius:12px;}
#resort-salla-landing .r13-copy-code {background:#d57c26;color:#111;border:0;border-radius:12px;min-height:50px;padding:12px 24px;font-size:17px;font-weight:800;}
#resort-salla-landing .r13-welcome :is(button,a):focus-visible {outline:3px solid var(--orange);outline-offset:3px;}
@media(min-width:1100px){#resort-salla-landing .saudi-brand-direction>h2{white-space:nowrap;}}
@media(max-width:767px){#resort-salla-landing .manufacturing-copy{grid-template-columns:1fr;}#resort-salla-landing .r13-advisor-float{right:12px;padding:11px 15px;font-size:16px;max-width:calc(50vw - 24px);}#resort-salla-landing .whatsapp-float{left:12px;max-width:calc(50vw - 24px);}#resort-salla-landing .r13-welcome{padding-inline:20px;}}

/* Fix native select text rendering, including disabled model/year fields. */
#resort-salla-landing .size-form-grid select,
#resort-salla-landing .size-form-grid select option {
  color: #f1a255 !important;
  -webkit-text-fill-color: #f1a255 !important;
  background-color: #080808 !important;
  color-scheme: dark;
  opacity: 1 !important;
}
#resort-salla-landing .size-form-grid select:disabled {
  color: #d8aa7c !important;
  -webkit-text-fill-color: #d8aa7c !important;
  opacity: 1 !important;
  border-color: #8f633a !important;
  cursor: not-allowed;
}

/* v14 — consistent readable typography. */
#resort-salla-landing {font-size:18px;--copy-size:18px;--label-size:18px;--heading-size:clamp(28px,2.6vw,38px);}
#resort-salla-landing :is(p,li,label,legend,summary,small,.en,.eyebrow,.button,.rsh-oval-btn,.rf-links a,.rf-contact>a,.rf-copyright,.rf-legal,.rf-social,.r7-note,.r7-native-pay-note,.showcase-label,.service-number,.category-copy span,.category-copy small) {font-size:var(--copy-size) !important;line-height:1.85 !important;}
#resort-salla-landing :is(h1,h2,h3,h4) {color:#ffffff !important;line-height:1.45 !important;letter-spacing:normal !important;}
#resort-salla-landing :is(h1,h2,h3,h4) .accent {color:var(--orange) !important;}
#resort-salla-landing h1 {font-size:clamp(32px,3vw,44px) !important;}
#resort-salla-landing h2 {font-size:var(--heading-size) !important;}
#resort-salla-landing h3 {font-size:24px !important;}
#resort-salla-landing h4 {font-size:21px !important;}
#resort-salla-landing :is(h1,h2,h3,h4) :is(span,strong,.accent,.resort-title-text) {font-size:inherit !important;color:inherit !important;line-height:inherit !important;}
#resort-salla-landing :is(h1,h2) br {display:none !important;}
#resort-salla-landing :is(.section-head,.section-intro,.category-browser-head,.decision-zone-head,.saudi-brand-direction,.map-copy,.policy-shortcuts) :is(h1,h2) {max-width:100% !important;width:auto;white-space:normal !important;text-wrap:pretty;}
#resort-salla-landing .resort-centered-heading {text-align:center;}
#resort-salla-landing .resort-centered-heading h2 {display:flex !important;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);width:100%;}
#resort-salla-landing .resort-centered-heading h2::before,#resort-salla-landing .resort-centered-heading h2::after {content:"";display:block;flex:0 1 90px;max-width:90px;height:1px;background:var(--orange-border);}
#resort-salla-landing .resort-title-text {flex:0 1 auto;min-width:0;}
#resort-salla-landing :is(.eyebrow,.saudi-brand-direction>.eyebrow,.category-browser-head>.eyebrow,.decision-zone-head>.eyebrow,#packages .eyebrow) {font-size:20px !important;line-height:1.7 !important;font-weight:700 !important;color:var(--orange) !important;margin-bottom:14px;}
#resort-salla-landing :is(.showcase-copy,.hero-content,.map-copy,.policy-shortcuts>div) {min-width:0;}
#resort-salla-landing :is(.showcase-copy,.hero-content,.map-copy,.policy-shortcuts>div) h2 {max-width:none !important;font-size:var(--heading-size) !important;}
#resort-salla-landing :is(.showcase-copy p,.map-copy p,.policy-shortcuts p,.manufacturing-copy p,.saudi-direction-grid p,.rf-brand p,.size-policy-item span,.size-intro) {color:var(--text) !important;font-size:18px !important;line-height:1.9 !important;}
#resort-salla-landing .rf-brand :is(h2,strong) {font-size:24px !important;line-height:1.6;}
#resort-salla-landing .rf-brand p span {color:var(--text) !important;}
#resort-salla-landing .rf-links a {justify-content:flex-start;gap:12px;}
#resort-salla-landing .rf-links a>span {margin-inline-start:auto;}
#resort-salla-landing .rf-links,#resort-salla-landing .rf-contact {gap:14px;}
#resort-salla-landing .rf-bottom {padding-inline:clamp(12px,2vw,32px);}
#resort-salla-landing .rf-payments-image-only {max-width:none !important;width:100% !important;}
#resort-salla-landing .rf-payments-image-only .rf-payments-all {width:min(1500px,100%) !important;max-width:100% !important;height:auto !important;}



#resortAdvisorFloat.r13-advisor-float {display:inline-flex !important;visibility:visible !important;opacity:1 !important;position:fixed !important;inset:auto 20px max(20px,env(safe-area-inset-bottom)) auto !important;z-index:2147482996 !important;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;background:#d57c26 !important;color:#111 !important;border:1px solid #eda666;border-radius:999px;font-family:inherit;font-size:18px !important;font-weight:800;line-height:1.5;text-decoration:none;box-shadow:0 5px 24px #0004;max-width:calc(50vw - 24px);}
@media(max-width:767px){
 #resort-salla-landing {--copy-size:17px;--heading-size:28px;}
 #resort-salla-landing :is(.eyebrow,.saudi-brand-direction>.eyebrow,.category-browser-head>.eyebrow,.decision-zone-head>.eyebrow,#packages .eyebrow){font-size:18px !important;}
 #resort-salla-landing :is(.showcase-copy p,.map-copy p,.policy-shortcuts p,.manufacturing-copy p,.saudi-direction-grid p,.rf-brand p,.size-policy-item span,.size-intro){font-size:17px !important;}
 #resort-salla-landing .resort-centered-heading h2::before,#resort-salla-landing .resort-centered-heading h2::after{flex-basis:22px;}
 
 
 #resortAdvisorFloat.r13-advisor-float{right:12px !important;font-size:17px !important;padding:11px 16px;}
}
/* Resort luxury footer v15 — append after earlier custom rules. */
#resort-salla-landing footer.rf-luxury {
 --rf-accent:#d57c26;--rf-bg:#080808;--rf-text:#f7f5f1;--rf-line:rgba(213,124,38,.35);
 background:var(--rf-bg) !important;color:var(--rf-text) !important;border-top:2px solid var(--rf-accent);border-bottom:2px solid var(--rf-accent);
 padding:0 !important;margin-block:0 !important;isolation:isolate;overflow:hidden;
}
#resort-salla-landing .rf-luxury .rf-luxury-inner {max-width:1720px;margin-inline:auto;padding:clamp(28px,3vw,48px) clamp(20px,3.5vw,64px) 0;}
#resort-salla-landing .rf-luxury .rf-main {display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;direction:rtl;gap:clamp(28px,4vw,68px);align-items:start;min-height:0 !important;background:none !important;padding:0 !important;margin:0 !important;}
#resort-salla-landing .rf-luxury .rf-main>* {min-width:0;}
#resort-salla-landing .rf-luxury .rf-brand {grid-column:auto;text-align:right;}
#resort-salla-landing .rf-luxury .rf-brand>a {display:block;}
#resort-salla-landing .rf-luxury .rf-brand img {width:clamp(140px,11vw,180px);height:auto;max-width:100%;margin:0 0 18px auto;object-fit:contain;background:none;}
#resort-salla-landing .rf-luxury .rf-brand h2 {font-size:30px !important;color:var(--rf-text) !important;line-height:1.5 !important;margin:0 0 6px !important;}
#resort-salla-landing .rf-luxury .rf-brand h2 span,#resort-salla-landing .rf-luxury .rf-brand strong span {color:var(--rf-accent) !important;}
#resort-salla-landing .rf-luxury .rf-brand strong {display:block;font-size:20px !important;color:var(--rf-text) !important;line-height:1.6 !important;}
#resort-salla-landing .rf-luxury .rf-brand p {font-size:19px !important;color:var(--rf-text) !important;line-height:1.9 !important;max-width:36ch;margin:18px 0 0 !important;}
#resort-salla-landing .rf-luxury :is(.rf-links,.rf-contact) {display:grid;gap:14px;align-content:start;text-align:right;}
#resort-salla-landing .rf-luxury :is(.rf-links,.rf-contact) h3 {font-size:26px !important;color:var(--rf-accent) !important;line-height:1.5 !important;margin:0 0 22px !important;}
#resort-salla-landing .rf-luxury .rf-links a {font-size:18px !important;line-height:1.7 !important;color:var(--rf-text) !important;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:2px 0;width:fit-content;max-width:100%;}
#resort-salla-landing .rf-luxury .rf-links a>span {margin:0;color:var(--rf-accent) !important;font-size:24px !important;}
#resort-salla-landing .rf-luxury .rf-contact>a {display:flex;align-items:center;gap:14px;color:var(--rf-text) !important;font-size:18px !important;line-height:1.7 !important;min-height:52px;}
#resort-salla-landing .rf-luxury .rf-contact :is(span,bdi) {min-width:0;overflow-wrap:anywhere;}
#resort-salla-landing .rf-luxury .rf-icon {width:48px;height:48px;min-width:48px;border:1px solid var(--rf-line);background:#151515;color:var(--rf-accent);}
#resort-salla-landing .rf-luxury .rf-icon svg {width:24px;height:24px;}
#resort-salla-landing .rf-luxury .rf-payments-block.rf-payments-image-only {width:100% !important;max-width:none !important;display:block !important;margin:20px 0 18px !important;padding:0 !important;}
#resort-salla-landing .rf-luxury .rf-payments {display:flex;width:100%;justify-content:center;margin:0;padding:0;}
#resort-salla-landing .rf-luxury .rf-payments-image-only .rf-payments-all {display:block;width:100% !important;max-width:1500px !important;height:auto !important;object-fit:contain;margin:0 auto !important;filter:none;}
#resort-salla-landing .rf-luxury .rf-luxury-bottom {display:grid !important;grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr) auto !important;direction:rtl;gap:20px;align-items:center;border-top:1px solid var(--rf-line);padding:22px 0 !important;margin:0 !important;}
#resort-salla-landing .rf-luxury .rf-legal {display:flex;align-items:center;gap:14px;flex-wrap:wrap;grid-column:auto;grid-row:auto;justify-content:flex-start;min-width:0;margin:0;padding:0;}
#resort-salla-landing .rf-luxury .rf-legal>span {display:flex;align-items:center;gap:9px;padding:0;border:0;min-width:0;}
#resort-salla-landing .rf-luxury .rf-legal>span>span {font-size:16px !important;line-height:1.7;color:var(--rf-text) !important;}
#resort-salla-landing .rf-luxury .rf-legal b {display:block;direction:ltr;unicode-bidi:isolate;font-size:17px !important;font-weight:700;color:var(--rf-text) !important;line-height:1.5;letter-spacing:0;}
#resort-salla-landing .rf-luxury .rf-legal svg {width:24px;height:24px;color:var(--rf-accent);}
#resort-salla-landing .rf-luxury .rf-business-platform {display:flex;align-items:center;gap:9px;max-width:100%;color:var(--rf-text);}
#resort-salla-landing .rf-luxury .rf-business-platform>span:last-child {font-size:16px;line-height:1.6;}
#resort-salla-landing .rf-luxury .rf-business-platform strong {display:block;font-size:16px;line-height:1.6;color:var(--rf-accent);}
#resort-salla-landing .rf-luxury .rf-business-icon {display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--rf-line);border-radius:10px;background:#151515;flex-shrink:0;}
#resort-salla-landing .rf-luxury .rf-business-icon svg {width:29px;height:29px;fill:none;stroke:var(--rf-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
#resort-salla-landing .rf-luxury .rf-copyright {color:var(--rf-text) !important;background:none;border:0;font-size:16px !important;line-height:1.8 !important;text-align:center;margin:0 !important;padding:0 !important;grid-column:auto;grid-row:auto;}
#resort-salla-landing .rf-luxury .rf-social {display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;color:var(--rf-text) !important;font-size:17px !important;min-width:0;}
#resort-salla-landing .rf-luxury .rf-social a {display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 15px;border:1px solid var(--rf-accent);border-radius:999px;color:var(--rf-text);font-size:17px;line-height:1.4;}
#resort-salla-landing .rf-luxury a:hover {color:#f5b273 !important;}
#resort-salla-landing .rf-luxury a:focus-visible {outline:2px solid var(--rf-accent);outline-offset:5px;}
@media(max-width:1250px){
 #resort-salla-landing .rf-luxury .rf-luxury-bottom {grid-template-columns:minmax(0,1fr) auto !important;}
 #resort-salla-landing .rf-luxury .rf-copyright {grid-column:1/-1;grid-row:2;}
}
@media(max-width:900px){
 #resort-salla-landing .rf-luxury .rf-main {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px;}
 #resort-salla-landing .rf-luxury .rf-brand {grid-column:1/-1;text-align:center;}
 #resort-salla-landing .rf-luxury .rf-brand img {margin-inline:auto;}
 #resort-salla-landing .rf-luxury .rf-brand p {max-width:54ch;margin-inline:auto !important;}
}
@media(max-width:600px){
 #resort-salla-landing .rf-luxury .rf-luxury-inner {padding:28px 18px 0;}
 #resort-salla-landing .rf-luxury .rf-main {grid-template-columns:minmax(0,1fr) !important;gap:30px;}
 #resort-salla-landing .rf-luxury .rf-brand {grid-column:auto;}
 #resort-salla-landing .rf-luxury :is(.rf-links,.rf-contact) h3 {margin-bottom:12px !important;font-size:24px !important;}
 #resort-salla-landing .rf-luxury .rf-brand p {font-size:18px !important;}
 #resort-salla-landing .rf-luxury .rf-payments-block.rf-payments-image-only {margin:18px 0 !important;}
 #resort-salla-landing .rf-luxury .rf-luxury-bottom {grid-template-columns:minmax(0,1fr) !important;gap:20px;}
 #resort-salla-landing .rf-luxury .rf-legal {justify-content:center;gap:18px;}
 #resort-salla-landing .rf-luxury .rf-copyright {grid-column:auto;grid-row:auto;}
 #resort-salla-landing .rf-luxury .rf-social {justify-content:center;}
}


/* ======================================================================
   RESORT CAR CARE — VIDEO FEEDBACK ADJUSTMENTS & COLOR/TYPOGRAPHY RESTORATION
   ====================================================================== */

/* 1. Official Identity Orange (#d08943) */
#resort-salla-landing {
  --orange: #d08943 !important;
  --orange-light: #e6a968 !important;
  --orange-border: rgba(208, 137, 67, 0.42) !important;
  --orange-soft: rgba(208, 137, 67, 0.14) !important;
}

/* 2. Remove quick tabs completely */
.r14-quick-tabs,
#resortAdvisorTab {
  display: none !important;
}

/* 3. Eyebrows & Specific Headings as requested in video */
#resort-salla-landing .eyebrow-white,
#resort-salla-landing .saudi-brand-direction > .eyebrow,
#resort-salla-landing #services > .section-intro .eyebrow,
#resort-salla-landing .category-browser-head .eyebrow,
#resort-salla-landing .policy-shortcuts .eyebrow {
  color: #ffffff !important;
  font-size: clamp(22px, 2.3vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

/* Headings color in White with Orange Accent */
#resort-salla-landing :is(.section-head, .category-browser-head, .decision-zone-head, #services > .section-intro, .saudi-brand-direction, .location-copy, .policy-shortcuts) h2 {
  color: #ffffff !important;
}
#resort-salla-landing :is(.section-head, .category-browser-head, .decision-zone-head, #services > .section-intro, .saudi-brand-direction, .location-copy, .policy-shortcuts) h2 .accent {
  color: var(--orange) !important;
}
#resort-salla-landing .resort-title-text {
  color: #ffffff !important;
}

/* 4. Orange WhatsApp Floating Button (Same orange as footer payment channels) */
#resort-salla-landing .whatsapp-float,
.whatsapp-float,
.r13-whatsapp-brand,
a[href*="wa.me"].whatsapp-float,
a[href*="api.whatsapp.com"].whatsapp-float {
  background: #d08943 !important;
  background-color: #d08943 !important;
  color: #111111 !important;
  border: 1px solid rgba(208, 137, 67, 0.6) !important;
  box-shadow: 0 10px 30px rgba(208, 137, 67, 0.4) !important;
}
#resort-salla-landing .whatsapp-float svg,
.whatsapp-float svg,
.r13-whatsapp-brand svg {
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
}

/* 5. Care Advisor Floating Button & Side Panel Drawer */
#resortAdvisorFloat,
.r13-advisor-float,
#resort-ai-widget .resort-launcher {
  position: fixed !important;
  right: 20px !important;
  left: auto !important;
  bottom: max(20px, env(safe-area-inset-bottom)) !important;
  z-index: 2147482996 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 52px !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  background: #d08943 !important;
  color: #111111 !important;
  border: 1px solid rgba(208, 137, 67, 0.6) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 35px rgba(208, 137, 67, 0.4) !important;
}
#resortAdvisorFloat:hover,
#resort-ai-widget .resort-launcher:hover {
  background: #e6a968 !important;
  transform: translateY(-2px) !important;
}
#resort-ai-widget .resort-panel {
  position: fixed !important;
  right: 20px !important;
  left: auto !important;
  bottom: 85px !important;
  z-index: 2147483001 !important;
  width: min(440px, calc(100vw - 28px)) !important;
  height: min(720px, calc(100dvh - 105px)) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid var(--orange-border) !important;
  border-radius: 22px !important;
  background: #111111 !important;
  color: #f7f6f3 !important;
  box-shadow: 0 28px 100px rgba(0, 0, 0, 0.8) !important;
}
#resort-ai-widget .resort-panel:not([open]) {
  display: none !important;
}
#resort-ai-widget .resort-panel::backdrop {
  background: rgba(0, 0, 0, 0.65) !important;
}

/* 6. Vehicle Size Finder Heading and Card Prominence */
#resort-salla-landing #size-finder-title {
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
}
#resort-salla-landing .size-finder-card {
  border: 1px solid var(--orange-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4) !important;
}
#resort-salla-landing .tool-card-header em {
  font-size: 19px !important;
  color: var(--orange) !important;
  font-weight: 800 !important;
}
#resort-salla-landing .size-icon {
  width: 64px !important;
  height: 64px !important;
  font-size: 32px !important;
  background: var(--orange) !important;
  color: #111111 !important;
}
#resort-salla-landing .size-calc-button {
  min-height: 54px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* 7. Package Cards: equal height & aligned action buttons */
#resort-salla-landing .package-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}
#resort-salla-landing .package-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 390px !important;
  padding: 34px !important;
  border: 1px solid var(--orange-border) !important;
  border-radius: 22px !important;
  background: var(--panel) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4) !important;
}
#resort-salla-landing .package-card h3 {
  font-size: clamp(24px, 2.4vw, 32px) !important;
  color: #ffffff !important;
}
#resort-salla-landing .package-card p {
  color: var(--muted) !important;
  font-size: 17px !important;
}
#resort-salla-landing .package-actions {
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
}
#resort-salla-landing .package-actions .button {
  width: 100% !important;
  min-height: 52px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
#resort-salla-landing .package-sublink {
  display: block !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--orange) !important;
  min-height: 24px !important;
}
#resort-salla-landing .package-sublink-placeholder {
  display: block !important;
  min-height: 24px !important;
  visibility: hidden !important;
}

/* 8. Policy shortcuts section: white heading & expansive layout */
#resort-salla-landing .policy-shortcuts {
  display: grid !important;
  grid-template-columns: 1.1fr 1.3fr !important;
  gap: clamp(28px, 4vw, 60px) !important;
  align-items: center !important;
  padding: clamp(60px, 7vw, 100px) var(--gutter) !important;
}
#resort-salla-landing .policy-shortcuts h2 {
  font-size: clamp(28px, 3.4vw, 46px) !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
}

/* 9. Category listing pages (Full width, dark cards, 300 -> 210 SAR prices) */
#resort-salla-landing :is(.r7-native-content, .r12-category-page) :is(salla-products-list, .products-list, [data-testid="products-list"]) {
  display: block !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 24px auto !important;
}
#resort-salla-landing :is(.r7-native-content, .r12-category-page) :is(.s-products-list-wrapper, .products-grid, [class*="products-list"]) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}
@media (max-width: 900px) {
  #resort-salla-landing :is(.r7-native-content, .r12-category-page) :is(.s-products-list-wrapper, .products-grid, [class*="products-list"]) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  #resort-salla-landing :is(.r7-native-content, .r12-category-page) :is(.s-products-list-wrapper, .products-grid, [class*="products-list"]) {
    grid-template-columns: 1fr !important;
  }
}
#resort-salla-landing :is(.s-product-card-entry, .product-entry, .product-card, salla-product-card) {
  background: #141414 !important;
  background-color: #141414 !important;
  color: #ffffff !important;
  border: 1px solid var(--orange-border) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
}
#resort-salla-landing :is(.s-product-card-entry, .product-entry, .product-card) :is(.bg-white, .product-entry__details, .content, div) {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
}
#resort-salla-landing :is(.s-product-card-entry, .product-entry, .product-card) :is(h2, h3, h4, p, span, a) {
  color: inherit !important;
}
#resort-salla-landing :is(.s-product-card-entry, .product-entry, .product-card) :is(.price-before, del, [class*="before"], .line-through) {
  color: #e53e3e !important;
  text-decoration: line-through !important;
  text-decoration-color: #e53e3e !important;
  text-decoration-thickness: 2px !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  margin-inline-end: 10px !important;
}
#resort-salla-landing :is(.s-product-card-entry, .product-entry, .product-card) :is(.price-after, .price, [class*="sale-price"], [class*="current-price"], h4) {
  color: var(--orange) !important;
  font-weight: 900 !important;
  font-size: 24px !important;
}

/* 10. Product & Category Options Box: Dark Background, No White Frame */
#resort-salla-landing salla-product-options,
#resort-salla-landing salla-product-options * {
  color: #ffffff !important;
  background-color: transparent !important;
}
#resort-salla-landing salla-product-options :is(.s-product-options-wrapper, .s-product-options-option-container, fieldset, [class*="option-container"], [class*="wrapper"], .bg-white) {
  background: #111111 !important;
  background-color: #111111 !important;
  border: 1px solid var(--orange-border) !important;
  border-radius: 16px !important;
  padding: 16px !important;
}
#resort-salla-landing salla-product-options :is(.s-product-options-option-label, label, legend) {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
#resort-salla-landing salla-product-options select {
  background: #181818 !important;
  background-color: #181818 !important;
  color: #f1a255 !important;
  -webkit-text-fill-color: #f1a255 !important;
  border: 1px solid var(--orange-border) !important;
  border-radius: 12px !important;
  min-height: 50px !important;
  font-size: 17px !important;
}
#resort-salla-landing salla-product-options select option {
  background: #111111 !important;
  color: #ffffff !important;
}

/* 11. Live Product Price: Red Strikethrough for Before Price */
.r13-price-box {
  display: flex !important;
  align-items: baseline !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin: 18px 0 !important;
}
.r13-price-before {
  color: #e53e3e !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 700 !important;
  text-decoration: line-through !important;
  text-decoration-color: #e53e3e !important;
  text-decoration-thickness: 2.5px !important;
}
.r13-price-current {
  color: var(--orange) !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 900 !important;
}

/* 12. Two-Row Action Buttons on Product / Category Service Page */
.r13-category-purchase {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 18px !important;
}
.r13-purchase-row-1 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
}
.r13-purchase-row-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
}
.r13-btn-add-cart,
.r13-btn-buy-now {
  min-height: 52px !important;
  border-radius: 12px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}
.r13-btn-add-cart {
  background: var(--orange) !important;
  color: #111111 !important;
  border: 1px solid var(--orange) !important;
}
.r13-btn-add-cart:hover {
  background: var(--orange-light) !important;
  transform: translateY(-2px) !important;
}
.r13-btn-buy-now {
  background: #181818 !important;
  color: var(--orange) !important;
  border: 1px solid var(--orange) !important;
}
.r13-btn-buy-now:hover {
  background: var(--orange) !important;
  color: #111111 !important;
  transform: translateY(-2px) !important;
}
.r13-btn-details,
.r13-btn-applepay {
  min-height: 48px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}
.r13-btn-details {
  background: #0d0d0d !important;
  color: var(--orange) !important;
  border: 1px solid var(--orange) !important;
}
.r13-btn-details:hover {
  background: var(--orange-soft) !important;
  transform: translateY(-2px) !important;
}
.r13-btn-applepay {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
}
.r13-btn-applepay:hover {
  border-color: #ffffff !important;
  background: #1a1a1a !important;
  transform: translateY(-2px) !important;
}

/* 13. Tabs adjacent to Product & Dark Themed Reviews / Warranty / FAQ */
#resort-salla-landing .r7-product-tabs {
  width: min(1360px, 100%) !important;
  margin: 32px auto 60px !important;
  padding: 0 !important;
}
#resort-salla-landing .r7-product-tabs-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
#resort-salla-landing .r7-product-tablist {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 12px !important;
}
#resort-salla-landing .r7-product-tablist button {
  flex: 1 1 160px !important;
  min-height: 48px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background: var(--panel-2) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  cursor: pointer !important;
}
#resort-salla-landing .r7-product-tablist button[aria-selected="true"] {
  background: var(--orange) !important;
  color: #111111 !important;
  border-color: var(--orange) !important;
  font-weight: 800 !important;
}
#resort-salla-landing .r7-product-tabpanels {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: clamp(24px, 3.5vw, 42px) !important;
  color: #ffffff !important;
}
/* Reviews in tab: Dark cards */
#resort-salla-landing .r13-reviews-tab-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 18px !important;
}
@media (max-width: 900px) {
  #resort-salla-landing .r13-reviews-tab-grid {
    grid-template-columns: 1fr !important;
  }
}
#resort-salla-landing .r13-review-box {
  background: #141414 !important;
  border: 1px solid var(--orange-border) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  color: #ffffff !important;
}
#resort-salla-landing .r13-review-stars {
  color: var(--orange) !important;
  font-size: 18px !important;
  margin-bottom: 8px !important;
}
/* Warranty in tab */
#resort-salla-landing .r13-warranty-content {
  display: grid !important;
  gap: 18px !important;
  line-height: 1.9 !important;
  font-size: 17px !important;
}
#resort-salla-landing .r13-warranty-card {
  background: var(--panel-2) !important;
  border: 1px solid var(--orange-border) !important;
  border-radius: 14px !important;
  padding: 20px !important;
}
#resort-salla-landing .r13-warranty-card h4 {
  color: var(--orange) !important;
  font-size: 20px !important;
  margin-bottom: 8px !important;
}
/* FAQ in tab */
#resort-salla-landing .r13-faq-list details {
  border-bottom: 1px solid var(--line) !important;
  padding: 16px 0 !important;
}
#resort-salla-landing .r13-faq-list summary {
  color: var(--orange) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#resort-salla-landing .r13-faq-list p {
  margin-top: 12px !important;
  color: #dddddd !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}
/* توسيع وتمديد صفحات التصنيف والمنتج لتأخذ كامل عرض الصفحة */
.container--product-details,
.r7-native-content,
.r12-category-page,
.r7-product-tabs,
.r7-product-tabpanels,
.s-products-slider-wrapper {
  width: 100% !important;
  max-width: 1680px !important;
  margin-inline: auto !important;
  padding-inline: 20px !important;
  box-sizing: border-box !important;
}

/* إزالة المستطيل الأبيض أعلى المنتجات المشابهة */
.s-before-related,
.s-block:empty {
  background: transparent !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* التبويبات الأفقية بكامل العرض أعلى المحتوى */
.r7-product-tabs {
  margin-top: 35px;
  width: 100%;
}
.r7-product-tablist {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  background: #111111;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 6px;
  margin-bottom: 20px;
}
.r7-product-tablist button {
  background: transparent;
  color: #a0a0a0;
  border: none;
  padding: 14px 8px;
  font-weight: 700;
  font-size: 15px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.25s ease;
  text-align: center;
}
.r7-product-tablist button[aria-selected="true"] {
  background: #d08943;
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(208, 137, 67, 0.35);
}

/* شبكة المنتجات في صفحات التصنيف بكامل العرض وبمظهر داكن */
.r12-category-page salla-products-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
}
/* RESORT PAYMENT ADDON START — remove this whole block to undo. */
/* v16 — payment logos: direct payments first, then intermediary and instalments. */
#resort-salla-landing .r16-payments {display:grid;gap:22px;width:100%;max-width:100%;margin:22px 0 0;padding:0;direction:rtl;}
#resort-salla-landing .r16-payment-group {min-width:0;width:100%;}
#resort-salla-landing .r16-payments h3 {font-size:20px !important;line-height:1.6 !important;color:var(--orange,#d57c26) !important;margin:0 0 12px !important;}
#resort-salla-landing .r16-payment-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#resort-salla-landing .r16-payment-logo {display:flex;align-items:center;justify-content:center;min-width:0;height:64px;padding:10px 12px;border:1px solid rgba(213,124,38,.45);border-radius:12px;background:#fff;overflow:hidden;}
#resort-salla-landing .r16-payment-logo img {display:block;width:100% !important;max-width:110px !important;height:42px !important;object-fit:contain !important;object-position:center;filter:none !important;mix-blend-mode:normal;}
#resort-salla-landing .r16-logo-fallback {font-size:17px !important;line-height:1.5;color:#151515 !important;font-weight:700;text-align:center;}
#resort-salla-landing .r16-installments-heading {display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px;}
#resort-salla-landing .r16-installments-heading h3 {margin:0 !important;}
#resort-salla-landing .r16-intermediary {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#resort-salla-landing .r16-intermediary>.r16-payment-logo {width:110px;height:52px;padding:8px;}
#resort-salla-landing .r16-intermediary>span:last-child {font-size:16px !important;line-height:1.7;color:var(--text,#fff);}
#resort-salla-landing .resort-final-footer .r16-payments {max-width:1400px;margin:20px auto !important;gap:20px;}
#resort-salla-landing .resort-final-footer .r16-payment-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
#resort-salla-landing .resort-final-footer .r16-payment-logo {height:76px;}
#resort-salla-landing .resort-final-footer .r16-payment-logo img {height:50px !important;max-width:140px !important;}
#resort-salla-landing .resort-final-footer .r16-intermediary>span:last-child {color:#f7f5f1;}
/* Keep the tab menu and the selected content on the same row on desktop. */
#resort-salla-landing .r7-product-tabs>.r7-product-tabs-inner {display:grid !important;grid-template-columns:minmax(0,1fr) 240px !important;grid-template-areas:"content tabs" !important;gap:22px !important;direction:ltr !important;align-items:start !important;width:100% !important;}
#resort-salla-landing .r7-product-tabs-inner>.r7-product-tablist {grid-area:tabs !important;grid-column:2 !important;grid-row:1 !important;display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;position:sticky !important;top:110px;align-self:start;min-width:0;max-width:100%;width:100% !important;direction:rtl;box-sizing:border-box;}
#resort-salla-landing .r7-product-tabs-inner>.r7-product-tablist button {flex:0 0 auto !important;min-height:54px !important;height:auto !important;width:100% !important;min-width:0 !important;padding:14px !important;font-size:18px !important;line-height:1.65 !important;text-align:right !important;}
#resort-salla-landing .r7-product-tabs-inner>.r7-product-tabpanels {grid-area:content !important;grid-column:1 !important;grid-row:1 !important;direction:rtl;min-width:0 !important;width:100% !important;max-width:100% !important;margin:0 !important;box-sizing:border-box;}
#resort-salla-landing .r7-product-tabpanels>.r7-tabpanel {width:100%;min-width:0;}
@media(max-width:900px){
 #resort-salla-landing .resort-final-footer .r16-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:767px){
 #resort-salla-landing .r7-product-tabs>.r7-product-tabs-inner{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"tabs" "content" !important;gap:14px !important;}
 #resort-salla-landing .r7-product-tabs-inner>.r7-product-tablist{grid-column:1 !important;grid-row:1 !important;position:static !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
 #resort-salla-landing .r7-product-tabs-inner>.r7-product-tablist button{font-size:17px !important;text-align:center !important;padding:12px 8px !important;}
 #resort-salla-landing .r7-product-tabs-inner>.r7-product-tabpanels{grid-column:1 !important;grid-row:2 !important;padding:20px !important;}
}
@media(max-width:360px){#resort-salla-landing .r16-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* RESORT PAYMENT ADDON END */
/* RESORT ACCESSORIES FIX START — no effect outside this category. */
/* Remove the nested grids created by older broad products-list selectors. */
html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list,
html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list [class*="products-list"] {
 display:block !important;grid-template-columns:none !important;grid-template-rows:none !important;
 width:100% !important;min-width:0 !important;max-width:100% !important;height:auto !important;min-height:0 !important;margin-inline:0 !important;box-sizing:border-box;
}
html.r17-accessories #resort-salla-landing #resortNativeContent {width:100% !important;max-width:1680px !important;margin-inline:auto !important;padding-inline:clamp(16px,3vw,40px) !important;}
html.r17-accessories #resort-salla-landing #resortNativeContent main,
html.r17-accessories #resort-salla-landing #resortNativeContent main>.container {width:100% !important;max-width:100% !important;min-width:0 !important;}
/* Grid belongs to the immediate parent of the product cards, once only. */
html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list.r17-accessories-grid,
html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list .s-products-list-wrapper,
html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list .r17-accessories-grid {
 display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;grid-auto-rows:auto !important;gap:24px !important;align-items:stretch !important;width:100% !important;min-width:0 !important;height:auto !important;padding:0 !important;
}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card {
 display:block !important;grid-column:auto !important;grid-row:auto !important;width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important;min-height:0 !important;position:relative !important;inset:auto !important;transform:none !important;
}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card .s-product-card-entry,
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card.s-product-card-entry {display:flex !important;flex-direction:column !important;width:100% !important;min-width:0 !important;height:100% !important;min-height:0 !important;max-height:none !important;overflow:hidden;border-radius:18px;}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card :is(.s-product-card-image,.product-entry__image,.product-image) {width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:1/1;overflow:hidden;position:relative;}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card img {display:block !important;width:100% !important;max-width:100% !important;height:auto !important;max-height:360px !important;aspect-ratio:1/1;object-fit:contain !important;object-position:center;}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card :is(.s-product-card-content,.product-entry__details) {width:100% !important;min-width:0 !important;flex:1 1 auto;padding:18px !important;}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card :is(h2,h3,a,p,span) {overflow-wrap:anywhere;white-space:normal !important;}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card :is(h2,h3) {font-size:20px !important;line-height:1.6 !important;}
html.r17-accessories #resort-salla-landing #resortNativeContent .r17-accessories-card :is(p,button,.s-button-text) {font-size:17px !important;line-height:1.7 !important;}
@media(max-width:1000px){
 html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list.r17-accessories-grid,
html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list .s-products-list-wrapper,
 html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list .r17-accessories-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
}
@media(max-width:540px){
 html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list.r17-accessories-grid,
html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list .s-products-list-wrapper,
 html.r17-accessories #resort-salla-landing #resortNativeContent salla-products-list .r17-accessories-grid {grid-template-columns:minmax(0,1fr) !important;gap:18px !important;}
}
/* RESORT ACCESSORIES FIX END */
/* RESORT WELCOME AA START — isolated styles; append to current CSS. */
#resortWelcomeAA.rwaa {
 --rwaa-orange:#d57c26;box-sizing:border-box;position:fixed;inset:0;margin:auto;
 width:min(600px,calc(100vw - 32px));max-width:600px;max-height:calc(100dvh - 32px);
 padding:32px clamp(22px,4vw,42px) 24px;border:1px solid rgba(213,124,38,.65);border-radius:24px;
 background:#080808;color:#f7f5f1;text-align:center;direction:rtl;overflow:auto;
 font-family:inherit;font-size:18px;line-height:1.8;box-shadow:0 24px 100px rgba(0,0,0,.45);
}
#resortWelcomeAA:not([open]) {display:none !important;}
#resortWelcomeAA *,#resortWelcomeAA *::before,#resortWelcomeAA *::after {box-sizing:border-box;}
#resortWelcomeAA::backdrop {background:rgba(0,0,0,.72);}
#resortWelcomeAA .rwaa-close {position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff30;border-radius:50%;background:#171717;color:#fff;font:inherit;font-size:32px;line-height:1;padding:0;cursor:pointer;}
#resortWelcomeAA .rwaa-logo {display:block;width:clamp(120px,25vw,170px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 8px;background:transparent;border:0;filter:none;}
#resortWelcomeAA .rwaa-eyebrow {margin:8px 0 10px;color:#eda264;font-size:18px;font-weight:700;line-height:1.7;}
#resortWelcomeAA h2 {margin:0 auto 12px;max-width:100%;color:#fff;font-size:clamp(24px,3.5vw,31px);font-weight:800;line-height:1.55;letter-spacing:0;}
#resortWelcomeAA .rwaa-tagline {min-height:42px;margin:0 0 16px;color:#eda264;font-size:clamp(23px,3.5vw,29px);font-weight:700;line-height:1.5;}
#resortWelcomeAA .rwaa-cursor {display:inline-block;width:2px;height:1em;margin-inline-start:5px;background:currentColor;vertical-align:-.1em;animation:rwaa-caret .6s steps(1) infinite;}
#resortWelcomeAA .rwaa-offer {padding-top:18px;border-top:1px solid #d57c264d;}
#resortWelcomeAA .rwaa-offer p {font-size:18px;color:#f7f5f1;line-height:1.85;margin:0 0 8px;}
#resortWelcomeAA .rwaa-offer .rwaa-surprise {color:#edaa70;font-weight:700;}
#resortWelcomeAA .rwaa-copy {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:110px;margin:20px auto 0;padding:14px 18px;border:1px dashed #d57c26;border-radius:16px;background:#d57c2612;color:#fff;font:inherit;cursor:pointer;}
#resortWelcomeAA .rwaa-copy strong {color:#f2a361;font-size:44px;font-weight:800;line-height:1.15;letter-spacing:.14em;}
#resortWelcomeAA .rwaa-copy>span {display:flex;gap:9px;align-items:center;justify-content:center;font-size:18px;font-weight:700;line-height:1.6;}
#resortWelcomeAA .rwaa-copy svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0;}
#resortWelcomeAA .rwaa-copy:hover {background:#d57c2626;}
#resortWelcomeAA :is(button,a):focus-visible {outline:3px solid #f2a361;outline-offset:4px;}
#resortWelcomeAA .rwaa-offer .rwaa-status:empty {display:none;}
#resortWelcomeAA .rwaa-offer .rwaa-status {margin-top:12px;color:#edaa70;}
#resortWelcomeAA.rwaa-running .rwaa-logo {animation:rwaa-zoom .75s cubic-bezier(.2,.7,.3,1) both;}
#resortWelcomeAA.rwaa-running :is(.rwaa-eyebrow,h2) {animation:rwaa-slide .55s .18s ease-out both;}
#resortWelcomeAA.rwaa-running:not(.rwaa-ready) .rwaa-offer {visibility:hidden;opacity:0;transform:translateY(10px);}
#resortWelcomeAA.rwaa-ready .rwaa-offer {visibility:visible;opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease;}
#resortWelcomeAA.rwaa-ready .rwaa-cursor {display:none;}
.rwaa-toast {position:fixed;bottom:max(90px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2147483647;max-width:calc(100vw - 32px);padding:12px 20px;border:1px solid #d57c26;border-radius:14px;background:#111;color:#fff;text-align:center;font-family:inherit;font-size:18px;line-height:1.6;box-shadow:0 6px 24px #0005;}
@keyframes rwaa-zoom {from{opacity:0;transform:scale(.5);}to{opacity:1;transform:scale(1);}}
@keyframes rwaa-slide {from{opacity:0;transform:translateX(36px);}to{opacity:1;transform:translateX(0);}}
@keyframes rwaa-caret {50%{opacity:0;}}
@media(max-width:420px){#resortWelcomeAA.rwaa{padding:28px 20px 20px;}#resortWelcomeAA .rwaa-logo{width:120px;}#resortWelcomeAA .rwaa-copy>span{font-size:17px;}}
@media(prefers-reduced-motion:reduce){#resortWelcomeAA *{animation:none !important;transition:none !important;}}
/* RESORT WELCOME AA END */
/* RESORT SERVICES REELS — START: append after your current CSS */
#resort-salla-landing #services { --rr26-css-ready: 1; }
#resort-salla-landing #services.rr26-ready > .service-showcase { display: none !important; }
#resort-salla-landing #services .rr26-shell,
#resort-salla-landing #services .rr26-shell * { box-sizing: border-box; }
#resort-salla-landing #services .rr26-shell {
  width: 100%; max-width: 1440px; margin: 0 auto 48px; padding: 0 20px;
  direction: rtl; color: var(--text, #f7f6f3); font-family: inherit;
}
#resort-salla-landing #services.rr26-ready > .section-intro {
  padding-block: 32px 24px !important; margin-block: 0 !important;
}
#resort-salla-landing #services .rr26-rail {
  display: flex; gap: 20px; overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
  scrollbar-width: thin; scrollbar-color: #d57c26 transparent;
  padding: 4px 0 16px; width: 100%; direction: rtl;
}
#resort-salla-landing #services .rr26-card {
  flex: 0 0 calc((100% - 40px) / 3); min-width: 0;
  display: flex; flex-direction: column; scroll-snap-align: start;
  border: 1px solid var(--line, #333); border-radius: 24px;
  background: var(--panel, #0d0d0d); overflow: hidden;
}
#resort-salla-landing #services .rr26-image {
  display: block; width: 100%; height: 230px; object-fit: contain;
  padding: 16px; margin: 0; background: transparent;
  opacity: 1; transform: none; filter: none; transition: transform .25s ease;
}
#resort-salla-landing #services .rr26-copy {
  padding: 12px 22px 24px; display: flex; flex: 1; flex-direction: column;
  text-align: right; gap: 12px;
}
#resort-salla-landing #services .rr26-title {
  margin: 0; font: inherit; font-size: clamp(22px, 2vw, 28px);
  line-height: 1.5; font-weight: 800; color: #d57c26; letter-spacing: 0;
}
#resort-salla-landing #services .rr26-description {
  margin: 0 0 8px; font: inherit; font-size: 18px; line-height: 1.8;
  color: var(--text, #f7f6f3); opacity: 1;
}
#resort-salla-landing #services .rr26-links {
  display: flex; flex-direction: column; gap: 10px; margin-top: auto;
}
#resort-salla-landing #services .rr26-link {
  display: flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 10px 14px; border: 1px solid #d57c26;
  border-radius: 12px; color: #080808; background: #d57c26;
  font: inherit; font-size: 17px; line-height: 1.6; font-weight: 800;
  text-decoration: none; text-align: center; white-space: normal;
}
#resort-salla-landing #services .rr26-link-extra {
  background: transparent; color: var(--text, #f7f6f3);
}
#resort-salla-landing #services .rr26-controls {
  display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 16px;
}
#resort-salla-landing #services .rr26-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; padding: 0; border: 1px solid #d57c26;
  border-radius: 50%; background: var(--panel, #0d0d0d); color: #d57c26;
  font: inherit; font-size: 28px; cursor: pointer;
}
#resort-salla-landing #services .rr26-arrow:disabled { opacity: .35; cursor: default; }
#resort-salla-landing #services .rr26-status { font-size: 17px; color: var(--text, #f7f6f3); }
#resort-salla-landing #services .rr26-shell :focus-visible { outline: 3px solid #d57c26; outline-offset: -3px; }
@media (hover: hover) {
  #resort-salla-landing #services .rr26-card:hover .rr26-image { transform: scale(1.04); }
}
@media (max-width: 1023px) {
  #resort-salla-landing #services .rr26-card { flex-basis: calc((100% - 20px) / 2); }
}
@media (max-width: 639px) {
  #resort-salla-landing #services .rr26-shell { padding-inline: 16px; }
  #resort-salla-landing #services .rr26-card { flex-basis: 86%; }
  #resort-salla-landing #services .rr26-rail { gap: 14px; }
  #resort-salla-landing #services .rr26-image { height: 200px; }
  #resort-salla-landing #services .rr26-copy { padding: 8px 18px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #resort-salla-landing #services .rr26-image { transition: none; }
  #resort-salla-landing #services .rr26-card:hover .rr26-image { transform: none; }
}
/* RESORT SERVICES REELS — END */
/* RESORT WORKS START */
#resort-salla-landing #resortWorks { --rw-css-ready:1; direction:rtl; width:100%; max-width:1440px; margin:40px auto; padding:32px 24px; color:var(--text,#f5f2ed); font-family:inherit; }
#resort-salla-landing #resortWorks, #resort-salla-landing #resortWorks * { box-sizing:border-box; }
#resort-salla-landing #resortWorks .rw-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:32px; }
#resort-salla-landing #resortWorks .rw-eyebrow { color:#d57c26; margin:0 0 8px; font-size:18px; font-weight:700; }
#resort-salla-landing #resortWorks .rw-title { margin:0; font:inherit; font-size:clamp(28px,3.5vw,46px); font-weight:900; line-height:1.5; }
#resort-salla-landing #resortWorks .rw-title span { color:#d57c26; }
#resort-salla-landing #resortWorks .rw-description { margin:10px 0 0; font-size:18px; line-height:1.8; color:var(--text,#f5f2ed); }
#resort-salla-landing #resortWorks .rw-social { color:#d57c26; font-size:18px; border-bottom:1px solid #d57c26; padding-block:8px; text-decoration:none; white-space:nowrap; }
#resort-salla-landing #resortWorks .rw-layout { display:grid; grid-template-columns:minmax(280px,360px) minmax(0,1fr); align-items:center; gap:32px; }
#resort-salla-landing #resortWorks .rw-feature, #resort-salla-landing #resortWorks .rw-more { min-width:0; }
#resort-salla-landing #resortWorks .rw-label { margin:0 0 12px; font-size:18px; color:#d57c26; }
#resort-salla-landing #resortWorks .rw-subtitle { margin:0 0 16px; font:inherit; font-size:26px; font-weight:800; color:var(--text,#f5f2ed); }
#resort-salla-landing #resortWorks .rw-shell { position:relative; }
#resort-salla-landing #resortWorks .rw-rail { display:flex; gap:18px; width:100%; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#d57c26 transparent; padding:14px 8px 20px; scroll-padding-inline:8px; direction:rtl; }
#resort-salla-landing #resortWorks .rw-card { min-width:0; border:1px solid var(--line,#333); background:var(--panel,#111); border-radius:14px; overflow:hidden; transition:transform .25s ease,border-color .25s ease; }
#resort-salla-landing #resortWorks .rw-rail .rw-card { flex:0 0 245px; scroll-snap-align:start; }
#resort-salla-landing #resortWorks .rw-featured { border-color:#d57c26; }
#resort-salla-landing #resortWorks .rw-player { height:430px; background:var(--panel-2,#141414); position:relative; display:grid; place-items:center; }
#resort-salla-landing #resortWorks .rw-featured .rw-player { height:550px; }
#resort-salla-landing #resortWorks .rw-player iframe { display:block; width:100%; height:100%; border:0; position:absolute; inset:0; }
#resort-salla-landing #resortWorks .rw-load { color:var(--text,#f5f2ed); background:transparent; border:1px solid #d57c26; border-radius:12px; padding:14px; font:inherit; font-size:18px; cursor:pointer; }
#resort-salla-landing #resortWorks .rw-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; padding:12px; font-size:16px; line-height:1.7; color:var(--text,#f5f2ed); }
#resort-salla-landing #resortWorks .rw-bottom a { color:#d57c26; text-decoration:none; }
#resort-salla-landing #resortWorks .rw-arrow { position:absolute; top:45%; z-index:2; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; border:1px solid #d57c26; color:#080808; background:#d57c26; font:inherit; font-size:27px; cursor:pointer; padding:0; }
#resort-salla-landing #resortWorks .rw-next { left:-12px; }
#resort-salla-landing #resortWorks .rw-prev { right:-12px; }
#resort-salla-landing #resortWorks .rw-arrow:disabled { opacity:0; pointer-events:none; }
#resort-salla-landing #resortWorks .rw-counter { display:block; margin-top:12px; font-size:17px; color:var(--text,#f5f2ed); }
#resort-salla-landing #resortWorks .rw-note { margin:24px 0 0; font-size:17px; line-height:1.8; color:var(--text,#f5f2ed); }
#resort-salla-landing #resortWorks :focus-visible { outline:3px solid #d57c26; outline-offset:-3px; }
@media(hover:hover) { #resort-salla-landing #resortWorks .rw-rail .rw-card:hover { transform:scale(1.025); border-color:#d57c26; } }
@media(max-width:900px) { #resort-salla-landing #resortWorks .rw-layout { grid-template-columns:290px minmax(0,1fr); gap:24px; } }
@media(max-width:700px) {
 #resort-salla-landing #resortWorks { padding:24px 18px; }
 #resort-salla-landing #resortWorks .rw-heading { display:block; }
 #resort-salla-landing #resortWorks .rw-social { display:inline-block; margin-top:12px; }
 #resort-salla-landing #resortWorks .rw-layout { grid-template-columns:1fr; gap:28px; }
 #resort-salla-landing #resortWorks .rw-feature { width:min(360px,100%); margin-inline:auto; }
 #resort-salla-landing #resortWorks .rw-featured .rw-player { height:min(142vw,550px); }
 #resort-salla-landing #resortWorks .rw-rail .rw-card { flex-basis:min(245px,82vw); }
 #resort-salla-landing #resortWorks .rw-player { height:430px; }
}
@media(prefers-reduced-motion:reduce) { #resort-salla-landing #resortWorks .rw-card { transition:none; } #resort-salla-landing #resortWorks .rw-card:hover { transform:none; } }
/* RESORT WORKS END */

/* RESORT LIGHT READABILITY FIX START */
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) {
 --bg:#faf8f5; --bg-alt:#f2eee8; --panel:#ffffff; --panel-2:#f4efe9;
 --text:#181614; --muted:#514b45; --line:rgba(24,22,20,.18);
 color:var(--text) !important; background:var(--bg) !important;
}
/* Keep text tokens local to surfaces which intentionally stay dark. */
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) #resort-salla-header {
 --text:#f7f6f3; --muted:#d6d1cb;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(h1,h2,h3,h4,h5,h6,.resort-title-text,.eyebrow-white,#size-finder-title) {
 color:var(--text) !important; -webkit-text-fill-color:currentColor !important; text-shadow:none !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.section-head,.category-browser-head,.decision-zone-head,#services>.section-intro,.saudi-brand-direction,.location-copy,.policy-shortcuts) :is(h2,.eyebrow),
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .package-card h3 {
 color:var(--text) !important; -webkit-text-fill-color:currentColor !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(p,li,label,legend,summary,.lede,.category-copy strong,.category-copy span,.r7-note,.r7-product-tabpanels,.r13-faq-list p) {
 -webkit-text-fill-color:currentColor;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.package-card,.tool-card,.size-finder-card,.review-card,.r7-product-tabpanels,.r13-review-box,.r13-warranty-card,.r7-static-page) {
 color:var(--text) !important; background:var(--panel) !important; border-color:var(--line) !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.package-card,.tool-card,.review-card,.r7-product-tabpanels,.r13-review-box,.r13-warranty-card) :is(p,li,label,legend,blockquote,small),
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.r13-faq-list p,.category-copy strong,.category-copy span) {
 color:var(--text) !important; -webkit-text-fill-color:currentColor !important; text-shadow:none !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .r7-product-tablist button {
 background:var(--panel-2) !important; color:var(--text) !important; -webkit-text-fill-color:currentColor !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .r7-product-tablist button[aria-selected="true"] {
 background:#d57c26 !important; color:#080808 !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.s-product-card-entry,.product-entry,.product-card,salla-product-card) {
 background:var(--panel) !important; background-color:var(--panel) !important; color:var(--text) !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.s-product-card-entry,.product-entry,.product-card) :is(div,p,span,a,h2,h3,h4) {
 color:var(--text) !important; -webkit-text-fill-color:currentColor !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) salla-product-options,
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) salla-product-options * {
 color:var(--text) !important; -webkit-text-fill-color:currentColor !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) salla-product-options :is(.s-product-options-wrapper,.s-product-options-option-container,fieldset,[class*="option-container"],[class*="wrapper"],.bg-white,select,option,input,textarea) {
 background:var(--panel) !important; background-color:var(--panel) !important; border-color:var(--line) !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .r13-btn-details {
 background:var(--panel) !important; color:#91480b !important;
}
/* Orange remains the accent; darker orange is used for text on light surfaces. */
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.accent,.rr26-title,.rw-eyebrow,.rw-label,.rw-social,.rw-bottom a,.r13-review-stars,.r13-warranty-card h4,.r13-faq-list summary),
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(h1,h2,h3,h4) :is(.accent,span.accent),
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.s-product-card-entry,.product-entry,.product-card) :is(.price-after,.price,[class*="sale-price"],[class*="current-price"]) {
 color:#91480b !important; -webkit-text-fill-color:currentColor !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) :is(.s-product-card-entry,.product-entry,.product-card) :is(del,.price-before,.line-through) {
 color:#b42318 !important; -webkit-text-fill-color:currentColor !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) footer.rf-luxury {
 --rf-bg:#f2eee8; --rf-text:#181614; --rf-accent:#91480b; --rf-line:rgba(145,72,11,.35);
 --text:#181614; background:var(--rf-bg) !important; color:var(--rf-text) !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .rf-luxury :is(.rf-business-icon,.rf-social a) { background:#fff !important; }
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .rf-luxury :is(.rf-brand h2,.rf-brand strong,.rf-brand p,.r16-intermediary>span:last-child) {
 color:var(--rf-text) !important; -webkit-text-fill-color:currentColor !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) #resort-ai-widget .resort-panel {
 background:#fff !important; color:#181614 !important;
}
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) #resort-ai-widget :is(.resort-launcher-text strong,.resort-launcher-text small) {
 color:#080808 !important; -webkit-text-fill-color:currentColor !important;
}
/* Apple Pay keeps the contrast required by its black button surface. */
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .r13-btn-applepay,
:is(html[data-theme="light"] #resort-salla-landing, #resort-salla-landing[data-theme="light"]) .r13-btn-applepay * { color:#fff !important; -webkit-text-fill-color:#fff !important; }
/* RESORT LIGHT READABILITY FIX END */

/* RESORT EXTRA PAGE AND FAQ START */
#resort-salla-landing.r26-extra-active > .resort-page-content {display:none !important;}
#resort-salla-landing .r26-extra-page {width:100%;max-width:1440px;margin:0 auto;padding:40px 24px 64px;color:var(--text);background:var(--bg);box-sizing:border-box;}
#resort-salla-landing .r26-extra-page * {box-sizing:border-box;}
#resort-salla-landing .r26-extra-back {display:inline-block;margin-bottom:24px;color:var(--text);font-size:18px;text-decoration:underline;}
#resort-salla-landing .r26-extra-kicker {color:var(--orange);font-size:20px;font-weight:800;}
#resort-salla-landing .r26-extra-page > p {font-size:19px;line-height:1.9;}
#resort-salla-landing .r26-extra-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;}
#resort-salla-landing .r26-extra-card {display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);}
#resort-salla-landing .r26-extra-card h2 {font-size:26px !important;color:var(--text) !important;margin:0;line-height:1.6 !important;}
#resort-salla-landing .r26-extra-card p {font-size:18px;line-height:1.9;margin:0 0 12px;color:var(--text);}
#resort-salla-landing .r26-extra-number {display:grid;place-items:center;width:56px;height:56px;background:#d57c26;color:#080808;border-radius:16px;font-size:25px;font-weight:800;}
#resort-salla-landing .r26-extra-buy {display:flex;justify-content:center;align-items:center;margin-top:auto;min-height:52px;padding:12px;background:#d57c26;color:#080808;font-size:18px;font-weight:800;text-align:center;text-decoration:none;border-radius:12px;}
#resort-salla-landing .r26-extra-page a:focus-visible {outline:3px solid #d57c26;outline-offset:4px;}
#resort-salla-landing .r13-faq-list .r26-faq-group {font-size:24px !important;line-height:1.6 !important;color:var(--text) !important;margin:32px 0 12px;padding-bottom:12px;border-bottom:2px solid #d57c26;}
#resort-salla-landing .r13-faq-list .r26-faq-group:first-child {margin-top:0;}
#resort-salla-landing .r13-faq-list summary {font-size:19px !important;line-height:1.9 !important;color:var(--text) !important;cursor:pointer;}
#resort-salla-landing .r13-faq-list p {font-size:18px !important;line-height:2 !important;color:var(--text) !important;}
@media(max-width:900px){#resort-salla-landing .r26-extra-grid {grid-template-columns:1fr;}}
/* RESORT EXTRA PAGE AND FAQ END */

/* RESORT HEADER, MAP, REVIEWS AND SAFE VIDEO FIX START */
:is(html[data-theme="light"] #resort-salla-landing,#resort-salla-landing[data-theme="light"]) #resort-salla-header {
 --text:#181614;--muted:#514b45;--header-bg:rgba(250,248,245,.97);
 background:var(--header-bg) !important;color:#181614 !important;
}
:is(html[data-theme="light"] #resort-salla-landing,#resort-salla-landing[data-theme="light"]) #resort-salla-header :is(.rsh-oval-btn,.rsh-oval-btn span,.rsh-action-pill,.rsh-action-text,.rsh-cart-total,.rsh-search-input,.rsh-login-btn span,.rsh-cart-btn span) {
 color:#181614 !important;-webkit-text-fill-color:#181614 !important;opacity:1 !important;text-shadow:none !important;
}
:is(html[data-theme="light"] #resort-salla-landing,#resort-salla-landing[data-theme="light"]) #resort-salla-header .rsh-search-input::placeholder {color:#625c56 !important;-webkit-text-fill-color:#625c56 !important;opacity:1 !important;}
:is(html[data-theme="light"] #resort-salla-landing,#resort-salla-landing[data-theme="light"]) #resort-salla-header :is(svg,i) {color:#a95109 !important;}
#resort-salla-landing .map-frame {background:#080808 !important;}
#resort-salla-landing .map-frame iframe {filter:invert(.93) hue-rotate(180deg) saturate(.65) brightness(.85) contrast(1.08) !important;}
:is(html[data-theme="light"] #resort-salla-landing,#resort-salla-landing[data-theme="light"]) .map-frame {background:#faf8f5 !important;}
:is(html[data-theme="light"] #resort-salla-landing,#resort-salla-landing[data-theme="light"]) .map-frame iframe {filter:none !important;}
#resort-salla-landing #resortWorks .rw-player iframe {opacity:0;pointer-events:none;}
#resort-salla-landing #resortWorks .rw-player.rw-playing iframe {opacity:1;pointer-events:auto;}
#resort-salla-landing #resortWorks .rw-safe-fallback {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:22px;text-align:center;}
#resort-salla-landing #resortWorks :is(.rw-safe-fallback p,.rw-loading) {font-size:18px;line-height:1.9;color:var(--text);}
#resort-salla-landing.r27-reviews-active > .resort-page-content {display:none !important;}
#resort-salla-landing .r27-reviews-page {width:100%;max-width:1440px;margin:0 auto;padding:40px 24px 64px;color:var(--text);background:var(--bg);box-sizing:border-box;}
#resort-salla-landing .r27-reviews-back {display:inline-block;margin-bottom:24px;color:var(--text);font-size:18px;text-decoration:underline;}
#resort-salla-landing .r27-reviews-page > p {font-size:19px;line-height:1.9;color:var(--text);}
#resort-salla-landing .r27-review-write {display:inline-flex;min-height:48px;align-items:center;padding:12px 20px;border-radius:12px;background:#d57c26;color:#080808;font-size:18px;font-weight:800;text-decoration:none;}
#resort-salla-landing .r27-reviews-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px;}
#resort-salla-landing .r27-review-card {padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);}
#resort-salla-landing .r27-review-card blockquote {font-size:18px;line-height:2;margin:16px 0 24px;color:var(--text);}
#resort-salla-landing .r27-review-stars {font-size:22px;color:var(--orange);letter-spacing:2px;}
#resort-salla-landing .r27-review-author {font-size:18px;font-weight:800;color:var(--text);margin:0;}
#resort-salla-landing .r27-reviews-page a:focus-visible {outline:3px solid #d57c26;outline-offset:4px;}
@media(max-width:1000px){#resort-salla-landing .r27-reviews-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){#resort-salla-landing .r27-reviews-grid {grid-template-columns:1fr;}#resort-salla-landing .r27-reviews-page {padding-inline:18px;}}
/* RESORT HEADER, MAP, REVIEWS AND SAFE VIDEO FIX END */

/* RESORT HOSTED VIDEOS START */
#resort-salla-landing #resortWorks .rw-layout {direction:rtl;}
#resort-salla-landing #resortWorks .rw-player {overflow:hidden;}
#resort-salla-landing #resortWorks .r28-preview-video {display:block;width:100%;height:100%;object-fit:cover;background:var(--panel-2,#141414);pointer-events:none;}
#resort-salla-landing #resortWorks .r28-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border:1px solid #d57c26;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:26px;cursor:pointer;padding:0;z-index:1;}
#resort-salla-landing #resortWorks .r28-previewing .r28-play {opacity:.35;}
#resort-salla-landing #resortWorks .r28-play:focus-visible {opacity:1;outline:3px solid #d57c26;outline-offset:4px;}
#resort-salla-landing #resortWorks .r28-watch {background:none;border:0;color:var(--orange);font:inherit;font-size:17px;cursor:pointer;padding:6px;}
#resort-salla-landing #resortWorks .r28-card-status {position:absolute;bottom:8px;left:12px;right:12px;padding:10px;background:var(--panel);color:var(--text);font-size:17px;line-height:1.7;margin:0;text-align:center;}
#resort-salla-landing #resortWorks .r28-card-status:empty {display:none;}
#resort-salla-landing #resortWorks .r28-video-dialog {position:fixed;inset:0;width:min(560px,calc(100vw - 24px));max-width:100%;max-height:calc(100dvh - 24px);margin:auto;padding:20px;border:1px solid #d57c26;border-radius:18px;background:var(--panel,#111);color:var(--text,#fff);overflow:auto;box-sizing:border-box;}
#resort-salla-landing #resortWorks .r28-video-dialog:not([open]) {display:none !important;}
#resort-salla-landing #resortWorks .r28-video-dialog::backdrop {background:rgba(0,0,0,.85);}
#resort-salla-landing #resortWorks .r28-viewer-title {font-size:22px !important;padding-inline-end:48px;margin:0 0 16px;line-height:1.7 !important;color:var(--text) !important;}
#resort-salla-landing #resortWorks .r28-viewer-close {position:absolute;top:10px;left:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d57c26;border-radius:50%;background:var(--panel-2);color:var(--text);font:inherit;font-size:30px;cursor:pointer;}
#resort-salla-landing #resortWorks .r28-full-video {display:block;width:100%;max-height:72dvh;background:#000;object-fit:contain;}
#resort-salla-landing #resortWorks .r28-viewer-status {font-size:18px;line-height:1.8;color:var(--text);}
#resort-salla-landing #resortWorks .r28-viewer-status:empty {display:none;}
#resort-salla-landing #resortWorks .r28-direct {display:inline-block;margin-top:12px;color:var(--text);font-size:17px;text-decoration:underline;}
/* RESORT HOSTED VIDEOS END */

/* RESORT PERFORMANCE STABILITY START */
#resort-salla-landing #resort-first-banner img {aspect-ratio:1440/617;}
#resort-salla-landing .category-tile img {aspect-ratio:1;}
#resort-salla-landing .rsh-logo img {aspect-ratio:1;}
#resort-salla-landing .hero-logo-area img {aspect-ratio:1;}
#resort-salla-landing .rsh-cart-btn {min-width:110px;}
#resort-salla-landing .rsh-cart-btn :is(#resortHeaderCartAmount,#resortHeaderCartCount) {font-variant-numeric:tabular-nums;}
#resort-salla-landing #resortWorks .r28-preview-video {aspect-ratio:9/16;}
/* RESORT PERFORMANCE STABILITY END */

/* RESORT PERFORMANCE V2 PRO — ZERO CLS & COMPOSITOR CONTAINMENT START */
#resort-salla-landing #resort-first-banner { aspect-ratio: 1440 / 617; overflow: hidden; contain: layout paint; }
#resort-salla-landing :is(#about-resort, #care-tools, #packages, #reviews-section, #center-map, .policy-shortcuts, #resortLuxuryFooter) {
  content-visibility: auto;
  contain-intrinsic-size: auto 620px;
}
#resort-salla-landing #resortWorks { min-height: 680px; contain: layout style; }
#resort-salla-landing .map-frame { min-height: 460px; contain: layout paint; }
#resort-salla-landing .r16-payment-logo img { width: 110px; height: 42px; aspect-ratio: 110 / 42; object-fit: contain; }
/* RESORT PERFORMANCE V2 PRO — ZERO CLS & COMPOSITOR CONTAINMENT END */
/* إضافة أسفل CSS الحالي — تستهدف تصنيف الإكسسوارات فقط بواسطة JS المرفق */
html.rcc-access-page{--rcc-a-bg:#111111;--rcc-a-text:#f6f2ec;--rcc-a-muted:#c7bfb5;--rcc-a-line:#d57c2647;--rcc-a-orange:#d57c26}
html.rcc-access-page.rcc-access-light{--rcc-a-bg:#ffffff;--rcc-a-text:#201b17;--rcc-a-muted:#61584e;--rcc-a-line:#d57c2655}
/* تحرير عرض الحاويات التي تحيط بقائمة المنتجات، دون الهيدر والفوتر */
html.rcc-access-page .rcc-access-layout{display:block!important;width:100%!important;max-width:1440px!important;min-width:0!important;margin-inline:auto!important;float:none!important;grid-column:1/-1!important;flex:1 1 100%!important;box-sizing:border-box!important}
html.rcc-access-page .rcc-access-stage{padding-inline:24px!important;margin-bottom:48px!important}
html.rcc-access-page .rcc-access-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:26px 0!important;align-items:stretch!important;box-sizing:border-box!important}
html.rcc-access-page .rcc-access-item{width:100%!important;max-width:none!important;min-width:0!important;flex-basis:auto!important;grid-column:auto!important;height:auto!important;min-height:0!important;margin:0!important;box-sizing:border-box!important;align-self:stretch!important}
html.rcc-access-page .rcc-access-grid .s-product-card-entry,
html.rcc-access-page .rcc-access-grid .product-entry{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:0!important;background:var(--rcc-a-bg)!important;color:var(--rcc-a-text)!important;border:1px solid var(--rcc-a-line)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important;transition:border-color .2s ease,transform .2s ease!important}
html.rcc-access-page .rcc-access-grid .s-product-card-entry:hover,
html.rcc-access-page .rcc-access-grid .product-entry:hover{border-color:var(--rcc-a-orange)!important;transform:translateY(-3px)}
html.rcc-access-page .rcc-access-grid .s-product-card-image,
html.rcc-access-page .rcc-access-grid .product-entry__image{height:auto!important;min-height:0!important;aspect-ratio:1/1!important;width:100%!important;max-height:none!important;flex-shrink:0!important;background:transparent!important;overflow:hidden!important}
html.rcc-access-page .rcc-access-grid .s-product-card-image img,
html.rcc-access-page .rcc-access-grid .product-entry__image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;position:static!important;transform:none!important}
html.rcc-access-page .rcc-access-grid .s-product-card-content{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;gap:12px!important;padding:20px!important;min-height:0!important;color:var(--rcc-a-text)!important}
html.rcc-access-page .rcc-access-grid .s-product-card-content-title,
html.rcc-access-page .rcc-access-grid .s-product-card-content-title a,
html.rcc-access-page .rcc-access-grid .product-entry__title,
html.rcc-access-page .rcc-access-grid .product-entry__title a{display:block!important;white-space:normal!important;overflow:visible!important;-webkit-line-clamp:unset!important;color:var(--rcc-a-text)!important;font-size:18px!important;line-height:1.75!important;font-weight:700!important;max-height:none!important;margin:0!important;word-break:normal!important;overflow-wrap:anywhere!important;text-decoration:none!important}
html.rcc-access-page .rcc-access-grid .s-product-card-content-subtitle{color:var(--rcc-a-muted)!important;font-size:16px!important;line-height:1.7!important}
html.rcc-access-page .rcc-access-grid .s-product-card-price,
html.rcc-access-page .rcc-access-grid .s-product-card-sale-price,
html.rcc-access-page .rcc-access-grid .product-entry__price{color:var(--rcc-a-orange)!important;font-size:24px!important;line-height:1.5!important;font-weight:800!important;white-space:nowrap!important}
html.rcc-access-page .rcc-access-grid .s-product-card-sale-price h4{color:var(--rcc-a-orange)!important;font-size:24px!important;font-weight:800!important}
html.rcc-access-page .rcc-access-grid del{color:var(--rcc-a-muted)!important;font-size:17px!important}
html.rcc-access-page .rcc-access-grid .s-product-card-content-footer{margin-top:auto!important;padding-top:12px!important;width:100%!important;gap:8px!important}
html.rcc-access-page .rcc-access-grid salla-add-product-button{display:block!important;width:100%!important;min-width:0!important}
html.rcc-access-page .rcc-access-grid .s-button-element,
html.rcc-access-page .rcc-access-grid .s-product-card-content-footer salla-button{width:100%!important;min-width:0!important}
html.rcc-access-page .rcc-access-grid salla-add-product-button .s-button-element{background:var(--rcc-a-orange)!important;border:1px solid var(--rcc-a-orange)!important;color:#15100c!important;min-height:50px!important;height:auto!important;border-radius:10px!important;padding:11px 12px!important;font-size:17px!important;font-weight:800!important;line-height:1.5!important;white-space:normal!important}
html.rcc-access-page .rcc-access-grid salla-add-product-button .s-button-text{color:inherit!important;font-size:inherit!important;white-space:normal!important}
html.rcc-access-page .rcc-access-grid salla-add-product-button button:disabled{opacity:.55!important;cursor:not-allowed!important}
@media(max-width:1100px){html.rcc-access-page .rcc-access-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}}
@media(max-width:760px){html.rcc-access-page .rcc-access-stage{padding-inline:16px!important}html.rcc-access-page .rcc-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}html.rcc-access-page .rcc-access-grid .s-product-card-content{padding:14px!important;gap:10px!important}html.rcc-access-page .rcc-access-grid .s-product-card-content-title,html.rcc-access-page .rcc-access-grid .s-product-card-content-title a,html.rcc-access-page .rcc-access-grid .product-entry__title,html.rcc-access-page .rcc-access-grid .product-entry__title a{font-size:17px!important;line-height:1.7!important}html.rcc-access-page .rcc-access-grid .s-product-card-price,html.rcc-access-page .rcc-access-grid .s-product-card-sale-price,html.rcc-access-page .rcc-access-grid .s-product-card-sale-price h4{font-size:22px!important}html.rcc-access-page .rcc-access-grid salla-add-product-button .s-button-element{font-size:16px!important;min-height:48px!important;padding:10px 8px!important}}
@media(max-width:350px){html.rcc-access-page .rcc-access-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html.rcc-access-page .rcc-access-grid .s-product-card-entry,html.rcc-access-page .rcc-access-grid .product-entry{transition:none!important;transform:none!important}}