/* ==========================================================================
   Reda Dev — main stylesheet
   Night blue + neon cyan/green. Works left-to-right and right-to-left (Arabic).
   ========================================================================== */

:root {
  --rd-bg: #060b1d;
  --rd-bg2: #0a1430;
  --rd-surface: rgba(255, 255, 255, .045);
  --rd-surface2: rgba(255, 255, 255, .075);
  --rd-line: rgba(148, 197, 255, .14);
  --rd-line2: rgba(148, 197, 255, .26);
  --rd-text: #e8eef8;
  --rd-muted: #9aa8c2;
  --rd-accent: #22d3ee;
  --rd-accent2: #34d399;
  --rd-ink: #04101c;
  --rd-wa: #25d366;
  --rd-head: #ffffff;
  --rd-soft: #cfd8e8;
  --rd-panel: #0b1530;
  --rd-on-accent: #04101c;
  --rd-header-bg: rgba(6, 11, 29, .72);
  --rd-header-bg2: rgba(6, 11, 29, .9);
  --rd-nav-mobile: #070d22;
  --rd-alt-bg: linear-gradient(180deg, rgba(12, 23, 54, .65), rgba(12, 23, 54, .25));
  --rd-offer-bg: radial-gradient(80% 60% at 50% 0%, rgba(34, 211, 238, .16), transparent 70%), linear-gradient(180deg, #0c1838, #081028);
  --rd-cta-bg: radial-gradient(60% 80% at 100% 0%, rgba(52, 211, 153, .22), transparent 70%), radial-gradient(60% 80% at 0% 100%, rgba(34, 211, 238, .22), transparent 70%), #0a1430;
  --rd-footer-bg: linear-gradient(180deg, #050a1a, #040816);
  --rd-input-bg: rgba(3, 8, 22, .6);
  --rd-pre-bg: #050914;
  --rd-phone-frame: #0d1222;
  --rd-ok-text: #b7f5d8;
  --rd-err-text: #fecaca;
  --rd-note-text: #fcd34d;
  --rd-radius: 18px;
  --rd-radius-sm: 12px;
  --rd-wrap: 1200px;
  --rd-narrow: 760px;
  --rd-gutter: clamp(16px, 4vw, 32px);
  --rd-font-head: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --rd-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rd-glow: 0 0 0 1px rgba(34, 211, 238, .25), 0 10px 40px -10px rgba(34, 211, 238, .45);
  --rd-shadow: 0 24px 60px -24px rgba(0, 0, 0, .7);
  --rd-grad: linear-gradient(120deg, var(--rd-accent), var(--rd-accent2));
}
:lang(ar), .rtl {
  --rd-font-head: "Cairo", "Plus Jakarta Sans", system-ui, sans-serif;
  --rd-font-body: "Cairo", "Inter", system-ui, sans-serif;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--rd-bg);
  background-image:
    radial-gradient(60% 45% at 85% -5%, rgba(34, 211, 238, .13), transparent 70%),
    radial-gradient(50% 40% at -5% 30%, rgba(52, 211, 153, .07), transparent 70%);
  background-repeat: no-repeat;
  color: var(--rd-text);
  font: 400 17px/1.7 var(--rd-font-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img, svg, video, iframe { max-width: 100%; height: auto; }
a { color: var(--rd-accent); text-decoration: none; }
a:hover { color: var(--rd-accent2); }
:focus-visible { outline: 2px solid var(--rd-accent); outline-offset: 3px; border-radius: 6px; }
h1, h2, h3, h4, h5, h6 { font-family: var(--rd-font-head); color: var(--rd-head); line-height: 1.15; margin: 0 0 .6em; font-weight: 800; letter-spacing: -.02em; }
:lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) h4 { letter-spacing: 0; line-height: 1.35; }
h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
h2 { font-size: clamp(1.8rem, 3.6vw, 2.7rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.35rem); font-weight: 700; }
p { margin: 0 0 1.1em; }
strong, b { color: var(--rd-head); font-weight: 700; }
hr { border: 0; border-top: 1px solid var(--rd-line); margin: 2.5rem 0; }
::selection { background: rgba(34, 211, 238, .3); color: var(--rd-head); }

.rd-skip { position: absolute; inset-inline-start: 12px; top: -60px; z-index: 100; background: #fff; color: var(--rd-ink); padding: 10px 16px; border-radius: 8px; }
.rd-skip:focus { top: 12px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

.rd-wrap { width: 100%; max-width: calc(var(--rd-wrap) + 2 * var(--rd-gutter)); margin-inline: auto; padding-inline: var(--rd-gutter); }
.rd-narrow { max-width: calc(var(--rd-narrow) + 2 * var(--rd-gutter)); }

/* ---------- Buttons ---------- */
.rd-btn,
.wp-block-button__link,
.wp-element-button,
.rd-form button[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center; gap: .55em;
  padding: .85em 1.6em; border-radius: 999px; border: 0;
  background: var(--rd-grad); color: var(--rd-on-accent) !important;
  font: 700 1rem/1.2 var(--rd-font-head); letter-spacing: .01em;
  box-shadow: 0 10px 30px -10px rgba(34, 211, 238, .7);
  cursor: pointer; text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.rd-btn:hover,
.wp-block-button__link:hover,
.rd-form button[type="submit"]:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 16px 40px -12px rgba(34, 211, 238, .85); color: var(--rd-on-accent); }
.rd-btn--sm { padding: .6em 1.15em; font-size: .9rem; }
.rd-btn--ghost,
.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent; color: var(--rd-head) !important; border: 1.5px solid var(--rd-line2); box-shadow: none;
}
.rd-btn--ghost:hover,
.is-style-outline > .wp-block-button__link:hover { border-color: var(--rd-accent); color: var(--rd-accent) !important; box-shadow: var(--rd-glow); }
.rd-btn--wa,
.is-style-rd-wa > .wp-block-button__link,
.rd-wa > .wp-block-button__link { background: var(--rd-wa); color: #04210f !important; box-shadow: 0 10px 30px -10px rgba(37, 211, 102, .7); }
.is-style-rd-wa > .wp-block-button__link::before,
.rd-wa > .wp-block-button__link::before {
  content: ""; width: 1.25em; height: 1.25em; flex: none; background: currentColor;
  -webkit-mask: var(--rd-i-whatsapp) center / contain no-repeat; mask: var(--rd-i-whatsapp) center / contain no-repeat;
}
.wp-block-buttons { gap: 12px; }
.rd-link { display: inline-flex; align-items: center; gap: .4em; font-weight: 600; }
[dir="rtl"] .rd-icon--arrow, .rtl .rd-icon--arrow { transform: scaleX(-1); }

/* ---------- Header ---------- */
.rd-header {
  position: sticky; top: 0; z-index: 50;
  background: var(--rd-header-bg);
  -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid transparent; transition: border-color .3s, background .3s;
}
.admin-bar .rd-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .rd-header { top: 0; } }
.rd-header.is-scrolled { border-bottom-color: var(--rd-line); background: var(--rd-header-bg2); }
.rd-header-inner { display: flex; align-items: center; gap: 24px; min-height: 76px; }
.rd-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--rd-head); font: 800 1.3rem/1 var(--rd-font-head); letter-spacing: -.02em; flex: none; }
.rd-brand:hover { color: var(--rd-head); }
.rd-brand b { color: var(--rd-accent); font-weight: 800; }
.rd-brand-img { max-height: 48px; width: auto; display: block; }
.rd-mark { flex: none; filter: drop-shadow(0 0 10px rgba(34, 211, 238, .45)); }
.rd-nav { margin-inline-start: auto; }
.rd-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; align-items: center; }
.rd-menu li { position: relative; }
.rd-menu a { display: block; padding: 10px 14px; color: var(--rd-soft); font-weight: 600; font-size: .95rem; border-radius: 10px; }
.rd-menu a:hover, .rd-menu .current-menu-item > a, .rd-menu .current_page_item > a { color: var(--rd-head); background: var(--rd-surface); }
.rd-menu .current-menu-item > a, .rd-menu .current_page_item > a { box-shadow: inset 0 -2px 0 var(--rd-accent2); }
.rd-menu .sub-menu, .rd-menu .children { list-style: none; margin: 0; padding: 8px; position: absolute; top: 100%; inset-inline-start: 0; min-width: 220px; background: var(--rd-panel); border: 1px solid var(--rd-line); border-radius: 14px; box-shadow: var(--rd-shadow); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .2s; }
.rd-menu li:hover > .sub-menu, .rd-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.rd-header-tools { display: flex; align-items: center; gap: 10px; flex: none; }
.rd-is-landing .rd-header-tools { margin-inline-start: auto; }
.rd-langs { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--rd-line); border-radius: 999px; }
.rd-langs a { min-width: 34px; height: 30px; display: grid; place-items: center; padding: 0 8px; border-radius: 999px; color: var(--rd-muted); font: 700 .78rem/1 var(--rd-font-head); }
.rd-langs a[lang="ar"] { font-family: "Cairo", sans-serif; font-size: .95rem; }
.rd-langs a:hover { color: var(--rd-head); }
.rd-langs a.is-current { background: var(--rd-surface2); color: var(--rd-head); }
.rd-burger { display: none; background: transparent; border: 1px solid var(--rd-line); color: var(--rd-head); width: 44px; height: 44px; border-radius: 12px; cursor: pointer; align-items: center; justify-content: center; }
.rd-burger-close { display: none; }
.rd-nav-open .rd-burger-open { display: none; }
.rd-nav-open .rd-burger-close { display: inline-flex; }

@media (max-width: 960px) {
  .rd-burger { display: inline-flex; }
  .rd-header-cta span { display: none; }
  .rd-header-cta { padding: .6em; }
  .rd-header-tools { margin-inline-start: auto; }
  .rd-nav { position: fixed; inset: 76px 0 auto 0; margin: 0; background: var(--rd-nav-mobile); border-bottom: 1px solid var(--rd-line); padding: 12px var(--rd-gutter) 24px; max-height: calc(100vh - 76px); overflow: auto; display: none; }
  .admin-bar .rd-nav { top: 122px; }
  .rd-nav-open .rd-nav { display: block; }
  .rd-menu { flex-direction: column; align-items: stretch; }
  .rd-menu a { padding: 14px 12px; font-size: 1.05rem; }
  .rd-menu .sub-menu, .rd-menu .children { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; background: transparent; padding: 0 0 0 16px; }
}
@media (max-width: 420px) { .rd-brand-text { font-size: 1.1rem; } .rd-langs a { min-width: 28px; padding: 0 5px; } }

/* ---------- Core block layout (same as WordPress, kept here so the theme never depends on it) ---------- */
.wp-block-buttons { display: flex; flex-wrap: wrap; align-items: center; }
.wp-block-columns { display: flex; flex-wrap: nowrap; gap: clamp(20px, 3vw, 32px); margin-bottom: 1.75em; }
.wp-block-columns:last-child { margin-bottom: 0; }
.wp-block-column { flex: 1 1 0; min-width: 0; }
.wp-block-group__inner-container > :last-child { margin-bottom: 0; }
.rd-pills, .rd-pills > .wp-block-group__inner-container { display: flex; flex-wrap: wrap; gap: 10px; }
.rd-hero--center .rd-pills, .rd-hero--center .rd-pills > .wp-block-group__inner-container { justify-content: center; }

/* ---------- Content and full-width sections ---------- */
.rd-main { display: block; min-height: 50vh; }
.rd-content > * { max-width: calc(var(--rd-narrow) + 2 * var(--rd-gutter)); margin-inline: auto; padding-inline: var(--rd-gutter); }
.rd-content > .alignwide { max-width: calc(var(--rd-wrap) + 2 * var(--rd-gutter)); }
.rd-content > .alignfull { max-width: none; padding-inline: 0; }
.rd-content > .rd-section.alignfull, .rd-content > .rd-hero.alignfull { padding-inline: var(--rd-gutter); }
.rd-content > :first-child:not(.alignfull) { margin-top: 2rem; }
.rd-content > :last-child:not(.alignfull) { margin-bottom: 4rem; }
.rd-page-head { padding: clamp(48px, 8vw, 96px) 0 24px; }
.rd-page-head time { color: var(--rd-muted); font-size: .9rem; }
.rd-page-title { margin: 0; }

.rd-section, .rd-hero {
  position: relative;
  padding: clamp(56px, 7vw, 96px) var(--rd-gutter);
  margin: 0 !important;
  isolation: isolate;
}
.rd-section > *, .rd-hero > * { max-width: var(--rd-wrap); margin-inline: auto; }
.rd-section > .wp-block-group__inner-container > *, .rd-hero > .wp-block-group__inner-container > * { margin-inline: auto; }
.rd-section--tight { padding-top: 24px; }
.rd-section--alt { background: var(--rd-alt-bg); border-block: 1px solid var(--rd-line); }
.rd-section--grid::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5;
  background-image: linear-gradient(var(--rd-line) 1px, transparent 1px), linear-gradient(90deg, var(--rd-line) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask: radial-gradient(70% 60% at 50% 40%, #000, transparent); mask: radial-gradient(70% 60% at 50% 40%, #000, transparent);
}

/* Section heading: kicker + title + lead */
.rd-kicker {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px !important;
  color: var(--rd-accent2); font: 700 .8rem/1 var(--rd-font-head); letter-spacing: .16em; text-transform: uppercase;
}
.rd-kicker::before { content: ""; width: 26px; height: 2px; background: var(--rd-grad); border-radius: 2px; }
:lang(ar) .rd-kicker { letter-spacing: 0; font-size: .95rem; }
.rd-h1 { font-size: clamp(2.3rem, 5.4vw, 4rem); text-transform: uppercase; letter-spacing: -.01em; }
:lang(ar) .rd-h1 { text-transform: none; }
.rd-h2 { font-size: clamp(1.9rem, 3.8vw, 2.9rem); }
.rd-h1 em, .rd-h2 em, .rd-grad-text { font-style: normal; background: var(--rd-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-lead { font-size: clamp(1.05rem, 1.6vw, 1.25rem); color: var(--rd-muted); max-width: 680px; }
.rd-head { text-align: center; margin-bottom: clamp(36px, 5vw, 56px) !important; }
.rd-head .rd-lead { margin-inline: auto; }
.rd-head .rd-kicker::after { content: ""; width: 26px; height: 2px; background: var(--rd-grad); border-radius: 2px; }

/* ---------- Hero ---------- */
.rd-hero { padding-top: clamp(56px, 8vw, 110px); padding-bottom: clamp(56px, 8vw, 110px); overflow: hidden; }
.rd-hero::before, .rd-hero::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  width: 120px; aspect-ratio: 1 / 1.1547;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background: linear-gradient(140deg, rgba(34, 211, 238, .55), rgba(52, 211, 153, .15));
  opacity: .35; animation: rd-float 9s ease-in-out infinite;
}
.rd-hero::before { top: 12%; inset-inline-start: 3%; }
.rd-hero::after { bottom: 10%; inset-inline-end: 4%; width: 70px; animation-delay: -4s; }
.rd-hero .wp-block-columns { align-items: center; gap: clamp(32px, 5vw, 64px); }
.rd-hero .rd-lead { margin-bottom: 1.6em; }
.rd-hero-visual { position: relative; }
.rd-hero-visual::before {
  content: ""; position: absolute; inset: 10% 5%; z-index: -1; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(34, 211, 238, .35), transparent); filter: blur(30px);
}
.rd-hero--center { text-align: center; }
.rd-hero--center .rd-lead { margin-inline: auto; }
.rd-hero--center .wp-block-buttons { justify-content: center; }
.rd-skyline { margin: 0 !important; }
.rd-skyline img { width: 100%; display: block; }
@keyframes rd-float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-18px) rotate(8deg); } }

/* Small pills under a hero (trust signals) */
.rd-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px !important; }
.rd-pills p, p.rd-pill {
  margin: 0; padding: 7px 14px; border: 1px solid var(--rd-line); border-radius: 999px; background: var(--rd-surface);
  font-size: .88rem; font-weight: 600; color: var(--rd-soft);
}
.rd-pills p::before, p.rd-pill::before { content: "✓"; color: var(--rd-accent2); margin-inline-end: 8px; font-weight: 800; }

/* ---------- Cards ---------- */
.rd-cards, .rd-stats, .rd-gallery, .rd-steps { gap: clamp(16px, 2.4vw, 24px) !important; }
.rd-card, .is-style-rd-card, .is-style-rd-glow {
  position: relative; height: 100%;
  padding: clamp(22px, 3vw, 32px) !important;
  background: linear-gradient(180deg, var(--rd-surface2), var(--rd-surface));
  border: 1px solid var(--rd-line); border-radius: var(--rd-radius);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.rd-card:hover, .is-style-rd-card:hover { transform: translateY(-4px); border-color: var(--rd-line2); box-shadow: var(--rd-shadow); }
.is-style-rd-glow { border-color: rgba(34, 211, 238, .4); box-shadow: var(--rd-glow); }
.rd-card h3 { margin-bottom: .4em; }
.rd-card p:last-child { margin-bottom: 0; }
.rd-card p { color: var(--rd-muted); font-size: .98rem; }
.wp-block-column > .rd-card { height: 100%; }

/* Icon on top of a card: add class rd-i-<name> to the card (e.g. rd-i-code) */
.rd-card[class*="rd-i-"]::before {
  content: ""; display: block; width: 52px; height: 52px; margin-bottom: 18px; border-radius: 14px;
  background: var(--rd-grad);
  -webkit-mask: var(--rd-icon) center / 26px no-repeat, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: var(--rd-icon) center / 26px no-repeat exclude, linear-gradient(#000 0 0);
  box-shadow: 0 10px 30px -8px rgba(34, 211, 238, .6);
}

/* Stats */
.rd-stat { text-align: center; padding: 26px 16px !important; border: 1px solid var(--rd-line); border-radius: var(--rd-radius); background: var(--rd-surface); }
.rd-stat h3, .rd-stat .rd-num { margin: 0 0 4px; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; background: var(--rd-grad); -webkit-background-clip: text; background-clip: text; color: transparent; direction: ltr; }
.rd-stat p { margin: 0; color: var(--rd-muted); font-weight: 600; font-size: .95rem; }

/* Steps (numbered automatically) */
.rd-steps { counter-reset: rdstep; }
.rd-steps .rd-card { counter-increment: rdstep; padding-top: 64px !important; }
.rd-steps .rd-card::after {
  content: counter(rdstep, decimal-leading-zero); position: absolute; top: 22px; inset-inline-start: clamp(22px, 3vw, 32px);
  font: 800 1.6rem/1 var(--rd-font-head); color: transparent; -webkit-text-stroke: 1px var(--rd-accent);
}

/* ---------- Images ---------- */
.wp-block-image { margin: 0 0 1.5em; }
.wp-block-image img { border-radius: var(--rd-radius-sm); }
.rd-shot img, .is-style-rd-frame img {
  border-radius: 14px; border: 1px solid var(--rd-line2); background: #fff;
  box-shadow: var(--rd-shot-shadow, 0 30px 80px -30px rgba(0, 0, 0, .9), 0 0 0 6px rgba(255, 255, 255, .03));
}
.rd-shot figcaption, .is-style-rd-frame figcaption, .wp-block-image figcaption { color: var(--rd-muted); font-size: .9rem; text-align: center; margin-top: 12px; }
.is-style-rd-phone { max-width: 300px; margin-inline: auto !important; }
.is-style-rd-phone img { border: 10px solid var(--rd-phone-frame); border-radius: 34px; box-shadow: 0 0 0 1.5px var(--rd-line2), var(--rd-phone-shadow, 0 30px 70px -20px rgba(0, 0, 0, .9)); background: #fff; }
.rd-gallery .wp-block-image { margin: 0; }

/* ---------- Lists ---------- */
.is-style-rd-check, .rd-check { list-style: none; padding: 0 !important; margin: 0 0 1.4em; }
.is-style-rd-check li, .rd-check li { position: relative; padding-inline-start: 34px; margin-bottom: 12px; }
.is-style-rd-check li::before, .rd-check li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .3em; width: 22px; height: 22px; border-radius: 50%;
  background: var(--rd-grad);
  -webkit-mask: var(--rd-i-check) center / 14px no-repeat, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: var(--rd-i-check) center / 14px no-repeat exclude, linear-gradient(#000 0 0);
}

/* ---------- Offer box ---------- */
.rd-offer {
  max-width: 880px !important; margin-inline: auto !important; text-align: center;
  padding: clamp(28px, 5vw, 56px) !important;
  border-radius: 28px; border: 1px solid rgba(34, 211, 238, .45);
  background: var(--rd-offer-bg);
  box-shadow: var(--rd-glow), var(--rd-shadow);
}
.rd-offer .rd-price { font: 800 clamp(2.6rem, 6vw, 4rem)/1 var(--rd-font-head); margin: 10px 0 6px; background: var(--rd-grad); -webkit-background-clip: text; background-clip: text; color: transparent; direction: ltr; }
.rd-offer .rd-price-old { color: var(--rd-muted); text-decoration: line-through; margin: 0; font-weight: 600; }
.rd-offer .rd-check { display: inline-block; text-align: start; margin-top: 10px; }
.rd-offer .wp-block-buttons { justify-content: center; }
.rd-badge {
  display: inline-block; margin: 0 0 8px !important; padding: 6px 14px; border-radius: 999px;
  background: rgba(52, 211, 153, .12); border: 1px solid rgba(52, 211, 153, .45); color: var(--rd-accent2);
  font: 800 .78rem/1.2 var(--rd-font-head); letter-spacing: .12em; text-transform: uppercase;
}
:lang(ar) .rd-badge { letter-spacing: 0; font-size: .9rem; }

/* Countdown */
.rd-countdown { display: flex; justify-content: center; gap: clamp(8px, 2vw, 14px); margin: 22px 0; direction: ltr; }
.rd-cd-cell { min-width: 76px; padding: 12px 8px; border-radius: 14px; background: var(--rd-surface); border: 1px solid var(--rd-line); text-align: center; }
.rd-cd-num { display: block; font: 800 clamp(1.6rem, 4vw, 2.2rem)/1.1 var(--rd-font-head); color: var(--rd-head); font-variant-numeric: tabular-nums; }
.rd-cd-lbl { display: block; font-size: .75rem; color: var(--rd-muted); text-transform: uppercase; letter-spacing: .08em; }
:lang(ar) .rd-cd-lbl { letter-spacing: 0; font-size: .85rem; }
.rd-countdown.is-over { font-weight: 700; color: var(--rd-muted); }

/* ---------- FAQ (Details block) ---------- */
.wp-block-details {
  max-width: 860px; margin: 0 auto 12px !important;
  border: 1px solid var(--rd-line); border-radius: 14px; background: var(--rd-surface);
  padding: 0 22px; transition: border-color .2s;
}
.wp-block-details[open] { border-color: var(--rd-line2); background: var(--rd-surface2); }
.wp-block-details summary { cursor: pointer; list-style: none; padding: 18px 32px 18px 0; position: relative; font: 700 1.05rem/1.4 var(--rd-font-head); color: var(--rd-head); }
[dir="rtl"] .wp-block-details summary { padding: 18px 0 18px 32px; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); color: var(--rd-accent); font-size: 1.5rem; font-weight: 400; transition: transform .2s; }
.wp-block-details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.wp-block-details > :not(summary) { color: var(--rd-muted); }
.wp-block-details > :last-child { padding-bottom: 18px; margin-bottom: 0; }

/* ---------- Call to action band ---------- */
.rd-cta-band {
  text-align: center; border-radius: 28px; padding: clamp(36px, 6vw, 72px) clamp(20px, 5vw, 64px) !important;
  background: var(--rd-cta-bg);
  border: 1px solid var(--rd-line2);
}
.rd-cta-band .rd-lead { margin-inline: auto; }
.rd-cta-band .wp-block-buttons { justify-content: center; }

/* Legal trust box (invoice with registration number) */
.rd-legal { display: flex; align-items: center; gap: 18px; padding: 20px 24px !important; border-radius: var(--rd-radius); border: 1px solid rgba(52, 211, 153, .35); background: rgba(52, 211, 153, .06); }
.rd-legal::before { content: ""; width: 48px; height: 48px; flex: none; background: var(--rd-accent2); -webkit-mask: var(--rd-i-file) center / contain no-repeat; mask: var(--rd-i-file) center / contain no-repeat; }
.rd-legal h3 { margin: 0 0 2px; font-size: 1.1rem; }
.rd-legal p { margin: 0; color: var(--rd-muted); font-size: .95rem; }

/* ---------- Video ---------- */
.rd-video { position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; border: 1px solid var(--rd-line2); background: #000; box-shadow: var(--rd-shadow); }
.rd-video iframe, .rd-video-btn { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rd-video-btn { padding: 0; cursor: pointer; background: #000; }
.rd-video-btn img { width: 100%; height: 100%; object-fit: cover; opacity: .75; transition: opacity .2s; }
.rd-video-btn:hover img { opacity: .95; }
.rd-video-play { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; filter: drop-shadow(0 6px 20px rgba(0, 0, 0, .6)); }

/* ---------- Products ---------- */
.rd-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 24px; }
.rd-product { display: flex; flex-direction: column; border: 1px solid var(--rd-line); border-radius: 20px; overflow: hidden; background: linear-gradient(180deg, var(--rd-surface2), var(--rd-surface)); transition: transform .25s, border-color .25s, box-shadow .25s; }
.rd-product:hover { transform: translateY(-4px); border-color: rgba(34, 211, 238, .45); box-shadow: var(--rd-glow); }
.rd-product-media { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--rd-panel); overflow: hidden; }
.rd-product-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.rd-product:hover .rd-product-media img { transform: scale(1.04); }
.rd-product-ph { position: absolute; inset: 0; display: grid; place-items: center; }
.rd-product-badge { position: absolute; top: 14px; inset-inline-start: 14px; padding: 5px 12px; border-radius: 999px; background: var(--rd-grad); color: var(--rd-on-accent); font: 800 .72rem/1.3 var(--rd-font-head); letter-spacing: .08em; }
.rd-product-badge.is-sold { background: #475569; color: #fff; }
.rd-product.is-sold { opacity: .75; }
.rd-product-body { padding: 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.rd-product-title { margin: 0; font-size: 1.25rem; }
.rd-product-title a { color: var(--rd-head); }
.rd-product-pitch { margin: 0; color: var(--rd-muted); font-size: .95rem; }
.rd-product-foot { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--rd-line); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.rd-product-price strong { display: block; direction: ltr; unicode-bidi: isolate; text-align: start; font: 800 1.35rem/1.1 var(--rd-font-head); color: var(--rd-head); }
.rd-product-price span { font-size: .8rem; color: var(--rd-muted); }
.rd-product-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.rd-shop-head { padding-bottom: 24px; }
.rd-empty { color: var(--rd-muted); }

/* ---------- Blog ---------- */
.rd-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 24px; }
.rd-post-card { border: 1px solid var(--rd-line); border-radius: 18px; overflow: hidden; background: var(--rd-surface); display: flex; flex-direction: column; }
.rd-post-media img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.rd-post-body { padding: 22px; }
.rd-post-body time { color: var(--rd-muted); font-size: .85rem; }
.rd-post-body h2 { font-size: 1.25rem; margin: 6px 0 10px; }
.rd-post-body h2 a { color: var(--rd-head); }
.rd-post-body p { color: var(--rd-muted); font-size: .95rem; }
.rd-article-cover img { border-radius: 18px; margin-bottom: 2rem; }
.nav-links { display: flex; gap: 8px; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
.page-numbers { padding: 8px 14px; border: 1px solid var(--rd-line); border-radius: 10px; color: var(--rd-head); }
.page-numbers.current { background: var(--rd-grad); color: var(--rd-on-accent); border: 0; }

/* Plain content (articles, simple pages) */
.rd-content blockquote { margin: 2em auto; padding: 18px 24px; border-inline-start: 3px solid var(--rd-accent); background: var(--rd-surface); border-radius: 0 12px 12px 0; }
.rd-content code { background: var(--rd-surface2); padding: 2px 6px; border-radius: 6px; font-size: .9em; }
.rd-content pre { background: var(--rd-pre-bg); border: 1px solid var(--rd-line); padding: 18px; border-radius: 12px; overflow: auto; }
.rd-content table { width: 100%; border-collapse: collapse; }
.rd-content th, .rd-content td { padding: 10px 12px; border-bottom: 1px solid var(--rd-line); text-align: start; }

/* ---------- Forms ---------- */
.rd-form-wrap { max-width: 760px; margin-inline: auto; }
.rd-form { display: grid; gap: 16px; padding: clamp(22px, 4vw, 36px); border: 1px solid var(--rd-line); border-radius: 22px; background: var(--rd-surface); }
.rd-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 640px) { .rd-form-row { grid-template-columns: 1fr; } }
.rd-form label { display: grid; gap: 6px; font-weight: 600; font-size: .92rem; color: var(--rd-soft); }
.rd-form input, .rd-form textarea, .rd-form select, .comment-form input, .comment-form textarea {
  width: 100%; padding: 13px 15px; border-radius: 12px; border: 1px solid var(--rd-line2); background: var(--rd-input-bg);
  color: var(--rd-head); font: 400 1rem/1.4 var(--rd-font-body); transition: border-color .2s, box-shadow .2s;
}
.rd-form input:focus, .rd-form textarea:focus, .comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--rd-accent); box-shadow: 0 0 0 3px rgba(34, 211, 238, .2); }
.rd-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.rd-form-or { color: var(--rd-muted); font-size: .9rem; }
.rd-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; opacity: 0; }
.rd-notice { padding: 14px 18px; border-radius: 12px; font-weight: 600; }
.rd-notice.is-ok { background: rgba(52, 211, 153, .12); border: 1px solid rgba(52, 211, 153, .45); color: var(--rd-ok-text); }
.rd-notice.is-err { background: rgba(248, 113, 113, .1); border: 1px solid rgba(248, 113, 113, .45); color: var(--rd-err-text); }
.rd-admin-note { padding: 12px 16px; border: 1px dashed #f59e0b; border-radius: 10px; color: var(--rd-note-text); background: rgba(245, 158, 11, .08); font-size: .92rem; }

/* ---------- Footer ---------- */
.rd-footer { margin-top: 0; border-top: 1px solid var(--rd-line); background: var(--rd-footer-bg); padding-top: 64px; }
.rd-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 40px; padding-bottom: 40px; }
@media (max-width: 860px) { .rd-footer-grid { grid-template-columns: 1fr; gap: 28px; } }
.rd-footer-about p { color: var(--rd-muted); margin: 16px 0; max-width: 420px; font-size: .95rem; }
.rd-footer-title { font-size: .85rem; text-transform: uppercase; letter-spacing: .14em; color: var(--rd-muted); margin-bottom: 16px; }
:lang(ar) .rd-footer-title { letter-spacing: 0; font-size: 1rem; }
.rd-footer-contact { display: grid; gap: 12px; align-content: start; }
.rd-footer-contact a, .rd-footer-contact > span { display: inline-flex; align-items: center; gap: 10px; color: var(--rd-soft); font-size: .95rem; }
.rd-footer-contact .rd-icon { color: var(--rd-accent); flex: none; }
.rd-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rd-footer-menu a { color: var(--rd-soft); }
.rd-footer-menu a:hover { color: var(--rd-accent); }
.rd-socials { display: flex; gap: 8px; }
.rd-socials a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--rd-line); color: var(--rd-soft); }
.rd-socials a:hover { color: var(--rd-on-accent); background: var(--rd-grad); border-color: transparent; }
.rd-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-block: 22px; border-top: 1px solid var(--rd-line); color: var(--rd-muted); font-size: .88rem; }
.rd-totop { display: inline-flex; align-items: center; gap: 6px; color: var(--rd-muted); }

/* Floating WhatsApp button */
.rd-wa-float {
  position: fixed; bottom: 20px; inset-inline-end: 20px; z-index: 60;
  display: flex; align-items: center; gap: 10px; height: 58px; padding: 0 15px;
  border-radius: 999px; background: var(--rd-wa); color: #fff; box-shadow: 0 12px 34px -8px rgba(37, 211, 102, .7);
  transition: transform .2s;
}
.rd-wa-float:hover { color: #fff; transform: scale(1.05); }
.rd-wa-float-label { max-width: 0; overflow: hidden; white-space: nowrap; font-weight: 700; transition: max-width .3s ease; }
.rd-wa-float:hover .rd-wa-float-label { max-width: 220px; }
.rd-wa-float::after { content: ""; position: absolute; inset: 0; border-radius: inherit; border: 2px solid var(--rd-wa); animation: rd-ping 2.4s ease-out infinite; pointer-events: none; }
@keyframes rd-ping { 0% { transform: scale(1); opacity: .7; } 80%, 100% { transform: scale(1.45); opacity: 0; } }

/* Cookie banner */
.rd-consent {
  position: fixed; bottom: 16px; inset-inline-start: 16px; z-index: 70; max-width: 440px;
  padding: 18px 20px; border-radius: 18px; background: var(--rd-panel); border: 1px solid var(--rd-line2); box-shadow: var(--rd-shadow);
}
.rd-consent[hidden] { display: none; }
.rd-consent p { margin: 0 0 12px; font-size: .9rem; color: var(--rd-soft); }
.rd-consent-actions { display: flex; gap: 8px; justify-content: flex-end; }
@media (max-width: 560px) { .rd-consent { inset-inline: 12px; bottom: 88px; max-width: none; } }

/* 404 */
.rd-404 { text-align: center; }
.rd-404 .rd-lead { margin-inline: auto; }
.rd-404-code { font: 800 clamp(5rem, 16vw, 9rem)/1 var(--rd-font-head); margin: 0; background: var(--rd-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- Columns on phones ---------- */
@media (max-width: 781px) {
  .wp-block-columns { flex-wrap: wrap !important; }
  .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
  .rd-stats.wp-block-columns > .wp-block-column { flex-basis: calc(50% - 12px) !important; }
  .rd-hero { text-align: center; }
  .rd-hero .rd-lead { margin-inline: auto; }
  .rd-hero .wp-block-buttons, .rd-hero .rd-pills { justify-content: center; }
  .rd-hero .rd-kicker::after { content: ""; width: 26px; height: 2px; background: var(--rd-grad); border-radius: 2px; }
}

/* Reveal on scroll (added by main.js) */
.rd-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.rd-reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .rd-reveal { opacity: 1; transform: none; }
}

/* ---------- Icons (used through mask-image) ---------- */
:root {
  --rd-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
  --rd-i-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.3-.5.1-1 .2-3.4-.7-2.8-1.1-4.6-4-4.8-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.7-.1l2 .9c.3.2.5.2.6.4.1.1.1.7-.2 1.3z'/%3E%3C/svg%3E");
  --rd-i-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z M14 3v4h4 M9 12h6 M9 16h6 M9 8h2'/%3E%3C/svg%3E");
}
.rd-i-code     { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5 M16 7l5 5-5 5 M14 4l-4 16'/%3E%3C/svg%3E"); }
.rd-i-wordpress{ --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5 8.5l4.5 11L12 12l2.5 7.5L19 8.5 M4 8.5h4 M11 8.5h4'/%3E%3C/svg%3E"); }
.rd-i-layers   { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z M3 13l9 5 9-5 M3 17.5l9 5 9-5'/%3E%3C/svg%3E"); }
.rd-i-cart     { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h3l2 11h11l2-8H7'/%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E"); }
.rd-i-design   { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8 M12 16v4'/%3E%3C/svg%3E"); }
.rd-i-mobile   { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); }
.rd-i-shield   { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.rd-i-zap      { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E"); }
.rd-i-globe    { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18 M12 3a14 14 0 0 1 0 18 M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E"); }
.rd-i-truck    { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v9H2z M13 9h5l3 3v3h-8z'/%3E%3Ccircle cx='6' cy='18' r='1.8'/%3E%3Ccircle cx='17' cy='18' r='1.8'/%3E%3C/svg%3E"); }
.rd-i-box      { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4-9-4z M3 7l9 4 9-4 M12 11v10'/%3E%3C/svg%3E"); }
.rd-i-cash     { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 10v4 M18 10v4'/%3E%3C/svg%3E"); }
.rd-i-chart    { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10 M10 20V4 M16 20v-7 M22 20H2'/%3E%3C/svg%3E"); }
.rd-i-users    { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0 M16 5a3 3 0 0 1 0 6 M17 14a6 6 0 0 1 4 6'/%3E%3C/svg%3E"); }
.rd-i-server   { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='1.5'/%3E%3Crect x='3' y='14' width='18' height='6' rx='1.5'/%3E%3Cpath d='M7 7h.01 M7 17h.01'/%3E%3C/svg%3E"); }
.rd-i-lock     { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); }
.rd-i-key      { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='4'/%3E%3Cpath d='M10.5 12.5L20 3 M16 7l3 3 M14 9l2 2'/%3E%3C/svg%3E"); }
.rd-i-rocket   { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2c4 3 6 7 5 12l-5 4-5-4C6 9 8 5 12 2z M7 14l-3 3 3 1 M17 14l3 3-3 1'/%3E%3Ccircle cx='12' cy='9' r='1.6'/%3E%3C/svg%3E"); }
.rd-i-support  { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2 M4 14h3v5H5a1 1 0 0 1-1-1z M20 14h-3v5h2a1 1 0 0 0 1-1z M17 19c0 1.5-2 2.5-5 2.5'/%3E%3C/svg%3E"); }
.rd-i-download { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12 M7 10l5 5 5-5 M4 20h16'/%3E%3C/svg%3E"); }
.rd-i-plug     { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2v6 M15 2v6 M6 8h12v4a6 6 0 0 1-12 0z M12 18v4'/%3E%3C/svg%3E"); }
.rd-i-clock    { --rd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E"); }
.rd-i-file     { --rd-icon: var(--rd-i-file); }

/* Split hero (text + image): long product titles stay readable */
.rd-hero:not(.rd-hero--center) .rd-h1 { font-size: clamp(2rem, 3.6vw, 3.15rem); text-transform: none; letter-spacing: -.025em; }
.rd-footer-contact { grid-column: -2; }
@media (max-width: 860px) { .rd-footer-contact { grid-column: auto; } }
[dir="rtl"] .rd-product-price strong { text-align: end; }
.rd-stat h3, .rd-offer .rd-price { unicode-bidi: isolate; }

/* ==========================================================================
   Light mode (Customizer → Reda Dev → Apparence → Clair). Body class: rd-light
   ========================================================================== */
body.rd-light {
  --rd-bg: #f6f9fc;
  --rd-bg2: #eef4fa;
  --rd-surface: #ffffff;
  --rd-surface2: #ffffff;
  --rd-line: rgba(15, 23, 42, .09);
  --rd-line2: rgba(15, 23, 42, .16);
  --rd-text: #334155;
  --rd-muted: #5b6b82;
  --rd-head: #0b1530;
  --rd-soft: #334155;
  --rd-accent: #0891b2;
  --rd-accent2: #059669;
  --rd-on-accent: #ffffff;
  --rd-panel: #ffffff;
  --rd-header-bg: rgba(255, 255, 255, .78);
  --rd-header-bg2: rgba(255, 255, 255, .95);
  --rd-nav-mobile: #ffffff;
  --rd-alt-bg: linear-gradient(180deg, #edf3fa, #f6f9fc);
  --rd-offer-bg: radial-gradient(80% 60% at 50% 0%, rgba(8, 145, 178, .10), transparent 70%), linear-gradient(180deg, #ffffff, #f2f9fc);
  --rd-cta-bg: radial-gradient(60% 80% at 100% 0%, rgba(5, 150, 105, .14), transparent 70%), radial-gradient(60% 80% at 0% 100%, rgba(8, 145, 178, .14), transparent 70%), #ffffff;
  --rd-footer-bg: linear-gradient(180deg, #eef3f9, #e7eef7);
  --rd-input-bg: #ffffff;
  --rd-pre-bg: #f1f5f9;
  --rd-ok-text: #065f46;
  --rd-err-text: #991b1b;
  --rd-note-text: #92400e;
  --rd-shadow: 0 24px 50px -24px rgba(15, 23, 42, .25);
  --rd-glow: 0 0 0 1px rgba(8, 145, 178, .22), 0 12px 32px -14px rgba(8, 145, 178, .4);
  --rd-shot-shadow: 0 30px 60px -28px rgba(15, 23, 42, .35), 0 0 0 6px rgba(15, 23, 42, .03);
  --rd-phone-shadow: 0 30px 60px -24px rgba(15, 23, 42, .4);
  --rd-grad: linear-gradient(120deg, var(--rd-accent), var(--rd-accent2));
  background-image:
    radial-gradient(60% 45% at 85% -5%, rgba(8, 145, 178, .10), transparent 70%),
    radial-gradient(50% 40% at -5% 30%, rgba(5, 150, 105, .06), transparent 70%);
}
.rd-light ::selection { background: rgba(8, 145, 178, .2); }
.rd-light .rd-btn,
.rd-light .wp-block-button__link,
.rd-light .rd-form button[type="submit"] { box-shadow: 0 10px 24px -12px rgba(8, 145, 178, .65); }
.rd-light .rd-btn--ghost,
.rd-light .is-style-outline > .wp-block-button__link { background: #fff; box-shadow: none; }
.rd-light .rd-btn--wa,
.rd-light .is-style-rd-wa > .wp-block-button__link,
.rd-light .rd-wa > .wp-block-button__link { color: #fff !important; background: #1fb855; box-shadow: 0 10px 24px -12px rgba(31, 184, 85, .7); }
.rd-light .rd-card, .rd-light .is-style-rd-card, .rd-light .rd-stat, .rd-light .rd-product, .rd-light .rd-post-card,
.rd-light .wp-block-details, .rd-light .rd-form, .rd-light .rd-pills p, .rd-light p.rd-pill, .rd-light .rd-cd-cell {
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px -18px rgba(15, 23, 42, .18);
}
.rd-light .rd-card:hover, .rd-light .is-style-rd-card:hover { box-shadow: var(--rd-shadow); }
.rd-light .rd-header { box-shadow: 0 1px 0 var(--rd-line); }
.rd-light .rd-mark { filter: drop-shadow(0 4px 10px rgba(8, 145, 178, .3)); }
.rd-light .rd-hero::before, .rd-light .rd-hero::after { opacity: .18; }
.rd-light .rd-hero-visual::before { background: radial-gradient(closest-side, rgba(8, 145, 178, .22), transparent); }
.rd-light .rd-skyline img { filter: brightness(.72) saturate(1.5) contrast(1.1); }
.rd-light .rd-legal { background: rgba(5, 150, 105, .06); }
.rd-light .rd-badge { background: rgba(5, 150, 105, .08); }
.rd-light .rd-section--grid::before { opacity: .7; }
.rd-light .rd-consent { box-shadow: 0 20px 50px -20px rgba(15, 23, 42, .35); }
.rd-light .rd-steps .rd-card::after { -webkit-text-stroke: 1px var(--rd-accent); }
.rd-light .rd-wa-float { background: #1fb855; }

/* ==========================================================================
   Phones: readable titles, no overflow
   ========================================================================== */
h1, h2, h3, .rd-h1, .rd-h2 { overflow-wrap: break-word; }
.rd-stat h3, .rd-stat .rd-num, .rd-offer .rd-price, .rd-product-price strong { white-space: nowrap; }

@media (max-width: 960px) {
  .rd-burger { border: 0; background: transparent; width: 40px; height: 40px; border-radius: 10px; }
  .rd-burger:hover, .rd-nav-open .rd-burger { background: var(--rd-surface); }
}

@media (max-width: 600px) {
  body { font-size: 16px; }
  h1 { font-size: clamp(1.6rem, 7vw, 2rem); }
  h2 { font-size: clamp(1.45rem, 6.2vw, 1.8rem); }
  h3 { font-size: 1.1rem; }
  .rd-h1 { font-size: clamp(1.65rem, 7.6vw, 2.1rem); line-height: 1.18; letter-spacing: -.015em; hyphens: auto; }
  .rd-hero:not(.rd-hero--center) .rd-h1 { font-size: clamp(1.6rem, 7.2vw, 2rem); }
  .rd-h2 { font-size: clamp(1.45rem, 6.4vw, 1.85rem); line-height: 1.22; }
  :lang(ar) .rd-h1, :lang(ar) .rd-h2 { line-height: 1.45; }
  .rd-lead { font-size: 1rem; }
  .rd-kicker { font-size: .7rem; letter-spacing: .1em; gap: 8px; }
  .rd-kicker::before, .rd-head .rd-kicker::after, .rd-hero .rd-kicker::after { width: 16px; }
  .rd-badge { font-size: .68rem; letter-spacing: .05em; padding: 5px 12px; }
  .rd-head { margin-bottom: 28px !important; }
  .rd-section, .rd-hero { padding-top: 48px; padding-bottom: 48px; }
  .rd-hero { padding-top: 36px; }
  .rd-pills { gap: 8px; margin-top: 18px !important; }
  .rd-pills p, p.rd-pill { font-size: .8rem; padding: 6px 12px; }
  .wp-block-buttons { gap: 10px; }
  .rd-hero .wp-block-buttons > .wp-block-button { width: 100%; }
  .rd-hero .wp-block-buttons .wp-block-button__link { width: 100%; }
  .rd-stat { padding: 18px 10px !important; }
  .rd-stat h3, .rd-stat .rd-num { font-size: clamp(1.45rem, 7vw, 1.9rem); }
  .rd-stat p { font-size: .82rem; }
  .rd-card, .is-style-rd-card, .is-style-rd-glow { padding: 20px !important; }
  .rd-card[class*="rd-i-"]::before { width: 44px; height: 44px; margin-bottom: 14px; }
  .rd-offer { padding: 26px 18px !important; border-radius: 22px; }
  .rd-offer .rd-price { font-size: clamp(2.1rem, 11vw, 2.7rem); }
  .rd-cd-cell { min-width: 0; flex: 1; padding: 10px 4px; }
  .rd-cd-lbl { font-size: .62rem; letter-spacing: .02em; }
  .rd-cta-band { padding: 30px 18px !important; border-radius: 22px; }
  .wp-block-details { padding: 0 16px; }
  .wp-block-details summary { font-size: .98rem; }
  .rd-wa-float { height: 52px; padding: 0 12px; bottom: 14px; inset-inline-end: 14px; }
  .rd-wa-float .rd-icon { width: 26px; height: 26px; }
  .rd-header-inner { gap: 10px; min-height: 64px; }
  .rd-nav { inset: 64px 0 auto 0; max-height: calc(100vh - 64px); }
  .rd-brand { font-size: 1.12rem; gap: 8px; }
  .rd-brand .rd-mark { width: 34px; height: 34px; }
  .rd-header-tools { gap: 6px; }
  .rd-langs a { min-width: 28px; height: 28px; padding: 0 6px; font-size: .72rem; }
  .rd-header-cta { width: 38px; height: 38px; padding: 0 !important; }
}
@media (max-width: 340px) {
  .rd-brand-text { display: none; }
}
@media (max-width: 781px) {
  .rd-phones.wp-block-columns { flex-wrap: nowrap !important; gap: 14px; }
  .rd-phones.wp-block-columns > .wp-block-column { flex-basis: 50% !important; }
  .rd-phones .is-style-rd-phone img { border-width: 6px; border-radius: 22px; }
}
/* Same for pages created before this version (no rd-phones class) */
@media (max-width: 781px) {
  .wp-block-columns:has(> .wp-block-column > .is-style-rd-phone) { flex-wrap: nowrap !important; gap: 14px; }
  .wp-block-columns:has(> .wp-block-column > .is-style-rd-phone) > .wp-block-column { flex-basis: 50% !important; }
  .is-style-rd-phone img { border-width: 6px; border-radius: 22px; }
}

/* ==========================================================================
   Header on desktop: logo left, menu centered, languages + WhatsApp support right
   ========================================================================== */
.rd-support {
  display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border-radius: 999px;
  background: rgba(37, 211, 102, .1); border: 1px solid rgba(37, 211, 102, .45); color: var(--rd-head);
  transition: background .2s, border-color .2s, transform .2s;
}
[dir="rtl"] .rd-support { padding: 6px 6px 6px 16px; }
.rd-support:hover { background: rgba(37, 211, 102, .18); border-color: var(--rd-wa); color: var(--rd-head); transform: translateY(-1px); }
.rd-support-icon { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--rd-wa); color: #fff; box-shadow: 0 6px 18px -6px rgba(37, 211, 102, .8); }
.rd-support-text { display: grid; line-height: 1.15; }
.rd-support-text strong { font: 700 .86rem/1.2 var(--rd-font-head); color: var(--rd-head); white-space: nowrap; }
.rd-support-text small { font-size: .74rem; color: var(--rd-muted); white-space: nowrap; text-align: start; }
.rd-light .rd-support { background: rgba(31, 184, 85, .08); }
.rd-light .rd-support-icon { background: #1fb855; }

@media (min-width: 961px) {
  .rd-header-inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; }
  .rd-header-inner > .rd-brand { grid-column: 1; justify-self: start; }
  .rd-nav { grid-column: 2; margin: 0; justify-self: center; }
  .rd-header-tools { grid-column: 3; justify-self: end; margin: 0; }
}
@media (min-width: 961px) and (max-width: 1180px) {
  .rd-support-text small { display: none; }
  .rd-menu a { padding: 10px 10px; }
}
@media (max-width: 960px) {
  .rd-support { padding: 0; border: 0; background: transparent; }
  .rd-support:hover { background: transparent; transform: none; }
  .rd-support-text { display: none; }
}
[dir="rtl"] .rd-support-text small, .rtl .rd-support-text small { text-align: right; }

/* Menu: section links highlighted while their section is on screen */
.rd-menu .is-active > a { color: var(--rd-head); background: var(--rd-surface); box-shadow: inset 0 -2px 0 var(--rd-accent2); }
.rd-menu .is-dimmed > a { background: transparent; box-shadow: none; color: var(--rd-soft); }

/* ==========================================================================
   Hero: own background, clear edge with the next section, light animations
   ========================================================================== */
:root {
  --rd-hero-bg: linear-gradient(180deg, #081233 0%, #060d26 55%, #050a1e 100%);
  --rd-edge: linear-gradient(90deg, transparent 0%, var(--rd-accent) 25%, var(--rd-accent2) 75%, transparent 100%);
}
body.rd-light {
  --rd-hero-bg: linear-gradient(180deg, #e4f3fa 0%, #eef7fb 55%, #f4fafc 100%);
}
.rd-hero { background: var(--rd-hero-bg); }
/* Glowing horizon line at the bottom of the hero */
.rd-hero {
  box-shadow: inset 0 -1px 0 rgba(34, 211, 238, .35);
}
.rd-hero + * { position: relative; }
.rd-hero + *::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; z-index: 2; pointer-events: none;
  background: var(--rd-edge);
  box-shadow: 0 0 18px 2px rgba(34, 211, 238, .45), 0 0 60px 6px rgba(52, 211, 153, .18);
}
.rd-hero + .rd-section { padding-top: clamp(64px, 8vw, 104px); }
.rd-light .rd-hero + *::after { box-shadow: 0 0 14px 1px rgba(8, 145, 178, .35), 0 0 50px 4px rgba(5, 150, 105, .14); }
/* Centered hero (home): the Algiers skyline stands on the horizon line */
.rd-hero--center { padding-bottom: 0 !important; }
.rd-hero--center .rd-skyline { margin-top: clamp(28px, 4vw, 48px) !important; }

/* Moving lights */
.rd-aurora { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; max-width: none !important; margin: 0 !important; }
.rd-aurora span {
  position: absolute; border-radius: 50%; opacity: .6; will-change: transform;
  animation: rd-drift 22s ease-in-out infinite alternate;
}
.rd-aurora span:nth-child(1) { width: 46vw; height: 46vw; max-width: 620px; max-height: 620px; top: -18%; inset-inline-end: -8%; background: radial-gradient(circle closest-side, rgba(34, 211, 238, .5), rgba(34, 211, 238, .12) 55%, transparent); }
.rd-aurora span:nth-child(2) { width: 38vw; height: 38vw; max-width: 520px; max-height: 520px; bottom: -25%; inset-inline-start: -10%; background: radial-gradient(circle closest-side, rgba(52, 211, 153, .42), rgba(52, 211, 153, .1) 55%, transparent); animation-duration: 26s; animation-delay: -8s; }
.rd-aurora span:nth-child(3) { width: 30vw; height: 30vw; max-width: 420px; max-height: 420px; top: 30%; left: 35%; background: radial-gradient(circle closest-side, rgba(99, 102, 241, .3), rgba(99, 102, 241, .06) 55%, transparent); animation-duration: 30s; animation-delay: -14s; }
.rd-light .rd-aurora span { opacity: .35; }
@keyframes rd-drift {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  50%  { transform: translate3d(6%, 8%, 0) scale(1.12); }
  100% { transform: translate3d(-6%, -4%, 0) scale(.95); }
}

/* Hero content appears in sequence when the page opens (title moves only, so it shows at once) */
.rd-hero .rd-kicker, .rd-hero .rd-badge, .rd-hero .rd-lead, .rd-hero .wp-block-buttons, .rd-hero .rd-pills, .rd-hero-visual, .rd-hero .rd-skyline {
  animation: rd-rise .7s cubic-bezier(.2, .8, .2, 1) both;
}
.rd-hero .rd-h1 { animation: rd-rise-nofade .8s cubic-bezier(.2, .8, .2, 1) both; }
.rd-hero .rd-kicker, .rd-hero .rd-badge { animation-delay: .05s; }
.rd-hero .rd-lead { animation-delay: .18s; }
.rd-hero .wp-block-buttons { animation-delay: .28s; }
.rd-hero .rd-pills { animation-delay: .38s; }
.rd-hero-visual { animation-delay: .25s; animation-duration: .9s; }
.rd-hero .rd-skyline { animation-delay: .3s; animation-duration: 1.1s; }
@keyframes rd-rise { from { opacity: 0; transform: translate3d(0, 22px, 0); } to { opacity: 1; transform: none; } }
@keyframes rd-rise-nofade { from { transform: translate3d(0, 18px, 0); } to { transform: none; } }

/* Shimmer on the colored words of titles */
.rd-h1 em, .rd-h2 em { background-size: 200% 100%; animation: rd-shimmer 6s ease-in-out infinite; }
@keyframes rd-shimmer { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
.rd-h1 em, .rd-h2 em { background-image: linear-gradient(110deg, var(--rd-accent) 0%, var(--rd-accent2) 40%, var(--rd-accent) 80%); }

/* Light sweep on main buttons when hovered */
.wp-block-button__link, .rd-btn { position: relative; overflow: hidden; }
.wp-block-button__link::after, .rd-btn::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent);
  transform: skewX(-20deg) translateX(0); transition: transform .7s ease;
}
.wp-block-button__link:hover::after, .rd-btn:hover::after { transform: skewX(-20deg) translateX(420%); }

/* Cards: soft light that follows the mouse (position set by main.js) */
@media (hover: hover) {
  .rd-card, .rd-product, .rd-stat { background-image: radial-gradient(260px circle at var(--mx, -500px) var(--my, -500px), rgba(34, 211, 238, .12), transparent 70%), linear-gradient(180deg, var(--rd-surface2), var(--rd-surface)); }
  .rd-light .rd-card, .rd-light .rd-product, .rd-light .rd-stat { background-image: radial-gradient(260px circle at var(--mx, -500px) var(--my, -500px), rgba(8, 145, 178, .08), transparent 70%); }
}

/* Offer box: light running around the border */
.rd-offer { position: relative; isolation: isolate; overflow: hidden; border-color: transparent !important; }
.rd-offer::before {
  content: ""; position: absolute; inset: -60%; z-index: -2;
  background: conic-gradient(from 0deg, transparent 0 62%, var(--rd-accent) 75%, var(--rd-accent2) 85%, transparent 92%);
  animation: rd-spin 7s linear infinite;
}
.rd-offer::after { content: ""; position: absolute; inset: 1.5px; z-index: -1; border-radius: inherit; background: var(--rd-offer-bg); }
@keyframes rd-spin { to { transform: rotate(1turn); } }
.rd-offer > * { position: relative; }

@media (max-width: 600px) {
  .rd-aurora span { opacity: .5; }
  .rd-hero + .rd-section { padding-top: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-aurora span, .rd-offer::before, .rd-h1 em, .rd-h2 em { animation: none !important; }
}