/* Tokens extracted from Claude prototype without value changes. Font token retained for reference; installed font is preserved. */
body.theme-raed:not(.z-cc-off){
  /* Brand — sampled from the official logo */
  --z-blue-50:#EEF6FB; --z-blue-100:#D9EAF6; --z-blue-200:#B5D5EC; --z-blue-300:#8BBDE0;
  --z-blue-400:#66A9D6; --z-blue-500:#4798CD; --z-blue-600:#2F80B8; --z-blue-700:#22679A;
  --z-blue-800:#1B527B; --z-blue-900:#133B59;
  --z-mint-50:#EEF8F3; --z-mint-100:#D5EFE3; --z-mint-300:#93D1B6; --z-mint-500:#64B898;
  --z-mint-600:#3F9D79; --z-mint-700:#2E7E61; --z-mint-800:#23634C;
  --z-gradient:linear-gradient(135deg,#64B898 0%,#4798CD 100%);
  --z-gradient-soft:linear-gradient(135deg,#EEF8F3 0%,#EEF6FB 100%);
  /* Neutrals (cool slate, tinted from brand navy) */
  --z-ink-900:#102A3D; --z-ink-700:#344A5C; --z-ink-500:#5F7384; --z-ink-400:#8597A6;
  --z-ink-300:#B9C6D1; --z-ink-200:#DCE4EB; --z-ink-100:#EDF2F6; --z-ink-50:#F6F9FB; --z-white:#FFFFFF;
  /* Semantic */
  --z-sale:#C8323E; --z-sale-bg:#FDEDEE; --z-success:#2E7E61; --z-success-bg:#EEF8F3;
  --z-warning:#9A6212; --z-warning-bg:#FDF4E3; --z-info:#22679A; --z-info-bg:#EEF6FB;
  /* Roles */
  --c-bg:var(--z-white); --c-surface:var(--z-ink-50); --c-surface-2:var(--z-ink-100);
  --c-text:var(--z-ink-900); --c-text-2:var(--z-ink-700); --c-muted:var(--z-ink-500);
  --c-border:var(--z-ink-200); --c-border-strong:var(--z-ink-300);
  --c-action:var(--z-blue-700); --c-action-hover:var(--z-blue-800); --c-action-soft:var(--z-blue-50);
  --c-brand:var(--z-blue-500); --c-accent:var(--z-mint-500); --c-focus:var(--z-blue-500);
  /* Type */
  --f-sans:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --t-display:clamp(28px,4.2vw,44px); --t-h1:clamp(24px,3vw,32px); --t-h2:clamp(20px,2.4vw,26px);
  --t-h3:18px; --t-body-lg:16px; --t-body:15px; --t-sm:13px; --t-xs:12px;
  --lh-tight:1.3; --lh-body:1.7;
  /* Space (4pt) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px;
  /* Radius */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  /* Elevation */
  --e-1:0 1px 2px rgba(16,42,61,.06),0 1px 1px rgba(16,42,61,.04);
  --e-2:0 6px 18px -6px rgba(16,42,61,.12),0 2px 6px rgba(16,42,61,.05);
  --e-3:0 24px 48px -16px rgba(16,42,61,.22),0 8px 16px -8px rgba(16,42,61,.08);
  /* Layout */
  --container:1280px; --gutter:clamp(16px,3vw,32px);
  --header-h:72px; --dur:180ms; --ease:cubic-bezier(.2,.7,.2,1);
}

/* Clinical Calm: scoped to the review activation class. Preserve installed font. */
body.theme-raed:not(.z-cc-off) {
  background: var(--c-bg);
  color: var(--c-text);
  line-height: var(--lh-body);
}
body.theme-raed:not(.z-cc-off) :is(a, button, input, select, summary):focus-visible {
  outline: 3px solid var(--c-focus);
  outline-offset: 2px;
}
body.theme-raed:not(.z-cc-off) :is(.s-block, .store-header, .store-footer) {
  --color-primary: var(--c-action);
}
body.theme-raed:not(.z-cc-off) .s-block__title h2 {
  color: var(--c-text);
  font-size: var(--t-h2);
  line-height: var(--lh-tight);
}
body.theme-raed:not(.z-cc-off) :is(.s-product-card-price, .s-product-card-sale-price) {
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  body.theme-raed:not(.z-cc-off) :is(.s-product-card-entry, .s-product-card-image img, .navbar-brand, .s-search-input) {
    transition: none;
    animation: none;
  }
}

/* Retain Raed's header structure, menu controller, native search and account/cart. */
body.theme-raed:not(.z-cc-off) .store-header {
  background: var(--c-bg);
  border-block-end: 1px solid var(--c-border);
}
body.theme-raed:not(.z-cc-off) .top-navbar {
  background: var(--c-surface);
  color: var(--c-text-2);
  padding-block: var(--s-3);
}
body.theme-raed:not(.z-cc-off) .top-navbar > .container {
  gap: var(--s-4);
  align-items: center;
}
body.theme-raed:not(.z-cc-off) #mainnav {
  background: var(--c-bg);
  color: var(--c-text);
  border-block-start: 1px solid var(--c-border);
  box-shadow: none;
}
body.theme-raed:not(.z-cc-off) .navbar-brand img {
  block-size: 58px;
  inline-size: auto;
  max-inline-size: 100%;
  object-fit: contain;
  padding: 0;
  filter: none;
}
body.theme-raed:not(.z-cc-off) .header-search {
  min-inline-size: 0;
  max-inline-size: 640px;
}
body.theme-raed:not(.z-cc-off) .header-search .s-search-input {
  /* Native component sets these two dimensions inline. Limit overrides to its header input. */
  height: 48px !important;
  border-radius: var(--r-pill) !important;
  background: var(--c-bg);
  color: var(--c-text);
  border: 1px solid var(--c-border);
  font-size: 16px;
  transition: border-color var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off) .header-search .s-search-input::placeholder {
  color: var(--c-muted);
}
body.theme-raed:not(.z-cc-off) .header-search .s-search-input:focus-visible {
  border-color: var(--c-focus);
}
body.theme-raed:not(.z-cc-off) .header-btn__icon {
  color: var(--c-action);
}
body.theme-raed:not(.z-cc-off) [data-testid="store-header-mobile-toggle"] {
  min-inline-size: 44px;
  min-block-size: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Respect Raed's lg:hidden breakpoint rather than changing its controller's mode. */
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) [data-testid="store-header-mobile-toggle"] { display: none; }
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .navbar-brand img { block-size: 46px; }
  body.theme-raed:not(.z-cc-off) .header-search .s-search-input { height: 44px !important; }
  body.theme-raed:not(.z-cc-off) .top-navbar > .container { gap: var(--s-2); }
}

/* The original search node moves into this reviewed row; menu/cart/account remain native. */
body.theme-raed:not(.z-cc-off) .top-navbar { padding-block: 0; background: white; min-block-size: 0; }
body.theme-raed:not(.z-cc-off) .top-navbar > .container { height: auto; min-block-size: 0; }
body.theme-raed:not(.z-cc-off) #mainnav { border: 0; }
body.theme-raed:not(.z-cc-off) #mainnav .inner > .container { max-inline-size: var(--container); padding-inline: var(--gutter); }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) {
  display: grid; grid-template-columns: 120px minmax(0, 640px) 140px;
  gap: 0 var(--s-8); justify-content: space-between; align-items: center;
}
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:first-child { display: contents; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand { grid-column: 1; grid-row: 1; padding-block: 12px; margin: 0; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .header-search { grid-column: 2; grid-row: 1; inline-size: 100%; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child { grid-column: 3; grid-row: 1; min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) custom-main-menu { grid-column: 1 / -1; grid-row: 2; border-block-start: 1px solid var(--c-border); min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu { justify-content: space-between; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu > li > a { font-size: 13px; padding-block: 16px; min-block-size: 48px; }
body.theme-raed:not(.z-cc-off) .main-menu a { color: var(--c-text); }
body.theme-raed:not(.z-cc-off) .main-menu a:hover { color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .sub-menu { border-radius: var(--r-lg); box-shadow: var(--e-3); }
body.theme-raed:not(.z-cc-off) #more-menu-dropdown > .sub-menu { inset-inline-start: auto; inset-inline-end: 0; }
/* Near the end of the row, nested menus open toward the centre of the viewport. */
body.theme-raed:not(.z-cc-off) #more-menu-dropdown .sub-menu .sub-menu,
body.theme-raed:not(.z-cc-off) .main-menu > .root-level:nth-last-child(-n+3 of .root-level:not([style*="display: none"])) .sub-menu .sub-menu { inset-inline-start: auto; inset-inline-end: 100%; }
body.theme-raed:not(.z-cc-off) .header-search .s-search-input { background: var(--c-surface); }
body.theme-raed:not(.z-cc-off) .header-search .s-search-input:focus-visible { background: white; box-shadow: 0 0 0 4px rgb(71 152 205 / .15); }
body.theme-raed:not(.z-cc-off) .s-search-modal .s-search-input { font-size: 16px; }
body.theme-raed:not(.z-cc-off) :is(.s-cart-summary-wrapper, .s-user-menu-trigger) { min-block-size: 44px; }
@media (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) { grid-template-columns: 96px 1fr 96px; gap: 0 8px; padding-block-end: 12px; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) [data-testid="store-header-mobile-toggle"] { grid-column: 1; grid-row: 1; margin: 0; color: var(--c-action); }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand { grid-column: 2; justify-self: center; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 46px; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .header-search { grid-column: 1 / -1; grid-row: 2; max-inline-size: none; }
  /* Raed moves #mobile-menu into the body-level drawer; its empty desktop host retains a native minimum height. */
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) custom-main-menu { display: none; grid-row: 3; border: 0; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .header-search .s-search-input { height: 44px !important; }
}

/* Keep custom-salla-product-card and its original native commerce children. */
body.theme-raed:not(.z-cc-off) .s-product-card-vertical {
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  background: var(--c-bg);
  box-shadow: none;
  min-inline-size: 0;
  transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-image {
  aspect-ratio: 1;
  height: auto;
  background: var(--c-surface);
  border-radius: var(--r-lg) var(--r-lg) 0 0;
  overflow: hidden;
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-image > a {
  display: flex;
  inline-size: 100%;
  block-size: 100%;
  align-items: center;
  justify-content: center;
  padding: 12%;
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-image img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 400ms var(--ease);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content {
  padding: var(--s-4);
  gap: var(--s-2);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-title {
  font-size: var(--t-sm);
  font-weight: 500;
  line-height: 1.55;
  min-block-size: 3.1em;
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--c-text);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-price {
  font-size: 17px;
  font-weight: 700;
  color: var(--c-text);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-sale-price {
  color: var(--z-sale);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-footer {
  margin-block-start: auto;
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical salla-add-product-button .s-button-element {
  min-block-size: 44px;
  border-radius: var(--r-pill);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-wishlist-btn .s-button-element {
  min-inline-size: 44px;
  min-block-size: 44px;
  border-radius: var(--r-pill);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical:hover {
    border-color: var(--z-blue-300);
    box-shadow: var(--e-2);
  }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical:hover .s-product-card-image img {
    transform: scale(1.04);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical,
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-image img {
    transition: none;
    animation: none;
  }
}

/* Style current sections only. No invented campaign, testimonial or policy content. */
body.theme-raed:not(.z-cc-off) .s-block--hero-slider {
  border-radius: var(--r-xl);
  overflow: hidden;
}
body.theme-raed:not(.z-cc-off) .s-block--features {
  border-radius: var(--r-lg);
  background: var(--c-surface);
}
body.theme-raed:not(.z-cc-off) .store-footer {
  background: var(--c-surface);
  color: var(--c-text-2);
  border-block-start: 1px solid var(--c-border);
}
body.theme-raed:not(.z-cc-off) .store-footer a:focus-visible {
  outline-color: var(--c-focus);
}
body.theme-raed:not(.z-cc-off) .store-footer img {
  object-fit: contain;
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .s-block--hero-slider { border-radius: var(--r-lg); }
}

/* Authored homepage only; no prototype selectors leak into commerce pages. */
body.theme-raed:not(.z-cc-off) .z-original-hidden { display: none !important; }
body.theme-raed:not(.z-cc-off) .z-wrap { max-inline-size: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
body.theme-raed:not(.z-cc-off) .z-home { padding-block-start: 24px; }
body.theme-raed:not(.z-cc-off) .z-section { padding-block: clamp(24px, 4vw, 48px) 0; }
body.theme-raed:not(.z-cc-off) .z-section:last-child { padding-block-end: 48px; }
body.theme-raed:not(.z-cc-off) .z-ico { inline-size: 24px; block-size: 24px; flex-shrink: 0; }
body.theme-raed:not(.z-cc-off) .z-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--c-muted); }
body.theme-raed:not(.z-cc-off) .z-eyebrow::before { content: ''; inline-size: 20px; block-size: 3px; border-radius: 3px; background: var(--z-gradient); }
body.theme-raed:not(.z-cc-off) .z-hero-grid { display: grid; grid-template-columns: 1.75fr 1fr; gap: 16px; }
body.theme-raed:not(.z-cc-off) .z-hero-main { position: relative; border-radius: 28px; overflow: hidden; background: var(--z-gradient-soft); min-block-size: 440px; display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; padding: 40px 32px; gap: 8px; }
body.theme-raed:not(.z-cc-off) .z-hero-main::before { content: ''; position: absolute; inline-size: 520px; block-size: 520px; border-radius: 50%; inset-inline-start: -120px; inset-block-start: -60px; background: radial-gradient(closest-side, rgb(100 184 152 / .28), rgb(71 152 205 / .1) 60%, transparent); pointer-events: none; }
body.theme-raed:not(.z-cc-off) .z-hero-copy { position: relative; z-index: 1; }
body.theme-raed:not(.z-cc-off) .z-hero-copy h2 { font-size: var(--t-display); line-height: 1.35; font-weight: 700; margin-block: 16px; }
body.theme-raed:not(.z-cc-off) .z-hero-copy p { font-size: 16px; color: var(--c-text-2); line-height: 1.8; margin-block-end: 24px; }
body.theme-raed:not(.z-cc-off) .z-ctas { display: flex; gap: 8px; flex-wrap: wrap; }
body.theme-raed:not(.z-cc-off) .z-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; background: var(--c-action); color: white; border-radius: 999px; min-block-size: 48px; padding-inline: 18px; font-size: 13px; font-weight: 600; transition: background var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .z-button:hover { background: var(--c-action-hover); color: white; }
body.theme-raed:not(.z-cc-off) .z-button--secondary { background: white; color: var(--c-action); border-color: var(--c-border); }
body.theme-raed:not(.z-cc-off) .z-button--secondary:hover { background: var(--c-action-soft); color: var(--c-action-hover); }
body.theme-raed:not(.z-cc-off) .z-button .z-ico, body.theme-raed:not(.z-cc-off) .z-link .z-ico { inline-size: 16px; block-size: 16px; }
body.theme-raed:not(.z-cc-off) .z-hero-links { display: flex; flex-wrap: wrap; gap: 16px; margin-block-start: 24px; }
body.theme-raed:not(.z-cc-off) .z-hero-links a { display: flex; align-items: center; gap: 6px; color: var(--c-text-2); font-size: 12px; min-block-size: 44px; }
body.theme-raed:not(.z-cc-off) .z-hero-links .z-ico { color: var(--z-mint-700); inline-size: 18px; block-size: 18px; }
body.theme-raed:not(.z-cc-off) .z-hero-art { position: relative; min-block-size: 320px; }
body.theme-raed:not(.z-cc-off) .z-plinth { position: absolute; border-radius: 50%; background: white; box-shadow: var(--e-2); padding: 12%; display: grid; place-items: center; aspect-ratio: 1; }
body.theme-raed:not(.z-cc-off) .z-plinth img { inline-size: 100%; block-size: 100%; object-fit: contain; mix-blend-mode: multiply; }
body.theme-raed:not(.z-cc-off) .z-plinth--1 { inline-size: 68%; inset-inline-start: 20%; inset-block-start: 0; }
body.theme-raed:not(.z-cc-off) .z-plinth--2 { inline-size: 43%; inset-inline-start: 0; inset-block-end: 12px; padding: 8%; }
body.theme-raed:not(.z-cc-off) .z-plinth--3 { inline-size: 36%; inset-inline-end: -3%; inset-block-end: 24px; padding: 6%; }
body.theme-raed:not(.z-cc-off) .z-hero-side { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
body.theme-raed:not(.z-cc-off) .z-tile { position: relative; display: flex; flex-direction: column; justify-content: center; border-radius: 28px; background: var(--z-blue-50); padding: 24px; overflow: hidden; min-block-size: 200px; }
body.theme-raed:not(.z-cc-off) .z-tile--mint { background: var(--z-mint-50); }
body.theme-raed:not(.z-cc-off) .z-tile h3 { font-size: 22px; font-weight: 600; line-height: 1.5; margin-block: 10px; position: relative; z-index: 1; }
body.theme-raed:not(.z-cc-off) .z-tile img { position: absolute; inline-size: 32%; block-size: 140px; object-fit: contain; mix-blend-mode: multiply; inset-inline-end: 12px; inset-block-end: 12px; }
body.theme-raed:not(.z-cc-off) .z-link { display: inline-flex; align-items: center; gap: 6px; color: var(--c-action); font-size: 13px; font-weight: 600; min-block-size: 44px; position: relative; z-index: 1; }
body.theme-raed:not(.z-cc-off) .z-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-block-end: 24px; }
body.theme-raed:not(.z-cc-off) .z-section-head h2, body.theme-raed:not(.z-cc-off) .z-curated-intro h2 { font-size: var(--t-h2); font-weight: 600; line-height: 1.4; margin-block-start: 6px; }
body.theme-raed:not(.z-cc-off) .z-categories { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 16px; }
body.theme-raed:not(.z-cc-off) .z-category { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; font-size: 13px; font-weight: 500; color: var(--c-text); }
body.theme-raed:not(.z-cc-off) .z-category-icon { display: grid; place-items: center; inline-size: 84px; block-size: 84px; border-radius: 26px; background: var(--c-surface); color: var(--c-action); transition: transform var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .z-category:nth-child(even) .z-category-icon { color: var(--z-mint-700); }
body.theme-raed:not(.z-cc-off) .z-category-icon .z-ico { inline-size: 34px; block-size: 34px; }
body.theme-raed:not(.z-cc-off) .z-offers { background: var(--z-blue-50); border-radius: 28px; padding: 32px; }
body.theme-raed:not(.z-cc-off) .z-brands { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
body.theme-raed:not(.z-cc-off) .z-brands a { display: grid; place-items: center; border: 1px solid var(--c-border); border-radius: 14px; min-block-size: 88px; padding: 16px; }
body.theme-raed:not(.z-cc-off) .z-brands img { inline-size: 100%; block-size: 48px; object-fit: contain; }
body.theme-raed:not(.z-cc-off) .z-products { min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) .z-products .s-products-list-wrapper { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
body.theme-raed:not(.z-cc-off) .z-products custom-salla-product-card { min-inline-size: 0; display: block; }
body.theme-raed:not(.z-cc-off) .z-products custom-salla-product-card[hidden], body.theme-raed:not(.z-cc-off) .z-home section[hidden] { display: none; }
body.theme-raed:not(.z-cc-off) .z-curated { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; }
body.theme-raed:not(.z-cc-off) .z-curated-intro { background: var(--z-gradient-soft); padding: 32px; border-radius: 28px; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 16px; }
body.theme-raed:not(.z-cc-off) .z-curated-intro p { color: var(--c-text-2); font-size: 15px; }
body.theme-raed:not(.z-cc-off) .z-curated .s-products-list-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.theme-raed:not(.z-cc-off) .z-features { background: var(--c-surface); border-radius: 20px; padding: 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
body.theme-raed:not(.z-cc-off) .z-features a { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
body.theme-raed:not(.z-cc-off) .z-features .z-ico { color: var(--c-action); inline-size: 32px; block-size: 32px; }
body.theme-raed:not(.z-cc-off) .z-features strong { font-size: 15px; color: var(--c-text); }
body.theme-raed:not(.z-cc-off) .z-features span { font-size: 13px; color: var(--c-muted); }
body.theme-raed:not(.z-cc-off) .z-home a:hover { text-decoration: none; }
body.theme-raed:not(.z-cc-off):dir(ltr) .z-button .z-ico, body.theme-raed:not(.z-cc-off):dir(ltr) .z-link .z-ico { transform: scaleX(-1); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.theme-raed:not(.z-cc-off) .z-category:hover .z-category-icon { transform: translateY(-3px); background: var(--c-action-soft); }
  body.theme-raed:not(.z-cc-off) .z-brands a:hover { border-color: var(--z-blue-300); box-shadow: var(--e-2); }
}
@media (max-width: 1100px) {
  body.theme-raed:not(.z-cc-off) .z-hero-grid { grid-template-columns: 1fr; }
  body.theme-raed:not(.z-cc-off) .z-hero-side { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  body.theme-raed:not(.z-cc-off) .z-curated { grid-template-columns: 1fr; }
  body.theme-raed:not(.z-cc-off) .z-products .s-products-list-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .z-home { padding-block-start: 16px; }
  body.theme-raed:not(.z-cc-off) .z-hero-main { grid-template-columns: 1fr; min-block-size: 0; padding: 24px 20px; border-radius: 20px; }
  body.theme-raed:not(.z-cc-off) .z-hero-art { order: -1; min-block-size: 200px; inline-size: 100%; max-inline-size: 380px; margin-inline: auto; }
  body.theme-raed:not(.z-cc-off) .z-plinth--1 { inline-size: 50%; inset-inline-start: 28%; }
  body.theme-raed:not(.z-cc-off) .z-plinth--2 { inline-size: 32%; inset-block-end: 0; }
  body.theme-raed:not(.z-cc-off) .z-plinth--3 { inline-size: 29%; inset-inline-end: 0; inset-block-end: 12px; }
  body.theme-raed:not(.z-cc-off) .z-hero-copy h2 { font-size: 30px; }
  body.theme-raed:not(.z-cc-off) .z-ctas { display: grid; grid-template-columns: 1fr 1fr; }
  body.theme-raed:not(.z-cc-off) .z-button { padding-inline: 12px; }
  body.theme-raed:not(.z-cc-off) .z-hero-links { gap: 12px; margin-block-start: 12px; }
  body.theme-raed:not(.z-cc-off) .z-hero-side { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 85%; overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: 4px; }
  body.theme-raed:not(.z-cc-off) .z-tile { border-radius: 20px; min-block-size: 180px; scroll-snap-align: start; }
  body.theme-raed:not(.z-cc-off) .z-section-head { align-items: center; gap: 8px; }
  body.theme-raed:not(.z-cc-off) .z-section-head .z-link { white-space: nowrap; font-size: 12px; }
  body.theme-raed:not(.z-cc-off) .z-section-head h2 { font-size: 22px; }
  body.theme-raed:not(.z-cc-off) .z-categories { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84px; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-block-end: 8px; }
  body.theme-raed:not(.z-cc-off) .z-category { scroll-snap-align: start; font-size: 12px; }
  body.theme-raed:not(.z-cc-off) .z-category-icon { inline-size: 68px; block-size: 68px; border-radius: 22px; }
  body.theme-raed:not(.z-cc-off) .z-brands { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 42%; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; }
  body.theme-raed:not(.z-cc-off) .z-brands a { scroll-snap-align: start; }
  body.theme-raed:not(.z-cc-off) .z-offers { border-radius: 20px; padding: 20px; }
  body.theme-raed:not(.z-cc-off) .z-products { overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: 8px; }
  body.theme-raed:not(.z-cc-off) .z-products .s-products-list-wrapper { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(150px, 46%); gap: 12px; }
  body.theme-raed:not(.z-cc-off) .z-products custom-salla-product-card { scroll-snap-align: start; }
  body.theme-raed:not(.z-cc-off) .z-curated-intro { padding: 24px; border-radius: 20px; }
  body.theme-raed:not(.z-cc-off) .z-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-raed:not(.z-cc-off) .z-home * { transition: none; animation: none; scroll-behavior: auto; }
}

/* Actual installed Raed data-testid hooks. Product options and purchase controllers stay untouched. */
body.theme-raed:not(.z-cc-off) [data-testid="store-products-list"] .s-products-list-wrapper { gap: 16px; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-title"] { color: var(--c-text); line-height: 1.5; font-size: clamp(22px, 3vw, 28px); }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-image-slider"] { border-radius: 28px; background: var(--c-surface); overflow: hidden; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-image-slider"] .swiper-slide img { object-fit: contain; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-description"] { color: var(--c-text-2); line-height: 1.9; margin-block-start: 24px; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] { border: 1px solid var(--c-border); border-radius: 20px; padding: 24px; background: white; --color-primary: var(--c-action); }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-price"] p,
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] .total-price { font-size: clamp(24px, 3vw, 32px); font-weight: 700; font-variant-numeric: tabular-nums; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] .price-wrapper { flex-wrap: wrap; gap: 8px; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] :is(button, select, input) { min-block-size: 44px; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] .s-button-element { border-radius: 999px; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] :is(input, select) { border-radius: 10px; font-size: 16px; }
body.theme-raed:not(.z-cc-off) .store-footer__inner { background: var(--c-surface); color: var(--c-text-2); border: 0; padding-block: 48px; }
body.theme-raed:not(.z-cc-off) .store-footer :is(h3, .s-contacts-title) { color: var(--c-text); font-weight: 600; }
body.theme-raed:not(.z-cc-off) .store-footer a { color: var(--c-text-2); }
body.theme-raed:not(.z-cc-off) .store-footer a:hover { color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .store-footer__inner .container { max-inline-size: var(--container); padding-inline: var(--gutter); }
body.theme-raed:not(.z-cc-off) .z-footer-logo { block-size: 80px; inline-size: auto; margin-block-end: 16px; object-fit: contain; }
body.theme-raed:not(.z-cc-off) .store-footer :is(.s-menu-footer-item, .s-contacts-item) { display: flex; align-items: center; min-block-size: 44px; }
body.theme-raed:not(.z-cc-off) .store-footer .copyright-text p { color: var(--c-muted); }
/* Merchant contact strings and all six native social links must fit narrow columns. */
body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div { min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) .store-footer .s-social-list { flex-wrap: wrap; }
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-item { min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-item .unicode { overflow-wrap: anywhere; white-space: normal; min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) .s-product-card-sale-price h4 { color: var(--z-sale); }
body.theme-raed:not(.z-cc-off) .s-product-card-content-footer .s-button-primary { color: var(--c-action); border-color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .s-product-card-entry salla-add-product-button .s-button-element:not(:disabled) { color: var(--c-action); border-color: var(--c-action); }
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) [data-testid="store-products-list"] .s-products-list-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content { padding: 12px; }
  body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] { padding: 16px; }
  body.theme-raed:not(.z-cc-off) [data-testid="store-product-image-slider"] { border-radius: 20px; }
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:first-child { grid-column: 1 / -1; }
}
/* ==========================================================================
   Clinical Calm 1.2.4 — "Atelier" refinement layer.
   Builds on 1.1.1 above. Styling only: native Salla components, prices,
   cart, search and checkout remain untouched. All motion respects
   prefers-reduced-motion. No external assets or fonts.
   ========================================================================== */
body.theme-raed:not(.z-cc-off) {
  --z-navy: #0F3350;
  --z-navy-2: #0B2840;
  --z-hairline: rgba(16, 42, 61, .08);
  --z-glass: rgba(255, 255, 255, .86);
  --e-card: 0 1px 2px rgba(16, 42, 61, .04), 0 8px 24px -12px rgba(16, 42, 61, .14);
  --e-lift: 0 2px 4px rgba(16, 42, 61, .04), 0 22px 44px -18px rgba(16, 42, 61, .28);
  --z-ease-out: cubic-bezier(.16, 1, .3, 1);
  --z-ann-h: 38px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.theme-raed:not(.z-cc-off) ::selection { background: var(--z-blue-100); color: var(--z-ink-900); }

/* ---------- Announcement band (native top bar, restyled) ---------- */
body.theme-raed:not(.z-cc-off) .top-navbar {
  background: var(--z-navy);
  color: rgba(255, 255, 255, .82);
  min-block-size: var(--z-ann-h);
  padding-block: 0;
  font-size: 12.5px;
  position: relative;
}
body.theme-raed:not(.z-cc-off) .top-navbar::after {
  content: ''; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 2px;
  background: var(--z-gradient); opacity: .9;
}
body.theme-raed:not(.z-cc-off) .top-navbar > .container { min-block-size: var(--z-ann-h); align-items: center; }
body.theme-raed:not(.z-cc-off) .top-navbar a, body.theme-raed:not(.z-cc-off) .top-navbar .s-contacts-topnav-link { color: rgba(255, 255, 255, .82); transition: color var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .top-navbar a:hover, body.theme-raed:not(.z-cc-off) .top-navbar .s-contacts-topnav-link:hover { color: #fff; }
body.theme-raed:not(.z-cc-off) .z-announce { display: flex; align-items: center; gap: 18px; min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) .z-announce a { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; min-block-size: 32px; }
body.theme-raed:not(.z-cc-off) .z-announce .z-ico { inline-size: 15px; block-size: 15px; color: var(--z-mint-300); }
body.theme-raed:not(.z-cc-off) .z-announce .z-dot { inline-size: 4px; block-size: 4px; border-radius: 50%; background: rgba(255, 255, 255, .35); flex-shrink: 0; }
body.theme-raed:not(.z-cc-off) .z-announce strong { color: #fff; font-weight: 600; }
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) { --z-ann-h: 34px; }
  body.theme-raed:not(.z-cc-off) .top-navbar { font-size: 12px; }
  body.theme-raed:not(.z-cc-off) .top-navbar salla-contacts, body.theme-raed:not(.z-cc-off) .z-announce .z-ann-secondary, body.theme-raed:not(.z-cc-off) .z-announce .z-dot { display: none; }
  body.theme-raed:not(.z-cc-off) .top-navbar > .container { justify-content: center; }
  body.theme-raed:not(.z-cc-off) .z-announce { justify-content: center; inline-size: 100%; }
}

/* ---------- Header ---------- */
body.theme-raed:not(.z-cc-off) #mainnav, body.theme-raed:not(.z-cc-off) #mainnav .inner { background: var(--c-bg); }
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu { padding-block: 0; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) custom-main-menu { min-block-size: 0; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) { grid-template-columns: 150px minmax(0, 640px) 150px; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 64px; }
}
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { transition: transform 400ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand:hover img { transform: scale(1.03); }
body.theme-raed:not(.z-cc-off) .header-search .s-search-input {
  background: var(--z-ink-50);
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px var(--z-hairline);
  padding-inline-start: 46px;
}
body.theme-raed:not(.z-cc-off) .header-search .s-search-input:hover { box-shadow: inset 0 0 0 1px var(--z-blue-200); }
body.theme-raed:not(.z-cc-off) .header-search .s-search-input:focus,
body.theme-raed:not(.z-cc-off) .header-search .s-search-input:focus-visible { background: #fff; box-shadow: 0 0 0 4px rgb(71 152 205 / .14), inset 0 0 0 1px var(--z-blue-400); outline: none; }
body.theme-raed:not(.z-cc-off) .header-search .s-search-icon-wrap, body.theme-raed:not(.z-cc-off) .header-search .s-search-icon { color: var(--c-action); }
/* Header action buttons: soft circular hit targets. */
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child :is(.header-btn, .s-cart-summary-wrapper, salla-user-menu > button, .s-user-menu-trigger) { border-radius: 999px; transition: background var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child :is(.header-btn, .s-cart-summary-wrapper):hover { background: var(--z-blue-50); }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child .header-btn__icon, body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child .s-cart-summary-wrapper > i, body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child [class*="sicon-"] { font-size: 21px; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child :is(.header-btn, salla-user-menu .s-user-menu-trigger) { min-inline-size: 44px; min-block-size: 44px; display: inline-flex; align-items: center; justify-content: center; }
body.theme-raed:not(.z-cc-off) .s-cart-summary-count { background: var(--z-sale); color: #fff; box-shadow: 0 0 0 2px #fff; font-weight: 700; }

/* Category navigation row */
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) custom-main-menu { border-block-start: 1px solid var(--z-hairline); }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu > li > a {
  position: relative; color: var(--z-ink-700); font-weight: 600; font-size: 13.5px;
  transition: color var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu > li > a::before {
  content: ''; position: absolute; inset-inline: 10px; inset-block-end: 8px; block-size: 2px; border-radius: 2px;
  background: var(--z-gradient); transform: scaleX(0); transform-origin: center; transition: transform 320ms var(--z-ease-out);
}
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu > li:hover > a, body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu > li > a:focus-visible { color: var(--c-action); }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu > li:hover > a::before, body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .main-menu > li > a:focus-visible::before { transform: scaleX(1); }
body.theme-raed:not(.z-cc-off) .main-menu .sub-menu { border: 1px solid var(--z-hairline); padding: 10px; background: #fff; }
body.theme-raed:not(.z-cc-off) .main-menu .sub-menu a { border-radius: 10px; transition: background var(--dur) var(--ease), color var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .main-menu .sub-menu a:hover { background: var(--z-blue-50); color: var(--c-action); }

/* Raed's native sticky header (theme option "header_is_sticky"): compact glass bar. */
body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned .inner {
  background: var(--z-glass);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  box-shadow: 0 1px 0 var(--z-hairline), 0 12px 32px -20px rgba(16, 42, 61, .35);
}
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) custom-main-menu { display: none; }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand { padding-block: 8px; }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 44px; max-height: 44px; }
}
@media (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) { padding-block-end: 8px; }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 36px; max-height: 36px; }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand { padding-block: 6px; }
}

/* ---------- Mobile navigation drawer (native mmenu, restyled) ---------- */
body.theme-raed:not(.z-cc-off) .mm-ocd--open { background: rgba(11, 40, 64, .38); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
body.theme-raed:not(.z-cc-off) .mm-ocd__content { box-shadow: -24px 0 48px -24px rgba(11, 40, 64, .4); }
body.theme-raed:not(.z-cc-off) .mm-spn { --mm-spn-item-height: 54px; --mm-spn-item-indent: 22px; --mm-spn-line-height: 24px; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off) .mm-spn.mm-spn--navbar::after { color: var(--c-action); opacity: 1; font-size: 15px; }
body.theme-raed:not(.z-cc-off) .mm-spn li > a, body.theme-raed:not(.z-cc-off) .mm-spn li > span { font-size: 15px; font-weight: 600; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off) .mm-spn li > a.text-gray-500, body.theme-raed:not(.z-cc-off) .mm-spn li > a .text-gray-500 { color: var(--z-ink-700); }
body.theme-raed:not(.z-cc-off) .mm-spn li:active > a, body.theme-raed:not(.z-cc-off) .mm-spn li:active > span { background: var(--z-blue-50); }
body.theme-raed:not(.z-cc-off) .mm-spn li::after { opacity: .5; border-color: var(--z-ink-100); }

/* ---------- Typography & section rhythm ---------- */
body.theme-raed:not(.z-cc-off) .z-section-head h2, body.theme-raed:not(.z-cc-off) .z-curated-intro h2 { font-weight: 700; color: var(--z-ink-900); letter-spacing: 0; }
body.theme-raed:not(.z-cc-off) .z-eyebrow { color: var(--z-mint-700); font-weight: 700; letter-spacing: 0; }
body.theme-raed:not(.z-cc-off) .z-eyebrow::before { inline-size: 24px; }
body.theme-raed:not(.z-cc-off) .z-link { transition: gap 280ms var(--z-ease-out), color var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .z-link:hover { gap: 10px; color: var(--c-action-hover); }

/* ---------- Hero ---------- */
body.theme-raed:not(.z-cc-off) .z-hero-main {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0) 55%),
    linear-gradient(140deg, #EEF8F3 0%, #EAF4FB 48%, #DCEBF7 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), var(--e-card);
  isolation: isolate;
}
body.theme-raed:not(.z-cc-off) .z-hero-main::after {
  content: ''; position: absolute; z-index: -1; inline-size: 340px; block-size: 340px; border-radius: 50%;
  inset-inline-end: -90px; inset-block-end: -140px;
  background: radial-gradient(closest-side, rgba(71, 152, 205, .22), rgba(71, 152, 205, 0));
  pointer-events: none;
}
body.theme-raed:not(.z-cc-off) .z-hero-copy h2 { font-weight: 800; color: var(--z-ink-900); line-height: 1.28; }
body.theme-raed:not(.z-cc-off) .z-hero-copy h2 .z-grad {
  background: linear-gradient(90deg, var(--z-blue-700), var(--z-mint-600));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.theme-raed:not(.z-cc-off) .z-hero-copy p { max-inline-size: 34ch; }
body.theme-raed:not(.z-cc-off) .z-button { box-shadow: 0 10px 22px -12px rgba(34, 103, 154, .7); transition: background var(--dur) var(--ease), transform 240ms var(--z-ease-out), box-shadow 240ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .z-button:hover { transform: translateY(-1px); box-shadow: 0 14px 26px -12px rgba(34, 103, 154, .75); }
body.theme-raed:not(.z-cc-off) .z-button:active { transform: translateY(0) scale(.98); }
body.theme-raed:not(.z-cc-off) .z-button--secondary { box-shadow: none; }
body.theme-raed:not(.z-cc-off) .z-button--secondary:hover { box-shadow: 0 8px 18px -12px rgba(16, 42, 61, .35); }
body.theme-raed:not(.z-cc-off) .z-plinth { box-shadow: 0 1px 2px rgba(16, 42, 61, .05), 0 24px 40px -22px rgba(16, 42, 61, .35); transition: transform 600ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .z-plinth::before {
  content: ''; position: absolute; inset: -10px; border-radius: 50%;
  border: 1px dashed rgba(71, 152, 205, .28); pointer-events: none;
}
body.theme-raed:not(.z-cc-off) .z-plinth--2::before, body.theme-raed:not(.z-cc-off) .z-plinth--3::before { inset: -6px; border-style: solid; border-color: rgba(100, 184, 152, .25); }
body.theme-raed:not(.z-cc-off) .z-plinth:hover { transform: translateY(-4px); }
body.theme-raed:not(.z-cc-off) .z-tile { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8); transition: transform 400ms var(--z-ease-out), box-shadow 400ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .z-tile { background: linear-gradient(150deg, #F3F9FD 0%, #E3EFF8 100%); }
body.theme-raed:not(.z-cc-off) .z-tile--mint { background: linear-gradient(150deg, #F2FAF6 0%, #DDF1E7 100%); }
body.theme-raed:not(.z-cc-off) .z-tile:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), var(--e-lift); }
body.theme-raed:not(.z-cc-off) .z-tile img { transition: transform 600ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .z-tile:hover img { transform: scale(1.06) rotate(-2deg); }
body.theme-raed:not(.z-cc-off) .z-tile h3 { font-weight: 700; color: var(--z-ink-900); }

/* Verified facts in the hero (replaces the duplicate category shortcuts) */
body.theme-raed:not(.z-cc-off) .z-hero-links.z-facts { gap: 8px; margin-block-start: 22px; }
body.theme-raed:not(.z-cc-off) .z-facts a {
  min-block-size: 40px; padding: 6px 12px 6px 14px; border-radius: 999px; gap: 8px;
  background: rgba(255, 255, 255, .8); box-shadow: inset 0 0 0 1px rgba(16, 42, 61, .07);
  font-size: 12.5px; font-weight: 600; color: var(--z-ink-700);
  transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off) .z-facts a:hover { background: #fff; color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .z-facts a strong { color: var(--z-ink-900); font-weight: 800; }

/* ---------- Category discovery ---------- */
body.theme-raed:not(.z-cc-off) .z-category {
  padding: 18px 8px 16px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--z-hairline);
  font-weight: 600; transition: transform 360ms var(--z-ease-out), box-shadow 360ms var(--z-ease-out), color var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off) .z-category-icon { inline-size: 64px; block-size: 64px; border-radius: 20px; background: linear-gradient(150deg, #F3F9FD, #E3EFF8); }
body.theme-raed:not(.z-cc-off) .z-category:nth-child(even) .z-category-icon { background: linear-gradient(150deg, #F2FAF6, #DDF1E7); }
body.theme-raed:not(.z-cc-off) .z-category-icon .z-ico { inline-size: 30px; block-size: 30px; }
body.theme-raed:not(.z-cc-off) .z-category:hover { color: var(--c-action); box-shadow: inset 0 0 0 1px var(--z-blue-100), var(--e-lift); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.theme-raed:not(.z-cc-off) .z-category:hover { transform: translateY(-4px); }
  body.theme-raed:not(.z-cc-off) .z-category:hover .z-category-icon { transform: none; }
}

/* ---------- Offers ---------- */
body.theme-raed:not(.z-cc-off) .z-offers {
  background:
    radial-gradient(70% 120% at 0% 0%, rgba(100, 184, 152, .16), transparent 60%),
    linear-gradient(160deg, #F1F7FC 0%, #E6F0F8 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8);
}
body.theme-raed:not(.z-cc-off) .z-offers .z-section-head h2::after {
  content: 'عروض'; display: inline-block; vertical-align: middle; margin-inline-start: 10px;
  padding: 2px 10px; border-radius: 999px; background: var(--z-sale-bg); color: var(--z-sale);
  font-size: 12px; font-weight: 700; line-height: 22px;
}

/* ---------- Product cards (all listings) ---------- */
body.theme-raed:not(.z-cc-off) .s-product-card-vertical {
  border: 0; border-radius: 22px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--z-hairline);
  overflow: hidden; position: relative;
  transition: box-shadow 380ms var(--z-ease-out), transform 380ms var(--z-ease-out);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-image {
  border-radius: 18px; margin: 8px; inline-size: auto;
  background: radial-gradient(90% 90% at 50% 40%, #fff 0%, var(--z-ink-50) 70%, #EEF3F7 100%);
  position: relative;
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-image > a { padding: 11%; }
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content { padding: 6px 16px 16px; }
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-title { font-size: 13.5px; font-weight: 600; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-title a { color: var(--z-ink-900); transition: color var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-title a:hover { color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .s-product-card-sale-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
body.theme-raed:not(.z-cc-off) .s-product-card-sale-price h4 { color: var(--z-sale); font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; }
body.theme-raed:not(.z-cc-off) .s-product-card-sale-price span { color: var(--z-ink-400); font-size: 12.5px; text-decoration: line-through; text-decoration-thickness: 1px; }
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-price { font-weight: 800; }
/* Wishlist: a floating glass circle on the image */
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-wishlist-btn.s-button-element {
  background: rgba(255, 255, 255, .9); border: 0; color: var(--z-ink-500);
  box-shadow: 0 4px 12px -6px rgba(16, 42, 61, .35); min-inline-size: 38px; min-block-size: 38px; inline-size: 38px; block-size: 38px;
  transition: color var(--dur) var(--ease), transform 240ms var(--z-ease-out);
}
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-wishlist-btn.s-button-element:hover { color: var(--z-sale); transform: scale(1.08); }
body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-wishlist-btn.is-added, body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-wishlist-btn.favorited { color: var(--z-sale); }
/* Add to cart: quiet outline that fills on hover */
body.theme-raed:not(.z-cc-off) .s-product-card-entry salla-add-product-button .s-button-element:not(:disabled) {
  background: var(--z-blue-50); border-color: transparent; color: var(--c-action); font-weight: 700;
  transition: background var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow 240ms var(--z-ease-out);
}
body.theme-raed:not(.z-cc-off) .s-product-card-entry salla-add-product-button .s-button-element:not(:disabled):hover {
  background: var(--c-action); color: #fff; box-shadow: 0 10px 20px -12px rgba(34, 103, 154, .8);
}
body.theme-raed:not(.z-cc-off) .s-product-card-entry salla-add-product-button .s-button-element:not(:disabled):active { transform: scale(.98); }
/* Derived discount badge (computed from Salla's own displayed prices) */
body.theme-raed:not(.z-cc-off) .z-badge {
  position: absolute; inset-block-start: 10px; inset-inline-start: 10px; z-index: 2;
  padding: 3px 9px; border-radius: 999px; background: var(--z-sale); color: #fff;
  font-size: 11.5px; font-weight: 800; line-height: 18px; font-variant-numeric: tabular-nums;
  box-shadow: 0 6px 14px -8px rgba(200, 50, 62, .9); pointer-events: none;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px var(--z-blue-100), var(--e-lift); border-color: transparent; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical:hover .s-product-card-image img { transform: scale(1.05); }
}

/* ---------- Brands ---------- */
body.theme-raed:not(.z-cc-off) .z-brands a { background: #fff; border: 0; box-shadow: inset 0 0 0 1px var(--z-hairline); border-radius: 18px; transition: box-shadow 360ms var(--z-ease-out), transform 360ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .z-brands img { filter: none; opacity: 1; transition: filter 360ms var(--z-ease-out), opacity 360ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .z-brands a:hover img { filter: none; opacity: 1; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.theme-raed:not(.z-cc-off) .z-brands a:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--z-blue-100), var(--e-lift); }
}

/* ---------- Curated & service band ---------- */
body.theme-raed:not(.z-cc-off) .z-curated-intro { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8); background: linear-gradient(160deg, #F2FAF6 0%, #E4F0F8 100%); }
body.theme-raed:not(.z-cc-off) .z-features {
  background: var(--z-navy); color: #fff; border-radius: 28px; padding: 28px;
  background-image: radial-gradient(60% 140% at 100% 0%, rgba(100, 184, 152, .22), transparent 60%), radial-gradient(50% 120% at 0% 100%, rgba(71, 152, 205, .28), transparent 60%);
}
body.theme-raed:not(.z-cc-off) .z-features a { padding: 14px 10px; border-radius: 18px; transition: background var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .z-features a:hover { background: rgba(255, 255, 255, .06); }
body.theme-raed:not(.z-cc-off) .z-features .z-ico { color: var(--z-mint-300); inline-size: 30px; block-size: 30px; }
body.theme-raed:not(.z-cc-off) .z-features strong { color: #fff; font-size: 15.5px; font-weight: 700; }
body.theme-raed:not(.z-cc-off) .z-features span { color: rgba(255, 255, 255, .72); }

/* ---------- Scroll reveal (progressive; only when JS opts in) ---------- */
@media (prefers-reduced-motion: no-preference) {
  html.z-motion body.theme-raed:not(.z-cc-off) .z-reveal { opacity: 0; transform: translateY(18px); transition: opacity 700ms var(--z-ease-out), transform 700ms var(--z-ease-out); }
  html.z-motion body.theme-raed:not(.z-cc-off) .z-reveal.z-in { opacity: 1; transform: none; }
  body.theme-raed:not(.z-cc-off) .z-hero-copy > :not(h2) { animation: z-rise 800ms var(--z-ease-out) both; }
  body.theme-raed:not(.z-cc-off) .z-hero-copy > h2 { animation: z-settle 900ms var(--z-ease-out) both; }
  body.theme-raed:not(.z-cc-off) .z-hero-copy > :nth-child(3) { animation-delay: 120ms; }
  body.theme-raed:not(.z-cc-off) .z-hero-copy > :nth-child(n+4) { animation-delay: 180ms; }
  body.theme-raed:not(.z-cc-off) .z-plinth--1 { animation: z-float 7s ease-in-out 1s infinite; }
}
@keyframes z-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes z-settle { from { transform: translateY(10px); } to { transform: none; } }
@keyframes z-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }

/* ---------- Listing pages ---------- */
body.theme-raed:not(.z-cc-off) .container--breadcrumbs .breadcrumbs { font-size: 12.5px; color: var(--z-ink-500); }
body.theme-raed:not(.z-cc-off) .container--breadcrumbs .breadcrumbs a { color: var(--z-ink-500); }
body.theme-raed:not(.z-cc-off) .container--breadcrumbs .breadcrumbs a:hover { color: var(--c-action); }
body.theme-raed:not(.z-cc-off) #page-main-title { font-size: clamp(24px, 3vw, 32px); font-weight: 800; color: var(--z-ink-900); line-height: 1.3; }
body.theme-raed:not(.z-cc-off) .container--products-list .main-content > div:first-child { padding-block-end: 16px; border-block-end: 1px solid var(--z-hairline); }
body.theme-raed:not(.z-cc-off) #product-filter { border-radius: 999px; border: 0; box-shadow: inset 0 0 0 1px var(--z-ink-200); background-color: #fff; min-block-size: 44px; padding-inline: 16px 36px; font-size: 14px; color: var(--z-ink-700); }
body.theme-raed:not(.z-cc-off) #product-filter:focus-visible { box-shadow: 0 0 0 4px rgb(71 152 205 / .14), inset 0 0 0 1px var(--z-blue-400); }
@media (min-width: 768px) {
  body.theme-raed:not(.z-cc-off) [data-testid="store-products-list"] .s-products-list-wrapper,
  body.theme-raed:not(.z-cc-off) .container--products-list .s-products-list-wrapper { gap: 20px; }
}

/* ---------- Product detail ---------- */
body.theme-raed:not(.z-cc-off) [data-testid="store-product-image-slider"] { box-shadow: inset 0 0 0 1px var(--z-hairline); background: radial-gradient(90% 90% at 50% 40%, #fff 0%, var(--z-ink-50) 75%); }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-title"] { font-weight: 800; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] { border: 0; box-shadow: inset 0 0 0 1px var(--z-hairline), var(--e-card); border-radius: 24px; }
body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] salla-add-product-button .s-button-element:not(:disabled) { box-shadow: 0 12px 24px -14px rgba(34, 103, 154, .85); font-weight: 700; min-block-size: 50px; }
body.theme-raed:not(.z-cc-off) .z-pdp-help {
  display: flex; align-items: center; gap: 12px; margin-block-start: 14px; padding: 14px 16px;
  border-radius: 18px; background: var(--z-mint-50); color: var(--z-ink-700); font-size: 13.5px;
}
body.theme-raed:not(.z-cc-off) .z-pdp-help .z-ico { inline-size: 22px; block-size: 22px; color: var(--z-mint-700); flex-shrink: 0; }
body.theme-raed:not(.z-cc-off) .z-pdp-help a { color: var(--z-mint-800); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Search results & empty states ---------- */
body.theme-raed:not(.z-cc-off) .s-search-results { border-radius: 20px; box-shadow: var(--e-3); border: 1px solid var(--z-hairline); overflow: hidden; }
body.theme-raed:not(.z-cc-off) .s-search-product { transition: background var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .s-search-product:hover { background: var(--z-blue-50); }
body.theme-raed:not(.z-cc-off) :is(.s-products-list-placeholder, .no-content-placeholder, .s-no-content) { color: var(--z-ink-500); }
body.theme-raed:not(.z-cc-off) .s-cart-empty, body.theme-raed:not(.z-cc-off) .cart-empty, body.theme-raed:not(.z-cc-off) [class*="empty-state"] { color: var(--z-ink-500); }

/* ---------- Cart page ---------- */
body.theme-raed:not(.z-cc-off) :is(.cart-item, .s-cart-item, [id^="item-"]) { border-radius: 20px; }
body.theme-raed:not(.z-cc-off) :is(#cart-submit, .cart-submit, salla-button.cart-submit) .s-button-element { min-block-size: 52px; border-radius: 999px; font-weight: 700; }

/* ---------- Footer: deep navy ---------- */
body.theme-raed:not(.z-cc-off) .store-footer { background: var(--z-navy); border: 0; color: rgba(255, 255, 255, .74); }
body.theme-raed:not(.z-cc-off) .store-footer__inner {
  background: var(--z-navy); color: rgba(255, 255, 255, .74); padding-block: 64px 40px; position: relative;
  background-image: radial-gradient(50% 120% at 100% 0%, rgba(100, 184, 152, .14), transparent 60%), radial-gradient(40% 100% at 0% 100%, rgba(71, 152, 205, .18), transparent 60%);
}
body.theme-raed:not(.z-cc-off) .store-footer__inner::before { content: ''; position: absolute; inset-inline: 0; inset-block-start: 0; block-size: 3px; background: var(--z-gradient); }
body.theme-raed:not(.z-cc-off) .store-footer :is(h3, .s-contacts-title) { color: #fff; font-size: 16px; font-weight: 700; margin-block-end: 14px; }
body.theme-raed:not(.z-cc-off) .store-footer a, body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-item { color: rgba(255, 255, 255, .74); }
body.theme-raed:not(.z-cc-off) .store-footer a:hover, body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-item:hover { color: var(--z-mint-300); }
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-icon { color: var(--z-mint-300); fill: currentColor; }
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-icon svg { fill: currentColor; }
body.theme-raed:not(.z-cc-off) .z-footer-logo { background: #fff; padding: 10px 14px; border-radius: 18px; block-size: 84px; box-shadow: 0 12px 28px -18px rgba(0, 0, 0, .6); }
body.theme-raed:not(.z-cc-off) .store-footer .s-social-link a { inline-size: 40px; block-size: 40px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .08); color: #fff; transition: background var(--dur) var(--ease), transform 240ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .store-footer .s-social-link a:hover { background: var(--z-mint-600); transform: translateY(-2px); }
body.theme-raed:not(.z-cc-off) .store-footer .s-social-icon svg { fill: currentColor; inline-size: 18px; block-size: 18px; }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-wrapper { background: rgba(255, 255, 255, .06); border-radius: 16px; padding: 10px 14px; color: #fff; }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-label { color: rgba(255, 255, 255, .7); }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-number { color: #fff; }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-image { background: #fff; border-radius: 10px; padding: 4px; }
body.theme-raed:not(.z-cc-off) .store-footer .copyright-text p, body.theme-raed:not(.z-cc-off) .store-footer .copyright-text { color: rgba(255, 255, 255, .55); }
body.theme-raed:not(.z-cc-off) .store-footer > div:last-child { border-block-start: 1px solid rgba(255, 255, 255, .08); }
body.theme-raed:not(.z-cc-off) .store-footer > div:last-child a { color: rgba(255, 255, 255, .7); }
body.theme-raed:not(.z-cc-off) .store-footer :is(.s-payments-list, .payment-methods) img { background: #fff; border-radius: 6px; padding: 2px 4px; }

/* ---------- Mobile-first refinements ---------- */
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .z-hero-main { border-radius: 24px; }
  body.theme-raed:not(.z-cc-off) .z-hero-copy h2 { font-size: 31px; }
  body.theme-raed:not(.z-cc-off) .z-hero-links.z-facts { margin-block-start: 14px; gap: 6px; }
  body.theme-raed:not(.z-cc-off) .z-facts a { font-size: 12px; min-block-size: 38px; padding-inline: 10px 12px; }
  body.theme-raed:not(.z-cc-off) .z-category { padding: 14px 6px 12px; border-radius: 18px; }
  body.theme-raed:not(.z-cc-off) .z-category-icon { inline-size: 54px; block-size: 54px; border-radius: 16px; }
  body.theme-raed:not(.z-cc-off) .z-categories { grid-auto-columns: 92px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical { border-radius: 18px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-image { margin: 6px; border-radius: 14px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content { padding: 4px 12px 12px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-title { font-size: 13px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-sale-price h4 { font-size: 15.5px; }
  body.theme-raed:not(.z-cc-off) .z-features { border-radius: 22px; padding: 18px 12px; }
  body.theme-raed:not(.z-cc-off) .z-products { mask-image: linear-gradient(to left, #000 88%, transparent); -webkit-mask-image: linear-gradient(to left, #000 88%, transparent); }
  body.theme-raed:not(.z-cc-off) .store-footer__inner { padding-block: 44px 28px; }
  body.theme-raed:not(.z-cc-off) .z-footer-logo { block-size: 72px; }
  body.theme-raed:not(.z-cc-off) [data-testid="store-product-form"] { border-radius: 20px; }
}
html[dir="ltr"] body.theme-raed:not(.z-cc-off) .z-products { mask-image: none; -webkit-mask-image: none; }

/* ---------- Fit refinements ---------- */
body.theme-raed:not(.z-cc-off) .z-home > .z-section:last-child { padding-block-end: 8px; }
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:nth-child(3) { grid-column: span 2; }
  body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-item .unicode { overflow-wrap: normal; }
}
@media (max-width: 480px) {
  body.theme-raed:not(.z-cc-off) .s-product-card-entry salla-add-product-button .s-button-element { font-size: 12.5px; padding-inline: 8px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-entry salla-add-product-button .s-button-text > i { display: none; }
}

/* Swipe rails: clean edges on touch screens (the cut-off card and edge fade signal more content). */
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) :is(.z-hero-side, .z-categories, .z-brands, .z-products) { scrollbar-width: none; }
  body.theme-raed:not(.z-cc-off) :is(.z-hero-side, .z-categories, .z-brands, .z-products)::-webkit-scrollbar { display: none; }
}

/* Tablet: product rails become swipeable rows instead of 4 + 1 orphan grids. */
@media (min-width: 768px) and (max-width: 1099px) {
  body.theme-raed:not(.z-cc-off) .z-products { overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: 8px; scrollbar-width: none; mask-image: linear-gradient(to left, #000 92%, transparent); -webkit-mask-image: linear-gradient(to left, #000 92%, transparent); }
  body.theme-raed:not(.z-cc-off) .z-products::-webkit-scrollbar { display: none; }
  body.theme-raed:not(.z-cc-off) .z-products .s-products-list-wrapper { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 30%; gap: 16px; }
  body.theme-raed:not(.z-cc-off) .z-products custom-salla-product-card { scroll-snap-align: start; }
}

/* Mobile product rails: edge-to-edge swipe with a visible peek; steadier card rhythm. */
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .z-products {
    margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter);
    overscroll-behavior-x: contain; mask-image: none; -webkit-mask-image: none;
  }
  body.theme-raed:not(.z-cc-off) .z-offers .z-products { margin-inline: -20px; padding-inline: 20px; scroll-padding-inline: 20px; }
  body.theme-raed:not(.z-cc-off) .z-products .s-products-list-wrapper { grid-auto-columns: minmax(148px, 43%); gap: 10px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical { -webkit-tap-highlight-color: transparent; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical:active { transform: scale(.985); }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content { gap: 6px; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical .s-product-card-content-title { line-height: 1.5; min-block-size: 3em; }
  body.theme-raed:not(.z-cc-off) .s-product-card-vertical :is(.s-product-card-sale-price, .s-product-card-price) { min-block-size: 24px; align-items: center; }
  body.theme-raed:not(.z-cc-off) .s-product-card-entry salla-add-product-button .s-button-element { min-block-size: 42px; }
  body.theme-raed:not(.z-cc-off) .z-badge { inset-block-start: 8px; inset-inline-start: 8px; padding: 2px 8px; font-size: 11px; }
}

/* ---------- Reduced motion: hard stop ---------- */
@media (prefers-reduced-motion: reduce) {
  body.theme-raed:not(.z-cc-off) *, body.theme-raed:not(.z-cc-off) *::before, body.theme-raed:not(.z-cc-off) *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
}

/* ==========================================================================
   Clinical Calm 1.3.0 — "Atelier" inner pages.
   Category, search, brand, product and information pages, plus the
   bespoke duotone category icon set. Presentation only.
   ========================================================================== */
body.theme-raed:not(.z-cc-off) .z-ico .z-duo { opacity: .16; }
body.theme-raed:not(.z-cc-off) .z-category-icon .z-ico--cat { inline-size: 32px; block-size: 32px; }
body.theme-raed:not(.z-cc-off) .z-category-icon { transition: transform 360ms var(--z-ease-out), background 360ms var(--z-ease-out); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.theme-raed:not(.z-cc-off) .z-category:hover .z-category-icon .z-ico--cat { transform: scale(1.06); }
  body.theme-raed:not(.z-cc-off) .z-category-icon .z-ico--cat { transition: transform 360ms var(--z-ease-out); }
}

/* ---------- Shared: chips, pills ---------- */
body.theme-raed:not(.z-cc-off) .z-chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.theme-raed:not(.z-cc-off) .z-chip {
  display: inline-flex; align-items: center; gap: 8px; min-block-size: 40px; padding: 8px 16px;
  border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--z-ink-200);
  color: var(--z-ink-700); font-size: 13.5px; font-weight: 600; line-height: 1.3; white-space: nowrap;
  transition: box-shadow var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease), transform 360ms var(--z-ease-out);
}
body.theme-raed:not(.z-cc-off) .z-chip:hover { color: var(--c-action); box-shadow: inset 0 0 0 1px var(--z-blue-300); background: var(--z-blue-50); }
body.theme-raed:not(.z-cc-off) .z-chip:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgb(71 152 205 / .18), inset 0 0 0 1px var(--z-blue-400); }
body.theme-raed:not(.z-cc-off) .z-chip[aria-current="page"] { background: var(--z-navy); color: #fff; box-shadow: none; }
body.theme-raed:not(.z-cc-off) .z-chip--icon { padding-inline-start: 8px; }
body.theme-raed:not(.z-cc-off) .z-chip--icon .z-ico { inline-size: 26px; block-size: 26px; padding: 3px; border-radius: 50%; background: var(--z-blue-50); color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .z-chip--icon:nth-child(even) .z-ico { background: var(--z-mint-50); color: var(--z-mint-700); }

/* ---------- Category & search listings ---------- */
body.theme-raed:not(.z-cc-off) .z-lhead {
  display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 20px;
  margin-block: 4px 24px; padding: 28px 32px; border-radius: 28px; position: relative; overflow: hidden;
  background: radial-gradient(120% 140% at 0% 0%, rgba(100, 184, 152, .16) 0%, transparent 46%), linear-gradient(150deg, #F5FAFD 0%, #EAF3F9 100%);
  box-shadow: inset 0 0 0 1px var(--z-hairline);
}
body.theme-raed:not(.z-cc-off) .z-lhead::after {
  content: ''; position: absolute; inset-inline-end: -60px; inset-block-start: -80px; inline-size: 240px; block-size: 240px;
  border-radius: 50%; background: radial-gradient(circle, rgba(71, 152, 205, .16), transparent 70%); pointer-events: none;
}
body.theme-raed:not(.z-cc-off) .z-lhead-icon {
  display: grid; place-items: center; inline-size: 72px; block-size: 72px; border-radius: 22px;
  background: #fff; color: var(--c-action); box-shadow: inset 0 0 0 1px var(--z-hairline), var(--e-card);
}
body.theme-raed:not(.z-cc-off) .z-lhead-icon .z-ico { inline-size: 36px; block-size: 36px; }
body.theme-raed:not(.z-cc-off) .z-lhead-text { display: flex; flex-direction: column; gap: 6px; min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) .z-lhead-title { margin: 0; font-size: clamp(24px, 3vw, 34px); font-weight: 800; line-height: 1.25; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off) .z-lhead .z-chips { grid-column: 1 / -1; margin-block-start: 14px; position: relative; z-index: 1; }
body.theme-raed:not(.z-cc-off) #page-main-title.z-count { font-size: 14px; font-weight: 600; color: var(--z-ink-500); line-height: 1.4; }
body.theme-raed:not(.z-cc-off) .container--products-list .main-content > div:first-child:has(> .z-count) { align-items: center; }
body.theme-raed:not(.z-cc-off).product-index-search #page-main-title { font-size: clamp(20px, 2.4vw, 26px); }
body.theme-raed:not(.z-cc-off) .s-infinite-scroll-wrapper { margin-block-start: 28px; }
body.theme-raed:not(.z-cc-off) .s-infinite-scroll-wrapper :is(button, .s-button-element, a) {
  border-radius: 999px; min-block-size: 48px; padding-inline: 28px; font-weight: 700;
  background: #fff; color: var(--c-action); box-shadow: inset 0 0 0 1px var(--z-blue-200); transition: background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off) .s-infinite-scroll-wrapper :is(button, .s-button-element, a):hover { background: var(--z-blue-50); box-shadow: inset 0 0 0 1px var(--z-blue-400); }

/* ---------- Empty states ---------- */
body.theme-raed:not(.z-cc-off) :is(.s-products-list-placeholder, .no-content-placeholder) { padding-block: 40px 8px; }
body.theme-raed:not(.z-cc-off) :is(.s-products-list-placeholder, .no-content-placeholder) > :is(.rounded-icon, span:first-child) { background: linear-gradient(150deg, #F3F9FD, #E3EFF8) !important; }
body.theme-raed:not(.z-cc-off) :is(.s-products-list-placeholder, .no-content-placeholder) :is(i, .sicon) { color: var(--z-blue-400) !important; }
body.theme-raed:not(.z-cc-off) :is(.s-products-list-placeholder, .no-content-placeholder) p { font-size: 15px; font-weight: 600; color: var(--z-ink-700); }
body.theme-raed:not(.z-cc-off) :has(> .z-empty-help) { flex-wrap: wrap; }
body.theme-raed:not(.z-cc-off) :has(> .z-empty-help) > :not(.z-empty-help) { flex-basis: 100%; }
body.theme-raed:not(.z-cc-off) .z-empty-help { flex: 1 0 100%; min-inline-size: 0; max-inline-size: 100%; display: flex; flex-direction: column; align-items: center; gap: 14px; padding-block: 4px 48px; text-align: center; }
body.theme-raed:not(.z-cc-off) .z-empty-help .z-empty-lead { margin: 6px 0 0; font-size: 13.5px; color: var(--z-ink-500); }
body.theme-raed:not(.z-cc-off) .z-empty-help .z-chips { justify-content: center; max-inline-size: 880px; }
body.theme-raed:not(.z-cc-off) .z-empty-help .z-button .z-ico { inline-size: 18px; block-size: 18px; }

/* ---------- Brands ---------- */
body.theme-raed:not(.z-cc-off).brands-index .container > .flex.justify-between h2,
body.theme-raed:not(.z-cc-off).brands-single #main-content header h1 { font-size: clamp(24px, 3vw, 32px); font-weight: 800; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off):is(.z-brands-flat, .brands-index:not(:has(section[id^="brand-section"] ~ section[id^="brand-section"]))) .brands-nav-wrap,
body.theme-raed:not(.z-cc-off):is(.z-brands-flat, .brands-index:not(:has(section[id^="brand-section"] ~ section[id^="brand-section"]))) section[id^="brand-section"] > div:first-child:has(.brand-char) { display: none; }
body.theme-raed:not(.z-cc-off):is(.z-brands-flat, .brands-index:not(:has(section[id^="brand-section"] ~ section[id^="brand-section"]))) section[id^="brand-section"] { padding-block-start: 0 !important; }
body.theme-raed:not(.z-cc-off).brands-index a.brand-item {
  display: grid; place-items: center; block-size: 120px; padding: 18px; border-radius: 20px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--z-hairline); transition: box-shadow 360ms var(--z-ease-out), transform 360ms var(--z-ease-out);
}
body.theme-raed:not(.z-cc-off).brands-index a.brand-item img { max-block-size: 64px; inline-size: auto; object-fit: contain; filter: grayscale(.2); opacity: .9; transition: filter 360ms var(--z-ease-out), opacity 360ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off).brands-index a.brand-item:hover { box-shadow: inset 0 0 0 1px var(--z-blue-100), var(--e-lift); }
body.theme-raed:not(.z-cc-off).brands-index a.brand-item:hover img { filter: none; opacity: 1; }
body.theme-raed:not(.z-cc-off).brands-index a.brand-item:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgb(71 152 205 / .2), inset 0 0 0 1px var(--z-blue-400); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { body.theme-raed:not(.z-cc-off).brands-index a.brand-item:hover { transform: translateY(-3px); } }
body.theme-raed:not(.z-cc-off).brands-index a.brand-item.z-noimg img { display: none; }
body.theme-raed:not(.z-cc-off).brands-index a.brand-item.z-noimg::after { content: attr(data-z-name); font-weight: 700; font-size: 15px; color: var(--z-ink-700); text-align: center; }
body.theme-raed:not(.z-cc-off) .z-brand-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-block: 8px 24px; }
body.theme-raed:not(.z-cc-off) .z-brand-filter {
  display: flex; align-items: center; gap: 10px; flex: 1 1 320px; max-inline-size: 420px; min-block-size: 48px; padding-inline: 16px;
  border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--z-ink-200); color: var(--z-ink-400);
  transition: box-shadow var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off) .z-brand-filter:focus-within { box-shadow: 0 0 0 4px rgb(71 152 205 / .14), inset 0 0 0 1px var(--z-blue-400); color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .z-brand-filter .z-ico { inline-size: 20px; block-size: 20px; }
body.theme-raed:not(.z-cc-off) .z-brand-filter input { flex: 1; min-inline-size: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 14.5px; color: var(--z-ink-900); padding: 0; box-shadow: none; }
body.theme-raed:not(.z-cc-off) .z-brand-count { font-size: 13px; font-weight: 600; color: var(--z-ink-500); }
body.theme-raed:not(.z-cc-off).brands-single #main-content header { gap: 20px; align-items: center; margin-block: 4px 12px; padding: 24px; border-radius: 28px; background: linear-gradient(150deg, #F5FAFD 0%, #EAF3F9 100%); box-shadow: inset 0 0 0 1px var(--z-hairline); }
body.theme-raed:not(.z-cc-off).brands-single #main-content header img { box-shadow: inset 0 0 0 1px var(--z-hairline), var(--e-card) !important; border-radius: 20px !important; background: #fff; }
body.theme-raed:not(.z-cc-off).brands-single #main-content header h2:empty { display: none; }

/* ---------- Product detail ---------- */
body.theme-raed:not(.z-cc-off).product-single #main-content h1 { font-size: clamp(22px, 2.4vw, 28px); line-height: 1.45; letter-spacing: 0; color: var(--z-ink-900); margin-block-end: 14px; }
body.theme-raed:not(.z-cc-off).product-single .total-price { font-size: 24px; font-weight: 800; letter-spacing: 0; }
body.theme-raed:not(.z-cc-off).product-single .details-slider { border-radius: 28px; overflow: hidden; }
body.theme-raed:not(.z-cc-off).product-single .details-slider .swiper-slide img { object-fit: contain; }
body.theme-raed:not(.z-cc-off).product-single .details-slider :is(.s-slider-prev, .s-slider-next, .swiper-button-prev, .swiper-button-next) { background: var(--z-glass); backdrop-filter: blur(8px); box-shadow: 0 6px 18px -8px rgba(16, 42, 61, .3); border-radius: 50%; }
body.theme-raed:not(.z-cc-off).product-single .details-slider .swiper-thumbs .swiper-slide { border-radius: 14px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--z-hairline); opacity: .7; transition: opacity var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off).product-single .details-slider .swiper-thumbs .swiper-slide-thumb-active { opacity: 1; box-shadow: inset 0 0 0 2px var(--z-blue-400); }
body.theme-raed:not(.z-cc-off).product-single .product-form section { border-radius: 24px; }
body.theme-raed:not(.z-cc-off).product-single salla-quantity-input { border-radius: 999px; }
body.theme-raed:not(.z-cc-off).product-single salla-quantity-input :is(input, .s-quantity-input-input) { font-weight: 700; }
body.theme-raed:not(.z-cc-off) .z-prose { color: var(--z-ink-700); font-size: 15px; line-height: 1.95; max-inline-size: 72ch; }
body.theme-raed:not(.z-cc-off) .z-prose :is(em, i) { font-style: normal; }
body.theme-raed:not(.z-cc-off) .z-prose :is(h2, h3, h4) { margin-block: 22px 8px; font-size: 17px; font-weight: 800; color: var(--z-ink-900); line-height: 1.5; }
body.theme-raed:not(.z-cc-off) .z-prose :is(h2, h3, h4) strong { font-weight: inherit; }
body.theme-raed:not(.z-cc-off) .z-prose ul { list-style: none; padding-inline-start: 0; margin-block: 6px 12px; }
body.theme-raed:not(.z-cc-off) .z-prose li { position: relative; padding-inline-start: 22px; margin-block: 6px; }
body.theme-raed:not(.z-cc-off) .z-prose li::before { content: ''; position: absolute; inset-inline-start: 4px; inset-block-start: .8em; inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--z-gradient); }
body.theme-raed:not(.z-cc-off) .z-prose a { color: var(--c-action); }
body.theme-raed:not(.z-cc-off).product-single salla-products-slider .s-slider-block__title { margin-block-end: 18px; }
body.theme-raed:not(.z-cc-off).product-single salla-products-slider .s-slider-block__title :is(h2, h3) { display: inline-flex; flex-direction: column; gap: 6px; font-size: clamp(22px, 2.4vw, 28px); font-weight: 800; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off).product-single salla-products-slider .s-slider-block__title :is(h2, h3)::before { content: ''; inline-size: 28px; block-size: 3px; border-radius: 3px; background: var(--z-gradient); }
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off).product-single .sticky-product-bar { box-shadow: 0 -12px 28px -16px rgba(16, 42, 61, .35); border-radius: 22px 22px 0 0; }
  body.theme-raed:not(.z-cc-off).product-single .sticky-product-bar salla-add-product-button .s-button-element { min-block-size: 50px; }
}

/* ---------- Information pages ---------- */
body.theme-raed:not(.z-cc-off).page-single .content--single-page { padding: clamp(24px, 4vw, 48px) !important; border-radius: 28px; box-shadow: inset 0 0 0 1px var(--z-hairline), var(--e-card); margin-block: 8px 24px; }
body.theme-raed:not(.z-cc-off).page-single .content--single-page > .z-eyebrow { margin-block-end: 10px; }
body.theme-raed:not(.z-cc-off).page-single .content--single-page > h1 { font-size: clamp(26px, 3.2vw, 36px); font-weight: 800; color: var(--z-ink-900); line-height: 1.3; margin-block-end: 22px !important; }
body.theme-raed:not(.z-cc-off).page-single .content-entry { color: var(--z-ink-700); font-size: 15.5px; line-height: 1.95; max-inline-size: 76ch; }
body.theme-raed:not(.z-cc-off).page-single .content-entry > :is(h2, h3, h4) { margin-block: 28px 10px; font-weight: 800; color: var(--z-ink-900); line-height: 1.45; }
body.theme-raed:not(.z-cc-off).page-single .content-entry > h2 { font-size: 21px; }
body.theme-raed:not(.z-cc-off).page-single .content-entry > :is(h3, h4) { font-size: 17px; }
body.theme-raed:not(.z-cc-off).page-single .content-entry > :first-child { margin-block-start: 0; }
body.theme-raed:not(.z-cc-off):is(.z-page--faq, .z-page--branches, .z-page--contact) .content-entry { max-inline-size: none; }
body.theme-raed:not(.z-cc-off).page-single .content-entry p { margin-block: 6px; }
body.theme-raed:not(.z-cc-off).page-single .content-entry strong { color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off).page-single .content-entry a { color: var(--c-action); text-underline-offset: 3px; }
body.theme-raed:not(.z-cc-off).page-single salla-comments:empty { display: none; }

/* FAQ */
body.theme-raed:not(.z-cc-off) .z-faq { border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--z-hairline); margin-block: 10px; transition: box-shadow var(--dur) var(--ease), background var(--dur) var(--ease); }
body.theme-raed:not(.z-cc-off) .z-faq[open] { background: var(--z-ink-50); box-shadow: inset 0 0 0 1px var(--z-blue-100); }
body.theme-raed:not(.z-cc-off) .z-faq > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-block-size: 56px; padding: 12px 20px; cursor: pointer; list-style: none; border-radius: 18px; }
body.theme-raed:not(.z-cc-off) .z-faq > summary::-webkit-details-marker { display: none; }
body.theme-raed:not(.z-cc-off) .z-faq > summary p { margin: 0; }
body.theme-raed:not(.z-cc-off) .z-faq > summary strong { font-size: 15.5px; font-weight: 700; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off) .z-faq > summary::after {
  content: ''; flex-shrink: 0; inline-size: 28px; block-size: 28px; border-radius: 50%; background-color: var(--z-blue-50);
  background-image: linear-gradient(var(--z-blue-700), var(--z-blue-700)), linear-gradient(var(--z-blue-700), var(--z-blue-700));
  background-size: 11px 1.8px, 1.8px 11px; background-position: center; background-repeat: no-repeat; transition: transform 300ms var(--z-ease-out);
}
body.theme-raed:not(.z-cc-off) .z-faq[open] > summary::after { transform: rotate(45deg); }
body.theme-raed:not(.z-cc-off) .z-faq > summary:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgb(71 152 205 / .18); }
body.theme-raed:not(.z-cc-off) .z-faq-a { padding: 0 20px 16px; color: var(--z-ink-700); }

/* Branches */
body.theme-raed:not(.z-cc-off) .z-branch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; margin-block: 20px 8px; }
body.theme-raed:not(.z-cc-off) .z-branch { display: flex; flex-direction: column; gap: 12px; padding: 20px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--z-hairline); transition: box-shadow 360ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .z-branch:hover { box-shadow: inset 0 0 0 1px var(--z-blue-100), var(--e-card); }
body.theme-raed:not(.z-cc-off).page-single .z-branch h3 { margin: 0 !important; font-size: 15.5px !important; font-weight: 800; color: var(--z-ink-900); line-height: 1.5; }
body.theme-raed:not(.z-cc-off).page-single .z-branch p { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 13px; color: var(--z-ink-500); }
body.theme-raed:not(.z-cc-off) .z-branch .z-sep { display: none; }
body.theme-raed:not(.z-cc-off) .z-branch .z-branch-label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.theme-raed:not(.z-cc-off).page-single .z-branch :is(.z-branch-map, .z-branch-wa) {
  display: inline-flex; align-items: center; gap: 6px; min-block-size: 38px; padding: 6px 14px; border-radius: 999px;
  font-size: 13px; font-weight: 700; text-decoration: none; transition: background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
body.theme-raed:not(.z-cc-off).page-single .z-branch .z-branch-map { background: var(--z-blue-50); color: var(--z-blue-800); box-shadow: inset 0 0 0 1px var(--z-blue-100); }
body.theme-raed:not(.z-cc-off).page-single .z-branch .z-branch-map:hover { background: var(--z-blue-100); }
body.theme-raed:not(.z-cc-off).page-single .z-branch .z-branch-wa { background: var(--z-mint-50); color: var(--z-mint-800); box-shadow: inset 0 0 0 1px var(--z-mint-100); direction: ltr; }
body.theme-raed:not(.z-cc-off).page-single .z-branch .z-branch-wa:hover { background: var(--z-mint-100); }
body.theme-raed:not(.z-cc-off) .z-branch :is(.z-branch-map, .z-branch-wa)::before { content: ''; inline-size: 16px; block-size: 16px; background: currentColor; -webkit-mask: var(--z-mi) center / contain no-repeat; mask: var(--z-mi) center / contain no-repeat; }
body.theme-raed:not(.z-cc-off) .z-branch .z-branch-map { --z-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); }
body.theme-raed:not(.z-cc-off) .z-branch .z-branch-wa { --z-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a8 8 0 0 1-11.6 7.1L4 20l1.4-4.2A8 8 0 1 1 20 11.5z'/%3E%3C/svg%3E"); }

/* Contact */
body.theme-raed:not(.z-cc-off) .z-contact-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 14px; margin-block: 20px 8px; }
body.theme-raed:not(.z-cc-off) .z-contact { display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--z-hairline); }
body.theme-raed:not(.z-cc-off) .z-contact-icon { display: grid; place-items: center; inline-size: 48px; block-size: 48px; border-radius: 16px; margin-block-end: 8px; background: linear-gradient(150deg, #F3F9FD, #E3EFF8); color: var(--c-action); }
body.theme-raed:not(.z-cc-off) .z-contact:nth-child(even) .z-contact-icon { background: linear-gradient(150deg, #F2FAF6, #DDF1E7); color: var(--z-mint-700); }
body.theme-raed:not(.z-cc-off).page-single .z-contact h2 { margin: 0 !important; font-size: 15px !important; color: var(--z-ink-500); font-weight: 700; }
body.theme-raed:not(.z-cc-off).page-single .z-contact p { margin: 0; font-size: 17px; font-weight: 700; color: var(--z-ink-900); }
body.theme-raed:not(.z-cc-off).page-single .z-contact a { color: var(--z-ink-900); text-decoration: none; }
body.theme-raed:not(.z-cc-off).page-single .z-contact a:hover { color: var(--c-action); }

/* ---------- Inner pages: mobile ---------- */
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .z-lhead { grid-template-columns: auto 1fr; padding: 20px; gap: 6px 14px; border-radius: 22px; margin-block-end: 16px; }
  body.theme-raed:not(.z-cc-off) .z-lhead-icon { inline-size: 56px; block-size: 56px; border-radius: 18px; }
  body.theme-raed:not(.z-cc-off) .z-lhead-icon .z-ico { inline-size: 30px; block-size: 30px; }
  body.theme-raed:not(.z-cc-off) .z-lhead .z-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -20px; padding-inline: 20px; scroll-padding-inline: 20px; margin-block-start: 10px; }
  body.theme-raed:not(.z-cc-off) .z-lhead .z-chips::-webkit-scrollbar { display: none; }
  body.theme-raed:not(.z-cc-off) .z-chip { min-block-size: 40px; font-size: 13px; }
  body.theme-raed:not(.z-cc-off) .z-empty-help .z-chips { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; inline-size: 100%; max-inline-size: 100%; min-inline-size: 0; padding-inline: 4px; }
  body.theme-raed:not(.z-cc-off) .z-empty-help .z-chips::-webkit-scrollbar { display: none; }
  body.theme-raed:not(.z-cc-off).brands-index a.brand-item { block-size: 96px; padding: 12px; border-radius: 16px; }
  body.theme-raed:not(.z-cc-off).brands-index a.brand-item img { max-block-size: 48px; }
  body.theme-raed:not(.z-cc-off) .z-brand-filter { max-inline-size: none; }
  body.theme-raed:not(.z-cc-off).brands-single #main-content header { padding: 18px; border-radius: 22px; }
  body.theme-raed:not(.z-cc-off).page-single .content--single-page { border-radius: 22px; }
  body.theme-raed:not(.z-cc-off).page-single .content-entry { font-size: 15px; }
  body.theme-raed:not(.z-cc-off) .z-faq > summary { padding: 12px 16px; }
  body.theme-raed:not(.z-cc-off) .z-faq-a { padding: 0 16px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-raed:not(.z-cc-off) :is(.z-chip, .z-faq > summary::after, .z-branch, a.brand-item, .z-category-icon .z-ico--cat) { transition: none !important; }
}

/* ---------- 1.3.2: navigation and floating WhatsApp button ---------- */
/* Category "." (1087651663) is hidden from desktop and mobile menus only; the category and its product links are unchanged. */
body.theme-raed:not(.z-cc-off) .main-menu li[id="1087651663"],
body.theme-raed:not(.z-cc-off) :is(.main-menu, #mobile-menu, .mm-spn) li:has(> a[href$="/c1087651663"]) { display: none !important; }
/* The WhatsApp widget yields while a button, control or link passes beneath it (see the 1.3.2 module). */
body.theme-raed:not(.z-cc-off) a.wa-s-n { transition: opacity 180ms var(--ease), transform 240ms var(--z-ease-out), visibility 0s linear 0s; }
body.theme-raed:not(.z-cc-off) a.wa-s-n.z-fab-yield { opacity: 0 !important; transform: scale(.6) !important; pointer-events: none !important; visibility: hidden; transition: opacity 140ms var(--ease), transform 200ms var(--ease), visibility 0s linear 200ms; }
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) a.wa-s-n { right: max(12px, env(safe-area-inset-right)) !important; bottom: calc(14px + env(safe-area-inset-bottom) + var(--z-fab-lift, 0px)) !important; box-shadow: 0 10px 24px -10px rgba(16, 42, 61, .45); }
}
@media (prefers-reduced-motion: reduce) { body.theme-raed:not(.z-cc-off) a.wa-s-n, body.theme-raed:not(.z-cc-off) a.wa-s-n.z-fab-yield { transition: none !important; transform: none !important; } }
/* ==========================================================================
   Clinical Calm 1.4.0 "Premium storefront"
   Cairo weights, fluid layout, header and footer logo sizing, footer redesign,
   homepage rhythm. Native Salla markup and behaviour are unchanged.
   ========================================================================== */

/* ---------- Cairo: full weight range ----------
   The store font is set to Cairo in the Salla dashboard, which declares weight 400 only.
   These faces use the same variable files (cached by Cloudflare on this domain) with the full axis,
   so 500–800 render as true weights instead of synthetic bold. Google Fonts is the fallback source. */
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(https://zienapharmacy-online.com/cf-fonts/v/cairo/5.2.7/arabic/wght/normal.woff2) format('woff2'), url(https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EEFF; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(https://zienapharmacy-online.com/cf-fonts/v/cairo/5.2.7/latin-ext/wght/normal.woff2) format('woff2'), url(https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(https://zienapharmacy-online.com/cf-fonts/v/cairo/5.2.7/latin/wght/normal.woff2) format('woff2'), url(https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Form controls follow the store font; icon-font elements keep their own family. */
body.theme-raed:not(.z-cc-off) :is(input, select, textarea, button, optgroup):not([class*="sicon-"]) { font-family: inherit; }
body.theme-raed:not(.z-cc-off) { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ---------- Fluid layout ----------
   Content grows to 1560px (1464px of content at 1920) with gutters of 16–48px.
   Phone widths keep the native container. */
body.theme-raed:not(.z-cc-off) { --container: 1560px; --gutter: clamp(16px, 2.8vw, 48px); }
@media (min-width: 768px) {
  body.theme-raed:not(.z-cc-off) .container { max-inline-size: var(--container); max-width: var(--container); padding-inline: var(--gutter); }
  body.theme-raed:not(.z-cc-off) .container .container { padding-inline: 0; }
  /* Product page: gallery and buy box stay at a comfortable reading and viewing size on wide screens. */
  body.theme-raed:not(.z-cc-off) .container.container--product-details { max-inline-size: 1360px; max-width: 1360px; }
}
/* Product listings: five columns once the content is wide enough for 250px+ cards. */
@media (min-width: 1360px) {
  body.theme-raed:not(.z-cc-off) :is([data-testid="store-products-list"], salla-products-list) .s-products-list-wrapper:not(.z-products *) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* ---------- Header logo ----------
   Raed caps the logo at 48px; it now renders at a legible size with a fixed aspect ratio (no layout shift).
   ZienaPremium serves exact-size derivatives of the same official file through Salla's image CDN. */
body.theme-raed:not(.z-cc-off) .navbar-brand img { max-block-size: none; max-height: none; inline-size: auto; aspect-ratio: 1353 / 900; object-fit: contain; }
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand { padding-block: 10px; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 66px; }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand { padding-block: 6px; }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 50px; max-height: 50px; }
}
@media (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 50px; }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img { block-size: 40px; max-height: 40px; }
}

/* ---------- Homepage rhythm ---------- */
body.theme-raed:not(.z-cc-off) .z-section { padding-block-start: clamp(28px, 3.2vw, 44px); }
body.theme-raed:not(.z-cc-off) .z-section-head { margin-block-end: 20px; }
/* Native blocks that render nothing (e.g. an empty recommendations widget) no longer leave 64px gaps. */
body.theme-raed:not(.z-cc-off) .s-block.z-void { margin-block: 0 !important; padding-block: 0 !important; }
body.theme-raed:not(.z-cc-off) .store-footer { margin-block-start: clamp(32px, 3.4vw, 48px); }

/* ---------- Footer ---------- */
body.theme-raed:not(.z-cc-off) .store-footer__inner { padding-block: 44px 32px; }
body.theme-raed:not(.z-cc-off) .store-footer__inner > .container { display: grid; align-items: start; }
body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > * { min-inline-size: 0; }
body.theme-raed:not(.z-cc-off) .store-footer salla-apps-icons:empty { display: none !important; }
/* Brand */
body.theme-raed:not(.z-cc-off) .z-footer-logo { box-sizing: border-box; block-size: 100px; inline-size: auto; aspect-ratio: auto; padding: 12px 16px; margin-block-end: 18px; background: #fff; border-radius: 20px; object-fit: contain; box-shadow: 0 14px 30px -18px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(16, 42, 61, .04); }
body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:first-child h3 { font-size: 17px; font-weight: 800; margin-block-end: 6px; line-height: 1.5; }
body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:first-child > div.max-w-sm { font-size: 14.5px; line-height: 1.9; color: rgba(255, 255, 255, .72); max-inline-size: 44ch; margin-block-end: 20px; }
/* Column headings */
body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:not(:first-child) :is(h3, .s-contacts-title) { position: relative; font-size: 16px; font-weight: 800; margin-block-end: 16px; padding-block-end: 10px; line-height: 1.5; }
body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:not(:first-child) :is(h3, .s-contacts-title)::after { content: ''; position: absolute; inset-inline-start: 0; inset-block-end: 0; inline-size: 28px; block-size: 3px; border-radius: 3px; background: var(--z-gradient); }
/* Links */
body.theme-raed:not(.z-cc-off) .store-footer .s-menu-footer-list { display: grid; gap: 2px 20px; }
body.theme-raed:not(.z-cc-off) .store-footer .s-menu-footer-item { margin: 0 !important; min-block-size: 40px; font-size: 14.5px; line-height: 1.5; transition: color var(--dur) var(--ease), padding 240ms var(--z-ease-out); }
body.theme-raed:not(.z-cc-off) .store-footer .s-menu-footer-item:hover { padding-inline-start: 4px; }
/* Contacts */
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-list { display: grid; gap: 6px; }
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-item { min-block-size: 44px; gap: 12px; font-size: 14.5px; }
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-icon { inline-size: 36px; block-size: 36px; margin: 0 !important; flex-shrink: 0; display: grid; place-items: center; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04); }
body.theme-raed:not(.z-cc-off) .store-footer .s-contacts-item .unicode { direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
body.theme-raed:not(.z-cc-off) .store-footer .contact-social hr { border-color: rgba(255, 255, 255, .1); margin-block: 16px; }
body.theme-raed:not(.z-cc-off) .store-footer .s-social-list { gap: 10px; }
/* Commercial registration (native Salla trust badge) */
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-wrapper { display: inline-flex; align-items: center; gap: 12px; padding: 10px 18px 10px 10px; border-radius: 16px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-image { inline-size: 48px; block-size: 48px; padding: 4px; border-radius: 12px; object-fit: contain; }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-content { margin: 0 !important; }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-label { font-size: 12px; margin-block-end: 2px; color: rgba(255, 255, 255, .66); }
body.theme-raed:not(.z-cc-off) .store-footer .s-trust-badges-number { font-size: 16px; font-weight: 700; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
/* Bottom bar: platform credit and payment methods */
body.theme-raed:not(.z-cc-off) .store-footer > div:last-child { padding-block: 16px; gap: 12px; }
body.theme-raed:not(.z-cc-off) .store-footer .copyright-text p { font-size: 13px; margin: 0; }
body.theme-raed:not(.z-cc-off) .store-footer .s-payments-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
body.theme-raed:not(.z-cc-off) .store-footer .s-payments-list-item { inline-size: 54px; block-size: 34px; display: grid; place-items: center; background: #fff; border-radius: 9px; box-shadow: 0 6px 14px -10px rgba(0, 0, 0, .6); }
body.theme-raed:not(.z-cc-off) .store-footer .s-payments-list-item img { inline-size: auto !important; block-size: auto !important; max-inline-size: 40px; max-block-size: 22px; padding: 0 !important; background: none !important; border-radius: 0 !important; object-fit: contain; }
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container { grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px clamp(32px, 5vw, 96px); }
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > * { grid-column: auto !important; padding-inline: 0 !important; }
  /* Social icons sit under the contact details on desktop as on mobile, balancing the three columns. */
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:first-child > div:has(> salla-social) { display: none !important; }
  body.theme-raed:not(.z-cc-off) .store-footer .contact-social { display: block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:first-child { grid-column: 1 / -1 !important; }
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .store-footer__inner { padding-block: 32px 20px; }
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > div:first-child > div.max-w-sm { margin-block-end: 16px; }
  body.theme-raed:not(.z-cc-off) .store-footer .contact-social hr { margin-block: 12px; }
  body.theme-raed:not(.z-cc-off) .store-footer__inner > .container > * { grid-column: auto !important; }
  body.theme-raed:not(.z-cc-off) .z-footer-logo { block-size: 76px; padding: 10px 14px; margin-block-end: 12px; }
  body.theme-raed:not(.z-cc-off) .store-footer .s-menu-footer-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.theme-raed:not(.z-cc-off) .store-footer > div:last-child { display: flex; flex-direction: column-reverse; align-items: center; padding-block: 18px calc(18px + env(safe-area-inset-bottom)); }
}
/* ==========================================================================
   Clinical Calm 1.4.1 "First paint"
   The design no longer waits for JavaScript: every rule applies as soon as this stylesheet loads.
   Parts that JavaScript builds or Salla hydrates later hold their final size from the first frame,
   so nothing jumps when they arrive. (body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm) = before the Clinical Calm script has run.)
   ========================================================================== */

/* ---------- Header ---------- */
/* Until Salla's search box is live in the header row, an identical empty field holds its place. */
body.theme-raed:not(.z-cc-off) #mainnav .inner > .container > .items-stretch:not(:has(> .header-search salla-search.hydrated))::after {
  content: ''; grid-column: 2; grid-row: 1; align-self: center; inline-size: 100%; block-size: 48px;
  border-radius: var(--r-pill); background: var(--z-ink-50); box-shadow: inset 0 0 0 1px var(--z-hairline); pointer-events: none;
}
@media (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off) #mainnav .inner > .container > .items-stretch:not(:has(> .header-search salla-search.hydrated))::after { grid-column: 1 / -1; grid-row: 2; block-size: 44px; }
}
/* The category menu row keeps its height while Salla builds the menu. */
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) #mainnav custom-main-menu:not(:has(> nav)) { min-block-size: 53px; }
}

/* Breadcrumbs keep their line height while Salla renders them. */
body.theme-raed:not(.z-cc-off) salla-breadcrumb:not(.hydrated) { display: block; min-block-size: 20px; }
/* Product names wrap the phone breadcrumb onto two lines. */
@media (max-width: 767px) { body.theme-raed:not(.z-cc-off).product-single salla-breadcrumb:not(.hydrated) { min-block-size: 40px; } }

/* ---------- Homepage ---------- */
/* Raed's empty fallback list is replaced by the Clinical Calm homepage; it stays out of the first frame
   (it returns automatically if Salla fills it and the homepage script has not run). */
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content > section.s-block--latest-products[component-id=""]:has(salla-products-list:not(.hydrated)) { display: none; }
/* The hero's two panels are drawn in their final place and size; the homepage content fills them. */
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content {
  display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 16px; align-content: start;
  padding-block-start: 24px; padding-inline: calc((100% - min(100%, var(--container))) / 2 + var(--gutter));
  min-block-size: 100vh; --z-hero-h: 443px;
}
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content > * { grid-column: 1 / -1; }
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::before, body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::after { content: ''; grid-row: 1; pointer-events: none; }
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::before {
  grid-column: 1; block-size: var(--z-hero-h); border-radius: 28px;
  background: radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(140deg, #EEF8F3 0%, #EAF4FB 48%, #DCEBF7 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), var(--e-card);
}
/* Side tiles: the upper tile, with the lower tile drawn as its offset copy. */
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::after {
  grid-column: 2; align-self: start; block-size: calc((var(--z-hero-h) - 16px) / 2); border-radius: 20px;
  background: linear-gradient(150deg, #F3F9FD 0%, #E3EFF8 100%); box-shadow: 0 calc((var(--z-hero-h) + 16px) / 2) 0 0 #E7F5EE;
}
/* Hero height follows its text wrapping; these steps match the live hero at each width band. */
@media (min-width: 1101px) and (max-width: 1129px) { body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content { --z-hero-h: 600px; } }
@media (min-width: 1130px) and (max-width: 1159px) { body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content { --z-hero-h: 547px; } }
@media (min-width: 1160px) and (max-width: 1259px) { body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content { --z-hero-h: 491px; } }
@media (max-width: 1100px) {
  body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content { grid-template-columns: minmax(0, 1fr); }
  body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::before { block-size: 440px; }
  body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::after {
    grid-column: 1; grid-row: 2; align-self: stretch; block-size: 200px; box-shadow: none;
    background: linear-gradient(150deg, #F3F9FD 0%, #E3EFF8 100%) right / calc(50% - 8px) 100% no-repeat, linear-gradient(150deg, #F2FAF6 0%, #DDF1E7 100%) left / calc(50% - 8px) 100% no-repeat;
  }
}
@media (min-width: 768px) and (max-width: 799px) { body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::before { block-size: 460px; } }
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content { padding-block-start: 16px; }
  body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::before { block-size: 575px; border-radius: 24px; }
  body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::after { inline-size: 85%; justify-self: start; block-size: 198px; background: linear-gradient(150deg, #F3F9FD 0%, #E3EFF8 100%); }
}
@media (max-width: 413px) { body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::before { block-size: 619px; } }
@media (max-width: 389px) { body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).index main#main-content::before { block-size: 648px; } }

/* ---------- Category pages ---------- */
/* The category header card is reserved at its final size until it is built from the live menu. */
body.theme-raed:not(.z-cc-off).product-index:not(.z-lhead-none) .main-content:not(:has(> .z-lhead))::before {
  content: ''; display: block; block-size: 190px; margin-block: 4px 24px; border-radius: 28px; pointer-events: none;
  background: radial-gradient(120% 140% at 0% 0%, rgba(100, 184, 152, .16) 0%, transparent 46%), linear-gradient(150deg, #F5FAFD 0%, #EAF3F9 100%);
  box-shadow: inset 0 0 0 1px var(--z-hairline);
}
body.theme-raed:not(.z-cc-off).product-index .main-content > div:has(> #page-main-title) { min-block-size: 44px; }
@media (min-width: 768px) and (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off).product-index:not(.z-lhead-none) .main-content:not(:has(> .z-lhead))::before { block-size: 238px; }
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off).product-index:not(.z-lhead-none) .main-content:not(:has(> .z-lhead))::before { block-size: 152px; margin-block-end: 16px; border-radius: 22px; }
}

/* ---------- Product pages ---------- */
/* Before Salla's gallery starts, its first image shows at the final size instead of every image stacked. */
body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="items"] { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 28px; }
body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="items"] > :not(:first-child) { display: none; }
body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="items"] > :first-child { display: block; inline-size: 100%; block-size: 100%; }
body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="items"] img { inline-size: 100%; block-size: 100%; object-fit: contain; }
body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="thumbs"] { display: flex; gap: 10px; margin-block-start: 15px; block-size: 80px; overflow: hidden; }
body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="thumbs"] > * { flex: 0 0 80px; block-size: 80px; border-radius: 14px; overflow: hidden; }
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="items"] { border-radius: 20px; }
  body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="thumbs"] { block-size: 64px; }
  body.theme-raed:not(.z-cc-off) salla-slider.details-slider:not(.hydrated) > [slot="thumbs"] > * { flex-basis: 64px; block-size: 64px; }
}
/* The share button keeps its place while Salla renders it. */
body.theme-raed:not(.z-cc-off) salla-social-share:not(.hydrated) { display: inline-block; min-block-size: 40px; }
/* The purchase form keeps its usual height while Salla renders quantity and buttons. */
body.theme-raed:not(.z-cc-off) form[data-testid="store-product-form"]:has(salla-add-product-button:not(.hydrated)) { min-block-size: 216px; }
@media (max-width: 767px) { body.theme-raed:not(.z-cc-off) form[data-testid="store-product-form"]:has(salla-add-product-button:not(.hydrated)) { min-block-size: 248px; } }
/* The description sits after the purchase form from the first frame; the script then moves it there for good. */
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).product-single .main-content:has(> form[data-testid="store-product-form"]) { display: flex; flex-direction: column; }
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).product-single .main-content > form[data-testid="store-product-form"] ~ * { order: 2; }
body.theme-raed:not(.z-cc-off):not(.ziena-clinical-calm).product-single .main-content > [data-testid="store-product-description"] { order: 1; }
/* ---------- 1.4.2 Listings ---------- */
/* Category, search and brand listings: one row of product cards is reserved while Salla loads the grid,
   so the footer does not flash in its place. */
body.theme-raed:not(.z-cc-off):is(.product-index, .product-index-search, .brands-single) main salla-products-list:not(.hydrated) { display: block; min-block-size: 420px; }
@media (max-width: 767px) { body.theme-raed:not(.z-cc-off):is(.product-index, .product-index-search, .brands-single) main salla-products-list:not(.hydrated) { min-block-size: 330px; } }
/* 1.4.3: until the category card is built, the title row already looks as it does afterwards: the native title uses the
   compact count-line style, and the divider reserved for a first-row title is left to the card. One row height from the first frame. */
body.theme-raed:not(.z-cc-off).product-index:not(.z-lhead-none) .main-content:not(:has(> .z-lhead)) #page-main-title { font-size: 14px; font-weight: 600; color: var(--z-ink-500); line-height: 1.4; }
body.theme-raed:not(.z-cc-off).product-index:not(.z-lhead-none) .main-content:not(:has(> .z-lhead)) > div:has(> #page-main-title) { padding-block-end: 0; border-block-end: 0; align-items: center; }
/* 1.4.4: brands directory. The brand search field holds its place (same size and outline) until the script adds it. */
body.theme-raed:not(.z-cc-off).brands-index main :not(:has(> .z-brand-tools)) > section[id^="brand-section"][id]:first-of-type {
  padding-block-start: 80px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='24' fill='white' stroke='%23DCE5EC' stroke-width='2'/%3E%3C/svg%3E") right 0 top 8px / min(420px, 100%) 48px no-repeat;
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off).brands-index main :not(:has(> .z-brand-tools)) > section[id^="brand-section"][id]:first-of-type { padding-block-start: 114px !important; background-size: 100% 48px; }
}
/* Brand pages without products: the shopper help (brand search button and category chips) keeps its place until the script adds it. */
body.theme-raed:not(.z-cc-off).brands-single div:has(> .no-content-placeholder):not(:has(> .z-empty-help))::after { content: ''; display: block; align-self: stretch; block-size: 249px; pointer-events: none; }
@media (min-width: 768px) and (max-width: 1023px) { body.theme-raed:not(.z-cc-off).brands-single div:has(> .no-content-placeholder):not(:has(> .z-empty-help))::after { block-size: 299px; } }
@media (max-width: 767px) { body.theme-raed:not(.z-cc-off).brands-single div:has(> .no-content-placeholder):not(:has(> .z-empty-help))::after { block-size: 199px; } }

/* ---------- 1.5.0 Premium storefront refinements ----------
   These rules extend the verified 1.4.4 layer. They do not replace images,
   routes, product data, Salla search, cart, checkout or localization. */
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off).brands-index section[id^="brand-section"] > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  body.theme-raed:not(.z-cc-off).brands-index section[id^="brand-section"] > .grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
  }
}

/* The official Ziena header asset stays proportional and receives explicit
   geometry at every breakpoint, so the larger mark cannot introduce CLS. */
body.theme-raed:not(.z-cc-off) .navbar-brand,
body.theme-raed:not(.z-cc-off) .navbar-brand img {
  flex: 0 0 auto;
}
@media (min-width: 1024px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) {
    grid-template-columns: 170px minmax(0, 640px) 150px;
  }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand {
    padding-block: 8px;
  }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img {
    block-size: 78px;
  }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img {
    block-size: 52px;
    max-height: 52px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img {
    block-size: 62px;
  }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img {
    block-size: 44px;
    max-height: 44px;
  }
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img {
    block-size: 54px;
  }
  body.theme-raed:not(.z-cc-off) .main-nav-container.fixed-pinned :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) .navbar-brand img {
    block-size: 40px;
    max-height: 40px;
  }
}

/* Homepage, directory and landing-page brand marks use contained images.
   The containers grow with the mark, avoiding crop, stretch and empty padding. */
body.theme-raed:not(.z-cc-off) .z-brands a {
  min-block-size: 112px;
  padding: 14px 18px;
}
body.theme-raed:not(.z-cc-off) .z-brands img {
  inline-size: 100%;
  block-size: 72px;
  max-inline-size: 190px;
  object-fit: contain;
  object-position: center;
}
body.theme-raed:not(.z-cc-off).brands-index a.brand-item {
  block-size: 140px;
  padding: 16px;
}
body.theme-raed:not(.z-cc-off).brands-index a.brand-item img {
  inline-size: 100%;
  max-inline-size: 190px;
  max-block-size: 88px;
  object-fit: contain;
  object-position: center;
}
body.theme-raed:not(.z-cc-off).brands-single #main-content header img {
  inline-size: clamp(112px, 12vw, 160px) !important;
  block-size: clamp(112px, 12vw, 160px) !important;
  padding: 14px;
  object-fit: contain !important;
  object-position: center;
}
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .z-brands a { min-block-size: 100px; padding: 12px; }
  body.theme-raed:not(.z-cc-off) .z-brands img { block-size: 60px; }
  body.theme-raed:not(.z-cc-off).brands-index a.brand-item { block-size: 116px; padding: 12px; }
  body.theme-raed:not(.z-cc-off).brands-index a.brand-item img { max-block-size: 72px; }
  body.theme-raed:not(.z-cc-off).brands-single #main-content header img {
    inline-size: 104px !important;
    block-size: 104px !important;
    padding: 10px;
  }
}

/* Voice search is progressive enhancement. The native input remains the only
   search source, and unsupported browsers receive the unchanged Raed search. */
body.theme-raed:not(.z-cc-off) .header-search.z-voice-ready { position: relative; }
body.theme-raed:not(.z-cc-off) .header-search.z-voice-ready .s-search-input { padding-inline-end: 54px; }
body.theme-raed:not(.z-cc-off) .z-voice-search {
  position: absolute;
  inset-inline-end: 6px;
  inset-block-start: 50%;
  z-index: 3;
  display: inline-grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--c-action);
  transform: translateY(-50%);
  cursor: pointer;
}
body.theme-raed:not(.z-cc-off) .z-voice-search:hover { background: var(--z-blue-50); }
body.theme-raed:not(.z-cc-off) .z-voice-search:focus-visible { outline: 3px solid var(--c-focus); outline-offset: 1px; }
body.theme-raed:not(.z-cc-off) .z-voice-search svg { inline-size: 20px; block-size: 20px; }
body.theme-raed:not(.z-cc-off) .z-voice-search[aria-pressed="true"] {
  color: var(--z-sale);
  background: var(--z-sale-bg);
}
body.theme-raed:not(.z-cc-off) .z-voice-search[aria-pressed="true"]::after {
  content: '';
  position: absolute;
  inset: 2px;
  border: 2px solid currentColor;
  border-radius: inherit;
  animation: z-voice-pulse 1.25s ease-out infinite;
}
body.theme-raed:not(.z-cc-off) .z-voice-status {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
body.theme-raed:not(.z-cc-off) .z-voice-status:not(:empty) {
  inset-inline: 0;
  inset-block-start: calc(100% + 8px);
  z-index: 15;
  inline-size: auto;
  block-size: auto;
  margin: 0;
  padding: 10px 14px;
  clip: auto;
  overflow: visible;
  white-space: normal;
  border: 1px solid var(--c-border);
  border-radius: 14px;
  background: #fff;
  color: var(--c-text);
  box-shadow: var(--e-2);
  font-size: 12px;
  line-height: 1.6;
}
@keyframes z-voice-pulse {
  0% { opacity: .55; transform: scale(.82); }
  75%, 100% { opacity: 0; transform: scale(1.22); }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-raed:not(.z-cc-off) .z-voice-search[aria-pressed="true"]::after { animation: none; }
}

/* Scoped ZIEHUB addition to Clinical Calm 1.5.0; preserve the supplied artwork. */
body.theme-raed:not(.z-cc-off) img[src*="8646674f-6065-4f90-9120-61abde7583f4"] {
  object-fit: contain;
  filter: none !important;
  opacity: 1 !important;
}
body.theme-raed:not(.z-cc-off) .z-brands a[data-z-ziehub] { padding: 0; }
body.theme-raed:not(.z-cc-off) .z-brands a[data-z-ziehub] img { block-size: 112px; }
body.theme-raed:not(.z-cc-off) .z-lhead.z-ziehub-category .z-lhead-icon.z-ziehub-mark {
  inline-size: 240px;
  block-size: 144px;
  flex: 0 0 auto;
  background: #fff;
  padding: 0;
  overflow: hidden;
}
body.theme-raed:not(.z-cc-off) .z-ziehub-mark .z-ziehub-logo {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
@media (max-width: 639px) {
  body.theme-raed:not(.z-cc-off) .z-lhead.z-ziehub-category {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }
  body.theme-raed:not(.z-cc-off) .z-lhead.z-ziehub-category .z-lhead-text { text-align: center; }
  body.theme-raed:not(.z-cc-off) .z-lhead.z-ziehub-category .z-lhead-icon.z-ziehub-mark {
    max-inline-size: 100%;
  }
}

/* Only English-owned Clinical Calm layout. Native Salla sets document lang/direction. */
html[lang^="en"] body.theme-raed:not(.z-cc-off) #ziena-home { direction: ltr; }
html[lang^="en"] body.theme-raed:not(.z-cc-off) .z-offers .z-section-head h2::after { content: 'Offers'; }
html[lang^="en"] body.theme-raed:not(.z-cc-off) :is(.z-hero-copy, .z-curated-intro, .z-lhead-text, .z-pdp-help) { text-align: start; }
html[lang^="en"] body.theme-raed:not(.z-cc-off) :is(.z-button, .z-link) .z-ico:has(path[d="m15 6-6 6 6 6"]) { transform: scaleX(-1); }
@media (max-width: 639px) {
  html[lang^="en"] body.theme-raed:not(.z-cc-off) .z-lhead.z-ziehub-category .z-lhead-text { text-align: center; }
}
/* AR/EN switch beside the existing native account control. */
body.theme-raed:not(.z-cc-off) .z-language-switch {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  min-block-size: 44px; flex: 0 0 auto; margin-inline-end: 10px; padding: 0 3px;
  border: 0; border-radius: 10px; background: transparent; color: var(--z-blue-700);
  font-family: inherit; font-size: 11px; font-weight: 700; line-height: 1.2; cursor: pointer; direction: ltr;
  -webkit-tap-highlight-color: transparent;
}
body.theme-raed:not(.z-cc-off) .z-language-track {
  display: inline-flex; align-items: center; inline-size: 36px; block-size: 22px;
  padding: 3px; border-radius: 999px; background: var(--z-blue-700);
}
body.theme-raed:not(.z-cc-off) .z-language-track > span {
  display: block; inline-size: 16px; block-size: 16px; border-radius: 50%; background: #fff;
  transform: translateX(0); transition: transform 160ms ease;
}
body.theme-raed:not(.z-cc-off) .z-language-switch[aria-checked="true"] .z-language-track > span { transform: translateX(14px); }
body.theme-raed:not(.z-cc-off) .z-language-switch:focus-visible { outline: 3px solid var(--z-blue-400); outline-offset: 3px; }
body.theme-raed:not(.z-cc-off) .z-language-switch[aria-busy="true"] { cursor: progress; }
/* Owner requested the top-bar localization icon hidden. Keep the native modal
   mounted so the account-adjacent switch can submit through Salla normally. */
body.theme-raed:not(.z-cc-off) .top-navbar [data-testid="store-header-localization"] .s-localization-modal-trigger-btn { display: none !important; }
/* Reserve native header space through hydration; keep the switch clear of the logo. */
body.theme-raed:not(.z-cc-off) .top-navbar > .container { block-size: 42px; min-block-size: 42px; }
body.theme-raed:not(.z-cc-off) .s-localization-modal-trigger-btn { min-block-size: 38px; padding-block: 0; }
body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child:not(:has(.z-language-switch))::before {
  content: ''; flex: 0 0 72px; block-size: 44px;
}
@media (min-width: 1024px) {
  /* Measured native inner height is 146.8px. Reserve the same row before hydration. */
  body.theme-raed:not(.z-cc-off) #mainnav:not(.fixed-pinned):not(.fixed-header) { height: 148px !important; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) { grid-template-columns: 150px minmax(0, 640px) minmax(210px, auto); }
  /* Raed's overflow controller owns More. Do not wrap into a temporary second row. */
  body.theme-raed:not(.z-cc-off) #mainnav custom-main-menu > nav,
  body.theme-raed:not(.z-cc-off) #mainnav custom-main-menu > nav > .main-menu { min-block-size: 52px; }
  body.theme-raed:not(.z-cc-off) #mainnav custom-main-menu > nav > .main-menu { flex-wrap: nowrap; }
}
@media (max-width: 1023px) {
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) { grid-template-columns: 40px minmax(74px, 1fr) max-content; }
  body.theme-raed:not(.z-cc-off) .s-cart-summary-content { display: none; }
  body.theme-raed:not(.z-cc-off) salla-cart-summary { margin-inline-start: 6px; margin-inline-end: 0; }
  body.theme-raed:not(.z-cc-off) .s-cart-summary-wrapper { min-inline-size: 40px; }
}
@media (max-width: 639px) {
  body.theme-raed:not(.z-cc-off) .z-language-switch { gap: 3px; margin-inline-end: 6px; font-size: 10px; }
  body.theme-raed:not(.z-cc-off) :is(.z-header-row, :where(#mainnav .inner > .container) > .items-stretch) > div:last-child:not(:has(.z-language-switch))::before { flex-basis: 66px; }
}
/* Content is visible immediately: no scroll-triggered concealment or staggered hero. */
body.theme-raed:not(.z-cc-off) .z-hero-links { min-block-size: 40px; margin-block-start: 22px; }
html[lang^="en"] body.theme-raed:not(.z-cc-off) .z-hero-links { min-block-size: 88px; }
@media (max-width: 767px) {
  body.theme-raed:not(.z-cc-off) .z-hero-links { min-block-size: 88px; }
}
html.z-motion body.theme-raed:not(.z-cc-off) .z-reveal,
html.z-motion body.theme-raed:not(.z-cc-off) .z-reveal.z-in { opacity: 1; transform: none; transition: none; }
body.theme-raed:not(.z-cc-off) .z-hero-copy > h2,
body.theme-raed:not(.z-cc-off) .z-hero-copy > :not(h2),
body.theme-raed:not(.z-cc-off) .z-plinth--1 { animation: none; }
@media (prefers-reduced-motion: reduce) {
  body.theme-raed:not(.z-cc-off) .z-language-track > span { transition: none; }
}
/* Owner revision 18 October 2026: centered Maroof image, intentionally non-interactive. */
body.theme-raed:not(.z-cc-off) .z-footer-maroof { display: flex; justify-content: center; align-items: center; padding: 16px 20px 0; }
body.theme-raed:not(.z-cc-off) .z-footer-maroof img { display: block; inline-size: 64px; block-size: 64px; object-fit: contain; border-radius: 14px; background: #fff; padding: 4px; }

/* The general offers heading already identifies the section. */
body.theme-raed:not(.z-cc-off) #z-offers .z-section-head h2::after { display: none; }

body.theme-raed:not(.z-cc-off) .z-footer-maroof { gap: 12px; flex-wrap: wrap; color: #fff; font-weight: 600; }
/* 19 October 2026: compact copy and larger imagery, scoped strictly to the hero. */
body.theme-raed:not(.z-cc-off) .z-hero .z-plinth--1 { padding: 8%; }
body.theme-raed:not(.z-cc-off) .z-hero .z-plinth--2 { padding: 5%; }
body.theme-raed:not(.z-cc-off) .z-hero .z-plinth--3 { padding: 4%; }
body.theme-raed:not(.z-cc-off) .z-hero .z-hero-side .z-tile img { inline-size: 38%; block-size: 174px; }
body.theme-raed:not(.z-cc-off) .z-hero .z-hero-side .z-tile > :not(img) { max-inline-size: 58%; }
body.theme-raed:not(.z-cc-off) .z-hero .z-hero-side .z-eyebrow { font-size: clamp(16px, 1vw, 20px); font-weight: 700; }
body.theme-raed:not(.z-cc-off) .z-hero .z-hero-copy > p { max-inline-size: 27ch; margin-block-end: 22px; }
@media(max-width:767px) {
 body.theme-raed:not(.z-cc-off) .z-hero .z-hero-side .z-tile img { block-size: 158px; }
 body.theme-raed:not(.z-cc-off) .z-hero .z-hero-side .z-eyebrow { font-size: 15px; }
}
/* Product detail only: white text on the native solid add-to-cart button. */
body.theme-raed:not(.z-cc-off).product-single [data-testid="store-product-form"] button[data-testid="store-product-add-to-cart"].s-button-solid:not(:disabled),
body.theme-raed:not(.z-cc-off).product-single [data-testid="store-product-form"] button[data-testid="store-product-add-to-cart"].s-button-solid:not(:disabled) :is(.s-button-text, .s-button-text *) {
  color: #fff !important;
}