:root{
  color-scheme:light;
  --bg-page:#faf8f5;--bg-page-alt:#f2ede6;--bg-surface:#ffffff;--bg-surface-alt:#f4f4f5;--bg-inverse:#18181b;
  --text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--text-inverse:#ffffff;
  --border-strong:#18181b;--border-soft:#e4e4e7;--shadow-color:#18181b;
  --accent:#4c1d95;--accent-strong:#2e1065;--accent-soft:#6d28d9;--accent-pale:#ede9fe;--link:#4c1d95;
  --cream:var(--bg-page);--cream-2:var(--bg-page-alt);--cream-3:#e8e0d5;
  --pp:var(--accent);--pp-light:var(--accent-soft);--pp-pale:var(--accent-pale);--pp-dark:var(--accent-strong);--pp-deep:#17072e;
  --gy-dark:var(--border-strong);--gy-mid:var(--text-secondary);--gy-soft:var(--text-muted);--gy-pale:var(--border-soft);--gy-ghost:var(--bg-surface-alt);
  --white:var(--bg-surface);
  --bg-surface-soft:rgba(255,255,255,.72);
  --success:#10b981;--warning:#f59e0b;--danger:#ef4444;
  --shadow-sm:3px 3px 0 var(--shadow-color);
  --shadow-md:4px 4px 0 var(--shadow-color);
  --shadow-lg:6px 6px 0 var(--shadow-color);
  --shadow-xl:8px 8px 0 var(--shadow-color);
  --transition:all .2s ease;
  --maxw:1200px;
  --ink:var(--gy-dark);
  --muted:var(--gy-mid);
  --soft:var(--gy-soft);
  --line:var(--gy-pale);
  --shadow:var(--shadow-lg);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg-page:#0e0e12;--bg-page-alt:#14141a;--bg-surface:#17171d;--bg-surface-alt:#1d1d25;--bg-inverse:#0e0e12;
  --text-primary:#f5f2ec;--text-secondary:#b8b8c0;--text-muted:#8a8a94;--text-inverse:#ffffff;
  --border-strong:#f5f2ec;--border-soft:rgba(245,242,236,.18);--shadow-color:rgba(167,139,250,.35);
  --accent:#a78bfa;--accent-strong:#ddd6fe;--accent-soft:#c4b5fd;--accent-pale:rgba(167,139,250,.16);--link:#c4b5fd;
  --cream:var(--bg-page);--cream-2:var(--bg-page-alt);--cream-3:var(--bg-surface-alt);
  --pp:var(--accent);--pp-light:var(--accent-soft);--pp-pale:var(--accent-pale);--pp-dark:var(--accent-strong);--pp-deep:#f5f3ff;
  --gy-dark:var(--border-strong);--gy-mid:var(--text-secondary);--gy-soft:var(--text-muted);--gy-pale:var(--border-soft);--gy-ghost:var(--bg-surface-alt);
  --white:var(--bg-surface);
  --bg-surface-soft:var(--bg-surface);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){
    color-scheme:dark;
    --bg-page:#0e0e12;--bg-page-alt:#14141a;--bg-surface:#17171d;--bg-surface-alt:#1d1d25;--bg-inverse:#0e0e12;
    --text-primary:#f5f2ec;--text-secondary:#b8b8c0;--text-muted:#8a8a94;--text-inverse:#ffffff;
    --border-strong:#f5f2ec;--border-soft:rgba(245,242,236,.18);--shadow-color:rgba(167,139,250,.35);
    --accent:#a78bfa;--accent-strong:#ddd6fe;--accent-soft:#c4b5fd;--accent-pale:rgba(167,139,250,.16);--link:#c4b5fd;
    --cream:var(--bg-page);--cream-2:var(--bg-page-alt);--cream-3:var(--bg-surface-alt);
    --pp:var(--accent);--pp-light:var(--accent-soft);--pp-pale:var(--accent-pale);--pp-dark:var(--accent-strong);--pp-deep:#f5f3ff;
    --gy-dark:var(--border-strong);--gy-mid:var(--text-secondary);--gy-soft:var(--text-muted);--gy-pale:var(--border-soft);--gy-ghost:var(--bg-surface-alt);
    --white:var(--bg-surface);
    --bg-surface-soft:var(--bg-surface);
  }
}

*{box-sizing:border-box;margin:0;padding:0;min-width:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{
  font-family:var(--font-arabic);
  background:var(--cream);
  color:var(--gy-dark);
  font-size:clamp(1rem,.94rem + .3vw,1.125rem);
  font-weight:400;
  line-height:1.75;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  background-image:
    radial-gradient(circle,var(--pp-light) 1.5px,transparent 1.5px),
    radial-gradient(circle,var(--gy-pale) 1px,transparent 1px);
  background-size:40px 40px,20px 20px;
  background-position:0 0,10px 10px;
  opacity:.12;
  pointer-events:none;
  z-index:0;
}
body > *{position:relative;z-index:1}
.wrap,
#main-content{
  width:100%;
  max-width:100%;
}
a{color:inherit;text-decoration:none}
body.qovali-seo-landing-page .wrap,
body.qovali-seo-landing-page #main-content,
body.qovali-seo-landing-page .seo-page-template{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.qovali-hero-badge-style{
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  width:max-content;
  max-width:100%;
  gap:8px!important;
  margin:0 auto 24px!important;
  padding:6px 16px!important;
  background:var(--pp-pale, var(--accent-pale))!important;
  color:var(--pp-dark, var(--accent))!important;
  border:2px solid var(--pp, var(--accent))!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:rotate(-1.5deg);
  animation:gentle-rotate 4s ease-in-out infinite;
  font-family:var(--font-arabic)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap;
}
.qovali-hero-badge-style::before{
  content:'◈'!important;
  position:static!important;
  display:inline-block!important;
  font-size:1em!important;
  line-height:1!important;
  color:var(--pp, var(--accent))!important;
  transform:none!important;
}
.qovali-hero-badge-style::after{
  content:none!important;
  display:none!important;
}
@keyframes gentle-rotate{
  0%,100%{transform:rotate(-1.5deg)}
  50%{transform:rotate(1.5deg)}
}
html[data-theme="dark"] .qovali-hero-badge-style{
  background:var(--pp-pale, var(--accent-pale))!important;
  color:var(--pp-dark, var(--accent))!important;
  border-color:var(--pp, var(--accent))!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .qovali-hero-badge-style::before{
  color:var(--pp, var(--accent))!important;
}
html[data-theme="dark"] .qovali-hero-badge-style::after{
  content:none!important;
  display:none!important;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]) .qovali-hero-badge-style{
    background:var(--pp-pale, var(--accent-pale))!important;
    color:var(--pp-dark, var(--accent))!important;
    border-color:var(--pp, var(--accent))!important;
    box-shadow:none!important;
  }
  :root:not([data-theme]) .qovali-hero-badge-style::before{
    color:var(--pp, var(--accent))!important;
  }
  :root:not([data-theme]) .qovali-hero-badge-style::after{
    content:none!important;
    display:none!important;
  }
}
@media (max-width:640px){
  .qovali-hero-badge-style{
    width:100%;
    justify-content:center;
    margin-bottom:18px!important;
    padding:7px 12px!important;
    font-size:12px!important;
    white-space:normal;
  }
}

/* === featured case study: one evidence-led case, no carousel === */
.serka-featured-case{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);
  grid-template-areas:"story visual" "proof visual";
  gap:0;
  direction:rtl;
  border:3px solid var(--gy-dark);
  background:var(--white);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.serka-featured-case__story,
.serka-featured-case__proof,
.serka-featured-case__visual{
  min-width:0;
}
.serka-featured-case__story{
  grid-area:story;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:clamp(22px,3vw,38px);
}
.serka-featured-case__type{
  display:inline-flex;
  width:max-content;
  border:2px solid var(--pp);
  background:var(--pp-pale);
  color:var(--pp-dark);
  padding:6px 11px;
  font-size:13px;
  font-weight:900;
}
.serka-featured-case__story h3{
  margin:0;
  font-family:var(--font-arabic);
  font-size:clamp(28px,3.2vw,52px);
  line-height:1.15;
  text-wrap:balance;
}
.serka-featured-case__block{
  border-top:2px solid var(--line);
  padding-top:16px;
}
.serka-featured-case__block h4,
.serka-featured-case__metrics h4{
  margin:0 0 9px;
  color:var(--pp);
  font-size:17px;
}
.serka-featured-case__block p{
  margin:0;
  color:var(--text-secondary);
  line-height:1.85;
}
.serka-featured-case__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0;
  margin:0;
  list-style:none;
}
.serka-featured-case__actions li{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-width:0;
  color:var(--text-secondary);
  line-height:1.65;
}
.serka-featured-case__actions li span{
  flex:0 0 auto;
  color:var(--pp);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
}
.serka-featured-case__proof{
  grid-area:proof;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:clamp(22px,3vw,32px);
  background:var(--bg-inverse);
  color:var(--text-inverse);
}
.serka-featured-case__metrics h4{color:var(--pp-light)}
.serka-featured-case__metrics ul{
  display:grid;
  gap:10px;
  padding:0;
  margin:0;
  list-style:none;
}
.serka-featured-case__metrics li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:10px;
}
.serka-featured-case__metrics li span{
  color:rgba(255,255,255,.7);
  font-size:13px;
}
.serka-featured-case__metrics li strong{
  color:var(--pp-light);
  font-size:clamp(18px,2vw,26px);
  text-align:left;
}
.serka-featured-case__evidence{
  display:grid;
  gap:9px;
  color:rgba(255,255,255,.72);
  font-size:13px;
}
.serka-featured-case__evidence div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:9px;
}
.serka-featured-case__evidence strong{color:var(--text-inverse)}
.serka-featured-case__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  gap:10px;
  min-height:48px;
  padding:11px 17px;
  border:2px solid var(--pp-light);
  background:var(--pp);
  color:var(--text-inverse);
  box-shadow:4px 4px 0 var(--pp-light);
  font-weight:900;
  line-height:1.4;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.serka-featured-case__cta:hover,
.serka-featured-case__cta:focus-visible{
  color:var(--text-inverse);
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--pp-light);
}
.serka-featured-case__visual{
  grid-area:visual;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  gap:12px;
  padding:18px;
  background:var(--bg-page-alt);
}
.serka-featured-case__visual.is-single{grid-template-columns:minmax(0,1fr)}
.serka-featured-case__figure{
  position:relative;
  min-width:0;
  aspect-ratio:4/5;
  margin:0;
  overflow:hidden;
  border:2px solid var(--ink);
  background:var(--bg-surface);
}
.serka-featured-case__figure--after{border-color:var(--pp)}
.serka-featured-case__figure figcaption{
  position:absolute;
  z-index:1;
  top:10px;
  right:10px;
  max-width:calc(100% - 20px);
  padding:6px 9px;
  border:2px solid var(--ink);
  background:var(--ink);
  color:var(--text-inverse);
  font-size:12px;
  font-weight:900;
  line-height:1.4;
}
.serka-featured-case__figure--after figcaption{
  border-color:var(--pp);
  background:var(--pp);
}
.serka-featured-case__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:var(--bg-surface);
}
.serka-featured-case__header{
  max-width:760px;
  margin-bottom:26px;
}
.serka-featured-case__header .section-sub{max-width:680px}
@media (max-width:960px){
  .serka-featured-case{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"story" "proof" "visual";
  }
  .serka-featured-case__visual{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:560px){
  .serka-featured-case__actions,
  .serka-featured-case__visual{
    grid-template-columns:minmax(0,1fr);
  }
  .serka-featured-case__story,
  .serka-featured-case__proof,
  .serka-featured-case__visual{
    padding:18px;
  }
  .serka-featured-case__metrics li,
  .serka-featured-case__evidence div{
    grid-template-columns:minmax(0,1fr);
    display:grid;
    gap:3px;
  }
  .serka-featured-case__metrics li strong{text-align:right}
}

body.qovali-seo-landing-page #main-content{
  display:block;
}
body.qovali-seo-landing-page .seo-page-template{
  background:var(--cream);
  color:var(--gy-dark);
}
span[dir="ltr"],
.tag,
.post-meta span,
.post-meta time,
.mega-footer-contact span{
  font-family:var(--font-arabic);
}
ul{padding-right:20px}
li{margin-bottom:8px}
.skip-link{
  position:absolute;
  top:10px;
  right:10px;
  transform:translateY(-160%);
  background:var(--ink);
  color:var(--text-inverse);
  padding:10px 14px;
  z-index:1000;
}
.skip-link:focus{transform:none}
nav{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(250,248,245,.92);
  border-bottom:2px solid var(--gy-dark);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.nav-inner{
  max-width:var(--maxw);
  height:64px;
  margin:0 auto;
  padding:0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.logo{
  display:flex;
  align-items:center;
  color:var(--gy-dark);
  flex:0 0 auto;
}
.qovali-logo{
  width:136px;
  height:auto;
  display:block;
  overflow:visible;
  color:var(--ink);
  transition:transform .22s ease,color .22s ease;
}
.logo:hover .qovali-logo,
.logo:focus-visible .qovali-logo{
  transform:translateY(-1px);
  color:var(--ink);
}
.qovali-logo-ring,
.qovali-logo-tail,
.qovali-logo-tick,
.qovali-logo-measure{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.qovali-logo-ring,
.qovali-logo-tail{
  stroke:var(--pp);
  stroke-width:5.6;
}
.qovali-logo-tick{
  stroke:var(--pp-light);
  stroke-width:2.2;
  opacity:.72;
}
.qovali-logo-measure{
  stroke:currentColor;
  stroke-width:1.7;
  opacity:.34;
}
.qovali-logo-word{
  font-family:var(--font-brand);
  font-size:33px;
  font-weight:800;
  letter-spacing:-1.45px;
  fill:currentColor;
}
.q-lens-logo{
  width:40px;
  height:40px;
  flex:0 0 auto;
  color:var(--pp);
  overflow:visible;
  filter:drop-shadow(2px 2px 0 rgba(24,24,27,.18));
  transition:transform .22s ease,color .22s ease;
}
.logo:hover .q-lens-logo,
.logo:focus-visible .q-lens-logo{transform:translateY(-1px) rotate(-3deg);color:var(--pp-light)}
.q-lens-ring,
.q-lens-handle,
.q-lens-tick,
.q-lens-measure{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.q-lens-ring,.q-lens-handle{stroke-width:5.8}
.q-lens-tick{stroke-width:2.4;opacity:.72}
.q-lens-measure{stroke-width:1.8;opacity:.38}
.nav-links{
  display:flex;
  gap:22px;
  list-style:none;
  padding:0;
}
.nav-links li{margin:0}
.nav-links a{
  color:var(--gy-mid);
  font-size:.9375rem;
  font-weight:700;
  line-height:1.5;
  position:relative;
  transition:color .2s;
}
.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="page"]{color:var(--pp)}
.nav-links a::after{
  content:'';
  position:absolute;
  bottom:-4px;
  right:0;
  width:0;
  height:2px;
  background:var(--pp);
  transition:width .2s;
}
.nav-links a:hover::after,
.nav-links a:focus-visible::after,
.nav-links a[aria-current="page"]::after{width:100%}
.nav-cta{
  background:var(--pp);
  color:var(--text-inverse);
  padding:10px 22px;
  border:2px solid var(--gy-dark);
  font-family:var(--font-arabic);
  font-size:14px;
  font-weight:700;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.nav-cta:hover,
.nav-cta:focus-visible{
  transform:translate(-2px,-2px);
  box-shadow:5px 5px 0 var(--gy-dark);
}
.btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--pp);
  color:var(--text-inverse);
  border:2px solid var(--gy-dark);
  box-shadow:var(--shadow-sm);
  font-weight:700;
}
.hero{
  max-width:var(--maxw);
  margin:auto;
  padding:72px 24px 54px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);
  gap:34px;
  align-items:center;
}
.commerce-hero{
  max-width:var(--maxw);
  margin:auto;
  padding:68px 24px 58px;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
  gap:54px;
  align-items:center;
}
.commerce-copy h1{
  max-width:760px;
}
.commerce-copy p{
  max-width:680px;
  color:var(--muted);
  font-size:18px;
}
.commerce-proof-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:1px solid rgba(76,29,149,.12);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  margin-top:34px;
  box-shadow:0 10px 28px rgba(24,24,27,.04);
  overflow:hidden;
}
.commerce-proof-strip div{
  min-height:84px;
  display:grid;
  align-content:center;
  gap:2px;
  padding:14px;
  text-align:center;
  border-left:1px solid rgba(24,24,27,.07);
}
.commerce-proof-strip div:last-child{border-left:none}
.commerce-proof-strip strong{
  font-family:var(--font-arabic);
  font-size:24px;
  line-height:1.1;
}
.commerce-proof-strip span{
  color:var(--muted);
  font-weight:700;
}
.work-wall{
  height:640px;
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(150px,1fr));
  gap:18px;
  overflow:hidden;
  perspective:1000px;
  isolation:isolate;
  max-width:560px;
  margin-inline:auto;
}
.store-work-wall{
  align-self:center;
  width:100%;
}
.work-wall::before,
.work-wall::after{
  content:'';
  position:absolute;
  right:0;
  left:0;
  height:92px;
  z-index:4;
  pointer-events:none;
}
.work-wall::before{top:0;background:linear-gradient(var(--cream),rgba(249,247,242,0))}
.work-wall::after{bottom:0;background:linear-gradient(rgba(249,247,242,0),var(--cream))}
.work-rail{
  display:flex;
  flex-direction:column;
  gap:18px;
  will-change:transform;
}
.work-rail-a{animation:work-flow-up 22s linear infinite}
.work-rail-b{animation:work-flow-down 24s linear infinite;transform:translateY(-50%)}
.work-wall:hover .work-rail{animation-play-state:paused}
.work-device{
  position:relative;
  width:100%;
  padding:10px;
  background:var(--white);
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-xl);
  transition:transform .35s ease,border-color .35s ease;
  z-index:1;
}
.work-device:hover{border-color:var(--pp-light);transform:translateY(-8px) rotate(var(--tilt,0deg))}
.work-device-1{--tilt:2.5deg;transform:rotate(2.5deg)}
.work-device-2{--tilt:-3.5deg;transform:rotate(-3.5deg)}
.work-device-3{--tilt:-2deg;transform:rotate(-2deg)}
.work-device-4{--tilt:2deg;transform:rotate(2deg)}
.work-device-5{--tilt:-1.5deg;transform:rotate(-1.5deg)}
.work-device-6{--tilt:3deg;transform:rotate(3deg)}
.work-screen{
  position:relative;
  overflow:hidden;
  aspect-ratio:9/16;
  background:var(--cream);
  border:1px solid rgba(255,255,255,.12);
}
.work-shot{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  padding:18px 14px;
  background:linear-gradient(180deg,var(--shot-top),var(--shot-bottom));
}
.work-shot::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(transparent 62%,rgba(0,0,0,.72));
  pointer-events:none;
}
.shot-bar{
  height:24px;
  border-radius:4px;
  background:rgba(255,255,255,.84);
  margin-bottom:16px;
}
.shot-hero{
  min-height:132px;
  border-radius:8px;
  background:rgba(255,255,255,.25);
  border:2px solid rgba(255,255,255,.38);
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--text-inverse);
  font-weight:900;
  font-size:20px;
  line-height:1.15;
  padding:12px;
}
.shot-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px;
}
.shot-tile{
  min-height:54px;
  border-radius:6px;
  background:rgba(255,255,255,.72);
}
.work-caption{
  position:absolute;
  right:12px;
  left:12px;
  bottom:12px;
  color:var(--text-inverse);
  z-index:1;
}
.work-caption b{
  display:block;
  font-size:15px;
  line-height:1.25;
  margin-bottom:4px;
}
.work-caption span{
  display:block;
  font-size:11px;
  color:rgba(255,255,255,.68);
}
.work-tag{
  position:absolute;
  top:12px;
  left:12px;
  z-index:1;
  background:var(--pp);
  color:var(--text-inverse);
  font-family:var(--font-arabic);
  font-size:10px;
  font-weight:700;
  padding:4px 8px;
}
.work-device figcaption{
  padding:10px 4px 0;
  color:var(--gy-mid);
  font-size:12px;
  font-weight:700;
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.work-device figcaption span:last-child{
  color:var(--pp);
  font-family:var(--font-arabic);
}
.shot-ecommerce{--shot-top:#e94b3c;--shot-bottom:#732626}
.shot-medical{--shot-top:#f6f0e7;--shot-bottom:#3a7c78}
.shot-corporate{--shot-top:#f8fafc;--shot-bottom:#334155}
.shot-realestate{--shot-top:#e9d5ff;--shot-bottom:var(--accent-strong)}
.shot-seo{--shot-top:var(--accent-pale);--shot-bottom:var(--accent)}
.shot-landing{--shot-top:#fdf2f8;--shot-bottom:#9d174d}
@keyframes work-flow-up{
  from{transform:translateY(0)}
  to{transform:translateY(-50%)}
}
@keyframes work-flow-down{
  from{transform:translateY(-50%)}
  to{transform:translateY(0)}
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:var(--pp);
  font-weight:900;
}
.eyebrow::before{content:'◆';font-size:11px}
.commerce-hero .qovali-hero-badge-style::before{
  content:'◈'!important;
  position:static!important;
  display:inline-block!important;
  font-size:1em!important;
  line-height:1!important;
  color:var(--pp, var(--accent))!important;
  transform:none!important;
}
h1{
  font-family:var(--font-arabic);
  font-size:clamp(38px,6vw,74px);
  font-weight:900;
  line-height:1.03;
  letter-spacing:0;
  margin-bottom:18px;
  text-wrap:balance;
}
h1 em,
.section-title em{
  font-style:normal;
  color:var(--pp);
  border-bottom:6px solid var(--pp-pale);
}
.seo-consultant-title{
  font-size:clamp(40px,4.6vw,60px);
  line-height:1.28;
  max-width:19ch;
  text-wrap:balance;
  word-spacing:.04em;
}
.hero__meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.hero__meta .eyebrow{
  margin-bottom:0;
}
.hero__updated{
  position:relative;
  color:rgba(24,24,27,.55);
  font-size:13px;
  font-weight:700;
  padding-right:14px;
}
.hero__updated::before{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:16px;
  background:rgba(10,10,12,.16);
  transform:translateY(-50%);
}
.hero p,
.section-sub{
  font-size:18px;
  color:var(--muted);
  max-width:680px;
}
.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.btn-primary,
.btn-outline{
  font-family:var(--font-arabic);
  font-size:15px;
  font-weight:700;
  min-height:50px;
  padding:13px 22px;
}
.btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--gy-dark);
  background:transparent;
}
.btn-primary:hover,
.btn-outline:hover,
.nav-cta:hover{
  transform:translate(-2px,-2px);
}
.proof-panel{
  border:1px solid rgba(0,0,0,.06)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 30px rgba(0,0,0,.03)!important;
  padding:24px;
  display:grid;
  gap:6px;
  align-self:start;
  justify-self:stretch;
  text-align:right;
  direction:rtl;
  max-width:100%;
}
.proof-panel h2,
.proof-panel h3{
  font-family:var(--font-arabic);
  font-size:clamp(24px,2.2vw,32px);
  line-height:1.2;
  margin-bottom:6px;
}
.proof-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(0,0,0,.05);
  padding:14px 30px 14px 0;
}
.proof-row::before{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--pp-pale);
  border:1px solid rgba(76,29,149,.18);
}
.proof-row::after{
  content:'';
  position:absolute;
  right:5px;
  top:50%;
  width:6px;
  height:10px;
  border:solid var(--pp);
  border-width:0 2px 2px 0;
  transform:translateY(-62%) rotate(45deg);
}
.proof-row:last-child{border-bottom:none}
.proof-row strong{
  font-size:18px;
  text-align:right;
}
.proof-row span{
  color:var(--muted);
  font-weight:700;
  text-align:left;
  white-space:nowrap;
}
.hero-note{
  background:var(--pp-pale);
  border:2px solid var(--pp);
  padding:14px;
  font-weight:700;
  color:#34235d;
}
.section{padding:66px 24px}
.section.alt{background:rgba(255,255,255,.38);border-block:2px solid rgba(24,24,27,.08)}
.section-inner{max-width:var(--maxw);margin:auto}
.section-kicker{
  display:inline-flex;
  color:var(--pp);
  font-weight:900;
  margin-bottom:10px;
}
.section-title{
  font-family:var(--font-arabic);
  font-size:clamp(30px,4vw,50px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:0;
  margin-bottom:12px;
  text-wrap:balance;
}
.platform-section .section-title{
  font-size:clamp(1.8rem,3.5vw,2.6rem)!important;
  line-height:1.4!important;
  max-width:24ch;
}
.platform-head{
  max-width:780px;
  margin-inline:auto;
  text-align:center;
}
.platform-head .section-kicker{
  justify-content:center;
}
.platform-head .section-title,
.platform-head .section-sub{
  margin-inline:auto;
}
.platform-head .section-sub{
  max-width:720px;
  line-height:1.9;
}
.platform-seo-points{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
.platform-seo-points span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border:1px solid rgba(76,29,149,.12);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--pp);
  font-weight:900;
  font-size:13px;
}
.platform-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:28px;
  align-items:start;
  margin-top:34px;
}
.store-structure-section .section-kicker{
  display:flex;
  justify-content:flex-start;
  margin-bottom:18px;
  line-height:1.35;
}
.store-structure-section .section-title{
  line-height:1.18;
  margin-top:0;
  margin-bottom:28px;
}
.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{
  background:var(--white);
  border:1px solid rgba(0,0,0,.06)!important;
  border-radius:16px!important;
  padding:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.03)!important;
}
.card.soft{
  border:1px solid rgba(0,0,0,.06)!important;
  border-radius:16px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.03)!important;
  background:var(--bg-surface-soft);
}
.card h3{
  font-size:22px;
  line-height:1.25;
  margin-bottom:8px;
}
.card p,
.card li,
.mini-copy{
  color:var(--muted);
  font-size:15px;
}
.card-number{
  display:inline-flex;
  font-family:var(--font-arabic);
  color:var(--pp);
  font-weight:900;
  margin-bottom:10px;
}
.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:28px;
}
.stack{display:grid;gap:14px}
.note{
  background:var(--pp-pale);
  border:2px solid var(--pp);
  padding:20px;
  font-weight:700;
  color:#34235d;
}
.matrix{
  display:grid;
  border:1px solid rgba(0,0,0,.06)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72);
  margin-top:28px;
  padding:8px 20px;
  box-shadow:0 10px 30px rgba(0,0,0,.03)!important;
  overflow:hidden;
}
.matrix-row{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  gap:8px;
  border:0;
  border-bottom:1px solid rgba(0,0,0,.05);
  align-items:center;
  direction:rtl;
  text-align:center;
  padding:26px 0;
}
.matrix-row:last-child{border-bottom:none}
.matrix-row strong,
.matrix-row span{
  padding:0;
}
.matrix-row strong{
  border-left:0;
  font-weight:900;
  color:var(--pp);
  font-family:var(--font-arabic);
  font-size:clamp(20px,2vw,28px);
}
.matrix-row strong[dir="ltr"]{font-family:var(--font-arabic)}
.matrix-label{
  justify-self:center;
  text-align:center;
  white-space:nowrap;
  line-height:1.2;
}
.matrix-label[dir="ltr"]{
  justify-self:center;
  text-align:center;
}
.matrix-row span{
  color:var(--muted);
  line-height:1.75;
}
.matrix-copy{
  display:block;
  max-width:34ch;
  text-align:center;
  justify-self:center;
  font-size:16px;
}
.platform-checklist{
  min-height:100%;
}
.results-showcase{
  position:relative;
  overflow:hidden;
  scroll-margin-top:110px;
}
.results-showcase::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 8%,rgba(76,29,149,.14),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(109,40,217,.12),transparent 30%);
  pointer-events:none;
}
.results-showcase .section-inner{
  position:relative;
  z-index:1;
}
.results-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:26px;
}
.results-header .section-sub{max-width:600px}
.results-controls{
  display:flex;
  gap:8px;
  flex-shrink:0;
}
.results-nav{
  min-width:44px;
  min-height:44px;
  border:1px solid rgba(10,10,12,.08);
  background:var(--white);
  color:var(--ink);
  box-shadow:none;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.results-nav:hover,
.results-nav:focus-visible{
  background:var(--pp);
  color:var(--text-inverse);
  transform:translateX(-2px);
  box-shadow:none;
}
.results-slider{
  position:relative;
  display:grid;
  isolation:isolate;
}
.results-slide{
  position:relative;
  grid-area:1/1;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);
  gap:24px;
  align-items:stretch!important;
  opacity:0;
  transform:translateX(36px) scale(.985);
  visibility:hidden;
  pointer-events:none;
  transition:opacity .45s ease,transform .45s ease,visibility .45s ease;
}
.results-slide.is-active{
  z-index:2;
  opacity:1;
  transform:none;
  visibility:visible;
  pointer-events:auto;
}
.results-slide.is-active .results-story{
  animation:result-story-in .55s ease both;
}
.results-slide.is-active .results-visual{
  animation:result-visual-in .62s ease both;
}
.results-story,
.results-visual{
  border:1px solid rgba(10,10,12,.08);
  background:rgba(255,255,255,.76);
  box-shadow:none;
  padding:26px;
}
.results-story{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
}
.results-type{
  display:inline-flex;
  width:max-content;
  border:1px solid rgba(76,29,149,.18);
  color:var(--pp);
  background:var(--pp-pale);
  padding:5px 10px;
  font-size:12px;
  font-weight:900;
}
.results-story h3{
  font-family:var(--font-arabic);
  font-size:clamp(28px,3vw,42px);
  line-height:1.16;
  margin:12px 0;
}
.results-story h4{
  font-size:18px;
  margin:18px 0 8px;
}
.results-story p{color:var(--muted)}
.result-actions{
  padding:0;
  list-style:none;
  display:grid;
  gap:7px;
}
.result-actions li{
  margin:0;
  color:var(--muted);
  border-top:1px solid rgba(10,10,12,.08);
  padding-top:7px;
}
.results-source{
  display:grid;
  gap:10px;
  color:var(--muted);
  font-size:14px;
}
.source-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  border-top:1px solid var(--line);
  padding-top:10px;
}
.source-row strong{color:var(--ink)}
.results-case-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  gap:10px;
  min-height:48px;
  padding:12px 18px;
  border:2px solid var(--gy-dark);
  background:var(--pp);
  color:var(--text-inverse);
  box-shadow:4px 4px 0 var(--gy-dark);
  font-weight:900;
  line-height:1.4;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.results-case-link:hover,
.results-case-link:focus-visible{
  background:var(--pp-dark);
  color:var(--text-inverse);
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--gy-dark);
}
.results-case-link span{
  font-size:20px;
  line-height:1;
}
.results-dots{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:18px;
}
.results-dot{
  width:32px;
  height:8px;
  border:1px solid rgba(10,10,12,.28);
  background:transparent;
  cursor:pointer;
}
.results-dot.is-active{background:var(--pp)}
.results-visual{
  position:relative;
  overflow:hidden;
  min-height:0;
}
.results-visual::before,
.results-visual::after{content:none}
.results-slide--story-only{
  grid-template-columns:minmax(0,1fr);
}
.results-comparison{
  display:grid;
  gap:18px;
  align-content:start;
  background:rgba(255,255,255,.52);
}
.results-comparison__figure{
  position:relative;
  aspect-ratio:16/9;
  margin:0;
  overflow:hidden;
  border:2px solid var(--ink);
  background:var(--white);
}
.results-comparison__figure--after{
  border-color:var(--pp);
}
.results-comparison__label{
  position:absolute;
  z-index:2;
  top:12px;
  right:12px;
  min-width:58px;
  padding:7px 12px;
  border:2px solid var(--ink);
  background:var(--ink);
  color:var(--white);
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-align:center;
}
.results-comparison__figure--after .results-comparison__label{
  border-color:var(--pp);
  background:var(--pp);
}
.results-comparison__image{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
  background:var(--white);
}
.before-after-stage{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  min-height:250px;
}
.ba-panel{
  position:relative;
  border:2px solid var(--ink);
  background:var(--cream);
  padding:16px;
  overflow:hidden;
}
.ba-panel::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent,rgba(76,29,149,.12));
  pointer-events:none;
}
.ba-panel.after{
  background:var(--pp-pale);
  transform:translateY(18px);
}
.results-slide.is-active .ba-panel.before{
  animation:panel-before-in .7s ease both;
}
.results-slide.is-active .ba-panel.after{
  animation:panel-after-in .78s ease both;
}
.ba-label-big{
  font-family:var(--font-arabic);
  font-size:26px;
  font-weight:700;
  line-height:1;
  margin-bottom:14px;
}
.screen-lines{
  display:grid;
  gap:10px;
}
.screen-line{
  height:12px;
  width:100%;
  background:#d8d1e6;
}
.screen-line.short{width:62%}
.screen-line.mid{width:78%}
.screen-card{
  min-height:92px;
  border:2px solid rgba(24,24,27,.16);
  background:rgba(255,255,255,.72);
  display:grid;
  place-items:center;
  color:var(--pp);
  font-weight:900;
  margin-top:8px;
}
.metric-board{
  position:relative;
  margin-top:28px;
  display:grid;
  gap:12px;
}
.metric-board--case{
  margin-top:0;
  gap:18px;
}
.metric-item{
  display:grid;
  grid-template-columns:108px 1fr 72px;
  align-items:center;
  gap:12px;
  border-top:1px solid var(--line);
  padding-top:12px;
}
.metric-item--case{
  grid-template-columns:minmax(120px,.9fr) minmax(110px,.72fr) minmax(160px,1fr) minmax(70px,.42fr);
  border-top:0;
  border-bottom:1px solid rgba(10,10,12,.08);
  padding:0 0 16px;
}
.metric-change{
  color:var(--ink);
  font-family:var(--font-mono);
  font-weight:700;
  direction:ltr;
  text-align:right;
}
.metric-name{
  font-weight:900;
  color:var(--ink);
  font-size:14px;
}
.metric-track{
  height:13px;
  border:1.5px solid rgba(24,24,27,.18);
  background:rgba(76,29,149,.08);
  overflow:hidden;
}
.metric-fill{
  display:block;
  height:100%;
  width:var(--fill,55%);
  background:var(--pp);
  transform-origin:right;
  transform:scaleX(.25);
}
.results-slide.is-active .metric-fill{
  animation:metric-grow .9s ease forwards;
}
.metric-note{
  color:var(--pp);
  font-weight:900;
  font-size:12px;
}
.testimonials__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.testimonial-card{
  position:relative;
  padding:24px;
  border:1px solid rgba(10,10,12,.08);
  background:rgba(255,255,255,.72);
}
.testimonial-card__quote{
  position:absolute;
  top:18px;
  right:18px;
  width:34px;
  height:34px;
  color:var(--pp);
  opacity:.3;
}
.testimonial-card p{
  color:var(--muted);
  padding-top:38px;
}
.testimonial-card__person{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:20px;
}
.testimonial-card__avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(10,10,12,.08);
  background:var(--pp-pale);
  flex:0 0 auto;
}
.testimonial-card__person strong,
.testimonial-card__person span{
  display:block;
}
.testimonial-card__person span{
  color:var(--muted);
  font-size:14px;
}
.testimonial-card__tag{
  display:inline-flex;
  margin-top:16px;
  padding:5px 10px;
  border:1px solid rgba(76,29,149,.16);
  color:var(--pp);
  font-weight:700;
  font-size:12px;
}
@keyframes metric-grow{
  from{transform:scaleX(.25)}
  to{transform:scaleX(1)}
}
@keyframes result-story-in{
  from{opacity:.15;transform:translateX(26px)}
  to{opacity:1;transform:none}
}
@keyframes result-visual-in{
  from{opacity:.15;transform:translateX(-26px) rotate(.4deg)}
  to{opacity:1;transform:none}
}
@keyframes panel-before-in{
  from{transform:translateY(18px) rotate(-1deg)}
  to{transform:none}
}
@keyframes panel-after-in{
  from{transform:translateY(34px) rotate(1deg)}
  to{transform:translateY(18px)}
}
@keyframes result-badge{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-8px,6px)}
}
.timeline{
  counter-reset:step;
  display:grid;
  gap:14px;
  margin-top:28px;
}
.timeline-item{
  counter-increment:step;
  display:grid;
  grid-template-columns:72px 1fr;
  align-items:start;
  gap:18px;
  border-top:2px solid var(--ink);
  padding-top:18px;
}
.timeline-item::before{
  content:counter(step, decimal-leading-zero);
  font-family:var(--font-arabic);
  color:var(--pp);
  font-weight:900;
  font-size:28px;
}
.comparison-card div{
  border-top:1px solid rgba(10,10,12,.08);
  margin-top:14px;
  padding-top:14px;
}
.comparison-card div strong{
  display:block;
  color:var(--ink);
  margin-bottom:5px;
}
.pricing-approach__list{
  display:grid;
  border-block:1px solid rgba(10,10,12,.08);
}
.pricing-approach__list div{
  display:grid;
  gap:4px;
  padding:16px 0;
  border-bottom:1px solid rgba(10,10,12,.08);
}
.pricing-approach__list div:last-child{border-bottom:0}
.pricing-approach__list strong{
  font-size:18px;
}
.pricing-approach__list span{
  color:var(--muted);
}
.related-pages{
  margin-top:34px;
  padding-top:30px;
  border-top:1px solid rgba(10,10,12,.08);
}
.related-pages h2{
  font-family:var(--font-arabic);
  font-size:clamp(26px,3vw,38px);
  line-height:1.2;
  margin-bottom:16px;
}
.related-pages__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.related-card{
  position:relative;
  display:block;
  min-height:170px;
  padding:20px;
  border:1px solid rgba(10,10,12,.08);
  background:rgba(255,255,255,.72);
}
.related-card h3{
  font-size:20px;
  line-height:1.25;
  margin-bottom:8px;
}
.related-card p{
  color:var(--muted);
  font-size:15px;
}
.related-card__arrow{
  position:absolute;
  left:18px;
  bottom:16px;
  color:var(--pp);
  font-weight:900;
  transition:transform .2s ease;
}
.related-card:hover .related-card__arrow,
.related-card:focus-visible .related-card__arrow{
  transform:translateX(-4px);
}
.related-posts-section{
  background:var(--cream-2);
  border-block:3px solid var(--gy-dark);
}
.related-posts-section .section-inner{
  max-width:var(--maxw);
}
.related-posts__intro{
  max-width:900px;
}
.related-posts__intro .section-h2{
  max-width:none;
  margin-bottom:12px;
}
.related-posts__intro .section-sub{
  max-width:720px;
  margin-bottom:0;
}
.related-posts__featured-guide{
  display:flex;
  justify-content:center;
  margin:30px auto 40px;
  padding-inline:20px;
}
.related-posts__featured-guide .btn-primary{
  width:min(100%,920px);
  justify-content:center;
  text-align:center;
  line-height:1.6;
}
.related-posts__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:34px;
  border:3px solid var(--gy-dark);
  background:var(--white);
  box-shadow:var(--shadow-lg);
}
.related-post-card{
  min-width:0;
  border-left:3px solid var(--gy-dark);
  background:var(--white);
  transition:background .2s ease,transform .2s ease;
}
.related-post-card:last-child{
  border-left:0;
}
.related-post-card:hover,
.related-post-card:focus-within{
  background:var(--pp-pale);
}
.related-post-card > a{
  display:flex;
  min-height:100%;
  flex-direction:column;
  color:inherit;
  text-decoration:none;
}
.related-post-card__media{
  aspect-ratio:16/9;
  overflow:hidden;
  border-bottom:3px solid var(--gy-dark);
  background:var(--cream-3);
}
.related-post-card__image{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.related-post-card:hover .related-post-card__image{
  transform:scale(1.025);
}
.related-post-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:26px;
}
.related-post-card time{
  margin-bottom:12px;
  color:var(--gy-mid);
  font-family:var(--font-mono);
  font-size:12px;
}
.related-post-card h3{
  margin:0 0 12px;
  font-size:clamp(22px,2.2vw,30px);
  font-weight:900;
  line-height:1.3;
  text-wrap:balance;
}
.related-post-card p{
  margin:0 0 24px;
  color:var(--gy-mid);
  font-size:16px;
  line-height:1.75;
}
.related-post-card__link{
  margin-top:auto;
  color:var(--pp);
  font-weight:700;
}
@media (max-width:900px){
  .related-posts__grid{
    grid-template-columns:1fr;
  }
  .related-post-card{
    border-left:0;
    border-bottom:3px solid var(--gy-dark);
  }
  .related-post-card:last-child{
    border-bottom:0;
  }
}
@media (max-width:720px){
  .related-posts__featured-guide{
    margin:24px auto 30px;
    padding-inline:0;
  }
  .related-posts__featured-guide .btn-primary{
    width:100%;
  }
}

.article-list{
  display:grid;
  gap:16px;
  margin-top:28px;
}
.article-card{
  display:grid;
  grid-template-columns:170px 1fr auto;
  gap:20px;
  align-items:center;
  background:var(--white);
  border:2px solid var(--ink);
  padding:18px;
  box-shadow:4px 4px 0 var(--ink);
}
.article-meta{
  color:var(--pp);
  font-weight:900;
  font-size:13px;
}
.article-card h3{font-size:22px;line-height:1.25}
.article-card p{color:var(--muted);font-size:15px}
.blog-title-band{
  background:
    linear-gradient(180deg,rgba(76,29,149,.12),rgba(76,29,149,0)),
    var(--cream-2);
  border-bottom:2px solid var(--ink);
  padding:clamp(19px,2.5vw,33px) 24px clamp(15px,1.75vw,23px);
  text-align:center;
}
.blog-title-band h1{
  font-family:var(--font-arabic);
  font-size:clamp(48px,6vw,86px);
  line-height:1;
  margin-top:10px;
}
.blog-title-band p{
  max-width:760px;
  margin:18px auto 0;
  color:var(--muted);
  font-size:clamp(18px,1.5vw,23px);
  line-height:1.85;
}
.blog-dark{
  background:
    radial-gradient(circle at 12% 8%,rgba(109,40,217,.18),transparent 28%),
    radial-gradient(circle at 88% 22%,rgba(237,233,254,.08),transparent 26%),
    #050508;
  color:var(--text-inverse);
  padding:clamp(58px,8vw,96px) 24px;
  border-bottom:2px solid var(--ink);
}
.blog-dark .section-title,
.blog-dark .section-kicker{color:var(--text-inverse)}
.blog-dark .section-kicker{color:#c4b5fd}
.blog-archive-top{
  display:block;
  margin-bottom:34px;
}
.blog-archive-top .section-title{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.seo-support-grid .card p{
  max-width:64ch;
}
.seo-context-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:24px;
}
.seo-context-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border:1px solid rgba(76,29,149,.18);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--pp);
  font-weight:700;
  box-shadow:0 8px 22px rgba(76,29,149,.05);
}
.seo-context-links a:hover,
.seo-context-links a:focus-visible{
  background:var(--pp);
  color:var(--text-inverse);
}
.blog-topic-map{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:28px;
  align-items:center;
  padding:28px;
  margin-bottom:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  box-shadow:0 24px 60px rgba(0,0,0,.2);
}
.blog-topic-map h2{
  color:var(--text-inverse);
  font-family:var(--font-arabic);
  font-size:clamp(30px,4vw,48px);
  line-height:1.2;
  margin:8px 0 12px;
}
.blog-topic-map p{
  color:rgba(255,255,255,.76);
  max-width:70ch;
  font-size:18px;
}
.blog-topic-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.blog-topic-list a{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 12px;
  border:1px solid rgba(196,181,253,.24);
  border-radius:14px;
  background:rgba(76,29,149,.22);
  color:var(--text-inverse);
  font-weight:700;
}
.blog-topic-list a:hover,
.blog-topic-list a:focus-visible{
  background:var(--bg-surface);
  color:var(--pp);
}
.editorial-post-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  width:100%;
}
.editorial-post-card{
  min-width:0;
  min-height:560px;
  border:1px solid rgba(196,181,253,.42);
  background:#09090d;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 0 0 1px rgba(255,255,255,.02);
}
.post-thumb{
  width:100%;
  min-width:0;
  aspect-ratio:16/9;
  background:#f8f4ef;
  color:var(--pp);
  border-bottom:1px solid rgba(196,181,253,.32);
  overflow:hidden;
}
.post-thumb svg{
  display:block;
  width:100%;
  height:100%;
}
.post-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.post-abstract{
  color:var(--pp);
}
.post-body{
  min-width:0;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:16px;
  flex:1;
}
.post-meta{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  color:#c4b5fd;
  font-weight:900;
  font-size:13px;
}
.post-meta time{
  color:rgba(255,255,255,.52);
  font-weight:700;
}
.editorial-post-card h3{
  overflow-wrap:anywhere;
  color:var(--accent-pale);
  font-size:clamp(25px,2vw,32px);
  line-height:1.18;
}
.editorial-post-card p{
  overflow-wrap:anywhere;
  color:rgba(255,255,255,.64);
  font-size:17px;
  line-height:1.8;
}
.post-read{
  margin-top:auto;
  color:#ddd6fe;
  font-weight:900;
  width:max-content;
}
.editorial-post-card .tag{
  border-color:rgba(196,181,253,.5);
  color:#ddd6fe;
  background:rgba(255,255,255,.04);
}
.blog-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-top:36px;
  font-weight:900;
  background:transparent;
}
.blog-pagination a,
.blog-pagination span{
  min-width:36px;
  height:36px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ddd6fe;
  border:1px solid rgba(196,181,253,.32);
  background:rgba(255,255,255,.035);
  text-align:center;
  line-height:1;
}
.blog-pagination a:hover,
.blog-pagination a:focus-visible{
  color:var(--text-inverse);
  border-color:rgba(255,255,255,.62);
}
.blog-pagination [aria-current="page"]{
  color:var(--text-inverse);
  background:var(--pp);
  border-color:var(--pp-light);
  font-weight:900;
}
.blog-category-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:30px;
  background:var(--white);
  border:2px solid var(--ink);
  box-shadow:var(--shadow-sm);
}
.blog-category-grid article{
  padding:22px;
  border-left:1px solid var(--line);
}
.blog-category-grid article:last-child{border-left:none}
.blog-category-grid h3{
  font-size:24px;
  line-height:1.2;
  margin-bottom:10px;
}
.blog-category-grid p{
  color:var(--muted);
  line-height:1.8;
}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tag{
  display:inline-flex;
  border:1.5px solid var(--pp);
  color:var(--pp);
  padding:5px 9px;
  font-size:12px;
  font-weight:700;
}
.faq{
  display:grid;
  gap:0;
  margin-top:28px;
  border-block:1px solid rgba(10,10,12,.08);
}
.faq details{
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(10,10,12,.08);
  padding:0;
}
.faq details:last-child{border-bottom:0}
.faq summary{
  position:relative;
  list-style:none;
  font-weight:900;
  cursor:pointer;
  padding:18px 42px 18px 0;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,
.faq summary::after{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  width:18px;
  height:2px;
  background:var(--pp);
  transform:translateY(-50%);
}
.faq summary::after{
  transform:translateY(-50%) rotate(90deg);
  transition:transform .2s ease;
}
.faq details[open] summary::after{
  transform:translateY(-50%) rotate(0deg);
}
.faq p{
  color:var(--muted);
  margin:0;
  padding:0 42px 18px 0;
}

/* WordPress service pages: homepage-style FAQ */
body.qovali-seo-landing-page .faq{
  max-width:1100px;
  margin:30px auto 0;
  border-block:1px solid rgba(10,10,12,.09);
  background:transparent;
}
body.qovali-seo-landing-page .faq details{
  border-bottom:1px solid rgba(10,10,12,.09);
  box-shadow:none;
}
body.qovali-seo-landing-page .faq summary{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:20px 0 20px 58px;
  font-size:clamp(18px,1.6vw,24px);
  line-height:1.45;
  font-weight:900;
  text-align:right;
}
body.qovali-seo-landing-page .faq summary::before,
body.qovali-seo-landing-page .faq summary::after{
  right:auto;
  left:0;
  width:24px;
  height:3px;
  background:var(--pp);
}
body.qovali-seo-landing-page .faq p{
  max-width:860px;
  padding:0 0 24px 58px;
  color:var(--muted);
  font-size:17px;
  line-height:1.9;
  text-align:right;
}
body.qovali-seo-landing-page .faq details[open] summary{
  color:var(--pp);
}
body.qovali-seo-landing-page .section.alt:has(.faq) .section-inner{
  max-width:1180px;
}
body.qovali-seo-landing-page .section.alt:has(.faq) .section-kicker,
body.qovali-seo-landing-page .section.alt:has(.faq) .section-title{
  max-width:1100px;
  margin-inline:auto;
  text-align:right;
}
body.qovali-seo-landing-page .section.alt:has(.faq) .section-title{
  font-size:clamp(48px,6vw,82px);
  line-height:1.08;
  margin-bottom:26px;
}
.cta-band{
  max-width:var(--maxw);
  margin:32px auto 0;
  background:var(--ink);
  color:var(--text-inverse);
  border:1px solid rgba(10,10,12,.08);
  box-shadow:none;
  padding:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.cta-band p{color:rgba(255,255,255,.78)}
.cta-band .btn-primary{border-color:var(--text-inverse);box-shadow:none}
.mega-footer{
  margin-top:64px;
  background:
    radial-gradient(circle at 16% 18%,rgba(196,181,253,.14),transparent 30%),
    linear-gradient(135deg,var(--pp-deep),#050507);
  color:var(--text-inverse);
  border-top:2px solid var(--gy-dark);
}
.mega-footer-inner{
  max-width:var(--maxw);
  margin:auto;
  padding:clamp(46px,7vw,78px) 32px;
  display:grid;
  grid-template-columns:1.35fr .85fr .85fr 1.1fr;
  gap:34px;
  align-items:start;
}
.mega-footer-logo{
  display:inline-flex;
  margin-bottom:18px;
  color:var(--text-inverse);
}
.mega-footer-logo .qovali-logo{width:142px;color:var(--text-inverse)}
.mega-footer-brand p{
  max-width:360px;
  color:rgba(255,255,255,.76);
  font-size:17px;
  line-height:1.9;
}
.mega-socials{
  display:flex;
  gap:10px;
  margin-top:20px;
}
.mega-socials a{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:#ddd6fe;
}
.mega-socials svg,
.mega-footer-contact svg{
  width:18px;
  height:18px;
  fill:currentColor;
  flex:0 0 auto;
}
.mega-footer h2{
  color:var(--text-inverse);
  font-size:20px;
  margin-bottom:18px;
}
.mega-footer-col,
.mega-footer-contact{
  display:grid;
  gap:10px;
}
.mega-footer nav{
  position:static;
  background:transparent;
  border:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
}
.mega-footer-col a,
.mega-footer-contact a,
.mega-footer-contact p{
  color:rgba(255,255,255,.72);
  font-size:16px;
  font-weight:700;
  line-height:1.7;
}
.mega-footer-col a:hover,
.mega-footer-contact a:hover{color:var(--text-inverse)}
.mega-footer-contact a,
.mega-footer-contact p{
  display:flex;
  align-items:center;
  gap:10px;
}
.mega-footer-brief{
  width:max-content;
  margin-top:12px;
  padding:12px 16px;
  border:1.5px solid rgba(255,255,255,.72);
  color:var(--text-inverse)!important;
  background:rgba(255,255,255,.04);
}
.mega-footer-bottom{
  border-top:1px solid rgba(255,255,255,.14);
  max-width:var(--maxw);
  margin:auto;
  padding:18px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:rgba(255,255,255,.68);
  font-size:14px;
}
.mega-footer-bottom a{color:#ddd6fe;font-weight:700}
@media(max-width:920px){
  .site-header nav{overflow:visible}
  .nav-inner{
    height:64px;
    min-height:64px;
    gap:14px;
    flex-wrap:nowrap;
    padding:0 18px;
  }
  .nav-links{
    display:none;
  }
  .site-header .nav-links.is-open{
    display:flex!important;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    flex-direction:column;
    gap:18px;
    background:var(--cream);
    border-bottom:2px solid var(--gy-dark);
    padding:20px 32px;
    z-index:99;
  }
  .qovali-logo{width:128px}
  .hero,
  .commerce-hero,
  .split{grid-template-columns:1fr}
  .hero{padding-top:44px}
  .commerce-hero{
    padding-top:42px;
    gap:34px;
  }
  .grid,
  .grid.two,
  .editorial-post-grid,
  .platform-grid,
  .blog-topic-map,
  .testimonials__grid,
  .related-pages__grid,
  .mega-footer-inner,
  .blog-category-grid{grid-template-columns:1fr}
  .store-work-wall{
    height:620px;
    max-width:560px;
    width:100%;
  }
  .blog-archive-top{
    align-items:flex-start;
    flex-direction:column;
  }
  .results-header{
    align-items:flex-start;
    flex-direction:column;
  }
  .results-slide{grid-template-columns:1fr}
  .results-visual{min-height:0}
  .metric-item--case{grid-template-columns:1fr}
  .before-after-stage{min-height:220px}
  .article-card{grid-template-columns:1fr}
  .blog-category-grid article{
    border-left:none;
    border-bottom:1px solid var(--line);
  }
  .blog-category-grid article:last-child{border-bottom:none}
  .cta-band{align-items:flex-start;flex-direction:column}
  .mega-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:520px){
  .hero,
  .results-showcase,
  .testimonials,
  .pricing-approach,
  .related-pages,
  .cta-band{
    width:100%;
    max-width:100%;
  }
  .hero,
  .results-slider,
  .testimonials__grid,
  .related-pages__grid{
    direction:ltr;
  }
  .hero > *,
  .results-header,
  .results-story,
  .results-visual,
  .results-dots,
  .testimonial-card,
  .related-card{
    direction:rtl;
  }
  .results-case-link{
    width:100%;
    align-self:stretch;
  }
  .nav-inner{padding:0 16px}
  .nav-inner{
    width:100%;
    max-width:100%;
  }
  .nav-cta{display:none}
  .nav-links{
    max-width:100%;
    font-size:13px;
  }
  .qovali-logo{width:118px}
  .blog-title-band,
  .blog-dark{
    width:100%;
    max-width:100%;
  }
  .blog-title-band,
  .blog-dark,
  .blog-topic-map,
  .editorial-post-grid,
  .editorial-post-card{
    direction:ltr;
  }
  .blog-title-band h1,
  .blog-title-band p,
  .blog-topic-map,
  .blog-topic-map h2,
  .blog-topic-map p,
  .blog-topic-list,
  .blog-archive-top,
  .post-body,
  .post-meta,
  .editorial-post-card h3,
  .editorial-post-card p,
  .post-read{
    direction:rtl;
    text-align:right;
  }
  .blog-title-band h1,
  .blog-title-band p,
  .blog-archive-top .section-title{
    text-align:center;
  }
  .blog-dark .section-inner,
  .blog-topic-map,
  .blog-topic-list,
  .editorial-post-grid,
  .editorial-post-card,
  .post-thumb,
  .post-body{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .editorial-post-grid{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:26px;
  }
  .editorial-post-card{
    flex:0 0 auto;
    width:100%;
    max-width:100%;
    margin-inline:auto;
  }
  .hero{padding:38px 20px 34px}
  .seo-consultant-title{
    font-size:clamp(32px,9.2vw,42px);
    line-height:1.34;
    max-width:100%;
    text-align:right;
  }
  .hero p{max-width:100%}
  .proof-panel{
    width:100%;
    max-width:100%;
  }
  .proof-row{
    grid-template-columns:minmax(0,1fr);
  }
  .proof-row span{
    text-align:right;
    white-space:normal;
  }
  .hero__meta{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
  .hero__updated{
    padding-right:0;
  }
  .hero__updated::before{content:none}
  .results-story,
  .results-visual,
  .testimonial-card,
  .related-card{
    padding:20px;
  }
  .results-dots{
    justify-content:flex-start;
  }
  .metric-change{
    text-align:right;
  }
  .blog-title-band{padding:22px 18px 20px}
  .blog-title-band h1{
    font-size:clamp(32px,9vw,40px);
    line-height:1.25;
    overflow-wrap:break-word;
  }
  .blog-title-band p{font-size:17px}
  .blog-dark{padding:46px 18px}
  .blog-topic-map{
    width:100%;
    max-width:100%;
    margin-inline:auto;
    padding:20px;
    margin-bottom:30px;
  }
  .blog-topic-map h2{
    font-size:clamp(24px,7vw,30px);
    line-height:1.35;
    text-align:center;
    overflow-wrap:break-word;
  }
  .blog-topic-map p{
    font-size:16px;
    text-align:center;
  }
  .blog-topic-list{grid-template-columns:1fr}
  .blog-archive-top .section-title{font-size:clamp(31px,9vw,40px)}
  .editorial-post-card{min-height:0}
  .editorial-post-card h3,
  .editorial-post-card p,
  .post-meta{
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .post-thumb svg{max-width:100%}
  .post-body{padding:18px}
  .commerce-hero{padding:38px 20px 40px}
  .platform-head{text-align:right}
  .platform-head .section-kicker{justify-content:flex-start}
  .platform-head .section-title,
  .platform-head .section-sub{margin-inline:0}
  .platform-seo-points{justify-content:flex-start}
  .platform-grid{gap:18px;margin-top:26px}
  .store-work-wall{
    height:560px;
    grid-template-columns:repeat(2,minmax(118px,1fr));
    gap:12px;
    max-width:360px;
  }
  .work-device{padding:8px;border-width:2px}
  .work-device:hover{transform:translateY(-6px) rotate(var(--tilt,0deg))}
  .mega-footer{margin-top:42px}
  .mega-footer-inner{padding:38px 20px;gap:28px}
  .mega-footer-bottom{padding:16px 20px}
  .mega-footer-brief{width:100%;justify-content:center}
  .section{padding:48px 20px}
  h1{font-size:38px}
  .hero p,.section-sub{font-size:16px}
  .commerce-copy p{font-size:16px}
  .commerce-proof-strip{grid-template-columns:repeat(3,1fr)}
  .commerce-proof-strip div{
    min-height:72px;
    padding:10px 8px;
    border-left:1px solid var(--line);
    border-bottom:none;
  }
  .commerce-proof-strip div:last-child{border-left:none}
  .commerce-proof-strip strong{font-size:20px}
  .commerce-proof-strip span{font-size:12px;line-height:1.25}
  .card,.cta-band{padding:20px}
  .results-story,
  .results-visual{
    padding:18px;
    box-shadow:4px 4px 0 var(--ink);
  }
  .results-controls{gap:10px}
  .results-nav{
    width:46px;
    height:46px;
  }
  .before-after-stage{
    grid-template-columns:1fr;
    gap:12px;
  }
  .ba-panel.after{transform:none}
  .results-slide.is-active .ba-panel.after{animation:none}
  .metric-item{
    grid-template-columns:1fr;
    gap:7px;
  }
  .screen-card{
    min-height:78px;
    padding:10px;
    text-align:center;
  }
  .results-visual::after{
    top:14px;
    left:14px;
  }
  .matrix-row{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    padding:22px 0;
  }
  .matrix-row strong{
    border-left:none;
    border-bottom:0;
    padding:0;
  }
  .matrix-row span{padding:0}
  .matrix-label,
  .matrix-label[dir="ltr"],
  .matrix-copy{
    justify-self:center;
    text-align:center;
    max-width:100%;
  }
  .timeline-item{grid-template-columns:1fr;gap:8px}
  .btn-primary,.btn-outline{width:100%}
  .hero-actions{gap:10px}
}
.legal-hero{
  min-height:0;
  padding-top:clamp(62px,8vw,112px);
  padding-bottom:clamp(34px,5vw,70px);
}
.legal-hero > div{
  max-width:860px;
  margin-inline:auto;
}
.article-body{
  max-width:880px;
  display:grid;
  gap:16px;
  background:rgba(255,255,255,.62);
  border:2px solid var(--ink);
  box-shadow:6px 6px 0 rgba(24,24,27,.9);
  padding:clamp(22px,4vw,44px);
}
.article-body h2{
  margin:10px 0 0;
  font-size:clamp(24px,3vw,36px);
  line-height:1.1;
}
.article-body p{
  margin:0;
  color:var(--muted);
  font-size:clamp(17px,1.4vw,21px);
  line-height:1.9;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn-primary,
  .btn-outline,
  .nav-cta,
  .results-nav,
  .results-slide,
  .results-story,
  .results-visual,
  .ba-panel,
  .metric-fill,
  .results-visual::after,
  .wa-btn::after{
    animation:none!important;
    transition:none!important;
  }
  .metric-fill{transform:none!important}
}

/* Single blog article template */
.single-post-template{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-arabic);
}
.article-hero{
  padding:clamp(54px,7vw,96px) 0 clamp(30px,5vw,56px);
  border-bottom:2px solid var(--ink);
  background:var(--cream);
}
.article-hero-inner{
  display:grid;
  gap:28px;
}
.article-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}
.article-breadcrumb a{
  color:var(--pp);
}
.article-title-card{
  max-width:1060px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.article-meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  color:var(--pp);
  font-weight:900;
  margin-bottom:18px;
}
.article-meta-line span,
.article-meta-line time{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border:2px solid rgba(76,29,149,.28);
  background:var(--bg-surface);
  padding:7px 12px;
  box-shadow:3px 3px 0 rgba(24,24,27,.9);
}
.article-title-card h1{
  font-family:var(--font-arabic);
  font-size:clamp(42px,5.4vw,78px);
  line-height:1.12;
  max-width:18ch;
  margin:0;
  color:var(--ink);
}
.article-title-card p{
  max-width:820px;
  margin:22px 0 0;
  color:var(--muted);
  font-size:clamp(18px,1.55vw,23px);
  line-height:1.9;
}
.article-featured{
  width:100%;
  max-width:1120px;
  margin:12px 0 0;
  border:3px solid var(--ink);
  box-shadow:8px 8px 0 var(--ink);
  background:var(--bg-surface);
  overflow:hidden;
}
.article-featured-img{
  display:block;
  width:100%;
  aspect-ratio:1200/630;
  object-fit:cover;
}
.article-layout{
  width:min(100% - 48px,1260px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:300px minmax(0,880px);
  grid-template-areas:"sidebar content";
  justify-content:center;
  gap:clamp(32px,5vw,64px);
  align-items:start;
  padding-block:clamp(44px,6vw,82px);
}
.article-sidebar{
  grid-area:sidebar;
  position:sticky;
  top:96px;
  display:grid;
  gap:20px;
  min-width:0;
}
.article-content-wrap{
  grid-area:content;
  min-width:0;
}
.article-toc,
.article-cta-card{
  background:var(--bg-surface);
  border:2px solid var(--ink);
  box-shadow:5px 5px 0 var(--ink);
}
.article-content{
  width:100%;
  max-width:880px;
  margin-inline:auto;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.article-toc{
  padding:22px;
}
.article-toc h2,
.article-cta-card h2{
  font-family:var(--font-arabic);
  line-height:1.2;
  margin:0;
}
.article-toc h2{
  font-size:24px;
  margin-bottom:14px;
}
.article-toc ol{
  list-style:none;
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  counter-reset:toc;
}
.article-toc li{
  counter-increment:toc;
}
.article-toc a{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
  color:var(--ink);
  font-weight:700;
  line-height:1.55;
}
.article-toc a::before{
  content:counter(toc,decimal-leading-zero);
  color:var(--pp);
  font-family:var(--font-mono);
  font-size:12px;
  margin-top:3px;
}
.article-toc .is-sub a{
  color:var(--muted);
  font-size:14px;
  padding-inline-start:16px;
}
.article-cta-card{
  padding:24px;
  background:var(--bg-surface);
}
.article-cta-kicker{
  display:inline-flex;
  color:var(--pp);
  font-weight:900;
  margin-bottom:10px;
}
.article-cta-card h2{
  font-size:clamp(24px,2vw,30px);
}
.article-cta-card p{
  color:var(--muted);
  line-height:1.85;
  margin:12px 0 20px;
}
.article-cta-actions{
  display:grid;
  gap:10px;
}
.article-cta-actions .btn-primary,
.article-cta-actions .btn-outline{
  width:100%;
  justify-content:center;
  min-height:52px;
}
.article-content > *{
  max-width:880px;
  margin-inline:0;
}
.article-content > * + *{
  margin-top:0;
}
.article-content p{
  margin:0 0 1.55rem;
}
.article-content h2,
.article-content h3,
.article-content h4{
  font-family:var(--font-arabic);
  color:var(--ink);
  font-weight:900;
  scroll-margin-top:120px;
}
.article-content h2{
  font-size:clamp(32px,3.6vw,50px);
  line-height:1.22;
  margin:3.2rem 0 1.25rem;
  padding-top:1rem;
  border-top:3px solid var(--ink);
}
.article-content h3{
  font-size:clamp(25px,2.3vw,34px);
  line-height:1.3;
  margin:2.4rem 0 1rem;
}
.article-content h4{
  font-size:clamp(22px,1.8vw,28px);
  line-height:1.35;
  margin:2rem 0 .85rem;
}
.article-content p,
.article-content li{
  color:var(--muted);
  font-family:var(--font-arabic);
  font-size:clamp(18px,1.32vw,21px);
  font-weight:400;
  line-height:1.95;
}
.article-content li{
  margin-bottom:.75rem;
}
.article-content ul,
.article-content ol{
  padding-inline-start:1.4em;
  margin:0 0 1.6rem;
}
.article-content strong,
.article-content b{
  color:var(--ink);
  font-weight:900;
}
.article-content a{
  color:var(--pp);
  font-weight:900;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
.article-content img,
.article-content .wp-block-image img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  border:2px solid var(--ink);
  box-shadow:5px 5px 0 var(--ink);
}
.article-content figure,
.article-content .wp-block-image{
  margin:2.2rem 0;
}
.article-content figcaption{
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
  margin-top:.75rem;
}
@media(max-width:1080px){
  .article-layout{
    grid-template-columns:minmax(0,880px);
    grid-template-areas:
      "sidebar"
      "content";
    width:min(100% - 36px,900px);
  }
  .article-sidebar{
    position:static;
  }
}
@media(max-width:640px){
  .article-hero{
    padding-top:34px;
  }
  .article-layout{
    width:min(100% - 28px,900px);
    gap:24px;
  }
  .article-title-card h1{
    max-width:100%;
    font-size:clamp(34px,10vw,48px);
    line-height:1.16;
  }
  .article-meta-line{
    gap:8px;
  }
  .article-featured,
  .article-toc,
  .article-cta-card{
    border-width:2px;
    box-shadow:5px 5px 0 var(--ink);
  }
  .article-content h2{
    margin-top:2.4rem;
  }
}

/* WordPress SEO landing typography alignment with the homepage */
body.qovali-seo-landing-page,
body.qovali-seo-landing-page .seo-page-template,
body.qovali-seo-landing-page button,
body.qovali-seo-landing-page input,
body.qovali-seo-landing-page textarea,
body.qovali-seo-landing-page select{
  font-family:var(--font-arabic);
  font-weight:400;
  line-height:1.6;
  letter-spacing:0;
}
body.qovali-seo-landing-page .commerce-copy h1,
body.qovali-seo-landing-page .section-title,
body.qovali-seo-landing-page .cta-band h2,
body.qovali-seo-landing-page .proof-panel h2{
  font-family:var(--font-arabic);
  font-weight:900;
  line-height:1.04;
  letter-spacing:0;
}
body.qovali-seo-landing-page .commerce-copy p,
body.qovali-seo-landing-page .section-sub,
body.qovali-seo-landing-page .card p,
body.qovali-seo-landing-page .card li,
body.qovali-seo-landing-page .matrix-copy,
body.qovali-seo-landing-page .proof-row span,
body.qovali-seo-landing-page .related-card p{
  font-family:var(--font-arabic);
  font-weight:400;
  line-height:1.75;
  letter-spacing:0;
}
body.qovali-seo-landing-page .section-label,
body.qovali-seo-landing-page .section-kicker,
body.qovali-seo-landing-page .eyebrow,
body.qovali-seo-landing-page .card-number,
body.qovali-seo-landing-page .work-tag{
  font-family:var(--font-arabic);
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
}
body.qovali-seo-landing-page .card h3,
body.qovali-seo-landing-page .matrix-row strong,
body.qovali-seo-landing-page .related-card h3,
body.qovali-seo-landing-page .commerce-proof-strip strong{
  font-family:var(--font-arabic);
  font-weight:900;
  line-height:1.15;
  letter-spacing:0;
}
body.qovali-seo-landing-page .faq-q{
  font-family:var(--font-arabic);
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
}
body.qovali-seo-landing-page .faq-a-inner{
  font-family:var(--font-arabic);
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:0;
}
body.qovali-seo-landing-page .btn-primary,
body.qovali-seo-landing-page .btn-outline,
body.qovali-seo-landing-page .nav-cta,
body.qovali-seo-landing-page .service-more{
  font-family:var(--font-arabic);
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
}
body.qovali-seo-landing-page [dir="ltr"],
body.qovali-seo-landing-page .work-tag,
body.qovali-seo-landing-page .matrix-row strong[dir="ltr"]{
  font-family:var(--font-arabic);
}

/* Expert SEO page visual upgrade: align with homepage bold Qovali system */
.expert-seo-page{
  font-family:var(--font-arabic);
}
.expert-seo-page .hero{
  align-items:stretch;
  gap:44px;
}
.expert-seo-page .hero > div:first-child,
.expert-seo-page .proof-panel,
.expert-seo-page .card,
.expert-seo-page .testimonial-card,
.expert-seo-page .related-card,
.expert-seo-page .pricing-approach__list,
.expert-seo-page .matrix{
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
  background:var(--white);
}
.expert-seo-page .hero > div:first-child{
  padding:42px;
}
.expert-seo-page .seo-consultant-title{
  font-family:var(--font-arabic);
  font-weight:900;
  line-height:1.04;
  letter-spacing:0;
  max-width:11ch;
  text-wrap:balance;
}
.expert-seo-page .hero p,
.expert-seo-page .section-sub,
.expert-seo-page .mini-copy,
.expert-seo-page .card p,
.expert-seo-page .testimonial-card p,
.expert-seo-page .matrix-row span{
  font-family:var(--font-arabic);
  line-height:1.8;
}
.expert-seo-page .proof-panel{
  padding:0;
  align-self:stretch;
  overflow:hidden;
}
.expert-seo-page .proof-panel h2{
  margin:0;
  padding:22px 24px;
  background:var(--gy-dark);
  color:var(--text-inverse);
  font-family:var(--font-arabic);
  font-size:28px;
  font-weight:900;
  line-height:1.1;
}
.expert-seo-page .proof-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(130px,.65fr);
  gap:16px;
  align-items:center;
  padding:20px 24px;
  border-top:3px solid var(--gy-dark);
}
.expert-seo-page .proof-row strong{
  font-family:var(--font-arabic);
  color:var(--pp);
  font-weight:700;
}
.expert-seo-page .proof-row span{
  color:var(--gy-dark);
  font-weight:700;
  text-align:left;
}
.expert-seo-page .grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
  background:var(--white);
  margin-top:32px;
}
.expert-seo-page .grid.two{grid-template-columns:repeat(2,1fr)}
.expert-seo-page .card{
  min-height:260px;
  padding:32px 28px;
  border:0;
  border-left:3px solid var(--gy-dark);
  border-top:3px solid var(--gy-dark);
  box-shadow:none;
  position:relative;
  overflow:hidden;
  transition:background .2s ease,transform .2s ease;
}
.expert-seo-page .card:nth-child(1),
.expert-seo-page .card:nth-child(2),
.expert-seo-page .card:nth-child(3){border-top:0}
.expert-seo-page .card:nth-child(3n+1){border-left:0}
.expert-seo-page .grid.two .card:nth-child(3){border-top:3px solid var(--gy-dark)}
.expert-seo-page .grid.two .card:nth-child(2n+1){border-left:0}
.expert-seo-page .card:hover{
  background:var(--pp-pale);
}
.expert-seo-page .card::after{
  content:'';
  position:absolute;
  bottom:-20px;
  left:-20px;
  width:60px;
  height:60px;
  border-radius:50%;
  border:10px solid var(--pp-pale);
  transition:transform .25s ease;
}
.expert-seo-page .card:hover::after{transform:scale(1.35)}
.expert-seo-page .card-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:24px;
  background:var(--pp);
  color:var(--text-inverse);
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-sm);
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:700;
}
.expert-seo-page .card h3{
  font-family:var(--font-arabic);
  font-size:clamp(22px,2vw,30px);
  font-weight:900;
  line-height:1.08;
  max-width:12ch;
  margin-bottom:14px;
}
.expert-seo-page .comparison-card div{
  border-top:3px dashed var(--gy-pale);
}
.expert-seo-page .results-showcase{
  border-block:3px solid var(--gy-dark);
}
.expert-seo-page .results-slide,
.expert-seo-page .metric-board,
.expert-seo-page .results-source{
  border-color:var(--gy-dark);
  box-shadow:var(--shadow-sm);
}
.expert-seo-page .testimonials__grid{
  gap:0;
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
  background:var(--white);
}
.expert-seo-page .testimonial-card{
  min-height:330px;
  border:0;
  border-left:3px solid var(--gy-dark);
  box-shadow:none;
  background:var(--white);
  transition:background .2s ease;
}
.expert-seo-page .testimonial-card:last-child{border-left:0}
.expert-seo-page .testimonial-card:hover{background:var(--pp-pale)}
.expert-seo-page .testimonial-card__avatar{
  border:3px solid var(--gy-dark);
  border-radius:0;
  background:var(--pp);
}
.expert-seo-page .testimonial-card__tag{
  border:2px solid var(--gy-dark);
  background:var(--pp);
  color:var(--text-inverse);
}
.expert-seo-page .timeline{
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
  background:var(--white);
  gap:0;
}
.expert-seo-page .timeline-item{
  grid-template-columns:92px 1fr;
  border-top:3px solid var(--gy-dark);
  padding:24px;
}
.expert-seo-page .timeline-item:first-child{border-top:0}
.expert-seo-page .timeline-item::before{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  background:var(--pp);
  color:var(--text-inverse);
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-sm);
  font-family:var(--font-mono);
  font-size:16px;
}
.expert-seo-page .pricing-approach__list{
  border-block:0;
}
.expert-seo-page .pricing-approach__list div,
.expert-seo-page .matrix-row{
  padding:22px 24px;
  border-bottom:3px solid var(--gy-dark);
}
.expert-seo-page .pricing-approach__list div:last-child,
.expert-seo-page .matrix-row:last-child{border-bottom:0}
.expert-seo-page .matrix{
  border-block:3px solid var(--gy-dark);
}
.expert-seo-page .matrix-row{
  grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);
}
.expert-seo-page .matrix-row strong{
  font-family:var(--font-arabic);
  color:var(--pp);
  font-size:20px;
  font-weight:900;
}
.expert-seo-page .related-pages{
  max-width:var(--maxw);
  margin:0 auto;
  padding:74px 24px;
  border-top:3px solid var(--gy-dark);
}
.expert-seo-page .related-pages__grid{
  gap:0;
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
  background:var(--white);
}
.expert-seo-page .related-card{
  border:0;
  border-left:3px solid var(--gy-dark);
  box-shadow:none;
  background:var(--white);
  transition:background .2s ease;
}
.expert-seo-page .related-card:last-child{border-left:0}
.expert-seo-page .related-card:hover,
.expert-seo-page .related-card:focus-visible{
  background:var(--pp-pale);
}
.expert-seo-page .section.faq-bg:has(.faq-wrap){
  background:var(--cream);
  border-block:3px solid var(--gy-dark);
}
.expert-seo-page .section.faq-bg:has(.faq-wrap) .section-inner{
  max-width:1120px;
}
.expert-seo-page .section.faq-bg:has(.faq-wrap) .section-label,
.expert-seo-page .section.faq-bg:has(.faq-wrap) .section-h2{
  max-width:880px;
  margin-inline:auto;
  text-align:right;
}
.expert-seo-page .faq-wrap{
  max-width:880px;
  margin:32px auto 0;
}
.expert-seo-page .faq-item{
  border:2px solid var(--gy-dark);
  box-shadow:var(--shadow-sm);
  background:var(--white);
}
.expert-seo-page .faq-item.open{
  box-shadow:var(--shadow-md);
}
.expert-seo-page .faq-q{
  font-family:var(--font-arabic);
  font-weight:700;
}
.expert-seo-page .faq-a-inner{
  font-family:var(--font-arabic);
  line-height:1.8;
}
.expert-seo-page .cta-band{
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
}
@media (max-width:980px){
  .expert-seo-page .grid,
  .expert-seo-page .grid.two,
  .expert-seo-page .testimonials__grid,
  .expert-seo-page .related-pages__grid{
    grid-template-columns:1fr;
  }
  .expert-seo-page .card,
  .expert-seo-page .testimonial-card,
  .expert-seo-page .related-card{
    border-left:0!important;
    border-top:3px solid var(--gy-dark)!important;
  }
  .expert-seo-page .card:first-child,
  .expert-seo-page .testimonial-card:first-child,
  .expert-seo-page .related-card:first-child{
    border-top:0!important;
  }
}
@media (max-width:720px){
  .expert-seo-page .hero > div:first-child{
    padding:28px 22px;
  }
  .expert-seo-page .seo-consultant-title{
    max-width:100%;
  }
  .expert-seo-page .proof-row,
  .expert-seo-page .matrix-row,
  .expert-seo-page .timeline-item{
    grid-template-columns:1fr;
  }
  .expert-seo-page .proof-row span{
    text-align:right;
  }
}

/* === SEO company launch refinements (2026-07-13) === */
body.serka-seo-page .serka-seo-main{
  background:
    radial-gradient(circle at 8% 12%, color-mix(in srgb,var(--accent) 8%,transparent), transparent 24rem),
    linear-gradient(180deg,var(--bg-page) 0%,var(--bg-page-alt) 100%);
  color:var(--text-primary);
}

body.serka-seo-page .serka-seo-main :is(.serka-hero .btn-primary,.serka-warning-section .btn-primary,.pricing-card .price-cta,.faq-q-icon,.pricing-badge,.serka-tag){
  background:var(--action-bg)!important;
  border-color:var(--action-bg)!important;
  color:var(--action-text)!important;
  text-shadow:none!important;
}

body.serka-seo-page .serka-seo-main :is(.serka-hero .btn-primary,.serka-warning-section .btn-primary,.pricing-card .price-cta):hover{
  background:var(--action-hover)!important;
  color:var(--action-text)!important;
}

body.serka-seo-page .serka-seo-main .serka-deliverable strong{
  color:var(--text-primary);
}

body.serka-seo-page .serka-context-link{
  width:max-content;
  max-width:100%;
  margin:26px auto 0;
  color:var(--link);
  font-weight:700;
  text-align:center;
}

body.serka-seo-page .serka-context-link a,
body.serka-seo-page a.serka-context-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding-block:6px;
  border-bottom:2px solid currentColor;
}

body.serka-seo-page .serka-case-evidence{
  aspect-ratio:16/9;
  margin:-4px -2px 4px;
  overflow:hidden;
  border:2px solid var(--border-strong);
  background:var(--bg-surface-alt);
}

body.serka-seo-page .serka-case-evidence-image{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.serka-seo-page .serka-case-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:auto;
  padding:11px 14px;
  background:var(--action-bg);
  color:var(--action-text);
  border:2px solid var(--border-strong);
  box-shadow:var(--shadow-sm);
  font-weight:700;
}

body.serka-seo-page .serka-founder-section{
  background:var(--bg-page-alt);
}

body.serka-seo-page .serka-founder-grid{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);
  gap:42px;
  align-items:center;
}

body.serka-seo-page .serka-founder-media{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

body.serka-seo-page :is(.serka-founder-image,.serka-team-image){
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  border:3px solid var(--border-strong);
  box-shadow:var(--shadow-lg);
  background:var(--bg-surface);
}

body.serka-seo-page .serka-founder-copy :is(.section-label,.section-h2){
  text-align:start!important;
  margin-inline:0;
}

body.serka-seo-page .serka-founder-role{
  margin:10px 0 14px;
  color:var(--accent);
  font-weight:700;
}

body.serka-seo-page .serka-founder-copy p{
  color:var(--text-secondary);
  line-height:1.9;
}

body.serka-seo-page .serka-founder-credentials{
  display:grid;
  gap:8px;
  margin:18px 0;
  padding:0;
  list-style:none;
}

body.serka-seo-page .serka-founder-credentials li::before{
  content:'✓';
  margin-inline-end:8px;
  color:var(--accent);
  font-weight:900;
}

body.serka-seo-page .serka-faq-more{
  display:none;
  width:100%;
  margin-top:14px;
  padding:14px 18px;
  background:var(--bg-surface);
  color:var(--text-primary);
  border:2px solid var(--border-strong);
  box-shadow:var(--shadow-sm);
  font:700 15px/1.4 var(--font-arabic);
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main :is(.serka-joined-grid,.serka-joined-cell,.serka-editorial,.pricing-card,.faq-item){
  background:var(--bg-surface)!important;
  color:var(--text-primary)!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-filler-cell{
  background:var(--bg-surface-alt)!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-filler-cell :is(strong,.service-more),
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-deliverable{
  color:var(--text-primary)!important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main :is(.serka-joined-grid,.serka-joined-cell,.serka-editorial,.pricing-card,.faq-item){
    background:var(--bg-surface)!important;
    color:var(--text-primary)!important;
  }

  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-filler-cell{
    background:var(--bg-surface-alt)!important;
  }

  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-filler-cell :is(strong,.service-more),
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-deliverable{
    color:var(--text-primary)!important;
  }
}

@media (max-width:820px){
  body.serka-seo-page .serka-seo-main .serka-hero{
    min-height:auto;
    padding-top:54px;
    padding-bottom:46px;
  }

  body.serka-seo-page .serka-seo-main .serka-hero .hero-visual{
    height:230px;
  }

  body.serka-seo-page .serka-seo-main .awards-row{
    display:none;
  }

  body.serka-seo-page .serka-seo-main .section{
    padding-block:56px;
  }

  body.serka-seo-page .serka-seo-main :is(.serka-joined-cell,.serka-row,.serka-case,.serka-flag){
    padding:22px 20px;
  }

  body.serka-seo-page .serka-founder-grid,
  body.serka-seo-page .serka-founder-media{
    grid-template-columns:1fr;
  }

  body.serka-seo-page .faq-overflow-item{
    display:none;
  }

  body.serka-seo-page [data-faq-collapsible].is-expanded .faq-overflow-item{
    display:block;
  }

  body.serka-seo-page .serka-faq-more{
    display:block;
  }
}

/* Expert SEO page: homepage-level section rhythm */
.expert-seo-page .expert-hero{
  grid-template-columns:1.12fr .88fr;
  min-height:calc(100vh - 64px);
  padding:64px 32px 48px;
  gap:60px;
  align-items:center;
}
.expert-seo-page .expert-hero .hero-content{
  border:0;
  box-shadow:none;
  background:transparent;
  padding:0;
}
.expert-seo-page .expert-hero-badge{
  width:max-content;
  gap:10px;
}
.expert-seo-page .expert-hero-badge span + span{
  border-right:1px solid rgba(76,29,149,.28);
  padding-right:10px;
  color:var(--gy-mid);
}
.expert-seo-page .expert-hero .seo-consultant-title{
  max-width:10.5ch;
  font-size:clamp(42px,6.2vw,84px);
  margin-bottom:16px;
}
.expert-seo-page .expert-hero .hero-sub{
  max-width:560px;
  font-size:18px;
  color:var(--gy-mid);
  line-height:1.7;
}
.expert-seo-page .expert-hero .trust-num{
  font-family:var(--font-mono);
  font-size:16px;
  color:var(--gy-dark);
}
.expert-seo-page .expert-hero-visual{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
}
.expert-seo-page .expert-hero-visual .geo-cluster{
  width:min(100%,480px);
  min-height:420px;
}
.expert-seo-page .results-header,
.expert-seo-page .section-inner > .fade{
  max-width:var(--maxw);
  margin-inline:auto;
}
.expert-seo-page .section-title,
.expert-seo-page .section-h2{
  font-family:var(--font-arabic);
  font-weight:900;
  line-height:1.02;
  text-wrap:balance;
}
.expert-seo-page .section-title em,
.expert-seo-page .section-h2 em{
  color:var(--pp);
  font-style:normal;
  position:relative;
}
.expert-seo-page .section-title em::after,
.expert-seo-page .section-h2 em::after{
  content:'';
  position:absolute;
  right:0;
  left:0;
  bottom:5px;
  height:8px;
  background:var(--pp-pale);
  z-index:-1;
}
.expert-seo-page .section:not(.results-showcase):not(.faq-bg){
  padding-block:86px;
}
.expert-seo-page .section.alt{
  border-block:3px solid var(--gy-dark);
  background:var(--cream-2);
}
.expert-seo-page .split{
  gap:54px;
  align-items:center;
}
.expert-seo-page .pricing-approach .split{
  align-items:stretch;
}
.expert-seo-page .pricing-approach__list{
  align-self:stretch;
}
.expert-seo-page .cta-band{
  margin-top:0;
  margin-bottom:48px;
}
@media (max-width:980px){
  .expert-seo-page .expert-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .expert-seo-page .expert-hero-visual{
    min-height:440px;
  }
}
@media (max-width:720px){
  .expert-seo-page .expert-hero{
    padding:32px 20px 44px;
    gap:26px;
  }
  .expert-seo-page .expert-hero .seo-consultant-title{
    max-width:100%;
    font-size:clamp(40px,13vw,58px);
  }
  .expert-seo-page .expert-hero-visual{
    min-height:390px;
  }
}

/* Expert SEO targeted layout repairs */
.expert-seo-page{
  font-synthesis:none;
}
.expert-seo-page .expert-hero{
  min-height:auto;
  padding:86px 32px 42px;
  align-items:center;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
  gap:56px;
}
.expert-seo-page .expert-hero .seo-consultant-title{
  max-width:13.5ch;
  font-size:clamp(42px,5.1vw,68px);
  line-height:1.18;
  margin:0 0 22px;
  text-wrap:balance;
}
.expert-seo-page .expert-hero .hero-sub{
  max-width:620px;
  margin-bottom:28px;
}
.expert-seo-page .expert-hero-visual{
  min-height:520px;
  overflow:visible;
  align-content:center;
  isolation:isolate;
}
.expert-seo-page .expert-rank-visual{
  position:relative;
  z-index:1;
  width:min(100%,640px);
  margin-inline:auto;
  border:0;
  background:transparent;
  box-shadow:none;
  padding:0;
  transform:translate(-26px,16px);
}
.expert-seo-page .expert-rank-visual::before{
  content:'';
  position:absolute;
  inset:6% 8% 2% 2%;
  background:
    radial-gradient(circle at 72% 20%,rgba(76,29,149,.22),transparent 32%),
    radial-gradient(circle at 24% 68%,rgba(76,29,149,.12),transparent 30%);
  filter:blur(8px);
  z-index:-1;
  pointer-events:none;
}
.expert-seo-page .expert-rank-visual__chart{
  border:0;
  background:transparent;
  padding:0;
  overflow:visible;
  min-height:430px;
  display:grid;
  place-items:center;
}
.expert-seo-page .expert-rank-visual__chart svg{
  width:100%;
  max-width:640px;
  height:auto;
  display:block;
  overflow:visible;
  transform:scale(1.5);
  transform-origin:center;
}
.expert-seo-page .rank-ambient{
  fill:none;
  stroke:rgba(76,29,149,.12);
  stroke-width:42;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:blur(2px);
}
.expert-seo-page .rank-grid{
  fill:none;
  stroke:rgba(76,29,149,.12);
  stroke-width:1;
  stroke-dasharray:5 14;
}
.expert-seo-page .rank-axis{
  fill:none;
  stroke:rgba(10,10,12,.45);
  stroke-width:4;
  stroke-linecap:square;
}
.expert-seo-page .rank-area{
  fill:rgba(76,29,149,.1);
  opacity:.72;
  transform-origin:center;
  animation:qv-rank-area 2.8s ease-in-out infinite;
}
.expert-seo-page .rank-line{
  fill:none;
  stroke:var(--pp);
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:690;
  stroke-dashoffset:690;
  animation:qv-rank-draw 2.9s cubic-bezier(.68,0,.18,1) infinite;
}
.expert-seo-page .rank-line-shadow{
  stroke:rgba(76,29,149,.18);
  stroke-width:22;
}
.expert-seo-page .rank-bars path{
  fill:none;
  stroke:rgba(76,29,149,.18);
  stroke-width:16;
  stroke-linecap:square;
  transform-origin:bottom;
  animation:qv-rank-bars 2.9s ease-in-out infinite;
}
.expert-seo-page .rank-bars path:nth-child(2){animation-delay:.05s}
.expert-seo-page .rank-bars path:nth-child(3){animation-delay:.1s}
.expert-seo-page .rank-bars path:nth-child(4){animation-delay:.15s}
.expert-seo-page .rank-bars path:nth-child(5){animation-delay:.2s}
.expert-seo-page .rank-bars path:nth-child(6){animation-delay:.25s}
.expert-seo-page .rank-dot{
  fill:var(--white);
  stroke:var(--pp);
  stroke-width:5;
  transform-origin:center;
  animation:qv-rank-pulse 2.9s ease-in-out infinite;
}
.expert-seo-page .rank-dot-2{animation-delay:.25s}
.expert-seo-page .rank-dot-3{animation-delay:.45s}
.expert-seo-page .rank-target-ring{
  fill:none;
  stroke:var(--pp);
  stroke-width:4;
  stroke-dasharray:12 12;
  transform-origin:514px 58px;
  animation:qv-rank-target 2.9s ease-in-out infinite;
}
@keyframes qv-rank-draw{
  0%{stroke-dashoffset:690}
  48%,78%{stroke-dashoffset:0}
  100%{stroke-dashoffset:-690}
}
@keyframes qv-rank-area{
  0%,100%{opacity:.34;transform:translateY(8px)}
  48%,78%{opacity:.78;transform:translateY(0)}
}
@keyframes qv-rank-bars{
  0%,100%{transform:scaleY(.42);opacity:.22}
  48%,78%{transform:scaleY(1);opacity:.68}
}
@keyframes qv-rank-pulse{
  0%,100%{transform:scale(1)}
  48%{transform:scale(1.24)}
}
@keyframes qv-rank-target{
  0%,100%{transform:scale(.82) rotate(0deg);opacity:.26}
  48%,78%{transform:scale(1.08) rotate(18deg);opacity:.72}
}
@media (prefers-reduced-motion:reduce){
  .expert-seo-page .rank-line,
  .expert-seo-page .rank-area,
  .expert-seo-page .rank-bars path,
  .expert-seo-page .rank-dot,
  .expert-seo-page .rank-target-ring{
    animation:none!important;
    stroke-dashoffset:0;
  }
}

/* Keep the floating contact action clear of the sticky consultation bar and safe area. */
body.commerce-seo-page .wa-btn { bottom:calc(24px + env(safe-area-inset-bottom)); }
body.commerce-seo-page.sticky-cta-visible .wa-btn { bottom:calc(var(--sticky-cta-height, 72px) + 18px + env(safe-area-inset-bottom)); }
@media (max-width:720px){
  body.commerce-seo-page .wa-btn { bottom:calc(22px + env(safe-area-inset-bottom)); }
  body.commerce-seo-page.sticky-cta-visible .wa-btn { bottom:calc(var(--sticky-cta-height, 112px) + 18px + env(safe-area-inset-bottom)); }
}
.expert-seo-page .expert-diagnostics{
  max-width:var(--maxw);
  margin:0 auto 92px;
  padding:0 32px;
}
.expert-seo-page .expert-diagnostics__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.expert-seo-page .expert-diagnostics__head h2,
.expert-seo-page .expert-output-heading,
.expert-seo-page .competition-heading{
  font-family:var(--font-arabic);
  font-size:clamp(28px,3.2vw,48px);
  font-weight:900;
  line-height:1.05;
  margin:0;
  color:var(--gy-dark);
}
.expert-seo-page .expert-diagnostic-grid,
.expert-seo-page .expert-output-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  background:var(--white);
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
}
.expert-seo-page .expert-diagnostic-card,
.expert-seo-page .expert-output-card,
.expert-seo-page .competition-card{
  position:relative;
  min-height:210px;
  padding:30px 28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:14px;
  background:var(--white);
}
.expert-seo-page .expert-diagnostic-card:not(:last-child),
.expert-seo-page .expert-output-card:not(:last-child){
  border-left:3px solid var(--gy-dark);
}
.expert-seo-page .expert-diagnostic-card .card-number,
.expert-seo-page .expert-output-card .card-number,
.expert-seo-page .competition-card .card-number{
  position:absolute;
  top:20px;
  right:22px;
  color:rgba(10,10,12,.35);
  font-family:var(--font-mono);
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
}
.expert-seo-page .expert-diagnostic-card h3,
.expert-seo-page .expert-output-card h3,
.expert-seo-page .competition-card h3{
  font-family:var(--font-arabic);
  font-size:clamp(22px,2vw,30px);
  font-weight:700;
  line-height:1.15;
  margin:0;
  color:var(--gy-dark);
  font-synthesis:none;
  font-variant-ligatures:none;
  -webkit-font-smoothing:antialiased;
}
.expert-seo-page .expert-diagnostic-card p,
.expert-seo-page .expert-output-card p,
.expert-seo-page .competition-card p{
  margin:0;
  color:var(--gy-mid);
  font-size:18px;
  font-weight:700;
  line-height:1.7;
}
.expert-seo-page .expert-diagnostic-card::after,
.expert-seo-page .expert-output-card::after,
.expert-seo-page .competition-card::after{
  content:'';
  position:absolute;
  left:-34px;
  bottom:-34px;
  width:96px;
  height:96px;
  border:14px solid var(--pp-pale);
  border-radius:50%;
  opacity:.75;
  pointer-events:none;
}
.expert-seo-page .expert-workflow-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:42px;
}
.expert-seo-page .expert-workflow-layout .timeline{
  max-width:none;
}
.expert-seo-page .expert-output-panel{
  margin-top:4px;
}
.expert-seo-page .expert-output-heading{
  margin-bottom:18px;
}
.expert-seo-page .expert-market-layout{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(380px,1.02fr);
  gap:54px;
  align-items:start;
}
.expert-seo-page .expert-market-layout .matrix{
  height:auto;
}
.expert-seo-page .competition-panel{
  align-self:start;
}
.expert-seo-page .competition-heading{
  margin-bottom:18px;
}
.expert-seo-page .competition-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  background:var(--white);
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
}
.expert-seo-page .competition-card{
  min-height:220px;
}
.expert-seo-page .competition-card:nth-child(odd){
  border-left:3px solid var(--gy-dark);
}
.expert-seo-page .competition-card:nth-child(-n+2){
  border-bottom:3px solid var(--gy-dark);
}
.expert-seo-page .competition-card:nth-child(even){
  background:var(--cream-2);
}

@media (max-width:1100px){
  .expert-seo-page .expert-diagnostic-grid,
  .expert-seo-page .expert-output-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .expert-seo-page .expert-diagnostic-card:not(:last-child),
  .expert-seo-page .expert-output-card:not(:last-child){
    border-left:0;
  }
  .expert-seo-page .expert-diagnostic-card:nth-child(odd),
  .expert-seo-page .expert-output-card:nth-child(odd){
    border-left:3px solid var(--gy-dark);
  }
  .expert-seo-page .expert-diagnostic-card:nth-child(-n+2),
  .expert-seo-page .expert-output-card:nth-child(-n+2){
    border-bottom:3px solid var(--gy-dark);
  }
  .expert-seo-page .expert-market-layout{
    grid-template-columns:1fr;
  }
  .expert-seo-page .expert-hero{
    grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
    gap:44px;
  }
  .expert-seo-page .expert-hero-visual,
  .expert-seo-page .expert-rank-visual__chart{
    min-height:460px;
  }
  .expert-seo-page .expert-rank-visual__chart svg{
    max-width:480px;
    transform:scale(1.35);
  }
}

/* Keep semantic source order while preserving the desktop sidebar layout. */
.single-post-template .article-shell{
  grid-template-areas:"sidebar content";
}
.single-post-template .article-main{
  grid-area:content;
}
.single-post-template .article-sidebar{
  grid-area:sidebar;
}
@media (max-width:1080px){
  .single-post-template .article-shell{
    grid-template-areas:
      "content"
      "sidebar";
  }
}
@media (max-width:860px){
  .expert-seo-page .expert-hero{
    padding:54px 20px 36px;
    gap:30px;
    grid-template-columns:1fr;
  }
  .expert-seo-page .expert-hero .seo-consultant-title{
    max-width:100%;
    font-size:clamp(38px,11vw,58px);
    line-height:1.22;
  }
  .expert-seo-page .expert-hero-visual{
    min-height:360px;
    overflow:visible;
  }
  .expert-seo-page .expert-rank-visual{
    width:min(100%,520px);
    transform:none;
  }
  .expert-seo-page .expert-rank-visual__chart{
    min-height:330px;
    padding:14px;
  }
  .expert-seo-page .expert-rank-visual__chart svg{
    max-width:420px;
    transform:scale(1);
  }
  .expert-seo-page .expert-diagnostics{
    padding:0 20px;
    margin-bottom:64px;
  }
}
@media (max-width:640px){
  .expert-seo-page .expert-diagnostic-grid,
  .expert-seo-page .expert-output-grid,
  .expert-seo-page .competition-grid{
    grid-template-columns:1fr;
  }
  .expert-seo-page .expert-diagnostic-card,
  .expert-seo-page .expert-output-card,
  .expert-seo-page .competition-card{
    min-height:185px;
  }
  .expert-seo-page .expert-diagnostic-card:nth-child(n),
  .expert-seo-page .expert-output-card:nth-child(n),
  .expert-seo-page .competition-card:nth-child(n){
    border-left:0;
    border-bottom:3px solid var(--gy-dark);
  }
  .expert-seo-page .expert-diagnostic-card:last-child,
  .expert-seo-page .expert-output-card:last-child,
  .expert-seo-page .competition-card:last-child{
    border-bottom:0;
  }
}

/* blog and single post conversion refinements */
.blog-page-template .editorial-post-card.no-thumb{
  min-height:360px;
}
.blog-page-template .editorial-post-card.no-thumb .post-body{
  min-height:360px;
  padding-block:34px;
  justify-content:flex-start;
}
.blog-page-template .editorial-post-card.no-thumb .post-read{
  margin-top:auto;
}

.single-post-template .article-sidebar{
  position:sticky!important;
  top:120px!important;
  align-self:flex-start!important;
  height:fit-content;
}
.single-post-template .article-lead-form{
  background:var(--bg-surface);
  color:var(--ink);
  border:2px solid var(--ink);
  border-radius:8px;
  padding:28px 24px;
  box-shadow:0 18px 42px rgba(10,10,12,.08), 5px 5px 0 rgba(76,29,149,.18);
}
.single-post-template .article-lead-form h2{
  color:var(--ink);
  text-align:start;
  font-size:clamp(24px,2vw,32px);
  line-height:1.25;
  margin-bottom:22px;
}
.single-post-template .article-lead-form label{
  color:rgba(10,10,12,.7);
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
  gap:8px;
}
.single-post-template .article-lead-form b{
  color:var(--pp);
}
.single-post-template .article-lead-form input,
.single-post-template .article-lead-form select,
.single-post-template .article-lead-form textarea{
  width:100%;
  min-height:50px;
  background:var(--bg-surface);
  color:var(--ink);
  border:1px solid rgba(10,10,12,.16);
  border-radius:6px;
  padding:12px 14px;
  font:inherit;
  box-shadow:inset 0 1px 0 rgba(10,10,12,.03);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.single-post-template .article-lead-form textarea{
  min-height:132px;
  resize:vertical;
}
.single-post-template .article-lead-form input:focus,
.single-post-template .article-lead-form select:focus,
.single-post-template .article-lead-form textarea:focus{
  outline:none;
  border-color:var(--pp);
  box-shadow:0 0 0 3px rgba(76,29,149,.12);
}
.single-post-template .article-lead-form button{
  min-height:54px;
  background:var(--pp);
  color:var(--text-inverse);
  border:2px solid var(--ink);
  border-radius:6px;
  box-shadow:4px 4px 0 var(--ink);
  font-weight:700;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.single-post-template .article-lead-form button:hover{
  background:#3b1678;
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--ink);
}
.single-post-template .article-form-whatsapp{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--pp);
  background:var(--bg-surface);
  border:2px solid rgba(76,29,149,.35);
  border-radius:6px;
  font-weight:900;
  text-decoration:none;
  transition:border-color .18s ease, color .18s ease, transform .18s ease;
}
.single-post-template .article-form-whatsapp:hover{
  color:#3b1678;
  border-color:var(--pp);
  transform:translateY(-1px);
}

@media (max-width:1080px){
  .single-post-template .article-sidebar{
    position:static!important;
    top:auto!important;
  }
}

/* commerce hero typography clipping fix */
.commerce-seo-page .commerce-hero{
  overflow:visible;
}
.commerce-seo-page .commerce-copy{
  overflow:visible;
}
.commerce-seo-page .commerce-copy h1{
  overflow:visible;
  line-height:1.18!important;
  padding-block:.06em .14em;
  margin-bottom:18px;
}
.commerce-seo-page .commerce-copy h1 em{
  overflow:visible;
  line-height:1.18;
  margin-top:4px;
  padding-bottom:.12em;
}
.commerce-seo-page .commerce-copy h1 em::after{
  bottom:.03em;
  height:.11em;
  opacity:.85;
}
.commerce-seo-page .commerce-copy p{
  max-width:660px;
  line-height:1.9;
}

@media (max-width:640px){
  .commerce-seo-page .commerce-copy h1{
    line-height:1.2!important;
    padding-block:.04em .12em;
  }
}

/* WordPress single post: reference-style article layout */
.single-post-template{
  background:#f2f2f2!important;
  color:var(--ink);
  font-family:var(--font-arabic)!important;
}
.single-post-template .article-shell{
  width:min(100% - 48px,1280px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding-block:clamp(46px,6vw,86px);
  direction:ltr;
}
.single-post-template .article-sidebar{
  position:sticky;
  top:96px;
  display:block;
  min-width:0;
  grid-area:auto;
  grid-column:auto;
  direction:rtl;
}
.article-lead-form{
  background:#050508;
  color:var(--text-inverse);
  border-radius:10px;
  border:2px solid #050508;
  padding:28px 24px;
  box-shadow:8px 8px 0 rgba(76,29,149,.95);
  display:grid;
  gap:16px;
}
.article-lead-form h2{
  margin:0 0 8px;
  color:#ddd6fe;
  font-family:var(--font-arabic);
  font-size:clamp(28px,2.6vw,40px);
  line-height:1.15;
  text-align:center;
}
.article-lead-form label{
  display:grid;
  gap:8px;
  color:rgba(255,255,255,.8);
  font-weight:700;
}
.article-lead-form b{
  color:#f97316;
}
.article-lead-form input,
.article-lead-form select,
.article-lead-form textarea{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:0;
  background:var(--bg-surface-alt);
  color:#111;
  font-family:var(--font-arabic);
  font-size:16px;
  padding:10px 12px;
}
.article-lead-form textarea{
  resize:vertical;
  min-height:124px;
}
.article-lead-form button{
  min-height:52px;
  border:0;
  background:var(--pp);
  color:var(--text-inverse);
  font-family:var(--font-arabic);
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  box-shadow:4px 4px 0 #fff;
}
.article-form-whatsapp{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:44px;
  border:1px solid rgba(255,255,255,.24);
  color:var(--text-inverse);
  font-weight:900;
  text-align:center;
}
.single-post-template .article-main{
  min-width:0;
  direction:rtl;
}
.single-post-template .article-hero{
  padding:0;
  border:0;
  background:transparent;
}
.single-post-template .article-breadcrumb{
  justify-content:center;
  color:rgba(255,255,255,.72);
  font-size:14px;
  margin:18px 0 0;
}
.single-post-template .article-breadcrumb a{
  color:#c4b5fd;
}
.single-post-template .article-title-card{
  max-width:none;
  background:#050508!important;
  border:2px solid #050508!important;
  box-shadow:none!important;
  border-radius:10px;
  padding:clamp(24px,4vw,46px)!important;
  text-align:center;
}
.single-post-template .article-title-card h1{
  max-width:none;
  margin:0 auto;
  color:var(--text-inverse)!important;
  font-family:var(--font-arabic)!important;
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.22;
}
.single-post-template .article-meta-line{
  justify-content:center;
  margin:20px 0 0;
  color:#ddd6fe;
  gap:8px;
}
.single-post-template .article-meta-line span,
.single-post-template .article-meta-line time{
  min-height:30px;
  border:1px solid rgba(196,181,253,.26);
  background:rgba(76,29,149,.18);
  color:#ddd6fe;
  box-shadow:none;
  padding:6px 10px;
}
.single-post-template .article-featured{
  max-width:none;
  margin:20px 0 18px;
  border:0;
  box-shadow:none;
  background:var(--bg-surface);
  border-radius:0;
}
.single-post-template .article-featured-img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.single-post-template .article-toc{
  display:block;
  background:var(--bg-surface);
  color:#111;
  border:1px solid rgba(10,10,12,.2);
  box-shadow:none;
  padding:0;
  margin:0 0 30px;
}
.single-post-template .article-toc summary{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  cursor:pointer;
  font-family:var(--font-arabic);
  font-size:22px;
  font-weight:900;
  list-style:none;
}
.single-post-template .article-toc summary::-webkit-details-marker{
  display:none;
}
.single-post-template .article-toc summary::before{
  content:'⌄';
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--ink);
  color:var(--ink);
}
.single-post-template .article-toc[open] summary::before{
  transform:rotate(180deg);
}
.single-post-template .article-toc ol{
  padding:18px 22px 22px;
  border-top:1px solid rgba(10,10,12,.1);
}
.single-post-template .article-content{
  max-width:960px;
  margin-inline:auto;
  padding:0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center;
}
.single-post-template .article-content > *{
  max-width:920px;
  margin-inline:auto;
}
.single-post-template .article-content p,
.single-post-template .article-content li{
  font-family:var(--font-arabic)!important;
  color:#111;
  font-size:clamp(18px,1.35vw,21px);
  line-height:2;
}
.single-post-template .article-content p{
  margin:0 auto 1.35rem;
}
.single-post-template .article-content h2,
.single-post-template .article-content h3,
.single-post-template .article-content h4{
  font-family:var(--font-arabic)!important;
  color:#111;
  font-weight:900;
  text-align:center;
  border:0;
  padding:0;
}
.single-post-template .article-content h2{
  font-size:clamp(34px,3.3vw,52px);
  line-height:1.22;
  margin:2.8rem auto 1.2rem;
}
.single-post-template .article-content h3{
  font-size:clamp(26px,2.2vw,36px);
  line-height:1.25;
  margin:2rem auto .9rem;
}
.single-post-template .article-content h4{
  font-size:clamp(22px,1.8vw,28px);
  margin:1.7rem auto .75rem;
}
.single-post-template .article-content ul,
.single-post-template .article-content ol{
  display:inline-block;
  text-align:start;
  margin:0 auto 1.5rem;
  padding-inline-start:1.3em;
}
.single-post-template .article-content img,
.single-post-template .article-content .wp-block-image img{
  max-width:100%;
  height:auto;
  border:0;
  box-shadow:none;
  margin-inline:auto;
}
@media(max-width:1080px){
  .single-post-template .article-shell{
    grid-template-columns:1fr;
    width:min(100% - 34px,920px);
  }
  .single-post-template .article-sidebar{
    position:static;
    order:2;
  }
  .single-post-template .article-main{
    order:1;
  }
}
@media(max-width:640px){
  .single-post-template .article-shell{
    width:min(100% - 24px,920px);
    padding-block:34px 58px;
  }
  .single-post-template .article-title-card{
    padding:24px 18px!important;
  }
  .single-post-template .article-title-card h1{
    font-size:clamp(32px,9vw,44px);
  }
  .article-lead-form{
    padding:22px 18px;
    box-shadow:5px 5px 0 rgba(76,29,149,.95);
  }
}

/* Single post readability refinements */
.single-post-template .article-shell{
  grid-template-columns:minmax(280px,350px) minmax(0,1fr)!important;
  gap:clamp(34px,4vw,64px)!important;
}
.single-post-template .article-main{
  width:100%;
}
.single-post-template .article-title-card h1{
  font-size:clamp(38px,4vw,56px)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
.single-post-template .article-content{
  max-width:900px!important;
}
.single-post-template .article-content > *{
  max-width:900px!important;
}
.single-post-template .article-content p{
  font-family:var(--font-arabic)!important;
  font-size:18px!important;
  line-height:1.95!important;
  margin:0 auto 1.5rem!important;
  color:#111!important;
  font-weight:400!important;
}
.single-post-template .article-content li{
  font-family:var(--font-arabic)!important;
  font-size:18px!important;
  line-height:1.9!important;
  margin-bottom:.85rem!important;
  color:#111!important;
}
.single-post-template .article-content h2,
.single-post-template .article-content h3,
.single-post-template .article-content h4{
  font-family:var(--font-arabic)!important;
  color:#111!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.single-post-template .article-content h2{
  font-size:clamp(34px,3.1vw,48px)!important;
  line-height:1.25!important;
  margin:3rem auto 1rem!important;
}
.single-post-template .article-content h3{
  font-size:clamp(27px,2.2vw,34px)!important;
  line-height:1.32!important;
  margin:2.4rem auto .9rem!important;
}
.single-post-template .article-content h4{
  font-size:clamp(22px,1.7vw,27px)!important;
  line-height:1.38!important;
  margin:2rem auto .75rem!important;
}
.single-post-template .article-toc:not([open]) ol{
  display:none!important;
}
@media(max-width:1080px){
  .single-post-template .article-shell{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
}

/* Expert SEO typography sync with homepage */
body.qovali-seo-landing-page,
body.qovali-seo-landing-page .seo-page-template,
body.qovali-seo-landing-page .expert-seo-page{
  font-family:var(--font-arabic);
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.expert-seo-page :where(h1,h2,h3,h4,h5,h6,p,li,button,a){
  font-family:var(--font-arabic);
  letter-spacing:0;
}
.expert-seo-page .hero-h1,
.expert-seo-page .seo-consultant-title{
  font-family:var(--font-arabic);
  font-size:clamp(2.5rem,4.7vw,4.25rem);
  font-weight:900;
  line-height:1.1;
  letter-spacing:0;
  text-wrap:balance;
}
.expert-seo-page .hero-sub,
.expert-seo-page .section-sub,
.expert-seo-page .mini-copy,
.expert-seo-page .card p,
.expert-seo-page .matrix-row span,
.expert-seo-page .faq-a-inner{
  font-family:var(--font-arabic);
  font-size:18px;
  font-weight:400;
  line-height:1.7;
  color:var(--gy-mid);
}
.expert-seo-page .section-kicker,
.expert-seo-page .eyebrow,
.expert-seo-page .hero-badge{
  font-family:var(--font-arabic);
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
}
.expert-seo-page .section-title,
.expert-seo-page .section-h2,
.expert-seo-page .expert-diagnostics__head h2,
.expert-seo-page .expert-output-heading,
.expert-seo-page .competition-heading{
  font-family:var(--font-arabic);
  font-size:clamp(2rem,2.8vw,2.75rem);
  font-weight:900;
  line-height:1.2;
  letter-spacing:0;
  text-wrap:balance;
}
.expert-seo-page .card h3,
.expert-seo-page .timeline-item h3,
.expert-seo-page .comparison-card h3,
.expert-seo-page .testimonial-card__person strong,
.expert-seo-page .faq-q{
  font-family:var(--font-arabic);
  font-weight:700;
  line-height:1.35;
  letter-spacing:0;
}
.expert-seo-page .btn-primary,
.expert-seo-page .btn-outline,
.expert-seo-page .nav-cta{
  font-family:var(--font-arabic);
  font-size:16px;
  font-weight:700;
  line-height:1.3;
}
.expert-seo-page .faq-q{
  font-size:16px;
}
.expert-seo-page .faq-a-inner{
  font-size:15px;
  line-height:1.8;
}
.expert-seo-page .expert-diagnostic-card h3,
.expert-seo-page .expert-output-card h3,
.expert-seo-page .competition-card h3{
  font-family:var(--font-arabic);
  font-weight:700;
  font-synthesis:none;
  font-variant-ligatures:none;
}
.expert-seo-page .metric-note,
.expert-seo-page [dir="ltr"]{
  font-family:var(--font-arabic);
  font-weight:700;
  font-synthesis:none;
  font-variant-ligatures:none;
}
.expert-seo-page .metric-change{font-family:var(--font-mono)}

/* Expert hero and graph final layout */
.expert-seo-page .expert-hero > .hero-content,
.expert-seo-page .expert-hero .hero-content{
  width:100%;
  max-width:none;
  padding:0!important;
  margin:0;
  border:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
}
.expert-seo-page .expert-hero{
  align-items:center;
}
.expert-seo-page .expert-hero-visual{
  display:grid;
  place-items:center;
  align-content:center;
  justify-content:center;
  min-height:clamp(360px,40vw,540px);
  overflow:visible;
}
.expert-seo-page .expert-rank-visual{
  display:grid;
  place-items:center;
  width:min(100%,680px);
  margin-inline:auto;
  transform:none;
}
.expert-seo-page .expert-rank-visual__chart{
  width:100%;
  min-height:clamp(340px,38vw,520px);
  display:grid;
  place-items:center;
  overflow:visible;
}
.expert-seo-page .expert-rank-visual__chart svg{
  width:100%;
  max-width:680px;
  height:auto;
  transform:scale(1.32);
  transform-origin:center;
}

@media (min-width:1101px){
  .expert-seo-page .expert-hero{
    grid-template-columns:minmax(0,1fr) minmax(460px,.98fr);
    gap:64px;
  }
  .expert-seo-page .expert-hero-visual{
    min-height:560px;
  }
  .expert-seo-page .expert-rank-visual__chart{
    min-height:520px;
  }
  .expert-seo-page .expert-rank-visual__chart svg{
    max-width:690px;
    transform:scale(1.42);
  }
}

@media (max-width:1100px) and (min-width:861px){
  .expert-seo-page .expert-rank-visual__chart svg{
    max-width:520px;
    transform:scale(1.2);
  }
}

@media (max-width:860px){
  .expert-seo-page .expert-hero > .hero-content,
  .expert-seo-page .expert-hero .hero-content{
    padding:0!important;
  }
  .expert-seo-page .expert-hero-visual{
    min-height:360px;
  }
  .expert-seo-page .expert-rank-visual{
    transform:none;
  }
  .expert-seo-page .expert-rank-visual__chart{
    min-height:320px;
  }
  .expert-seo-page .expert-rank-visual__chart svg{
    max-width:430px;
    transform:scale(1);
  }
}

.expert-seo-page .expert-diagnostic-card h3,
.expert-seo-page .expert-output-card h3,
.expert-seo-page .competition-card h3{
  font-family:var(--font-arabic)!important;
  font-weight:700!important;
  line-height:1.18;
  letter-spacing:0;
  font-synthesis:none!important;
  font-variant-ligatures:none!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}
.expert-seo-page .expert-diagnostic-card,
.expert-seo-page .expert-output-card,
.expert-seo-page .competition-card,
.expert-seo-page .card{
  position:relative;
  z-index:1;
  isolation:isolate;
}
.expert-seo-page .expert-diagnostic-card::after,
.expert-seo-page .expert-output-card::after,
.expert-seo-page .competition-card::after,
.expert-seo-page .card::after{
  z-index:-1;
  opacity:.12;
  pointer-events:none;
}
.expert-seo-page .expert-diagnostic-card:hover::after,
.expert-seo-page .expert-output-card:hover::after,
.expert-seo-page .competition-card:hover::after,
.expert-seo-page .card:hover::after{
  opacity:.16;
}
.expert-seo-page .section .grid:not(.two):not(.three) .card{
  padding-inline:24px;
}
.expert-seo-page .section .grid:not(.two):not(.three) .card h3{
  font-size:clamp(24px,2.15vw,32px);
  line-height:1.18;
  max-width:15ch;
}

@media (min-width:981px){
  .expert-seo-page .section .grid:not(.two):not(.three) .card{
    min-height:260px;
  }
}

@media (max-width:980px){
  .expert-seo-page .section .grid:not(.two):not(.three) .card h3{
    max-width:none;
  }
}

/* Services SEO page premium alignment */

/* Services SEO page homepage-synced overhaul */

/* Services hero split alignment refinement */

/* Services hero topical map network */

@keyframes qv-topic-flow{
  to{ stroke-dashoffset:-46; }
}
@keyframes qv-topic-pulse{
  0%,100%{ opacity:.45; transform:scale(.9); }
  50%{ opacity:1; transform:scale(1.12); }
}
@keyframes qv-topic-orbit{
  to{ transform:rotate(360deg); }
}

/* Commerce page premium brutalist redesign */
.commerce-seo-page{
  font-family:var(--font-arabic);
  background:var(--cream);
  color:var(--gy-dark);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.commerce-seo-page h1,
.commerce-seo-page h2,
.commerce-seo-page h3,
.commerce-seo-page h4,
.commerce-seo-page h5,
.commerce-seo-page h6{
  font-family:var(--font-arabic);
  font-weight:900;
  letter-spacing:0;
  color:var(--gy-dark);
}
.commerce-seo-page p,
.commerce-seo-page li,
.commerce-seo-page .section-sub,
.commerce-seo-page .matrix-copy,
.commerce-seo-page .proof-row span{
  font-family:var(--font-arabic);
  font-weight:400;
  line-height:1.82;
  color:var(--gy-mid);
  letter-spacing:0;
}
.commerce-seo-page [dir="ltr"],
.commerce-seo-page .work-tag,
.commerce-seo-page .matrix-label{
  font-family:var(--font-arabic);
  font-weight:700;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.commerce-seo-page .commerce-hero{
  position:relative;
  max-width:var(--maxw);
  min-height:calc(100dvh - 64px);
  margin-inline:auto;
  padding:64px 32px 48px;
  display:grid;
  grid-template-columns:minmax(460px,.9fr) minmax(680px,1.1fr);
  grid-template-areas:"visual copy";
  gap:60px;
  align-items:center;
  direction:ltr;
  overflow:hidden;
}
.commerce-seo-page .commerce-copy{
  grid-area:copy;
  position:relative;
  z-index:2;
  direction:rtl;
  text-align:right;
  width:100%;
  max-width:none;
  padding:0;
}
.commerce-seo-page .commerce-copy .eyebrow{
  justify-content:flex-start;
  margin-bottom:24px;
  color:var(--pp);
  font-family:var(--font-arabic);
  font-weight:900;
}
.commerce-seo-page .commerce-copy h1{
  max-width:none;
  margin:0 0 16px;
  font-size:clamp(36px,5.1vw,68px);
  line-height:1.04;
  text-wrap:balance;
}
.commerce-seo-page .commerce-copy h1 em{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:2px;
  color:var(--pp);
  font-style:normal;
  position:relative;
}
.commerce-seo-page .commerce-copy h1 em::after{
  content:'';
  position:absolute;
  right:0;
  left:0;
  bottom:.05em;
  height:.13em;
  background:var(--pp-pale);
  z-index:-1;
}
.commerce-seo-page .commerce-copy p{
  max-width:560px;
  margin:0 0 32px;
  font-size:18px;
  line-height:1.7;
}
.commerce-seo-page .commerce-copy .hero-actions{
  justify-content:flex-start;
  margin-bottom:40px;
}
.commerce-seo-page .commerce-proof-strip{
  max-width:620px;
  margin:0;
  border:3px solid var(--gy-dark);
  border-radius:0;
  background:var(--white);
  box-shadow:var(--shadow-lg);
}
.commerce-seo-page .commerce-proof-strip div{
  min-height:84px;
  border-left:3px solid var(--gy-dark);
  padding:14px;
}
.commerce-seo-page .commerce-proof-strip strong{
  font-family:var(--font-arabic);
  font-size:24px;
  font-weight:900;
}
.commerce-seo-page .commerce-proof-strip span{
  font-size:14px;
  font-weight:700;
}
.commerce-seo-page .commerce-hero > .work-wall{
  grid-area:visual;
  position:relative;
  z-index:1;
  justify-self:start;
  align-self:center;
  width:min(100%,540px);
  max-width:540px;
  height:600px;
  margin:0;
  transform:none;
  transform-origin:center left;
}
.commerce-seo-page .commerce-hero > .work-wall::before,
.commerce-seo-page .commerce-hero > .work-wall::after{
  height:118px;
}
.commerce-seo-page .commerce-hero .work-device{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.commerce-seo-page .commerce-hero .work-screen{
  aspect-ratio:1080/2334;
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-xl);
}
.commerce-seo-page .commerce-hero .work-project-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
  z-index:0;
}
.commerce-seo-page .section{
  padding:80px 24px;
}
.commerce-seo-page .section.alt{
  background:var(--cream);
}
.commerce-seo-page .section-inner{
  max-width:1240px;
  margin-inline:auto;
}
.commerce-seo-page .section-kicker,
.commerce-seo-page .section-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:var(--pp);
  font-family:var(--font-arabic);
  font-weight:700;
  line-height:1.2;
}
.commerce-seo-page .section-kicker::before{
  content:'◆';
  font-size:10px;
}
.commerce-seo-page .section-title,
.commerce-seo-page .section-h2,
.commerce-seo-page .cta-band h2{
  max-width:980px;
  margin:0 0 12px;
  font-size:clamp(34px,4.5vw,58px);
  line-height:1;
  text-wrap:balance;
}
.commerce-seo-page .section-sub{
  max-width:580px;
  margin:0 0 48px;
  font-size:18px;
  line-height:1.7;
}
.commerce-seo-page .grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-lg);
  background:var(--white);
}
.commerce-seo-page .grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.commerce-seo-page .card,
.commerce-seo-page .card.soft{
  position:relative;
  min-height:250px;
  padding:32px 28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:22px;
  background:var(--white)!important;
  border:0!important;
  border-left:3px solid var(--gy-dark)!important;
  border-top:3px solid var(--gy-dark)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden;
  transition:background .2s ease,transform .2s ease;
}
.commerce-seo-page .grid:not(.two) > .card:nth-child(-n+3),
.commerce-seo-page .grid.two > .card:nth-child(-n+2){
  border-top:0!important;
}
.commerce-seo-page .grid:not(.two) > .card:nth-child(3n),
.commerce-seo-page .grid.two > .card:nth-child(2n){
  border-left:0!important;
}
.commerce-seo-page .card::after{
  content:'';
  position:absolute;
  width:132px;
  height:132px;
  border:18px solid rgba(76,29,149,.07);
  border-radius:50%;
  left:-58px;
  bottom:-58px;
  z-index:0;
  opacity:.38;
  pointer-events:none;
  transition:transform .25s ease,opacity .25s ease;
}
.commerce-seo-page .card > *{
  position:relative;
  z-index:1;
}
.commerce-seo-page .card:hover{
  background:var(--pp-pale)!important;
  transform:translateY(-4px);
}
.commerce-seo-page .card:hover::after{
  transform:scale(1.25);
  opacity:.5;
}
.commerce-seo-page .card-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  background:var(--pp);
  color:var(--text-inverse);
  border:3px solid var(--gy-dark);
  box-shadow:var(--shadow-sm);
  font-family:var(--font-mono);
  font-weight:700;
  line-height:1;
}
.commerce-seo-page .card h3{
  margin:0;
  font-size:22px;
  line-height:1.16;
  max-width:none;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.commerce-seo-page .card p{
  margin:0;
  max-width:60ch;
  font-size:15px;
  line-height:1.7;
}
.commerce-seo-page .platform-section .platform-head{
  max-width:none;
  width:100%;
  text-align:center;
}
.commerce-seo-page .platform-section .section-title{
  max-width:none;
}
.commerce-seo-page .platform-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  gap:28px;
  align-items:start;
}
.commerce-seo-page .matrix,
.commerce-seo-page .proof-panel,
.commerce-seo-page .related-pages,
.commerce-seo-page .cta-band{
  border:3px solid var(--gy-dark)!important;
  border-radius:0!important;
  box-shadow:var(--shadow-lg)!important;
  background:var(--white)!important;
}
.commerce-seo-page .matrix{
  padding:0!important;
}
.commerce-seo-page .matrix-row{
  display:grid;
  grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:28px 32px;
  border-bottom:3px solid rgba(10,10,12,.1)!important;
  text-align:right;
}
.commerce-seo-page .matrix-row:last-child{
  border-bottom:0!important;
}
.commerce-seo-page .matrix-label{
  color:var(--pp);
  font-size:24px;
  line-height:1.1;
  text-align:right;
}
.commerce-seo-page .matrix-copy{
  font-size:15px;
  max-width:62ch;
}
.commerce-seo-page .platform-checklist{
  padding:34px!important;
}
.commerce-seo-page .platform-checklist h2{
  margin:0 0 20px;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.1;
}
.commerce-seo-page .proof-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
  border-bottom:2px solid rgba(10,10,12,.08);
}
.commerce-seo-page .proof-row:last-child{
  border-bottom:0;
}
.commerce-seo-page .proof-row strong{
  font-size:18px;
  font-weight:900;
}
.commerce-seo-page .proof-row::before{
  content:'';
  width:14px;
  height:14px;
  flex:0 0 14px;
  background:var(--pp);
  border:2px solid var(--gy-dark);
  box-shadow:2px 2px 0 var(--gy-dark);
  order:3;
}
.commerce-seo-page .related-pages{
  margin-top:52px;
  padding:34px!important;
}
.commerce-seo-page .related-pages > h2{
  margin:0 0 22px;
  font-size:clamp(28px,3vw,42px);
}
.commerce-seo-page .related-pages__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border:3px solid var(--gy-dark);
}
.commerce-seo-page .related-card{
  min-height:230px;
  padding:28px;
  border-left:3px solid var(--gy-dark);
  background:var(--white);
  box-shadow:none;
}
.commerce-seo-page .related-card:last-child{
  border-left:0;
}
.commerce-seo-page .related-card:hover{
  background:var(--pp-pale);
}
.commerce-seo-page .faq-bg{
  background:var(--cream);
}
.commerce-seo-page .faq-bg .section-inner{
  max-width:1120px;
}
.commerce-seo-page .faq-bg .section-label,
.commerce-seo-page .faq-bg .section-h2{
  display:flex;
  justify-content:flex-start;
  text-align:right;
}
.commerce-seo-page .faq-wrap{
  max-width:100%;
  margin:0;
}
.commerce-seo-page .faq-item{
  background:var(--white);
  border:3px solid var(--gy-dark);
  margin-bottom:18px;
  box-shadow:var(--shadow-sm);
  border-radius:0;
  transition:box-shadow .2s ease,transform .2s ease;
}
.commerce-seo-page .faq-item.open{
  box-shadow:var(--shadow-lg);
}
.commerce-seo-page .faq-q{
  width:100%;
  min-height:76px;
  padding:20px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  text-align:right;
  background:transparent;
  color:var(--gy-dark);
  font-family:var(--font-arabic);
  font-size:16px;
  font-weight:700;
  line-height:1.5;
}
.commerce-seo-page .faq-q:hover{
  background:var(--pp-pale);
}
.commerce-seo-page .faq-q-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  background:var(--pp);
  border:3px solid var(--gy-dark);
  color:var(--text-inverse);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:24px;
  font-weight:700;
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease,background .25s ease;
}
.commerce-seo-page .faq-item.open .faq-q-icon{
  transform:rotate(45deg);
  background:var(--gy-dark);
}
.commerce-seo-page .faq-a-inner{
  padding:0 24px 22px;
  border-top:3px dashed rgba(10,10,12,.14);
  padding-top:18px;
  font-size:15px;
  color:var(--gy-mid);
  line-height:1.86;
}
.commerce-seo-page .cta-band{
  max-width:1240px;
  margin:clamp(74px,8vw,120px) auto;
  padding:clamp(34px,4vw,54px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.commerce-seo-page .cta-band p{
  max-width:620px;
  margin:0;
  font-size:18px;
}

.commerce-seo-page .platform-section,
.commerce-seo-page .commerce-fit-section,
.commerce-seo-page .commerce-delivery-section,
.commerce-seo-page .store-structure-section{
  padding-top:64px;
  padding-bottom:64px;
}
.commerce-seo-page .platform-section .section-inner,
.commerce-seo-page .commerce-fit-section .section-inner,
.commerce-seo-page .commerce-delivery-section .section-inner,
.commerce-seo-page .store-structure-section .section-inner{
  max-width:1320px;
}
.commerce-seo-page .platform-section .platform-head,
.commerce-seo-page .commerce-fit-section .section-inner > div,
.commerce-seo-page .commerce-delivery-section .section-inner > div,
.commerce-seo-page .store-structure-section .section-inner > .section-kicker,
.commerce-seo-page .store-structure-section .section-inner > .section-title{
  width:100%;
}
.commerce-seo-page .platform-section .section-kicker,
.commerce-seo-page .commerce-fit-section .section-kicker,
.commerce-seo-page .commerce-delivery-section .section-kicker,
.commerce-seo-page .store-structure-section .section-kicker{
  margin-bottom:10px;
  justify-content:center;
  display:flex;
  width:max-content;
  margin-inline:auto;
}
.commerce-seo-page .platform-section .section-title,
.commerce-seo-page .commerce-fit-section .section-title,
.commerce-seo-page .commerce-delivery-section .section-title,
.commerce-seo-page .store-structure-section .section-title{
  width:100%;
  max-width:none;
  margin:0 auto 12px;
  text-align:center;
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.08;
  white-space:nowrap;
  text-wrap:normal;
}
.commerce-seo-page .platform-section .section-sub,
.commerce-seo-page .commerce-fit-section .section-sub,
.commerce-seo-page .commerce-delivery-section .section-sub{
  max-width:760px;
  margin:0 auto 32px;
  text-align:center;
}
.commerce-seo-page .store-structure-section .grid{
  margin-top:28px;
}

@media (max-width:1180px){
  .commerce-seo-page .commerce-hero{
    grid-template-columns:minmax(380px,.86fr) minmax(520px,1.14fr);
    gap:42px;
  }
  .commerce-seo-page .commerce-copy h1{
    font-size:clamp(46px,5vw,66px);
  }
  .commerce-seo-page .commerce-hero > .work-wall{
    width:min(100%,540px);
    height:clamp(480px,48vw,600px);
    margin-left:0;
    transform:none;
  }
}

@media (max-width:980px){
  .commerce-seo-page .commerce-hero{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "visual";
    padding:54px 20px 70px;
    gap:34px;
  }
  .commerce-seo-page .commerce-copy{
    text-align:center;
  }
  .commerce-seo-page .commerce-copy .eyebrow,
  .commerce-seo-page .commerce-copy .hero-actions{
    justify-content:center;
  }
  .commerce-seo-page .commerce-copy h1 em{
    margin-inline:auto;
  }
  .commerce-seo-page .commerce-copy p{
    margin-inline:auto;
  }
  .commerce-seo-page .commerce-proof-strip{
    margin-inline:auto;
  }
  .commerce-seo-page .commerce-hero > .work-wall{
    width:min(100%,520px);
    height:500px;
    margin:0 auto;
    transform:none;
    justify-self:center;
  }
  .commerce-seo-page .grid,
  .commerce-seo-page .grid.two,
  .commerce-seo-page .platform-grid,
  .commerce-seo-page .related-pages__grid{
    grid-template-columns:1fr;
  }
  .commerce-seo-page .card,
  .commerce-seo-page .card.soft,
  .commerce-seo-page .related-card{
    min-height:auto;
    border-left:0!important;
    border-top:3px solid var(--gy-dark)!important;
  }
  .commerce-seo-page .grid > .card:first-child,
  .commerce-seo-page .related-card:first-child{
    border-top:0!important;
  }
  .commerce-seo-page .matrix-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .commerce-seo-page .platform-section .section-title,
  .commerce-seo-page .commerce-fit-section .section-title,
  .commerce-seo-page .commerce-delivery-section .section-title,
  .commerce-seo-page .store-structure-section .section-title{
    white-space:normal;
    font-size:clamp(32px,5vw,44px);
  }
}

@media (max-width:640px){
  .commerce-seo-page .commerce-copy h1{
    font-size:clamp(36px,11vw,48px);
    line-height:1.12;
  }
  .commerce-seo-page .commerce-proof-strip{
    grid-template-columns:1fr;
  }
  .commerce-seo-page .commerce-proof-strip div{
    border-left:0;
    border-top:3px solid var(--gy-dark);
  }
  .commerce-seo-page .commerce-proof-strip div:first-child{
    border-top:0;
  }
  .commerce-seo-page .commerce-hero > .work-wall{
    width:calc(100% - 24px);
    height:440px;
    margin-inline:auto;
  }
  .commerce-seo-page .section{
    padding:64px 18px;
  }
  .commerce-seo-page .section-title,
  .commerce-seo-page .section-h2{
    font-size:clamp(32px,10vw,44px);
    line-height:1.14;
  }
  .commerce-seo-page .platform-section,
  .commerce-seo-page .commerce-fit-section,
  .commerce-seo-page .commerce-delivery-section,
  .commerce-seo-page .store-structure-section{
    padding-top:52px;
    padding-bottom:56px;
  }
  .commerce-seo-page .platform-section .section-title,
  .commerce-seo-page .commerce-fit-section .section-title,
  .commerce-seo-page .commerce-delivery-section .section-title,
  .commerce-seo-page .store-structure-section .section-title{
    white-space:normal;
    font-size:clamp(30px,9vw,40px);
  }
  .commerce-seo-page .faq-q{
    min-height:78px;
    padding:20px;
  }
  .commerce-seo-page .faq-a-inner{
    padding:20px;
  }
  .commerce-seo-page .cta-band{
    margin:64px 18px;
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }
}

/* final commerce hero typography clipping fix */
.commerce-seo-page .commerce-hero{
  overflow:visible!important;
}
.commerce-seo-page .commerce-copy{
  overflow:visible!important;
}
.commerce-seo-page .commerce-copy h1{
  overflow:visible!important;
  line-height:1.18!important;
  padding-block:.06em .14em!important;
  margin-bottom:18px!important;
}
.commerce-seo-page .commerce-copy h1 em{
  overflow:visible!important;
  line-height:1.18!important;
  margin-top:4px!important;
  padding-bottom:.12em!important;
}
.commerce-seo-page .commerce-copy h1 em::after{
  bottom:.03em!important;
  height:.11em!important;
  opacity:.85;
}
.commerce-seo-page .commerce-copy p{
  max-width:660px!important;
  line-height:1.9!important;
}

@media (max-width:640px){
  .commerce-seo-page .commerce-copy h1{
    line-height:1.2!important;
    padding-block:.04em .12em!important;
  }
}

/* final single post sidebar/form polish */
.single-post-template{
  background:#f8f6f1!important;
}
.single-post-template .article-sidebar{
  position:sticky!important;
  top:120px!important;
  align-self:flex-start!important;
  height:fit-content!important;
}
.single-post-template .article-lead-form{
  display:grid!important;
  gap:16px!important;
  background:var(--bg-surface)!important;
  color:var(--ink)!important;
  border:2px solid var(--ink)!important;
  border-radius:8px!important;
  padding:28px 24px!important;
  box-shadow:0 18px 42px rgba(10,10,12,.08), 5px 5px 0 rgba(76,29,149,.18)!important;
}
.single-post-template .article-lead-form h2{
  color:var(--ink)!important;
  text-align:start!important;
  font-family:var(--font-arabic)!important;
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.25!important;
  margin:0 0 8px!important;
}
.single-post-template .article-lead-form label{
  display:grid!important;
  gap:8px!important;
  color:rgba(10,10,12,.7)!important;
  font-size:13px!important;
  font-weight:700!important;
}
.single-post-template .article-lead-form b{
  color:var(--pp)!important;
}
.single-post-template .article-lead-form input,
.single-post-template .article-lead-form select,
.single-post-template .article-lead-form textarea{
  width:100%!important;
  min-height:50px!important;
  background:var(--bg-surface)!important;
  color:var(--ink)!important;
  border:1px solid rgba(10,10,12,.16)!important;
  border-radius:6px!important;
  padding:12px 14px!important;
  font:inherit!important;
  box-shadow:inset 0 1px 0 rgba(10,10,12,.03)!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.single-post-template .article-lead-form textarea{
  min-height:132px!important;
  resize:vertical;
}
.single-post-template .article-lead-form input:focus,
.single-post-template .article-lead-form select:focus,
.single-post-template .article-lead-form textarea:focus{
  outline:none!important;
  border-color:var(--pp)!important;
  box-shadow:0 0 0 3px rgba(76,29,149,.12)!important;
}
.single-post-template .article-lead-form button{
  min-height:54px!important;
  background:var(--pp)!important;
  color:var(--text-inverse)!important;
  border:2px solid var(--ink)!important;
  border-radius:6px!important;
  box-shadow:4px 4px 0 var(--ink)!important;
  font-family:var(--font-arabic)!important;
  font-size:18px!important;
  font-weight:700!important;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.single-post-template .article-lead-form button:hover{
  background:#3b1678!important;
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--ink)!important;
}
.single-post-template .article-form-whatsapp{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--pp)!important;
  background:var(--bg-surface)!important;
  border:2px solid rgba(76,29,149,.35)!important;
  border-radius:6px!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:border-color .18s ease, color .18s ease, transform .18s ease!important;
}
.single-post-template .article-form-whatsapp:hover{
  color:#3b1678!important;
  border-color:var(--pp)!important;
  transform:translateY(-1px);
}

@media (max-width:1080px){
  .single-post-template .article-sidebar{
    position:static!important;
    top:auto!important;
  }
}

/* eof commerce hero typography clipping fix */
.commerce-seo-page .commerce-hero{
  overflow:visible!important;
}
.commerce-seo-page .commerce-copy{
  overflow:visible!important;
}
.commerce-seo-page .commerce-copy h1{
  overflow:visible!important;
  line-height:1.18!important;
  padding-block:.06em .14em!important;
  margin-bottom:18px!important;
}
.commerce-seo-page .commerce-copy h1 em{
  overflow:visible!important;
  line-height:1.18!important;
  margin-top:4px!important;
  padding-bottom:.12em!important;
}
.commerce-seo-page .commerce-copy h1 em::after{
  bottom:.03em!important;
  height:.11em!important;
  opacity:.85;
}
.commerce-seo-page .commerce-copy p{
  max-width:660px!important;
  line-height:1.9!important;
}

@media (max-width:640px){
  .commerce-seo-page .commerce-copy h1{
    line-height:1.2!important;
    padding-block:.04em .12em!important;
  }
}

/* final commerce page compact brutalist polish */
@media (min-width:981px){
  .commerce-seo-page .platform-section,
  .commerce-seo-page .commerce-audience-section,
  .commerce-seo-page .commerce-build-section,
  .commerce-seo-page .store-structure-section{
    padding-top:38px!important;
    padding-bottom:42px!important;
  }
  .commerce-seo-page .platform-section .section-inner,
  .commerce-seo-page .commerce-audience-section .section-inner,
  .commerce-seo-page .commerce-build-section .section-inner,
  .commerce-seo-page .store-structure-section .section-inner{
    width:100%!important;
    max-width:1320px!important;
    padding-inline:0!important;
  }
  .commerce-seo-page .platform-section .platform-head,
  .commerce-seo-page .commerce-audience-section .section-inner,
  .commerce-seo-page .commerce-build-section .section-inner,
  .commerce-seo-page .store-structure-section .section-inner{
    display:block!important;
    text-align:center!important;
  }
  .commerce-seo-page .platform-section .section-title,
  .commerce-seo-page .commerce-audience-section .section-title,
  .commerce-seo-page .commerce-build-section .section-title,
  .commerce-seo-page .store-structure-section .section-title{
    width:100%!important;
    max-width:none!important;
    display:block!important;
    margin:0 auto 10px!important;
    padding-inline:0!important;
    white-space:nowrap!important;
    text-wrap:normal!important;
    overflow:visible!important;
    font-size:clamp(30px,2.55vw,42px)!important;
    line-height:1.12!important;
    text-align:center!important;
  }
  .commerce-seo-page .platform-section .section-kicker,
  .commerce-seo-page .commerce-audience-section .section-kicker,
  .commerce-seo-page .commerce-build-section .section-kicker,
  .commerce-seo-page .store-structure-section .section-kicker{
    width:max-content!important;
    margin:0 auto 8px!important;
    justify-content:center!important;
  }
  .commerce-seo-page .platform-section .section-sub,
  .commerce-seo-page .commerce-audience-section .section-sub,
  .commerce-seo-page .commerce-build-section .section-sub{
    max-width:860px!important;
    margin:0 auto 24px!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.75!important;
  }
}

.commerce-seo-page .card::after,
.commerce-seo-page .proof-row::before,
.commerce-seo-page .proof-row::after{
  content:none!important;
  display:none!important;
}
.commerce-seo-page .card,
.commerce-seo-page .card.soft{
  min-height:178px!important;
  padding:22px 24px!important;
  gap:12px!important;
  justify-content:center!important;
}
.commerce-seo-page .card-number{
  width:44px!important;
  height:44px!important;
  margin-bottom:4px!important;
}
.commerce-seo-page .card h3{
  font-size:21px!important;
  line-height:1.28!important;
}
.commerce-seo-page .card p{
  font-size:15px!important;
  line-height:1.68!important;
}
.commerce-seo-page .store-structure-section .grid{
  margin-top:18px!important;
}
.commerce-seo-page .store-structure-section .card,
.commerce-seo-page .store-structure-section .card.soft{
  min-height:118px!important;
  padding:18px 22px!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.commerce-seo-page .store-structure-section .card h3{
  width:100%!important;
  margin-inline:auto!important;
  text-align:center!important;
  font-size:20px!important;
  line-height:1.2!important;
}
.commerce-seo-page .store-structure-section .card p{
  max-width:56ch!important;
  width:100%!important;
  margin-inline:auto!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.62!important;
}
.commerce-seo-page .seo-support-grid .card{
  min-height:160px!important;
  padding-block:20px!important;
}
.commerce-seo-page .commerce-build-section .seo-support-grid .card{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding-inline:28px!important;
}
.commerce-seo-page .commerce-build-section .seo-support-grid .card-number{
  margin-inline:auto!important;
}
.commerce-seo-page .commerce-build-section .seo-support-grid .card h3,
.commerce-seo-page .commerce-build-section .seo-support-grid .card p{
  width:100%!important;
  max-width:60ch!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.commerce-seo-page .platform-checklist{
  background:var(--bg-surface)!important;
  padding:24px!important;
}
.commerce-seo-page .platform-checklist h2{
  margin-bottom:12px!important;
  font-size:clamp(22px,2vw,30px)!important;
}
.commerce-seo-page .platform-checklist .proof-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:12px 0!important;
  border-bottom:1px solid rgba(10,10,12,.1)!important;
  list-style:none!important;
}
.commerce-seo-page .platform-checklist .proof-row strong,
.commerce-seo-page .platform-checklist .proof-row span{
  text-align:right!important;
}
.commerce-seo-page .platform-checklist .proof-row strong{
  font-size:16px!important;
}
.commerce-seo-page .platform-checklist .proof-row span{
  font-size:14px!important;
  line-height:1.55!important;
}
.commerce-seo-page .matrix-row{
  padding:22px 28px!important;
}
.commerce-seo-page .related-pages{
  margin-top:34px!important;
  padding:26px!important;
}
.commerce-seo-page .related-card{
  min-height:170px!important;
  padding:22px!important;
}

@media (max-width:980px){
  .commerce-seo-page .platform-section,
  .commerce-seo-page .commerce-audience-section,
  .commerce-seo-page .commerce-build-section,
  .commerce-seo-page .store-structure-section{
    padding-top:54px!important;
    padding-bottom:56px!important;
  }
  .commerce-seo-page .platform-section .section-title,
  .commerce-seo-page .commerce-audience-section .section-title,
  .commerce-seo-page .commerce-build-section .section-title,
  .commerce-seo-page .store-structure-section .section-title{
    white-space:normal!important;
    font-size:clamp(30px,7vw,42px)!important;
    line-height:1.18!important;
  }
  .commerce-seo-page .card,
  .commerce-seo-page .card.soft,
  .commerce-seo-page .store-structure-section .card,
  .commerce-seo-page .store-structure-section .card.soft{
    min-height:auto!important;
  }
}

/* commerce platform lab */
.commerce-seo-page .platform-lab{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)!important;
  gap:28px!important;
  align-items:stretch!important;
  margin-top:28px!important;
}
.commerce-seo-page .platform-lab__stage{
  position:relative;
  min-height:320px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:26px;
  padding:42px 0;
  background:
    linear-gradient(90deg,rgba(15,11,22,.98),rgba(15,11,22,.86),rgba(15,11,22,.98)),
    radial-gradient(circle at 22% 50%,rgba(124,58,237,.32),transparent 36%),
    radial-gradient(circle at 72% 38%,rgba(196,181,253,.18),transparent 34%);
  border:4px solid var(--gy-dark);
  box-shadow:8px 8px 0 var(--gy-dark);
  isolation:isolate;
}
.commerce-seo-page .platform-lab__stage::before,
.commerce-seo-page .platform-lab__stage::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:120px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(15,11,22,.98),rgba(15,11,22,0));
}
.commerce-seo-page .platform-lab__stage::after{
  inset:0 0 0 auto;
  background:linear-gradient(270deg,rgba(15,11,22,.98),rgba(15,11,22,0));
}
.commerce-seo-page .platform-orbit{
  width:max-content;
  display:flex;
  gap:22px;
  padding-inline:24px;
  will-change:transform;
}
.commerce-seo-page .platform-orbit--top{
  animation:none;
}
.commerce-seo-page .platform-orbit--bottom{
  animation:none;
  opacity:.86;
}
.commerce-seo-page .platform-tech-card{
  width:190px;
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  color:var(--text-inverse);
  background:rgba(255,255,255,.045);
  border:2px solid rgba(255,255,255,.22);
  box-shadow:5px 5px 0 rgba(76,29,149,.55);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.commerce-seo-page .platform-tech-card:hover{
  transform:translateY(-6px);
  border-color:#c4b5fd;
  background:rgba(196,181,253,.11);
  box-shadow:7px 7px 0 rgba(196,181,253,.36);
}
.commerce-seo-page .tech-mark{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  color:#17072e;
  background:#c4b5fd;
  border:2px solid var(--text-inverse);
  font-family:var(--font-arabic);
  font-size:16px;
  font-weight:900;
  line-height:1;
  letter-spacing:0;
}
.commerce-seo-page .platform-tech-card strong{
  font-family:var(--font-arabic);
  font-size:20px;
  font-weight:900;
  line-height:1.15;
}
.commerce-seo-page .platform-tech-card small{
  max-width:16ch;
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:700;
  line-height:1.55;
}
.commerce-seo-page .platform-decision-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:20px;
  min-height:320px;
  padding:34px;
  background:var(--bg-surface);
  border:4px solid var(--gy-dark);
  box-shadow:8px 8px 0 var(--gy-dark);
}
.commerce-seo-page .decision-kicker{
  color:var(--pp);
  font-size:15px;
  font-weight:900;
}
.commerce-seo-page .platform-decision-card h3{
  margin:0;
  color:var(--ink);
  font-family:var(--font-arabic);
  font-size:clamp(28px,2.2vw,38px);
  font-weight:900;
  line-height:1.25;
  letter-spacing:0;
}
.commerce-seo-page .decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.commerce-seo-page .decision-grid span{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  color:var(--pp);
  background:rgba(76,29,149,.06);
  border:1px solid rgba(76,29,149,.24);
  font-size:14px;
  font-weight:900;
  text-align:center;
}

@media (prefers-reduced-motion:reduce){
  .commerce-seo-page .platform-orbit,
  .commerce-seo-page .platform-orbit--top,
  .commerce-seo-page .platform-orbit--bottom{
    animation:none!important;
    transform:none!important;
  }
}

@media (max-width:980px){
  .commerce-seo-page .platform-lab{
    grid-template-columns:1fr!important;
  }
  .commerce-seo-page .platform-lab__stage{
    min-height:280px;
    padding-block:32px;
  }
  .commerce-seo-page .platform-decision-card{
    min-height:auto;
  }
}

@media (max-width:640px){
  .commerce-seo-page .platform-lab__stage{
    margin-inline:-6px;
    border-width:3px;
    box-shadow:5px 5px 0 var(--gy-dark);
  }
  .commerce-seo-page .platform-tech-card{
    width:160px;
    min-height:132px;
  }
  .commerce-seo-page .platform-decision-card{
    padding:24px 20px;
    border-width:3px;
    box-shadow:5px 5px 0 var(--gy-dark);
  }
  .commerce-seo-page .decision-grid{
    grid-template-columns:1fr;
  }
}

/* commerce platform lab full-width refinement */
.commerce-seo-page .platform-lab{
  width:100%!important;
  margin-inline:0!important;
  padding-inline:clamp(18px,4vw,72px)!important;
  grid-template-columns:1fr!important;
  gap:26px!important;
  overflow:clip!important;
}
.commerce-seo-page .platform-lab__stage{
  min-height:270px!important;
  width:100%!important;
  padding:30px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.commerce-seo-page .platform-lab__stage::before,
.commerce-seo-page .platform-lab__stage::after{
  display:none!important;
}
.commerce-seo-page .platform-orbit{
  padding-inline:0!important;
  gap:20px!important;
  direction:ltr!important;
}
.commerce-seo-page .platform-tech-card{
  color:var(--ink)!important;
  background:rgba(255,255,255,.82)!important;
  border:2px solid rgba(76,29,149,.18)!important;
  box-shadow:5px 5px 0 rgba(76,29,149,.14)!important;
  backdrop-filter:blur(8px);
}
.commerce-seo-page .platform-tech-card:hover{
  background:var(--bg-surface)!important;
  border-color:rgba(76,29,149,.42)!important;
  box-shadow:7px 7px 0 rgba(76,29,149,.2)!important;
}
.commerce-seo-page .tech-mark{
  color:var(--pp)!important;
  background:rgba(76,29,149,.08)!important;
  border:1px solid rgba(76,29,149,.26)!important;
}
.commerce-seo-page .tech-mark svg{
  width:34px;
  height:34px;
  display:block;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.commerce-seo-page .tech-mark svg :where(circle,rect,path){
  fill:none;
}
.commerce-seo-page .tech-mark svg path[d$="Z"]{
  fill:currentColor;
  stroke:none;
}
.commerce-seo-page .platform-tech-card small{
  color:rgba(10,10,12,.58)!important;
}
.commerce-seo-page .platform-decision-card{
  width:min(100%,1040px)!important;
  min-height:auto!important;
  margin-inline:auto!important;
  padding:30px!important;
  text-align:center!important;
}
.commerce-seo-page .decision-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

:root[data-theme="dark"] .commerce-seo-page .platform-tech-card{
  color:#f8f5ff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(196,181,253,.22)!important;
  box-shadow:5px 5px 0 rgba(196,181,253,.12)!important;
}
:root[data-theme="dark"] .commerce-seo-page .platform-tech-card:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(196,181,253,.45)!important;
  box-shadow:7px 7px 0 rgba(196,181,253,.16)!important;
}
:root[data-theme="dark"] .commerce-seo-page .platform-tech-card small{
  color:rgba(248,245,255,.68)!important;
}
:root[data-theme="dark"] .commerce-seo-page .tech-mark{
  color:#c4b5fd!important;
  background:rgba(196,181,253,.1)!important;
  border-color:rgba(196,181,253,.28)!important;
}

/* Keep the platform decision card readable in dark mode.
   The card intentionally stays light, so its text must not inherit dark-theme light ink. */
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card{
  background:var(--bg-surface)!important;
  border-color:#f8f7ff!important;
  box-shadow:8px 8px 0 rgba(248,247,255,.82)!important;
}
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card h3{
  color:var(--text-primary)!important;
}
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card .decision-kicker,
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card .decision-grid span{
  color:var(--accent)!important;
}
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card .decision-grid span{
  background:rgba(76,29,149,.06)!important;
  border-color:rgba(76,29,149,.24)!important;
}

@media (max-width:980px){
  .commerce-seo-page .decision-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  .commerce-seo-page .platform-lab{
    padding-inline:16px!important;
  }
  .commerce-seo-page .platform-lab__stage{
    min-height:240px!important;
    margin-inline:0!important;
  }
  .commerce-seo-page .platform-tech-card{
    width:150px!important;
    min-height:128px!important;
  }
  .commerce-seo-page .decision-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* single-row platform marquee + uniform latin rendering */
.commerce-seo-page .platform-lab__stage{
  min-height:190px!important;
  justify-content:center!important;
  gap:0!important;
}
.commerce-seo-page .platform-orbit--top{
  animation:none!important;
}
.commerce-seo-page .platform-orbit--bottom{
  display:none!important;
}
.commerce-seo-page .platform-tech-card strong[dir="ltr"]{
  font-family:var(--font-arabic)!important;
  font-weight:700!important;
  font-synthesis:none!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:geometricPrecision;
}
.commerce-seo-page .platform-tech-card,
.commerce-seo-page .platform-tech-card *{
  font-synthesis:none!important;
}

@media (max-width:640px){
  .commerce-seo-page .platform-lab__stage{
    min-height:170px!important;
  }
}

/* seamless platform loop and latin font normalization */
.commerce-seo-page .platform-section{
  overflow-x:clip;
  contain:inline-size paint;
}
.commerce-seo-page .platform-lab{
  min-width:0;
  max-width:100%;
  contain:inline-size layout paint;
}
.commerce-seo-page .platform-lab__stage{
  width:100%;
  max-width:100%;
  overflow:clip;
  contain:inline-size layout paint;
  clip-path:inset(0);
}
.commerce-seo-page .platform-orbit{
  width:100%;
  max-width:100%;
  height:150px;
  display:block;
  overflow:clip;
  contain:inline-size paint;
  direction:ltr;
  --platform-card-width:190px;
  --platform-group-width:calc(var(--platform-card-width) * 6 + var(--platform-gap) * 6);
  --platform-gap:20px;
  gap:0!important;
}
.commerce-seo-page .platform-orbit--top{
  animation:none!important;
}
.commerce-seo-page .platform-orbit__track{
  position:relative;
  display:block;
  width:calc(var(--platform-group-width) + var(--platform-group-width));
  height:150px;
  direction:ltr;
  will-change:transform;
  animation:none!important;
}
.commerce-seo-page .platform-orbit__group{
  display:flex;
  flex:0 0 auto;
  gap:var(--platform-gap);
  align-items:stretch;
  padding-inline-end:var(--platform-gap);
}
.commerce-seo-page .platform-orbit__group{
  position:absolute;
  top:0;
  left:0;
  width:var(--platform-group-width);
}
.commerce-seo-page .platform-orbit__group[aria-hidden="true"]{
  left:var(--platform-group-width);
}
@media (max-width:640px){
  .commerce-seo-page .platform-orbit{
    --platform-card-width:150px;
  }
}

body :where([dir="ltr"], .work-tag, .matrix-label, .matrix-row strong[dir="ltr"], .platform-tech-card strong, .platform-tech-card small){
  font-family:var(--font-arabic)!important;
  font-synthesis:none!important;
  font-variation-settings:normal!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
span[dir="ltr"]{
  unicode-bidi:isolate!important;
}
.commerce-seo-page [dir="ltr"],
.expert-seo-page [dir="ltr"],
body.qovali-seo-landing-page [dir="ltr"],
.commerce-seo-page .work-tag,
.commerce-seo-page .matrix-label,
.expert-seo-page .work-tag,
.expert-seo-page .matrix-label{
  font-family:var(--font-arabic)!important;
  font-synthesis:none!important;
  font-variation-settings:normal!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

.commerce-seo-page :where(strong[dir="ltr"], span[dir="ltr"], small[dir="ltr"], .work-tag, .matrix-label, .matrix-row strong, .platform-tech-card strong, .platform-tech-card small), .expert-seo-page :where(strong[dir="ltr"], span[dir="ltr"], small[dir="ltr"], .work-tag, .matrix-label, .matrix-row strong, .proof-card strong, .result-card strong){
  font-family:var(--font-arabic)!important;
  font-weight:700!important;
  font-synthesis:none!important;
  font-variation-settings:normal!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

/* commerce SEO content depth */
.commerce-seo-page .commerce-summary-section{
  padding-block:22px;
}
.commerce-seo-page .seo-answer-box{
  background:var(--white);
  border:4px solid var(--gy-dark);
  box-shadow:8px 8px 0 var(--gy-dark);
  min-height:0;
  padding:clamp(14px,1.5vw,20px);
  text-align:center;
}
.commerce-seo-page .seo-answer-box .section-kicker{
  margin-bottom:2px;
}
.commerce-seo-page .seo-answer-box h2{
  margin:4px auto 10px;
  max-width:28ch;
  color:var(--ink);
  font-family:var(--font-arabic);
  font-size:clamp(30px,3.5vw,46px);
  font-weight:900;
  line-height:1.18;
  letter-spacing:0;
}
.commerce-seo-page .seo-answer-box p{
  max-width:82ch;
  margin:0 auto;
  color:var(--gy-mid);
  font-size:clamp(18px,1.55vw,23px);
  font-weight:400;
  line-height:1.65;
}
.commerce-seo-page .summary-points{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.commerce-seo-page .summary-points span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:7px 12px;
  color:var(--pp);
  background:rgba(76,29,149,.06);
  border:1px solid rgba(76,29,149,.22);
  font-weight:900;
  text-align:center;
}

/* Compact definition and comparison copy without changing typography. */
.commerce-seo-page .commerce-definition-section,
.commerce-seo-page .commerce-comparison-section{
  padding-block:36px;
}
.commerce-seo-page .commerce-definition-section .section-inner,
.commerce-seo-page .commerce-comparison-section .section-inner{
  width:100%;
}
.commerce-seo-page .commerce-definition-section .section-title{
  width:100%;
  max-width:none;
  margin-bottom:10px;
}
.commerce-seo-page .commerce-definition-section .section-sub{
  width:min(100%,1120px);
  max-width:1120px;
  margin:0 0 24px;
}
.commerce-seo-page .commerce-comparison-section .section-sub{
  width:100%;
  max-width:none;
  margin:0 0 20px;
}
.commerce-seo-page .commerce-types-section,
.commerce-seo-page .commerce-checklist-section{
  padding-block:36px;
}
.commerce-seo-page .commerce-types-section .section-title,
.commerce-seo-page .commerce-checklist-section .section-title{
  width:100%;
  max-width:none;
  margin:0 0 10px;
}
.commerce-seo-page .commerce-types-section .section-sub,
.commerce-seo-page .commerce-checklist-section .section-sub{
  width:100%;
  max-width:none;
  margin:0 0 24px;
}

@media (min-width:900px){
  .commerce-seo-page .commerce-definition-section .section-title{
    white-space:nowrap;
  }
  .commerce-seo-page .commerce-types-section .section-title,
  .commerce-seo-page .commerce-checklist-section .section-title{
    white-space:nowrap;
    font-size:clamp(28px,3.4vw,46px);
  }
  .commerce-seo-page .commerce-types-section .section-sub,
  .commerce-seo-page .commerce-checklist-section .section-sub{
    white-space:nowrap;
    font-size:clamp(16px,1.5vw,18px);
  }
}
@media (min-width:1280px){
  .commerce-seo-page .commerce-comparison-section .section-sub{
    white-space:nowrap;
  }
}
.commerce-seo-page .grid.four{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}
.commerce-seo-page .grid.three{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.commerce-seo-page .comparison-layout{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:4px solid var(--gy-dark);
  box-shadow:8px 8px 0 var(--gy-dark);
  background:var(--white);
}
.commerce-seo-page .comparison-card{
  min-height:280px;
  padding:32px;
  border-inline-start:3px solid var(--gy-dark);
}
.commerce-seo-page .comparison-card:first-child{
  border-inline-start:0;
}
.commerce-seo-page .comparison-card h3{
  margin:0 0 18px;
  color:var(--ink);
  font-family:var(--font-arabic);
  font-size:clamp(26px,2.2vw,38px);
  font-weight:900;
  line-height:1.2;
}
.commerce-seo-page .comparison-card ul{
  margin:0;
  padding:0;
  list-style:none;
}
.commerce-seo-page .comparison-card li{
  margin:0;
  padding:14px 0;
  color:var(--gy-mid);
  border-top:1px solid rgba(10,10,12,.1);
  font-size:17px;
  line-height:1.75;
}
.commerce-seo-page .comparison-card.is-featured{
  background:var(--pp);
}
.commerce-seo-page .comparison-card.is-featured h3,
.commerce-seo-page .comparison-card.is-featured li{
  color:var(--text-inverse);
}
.commerce-seo-page .comparison-card.is-featured li{
  border-top-color:rgba(255,255,255,.2);
}

@media (min-width:981px){
  .commerce-seo-page .wdc-comparison-layout{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:28px 34px;
    border:0;
    box-shadow:none;
    background:transparent;
    align-items:stretch;
  }

  .commerce-seo-page .wdc-comparison-layout .comparison-card{
    grid-column:span 2;
    border:3px solid var(--gy-dark);
    box-shadow:var(--shadow-lg);
    min-height:320px;
  }

  .commerce-seo-page .wdc-comparison-layout .comparison-card:nth-child(1){
    grid-column:1 / 3;
    grid-row:1;
  }

  .commerce-seo-page .wdc-comparison-layout .comparison-card:nth-child(2){
    grid-column:3 / 5;
    grid-row:1;
  }

  .commerce-seo-page .wdc-comparison-layout .comparison-card:nth-child(3){
    grid-column:5 / 7;
    grid-row:1;
  }

  .commerce-seo-page .wdc-comparison-layout .comparison-card:nth-child(4){
    grid-column:3 / 5;
    grid-row:2;
  }
}

.commerce-seo-page .commerce-checklist-section > .section-inner{
  position:relative;
  width:calc(100% - 4px);
  max-width:1240px;
  padding:36px clamp(18px,3vw,40px) 40px;
  background:var(--qv-surface-warm,#faf8f5);
  color:var(--qv-ink,#18181b);
  border:3px solid var(--qv-border-strong,#18181b);
  border-radius:var(--qv-radius-structural,0);
  box-shadow:4px 4px 0 var(--qv-ink,#18181b);
}
.commerce-seo-page .commerce-checklist-section > .section-inner::before{
  content:'';
  position:absolute;
  top:20px;
  inset-inline-start:20px;
  width:7px;
  height:7px;
  background:rgba(76,29,149,.18);
  border-radius:50%;
  pointer-events:none;
}
.commerce-seo-page .commerce-checklist-section .section-title{
  box-shadow:none;
}
.commerce-seo-page .launch-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(var(--qv-checklist-rows,4),minmax(0,auto));
  grid-auto-flow:column;
  gap:0 clamp(24px,4vw,58px);
  margin:26px 0 0;
  padding:0;
  list-style:none;
  direction:rtl;
}
.commerce-seo-page .launch-checklist__item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  min-width:0;
  min-height:72px;
  padding:12px 0;
  border-bottom:1px solid rgba(24,24,27,.18);
}
.commerce-seo-page .launch-checklist__item:nth-last-child(-n+2){
  border-bottom:0;
}
.commerce-seo-page .launch-checklist__item strong{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  color:#fff;
  background:var(--qv-primary,#4c1d95);
  border:3px solid var(--qv-ink,#18181b);
  border-radius:var(--qv-radius-structural,0);
  font-family:var(--font-arabic);
  font-size:15px;
  font-weight:900;
  line-height:1;
}
.commerce-seo-page .launch-checklist__text{
  min-width:0;
  color:var(--qv-ink,#18181b);
  font-size:17px;
  font-weight:700;
  line-height:1.6;
  overflow-wrap:anywhere;
}
.commerce-seo-page .launch-checklist__check{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  color:var(--qv-ink,#18181b);
  font-size:20px;
  font-weight:900;
  line-height:1;
}

@media (max-width:980px){
  .commerce-seo-page .summary-points,
  .commerce-seo-page .grid.four,
  .commerce-seo-page .grid.three,
  .commerce-seo-page .comparison-layout{
    grid-template-columns:1fr 1fr;
  }
  .commerce-seo-page .comparison-card:nth-child(3){
    grid-column:1 / -1;
    border-top:3px solid var(--gy-dark);
    border-inline-start:0;
  }
}

@media (max-width:640px){
  .commerce-seo-page .commerce-summary-section{
    padding-block:18px;
  }
  .commerce-seo-page .seo-answer-box{
    padding:16px 14px;
    border-width:3px;
    box-shadow:5px 5px 0 var(--gy-dark);
  }
  .commerce-seo-page .summary-points,
  .commerce-seo-page .grid.four,
  .commerce-seo-page .grid.three,
  .commerce-seo-page .comparison-layout{
    grid-template-columns:1fr;
  }
  .commerce-seo-page .comparison-card,
  .commerce-seo-page .comparison-card:first-child{
    border-inline-start:0;
    border-top:3px solid var(--gy-dark);
  }
  .commerce-seo-page .comparison-card:first-child{
    border-top:0;
  }
  .commerce-seo-page .commerce-checklist-section > .section-inner{
    width:calc(100% - 4px);
    padding:28px 14px 30px;
  }
  .commerce-seo-page .launch-checklist{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
    grid-auto-flow:row;
    gap:0;
    margin-top:20px;
  }
  .commerce-seo-page .launch-checklist__item,
  .commerce-seo-page .launch-checklist__item:nth-last-child(-n+2){
    grid-template-columns:38px minmax(0,1fr) 22px;
    min-height:52px;
    padding:9px 0;
    border-bottom:1px solid rgba(24,24,27,.18);
  }
  .commerce-seo-page .launch-checklist__item:last-child{
    border-bottom:0;
  }
  .commerce-seo-page .launch-checklist__item strong{
    width:38px;
    height:38px;
  }
  .commerce-seo-page .launch-checklist__text{
    font-size:15px;
    line-height:1.55;
  }
  .commerce-seo-page .launch-checklist__check{
    width:22px;
    height:22px;
    font-size:18px;
  }
}

/* Expert SEO hero: collision-safe text and visual columns */
.expert-seo-page .seo-consultant-title__main,
.expert-seo-page .seo-consultant-title__accent{
  display:block;
}
.expert-seo-page .seo-consultant-title__line{
  display:block;
}
.expert-seo-page .seo-consultant-title__accent{
  position:relative;
  z-index:0;
  width:fit-content;
  max-width:100%;
  margin-top:.08em;
  color:var(--pp);
  white-space:normal;
}
.expert-seo-page .seo-consultant-title__accent::after{
  content:'';
  position:absolute;
  right:0;
  bottom:.08em;
  left:0;
  z-index:-1;
  height:.12em;
  background:var(--pp-pale);
  transform:skew(-3deg);
}

.expert-seo-page .expert-hero{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(260px,.72fr);
  align-items:center;
  gap:clamp(36px,4vw,68px);
}
.expert-seo-page .expert-hero .hero-content{
  position:relative;
  z-index:2;
  min-width:0;
  max-width:100%;
}
.expert-seo-page .expert-hero .seo-consultant-title{
  width:100%;
  max-width:100%;
  min-width:0;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.expert-seo-page .seo-consultant-title__main,
.expert-seo-page .seo-consultant-title__line,
.expert-seo-page .seo-consultant-title__accent{
  max-width:100%;
  white-space:normal;
}

/* Keep the decorative chart inside its own column at every viewport. */
.expert-seo-page .expert-hero-visual{
  position:relative;
  z-index:1;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  pointer-events:none;
}
.expert-seo-page .expert-rank-visual{
  width:min(100%,460px);
  max-width:460px;
  margin-inline:auto;
  transform:none;
}
.expert-seo-page .expert-rank-visual__chart{
  width:100%;
  min-height:0;
  aspect-ratio:4 / 3;
}
.expert-seo-page .expert-rank-visual__chart svg{
  width:100%;
  max-width:460px;
  transform:none;
}

@media (min-width:1101px){
  .expert-seo-page .expert-hero{
    grid-template-columns:minmax(0,1.16fr) minmax(300px,.74fr);
    gap:clamp(48px,4.5vw,76px);
    padding-block:58px 40px;
  }
  .expert-seo-page .expert-hero .seo-consultant-title{
    width:100%;
    max-width:100%;
    margin-bottom:18px;
    font-size:clamp(42px,4vw,60px);
    line-height:1.24;
    text-wrap:balance;
  }
  .expert-seo-page .expert-hero-visual{
    min-height:390px;
    justify-self:center;
    transform:none;
  }
  .expert-seo-page .expert-rank-visual__chart{
    min-height:0;
  }
}

@media (min-width:821px) and (max-width:1100px){
  .expert-seo-page .expert-hero{
    grid-template-columns:minmax(0,1.08fr) minmax(250px,.72fr);
    gap:32px;
  }
  .expert-seo-page .expert-hero .seo-consultant-title{
    width:100%;
    max-width:100%;
    font-size:clamp(38px,4.8vw,52px);
    line-height:1.28;
  }
  .expert-seo-page .seo-consultant-title__main,
  .expert-seo-page .seo-consultant-title__accent{
    white-space:normal;
  }
  .expert-seo-page .expert-hero-visual{
    width:min(100%,380px);
    min-height:auto;
    margin-inline:auto;
    transform:none;
  }
}

@media (max-width:820px){
  .expert-seo-page{
    overflow-x:clip;
  }
  .expert-seo-page .expert-hero{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:100%;
    min-width:0;
    gap:28px;
    padding:32px 20px 40px;
    overflow:hidden;
  }
  .expert-seo-page .expert-hero .hero-content{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .expert-seo-page .expert-hero-badge{
    width:fit-content;
    max-width:100%;
    white-space:normal;
  }
  .expert-seo-page .expert-hero .seo-consultant-title{
    width:100%;
    max-width:100%;
    min-width:0;
    margin-bottom:18px;
    font-size:clamp(2.1rem,10.25vw,3.2rem);
    line-height:1.35;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
  }
  .expert-seo-page .seo-consultant-title__main,
  .expert-seo-page .seo-consultant-title__line,
  .expert-seo-page .seo-consultant-title__accent{
    width:auto;
    max-width:100%;
    white-space:normal;
  }
  .expert-seo-page .expert-hero .hero-sub{
    width:100%;
    max-width:100%;
    font-size:1rem;
    line-height:1.85;
  }
  .expert-seo-page .expert-hero .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .expert-seo-page .expert-hero .hero-actions a{
    width:100%;
  }
  .expert-seo-page .expert-hero-visual{
    width:min(100%,360px);
    max-width:360px;
    min-height:0;
    margin-inline:auto;
    overflow:hidden;
  }
  .expert-seo-page .expert-rank-visual{
    width:100%;
    max-width:360px;
  }
  .expert-seo-page .expert-rank-visual__chart{
    min-height:0;
    aspect-ratio:4 / 3;
  }
}

@media (max-width:560px){
  .expert-seo-page .expert-hero{
    gap:20px;
  }
  .expert-seo-page .expert-hero-visual{
    display:none;
  }
}

/* Use a complete Latin font on the expert page; Poppins is a Qovali-only subset. */
.expert-seo-page .expert-diagnostic-card h3,
.expert-seo-page .expert-output-card h3,
.expert-seo-page .competition-card h3,
.expert-seo-page .proof-row strong,
.expert-seo-page .expert-hero .trust-num,
.expert-seo-page .metric-change,
.expert-seo-page .metric-note,
.expert-seo-page [dir="ltr"]{
  font-family:var(--font-arabic)!important;
  font-weight:700!important;
  font-synthesis:none!important;
  font-variant-ligatures:none!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Tablet headings wrap without clipping or horizontal overflow. */
@media (min-width:900px) and (max-width:1100px){
  .commerce-seo-page .platform-section .section-title,
  .commerce-seo-page .commerce-audience-section .section-title,
  .commerce-seo-page .commerce-build-section .section-title,
  .commerce-seo-page .store-structure-section .section-title,
  .commerce-seo-page .commerce-definition-section .section-title,
  .commerce-seo-page .commerce-types-section .section-title,
  .commerce-seo-page .commerce-checklist-section .section-title,
  .commerce-seo-page .commerce-types-section .section-sub,
  .commerce-seo-page .commerce-checklist-section .section-sub{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    text-wrap:balance;
    line-height:1.25!important;
    overflow-wrap:normal;
  }
}
/* Core company pages */
.qovali-company-hero{
  padding-block:clamp(72px,9vw,128px);
  text-align:center;
}
.qovali-company-hero .section-inner{
  max-width:1040px;
}
.qovali-company-hero .section-title{
  max-width:18ch;
  margin-inline:auto;
}
.qovali-company-hero .section-sub{
  max-width:72ch;
  margin-inline:auto;
}
.qovali-company-hero .hero-actions{
  justify-content:center;
}
.qovali-about-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:36px;
  border:3px solid var(--ink);
  box-shadow:8px 8px 0 var(--ink);
}
.qovali-about-grid .card{
  min-height:280px;
  border:0;
  border-inline-start:2px solid var(--ink);
  border-radius:0;
  box-shadow:none;
}
.qovali-about-grid .card:first-child{
  border-inline-start:0;
}
.qovali-company-split{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:56px;
  align-items:center;
}
.qovali-company-links{
  border:3px solid var(--ink);
  box-shadow:8px 8px 0 var(--ink);
}
.qovali-company-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px;
  color:var(--ink);
  font-weight:700;
  text-decoration:none;
  border-bottom:2px solid var(--ink);
  transition:background-color .2s ease,color .2s ease;
}
.qovali-company-links a:last-child{
  border-bottom:0;
}
.qovali-company-links a:hover{
  background:var(--pp);
  color:var(--text-inverse);
}
body.dark .qovali-about-grid,
body.dark .qovali-company-links{
  border-color:rgba(255,255,255,.72);
  box-shadow:8px 8px 0 rgba(124,58,237,.55);
}
body.dark .qovali-about-grid .card,
body.dark .qovali-company-links a{
  border-color:rgba(255,255,255,.28);
}
body.dark .qovali-company-links a{
  color:var(--ink);
}
@media (max-width:860px){
  .qovali-about-grid,
  .qovali-company-split{
    grid-template-columns:1fr;
  }
  .qovali-about-grid .card{
    min-height:auto;
    border-inline-start:0;
    border-bottom:2px solid var(--ink);
  }
  .qovali-about-grid .card:last-child{
    border-bottom:0;
  }
  .qovali-company-split{
    gap:32px;
  }
}

/* === expert-bio FINAL (clean) === */
.expert-bio{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:56px;
  align-items:start;
  max-width:1160px;
  margin-inline:auto;
  padding:82px 24px;
  direction:rtl;
  text-align:start;
  border-block:1px solid rgba(10,10,12,.08);
  background:transparent;
}
.expert-bio__content{
  text-align:start;
}
.expert-bio__logo{
  margin-bottom:20px;
}
.expert-bio__logo .qovali-mark{
  width:76px;
  height:auto;
  color:var(--accent);
  display:block;
}
.expert-bio__content .eyebrow{
  display:inline-flex;
  align-items:center;
  margin-bottom:18px;
  line-height:1.45;
}
.expert-bio__content h2{
  font-family:var(--font-arabic);
  font-size:clamp(42px,5.6vw,78px);
  font-weight:900;
  line-height:1.06;
  margin:0 0 14px;
  letter-spacing:0;
}
.expert-bio__role{
  color:var(--accent);
  font-family:var(--font-arabic);
  font-weight:700;
  line-height:1.55;
  margin:0 0 18px;
}
.expert-bio__lede{
  max-width:58ch;
  margin:0;
  color:rgba(10,10,12,.62);
  font-family:var(--font-arabic);
  font-size:18px;
  font-weight:400;
  line-height:1.85;
  text-align:start;
}
.expert-bio__notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:620px;
  margin-top:26px;
}
.expert-bio__notes span{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  text-align:center;
  font-family:var(--font-arabic);
  font-weight:700;
  line-height:1.55;
  color:rgba(10,10,12,.72);
  background:rgba(76,29,149,.03);
  border:1px solid rgba(10,10,12,.08);
  border-radius:10px;
}
.expert-bio__panel{
  background:var(--bg-surface);
  border:1px solid rgba(10,10,12,.08);
  border-radius:14px;
  padding:26px;
  text-align:start;
}
.expert-bio__panel-title{
  margin:0 0 18px;
  color:rgba(10,10,12,.92);
  font-family:var(--font-arabic);
  font-size:1rem;
  font-weight:700;
  line-height:1.35;
}
.expert-bio__credentials{
  list-style:none;
  margin:0 0 22px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:14px;
  border:0;
}
.expert-bio__credentials li{
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 12px;
  color:rgba(10,10,12,.74);
  background:rgba(76,29,149,.03);
  border:1px solid rgba(10,10,12,.08);
  border-radius:10px;
  font-family:var(--font-arabic);
  font-weight:700;
  line-height:1.45;
  text-align:start;
}
.cred-icon{
  width:36px;
  height:36px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  color:var(--accent);
  background:rgba(76,29,149,.08);
  border:1px solid rgba(10,10,12,.08);
  border-radius:8px;
}
.cred-icon svg{
  width:100%;
  height:100%;
}
.expert-bio__links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.expert-bio__links a{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:rgba(10,10,12,.55);
  border:1px solid rgba(10,10,12,.08);
  border-radius:50%;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease,background-color .2s ease;
}
.expert-bio__links a:hover{
  color:var(--accent);
  background:rgba(76,29,149,.06);
  border-color:rgba(76,29,149,.35);
}
.expert-bio__links svg{
  width:18px;
  height:18px;
}
.case-meta-byline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-size:.92rem;
  color:rgba(10,10,12,.6);
  margin:12px 0 18px;
}
.case-meta-byline strong{
  color:var(--accent);
}
.case-related-links{
  border:1px solid rgba(10,10,12,.08);
  border-radius:14px;
  padding:24px 28px;
  margin:36px auto;
}
.case-related-links h3{
  margin:0 0 14px;
  font-size:1.05rem;
}
.case-related-links ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}
.case-related-links a{
  color:var(--accent);
  text-decoration:none;
  font-weight:700;
}
.case-related-links a:hover{
  text-decoration:underline;
}
.case-related-cases h2{
  font-size:1.4rem;
  margin:0 0 18px;
}
.case-related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
}
.case-related-card{
  display:block;
  padding:20px 22px;
  border:1px solid rgba(10,10,12,.08);
  border-radius:14px;
  text-decoration:none;
  color:inherit;
  transition:border-color .2s ease;
}
.case-related-card:hover{
  border-color:var(--accent);
}
.case-related-card h3{
  margin:0 0 8px;
  font-size:1rem;
}
.case-related-sector{
  font-size:.85rem;
  color:var(--accent);
  font-weight:700;
}
@media (max-width:860px){
  .expert-bio{
    grid-template-columns:1fr;
    gap:36px;
    padding:64px 20px;
  }
  .expert-bio__notes{
    grid-template-columns:1fr;
    margin-top:22px;
  }
}

/* === case-study card REFINEMENTS === */
.expert-seo-page .results-slide{
  border:3px solid var(--ink);
  border-radius:0;
  background:var(--bg-surface);
  box-shadow:8px 8px 0 var(--ink);
  padding:32px;
  overflow:hidden;
}
.expert-seo-page .results-story,
.expert-seo-page .results-visual{
  border:1px solid rgba(10,10,12,.1);
  border-radius:0;
  background:var(--bg-surface);
  box-shadow:none;
  padding:26px;
}
.expert-seo-page .results-story h3{
  line-height:1.35;
}
.expert-seo-page .source-row{
  border-top:0;
  border-bottom:1px solid rgba(10,10,12,.06);
  padding:12px 0;
}
.expert-seo-page .source-row:last-child{
  border-bottom:0;
}
.expert-seo-page .results-case-link{
  padding:14px 28px;
  border:2px solid var(--ink);
  border-radius:0;
  box-shadow:4px 4px 0 var(--ink);
  font-weight:900;
}
.expert-seo-page .results-case-link:hover,
.expert-seo-page .results-case-link:focus-visible{
  box-shadow:6px 6px 0 var(--ink);
  transform:translate(-2px,-2px);
}
.expert-seo-page .results-dots{
  gap:8px;
  margin-top:18px;
}
.expert-seo-page .results-dot{
  width:6px;
  height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(10,10,12,.15);
}
.expert-seo-page .results-dot.is-active{
  width:24px;
  background:var(--accent);
}
@media (max-width:860px){
  .expert-seo-page .results-slide{
    padding:20px;
  }
  .expert-seo-page .results-story,
  .expert-seo-page .results-visual{
    padding:20px;
  }
}

/* === case-study viewport fill + Qovali controls === */
.expert-seo-page .results-controls{
  gap:10px;
}
.expert-seo-page .results-nav{
  min-width:50px;
  min-height:50px;
  border:3px solid var(--ink);
  border-radius:0;
  background:var(--bg-surface);
  color:var(--ink);
  box-shadow:4px 4px 0 var(--ink);
  font-size:22px;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.expert-seo-page .results-nav:hover,
.expert-seo-page .results-nav:focus-visible{
  background:var(--pp);
  color:var(--text-inverse);
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--ink);
}
@media (max-width:860px){
  .expert-seo-page .results-slide{
    box-shadow:5px 5px 0 var(--ink);
  }
}

/* === case-study wide compact layout === */
.expert-seo-page .results-showcase{
  padding-inline:12px;
}
.expert-seo-page .results-showcase .section-inner{
  width:100%;
  max-width:none;
}
.expert-seo-page .results-slide{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:22px;
  padding:20px;
}
.expert-seo-page .results-story,
.expert-seo-page .results-visual{
  padding:18px;
}
.expert-seo-page .results-story{
  gap:12px;
}
.expert-seo-page .results-story h3{
  font-size:clamp(28px,2.75vw,48px);
  line-height:1.14;
  margin:6px 0 10px;
  text-wrap:balance;
}
.expert-seo-page .results-story p{
  line-height:1.75;
  margin:0;
}
.expert-seo-page .results-story h4{
  margin:10px 0 6px;
}
.expert-seo-page .result-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 14px;
}
.expert-seo-page .result-actions li{
  padding:6px 0;
}
.expert-seo-page .results-source{
  gap:0;
}
.expert-seo-page .source-row{
  padding:8px 0;
}
@media (max-width:1100px){
  .expert-seo-page .results-showcase{
    padding-inline:20px;
  }
  .expert-seo-page .results-showcase .section-inner{
    width:100%;
  }
  .expert-seo-page .results-slide{
    grid-template-columns:1fr;
  }
  .expert-seo-page .result-actions{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .expert-seo-page .results-showcase{
    padding-inline:12px;
  }
  .expert-seo-page .results-showcase .section-inner{
    width:100%;
  }
  .expert-seo-page .results-slide{
    padding:16px;
  }
}

/* === case results IMAGES stack === */
.expert-seo-page .results-visual,
.expert-seo-page .results-comparison {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.expert-seo-page .results-comparison__figure {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(10,10,12,.08);
  border-radius: 12px;
  overflow: hidden;
  line-height: 0;
  background: #f5f5f5;
}

.expert-seo-page .results-comparison__figure img,
.expert-seo-page .results-comparison__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.expert-seo-page .results-comparison__label {
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
  background: var(--accent);
  color: var(--text-inverse);
  font-size: .78rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 6px;
  z-index: 2;
}

.expert-seo-page .results-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

@media (max-width: 860px) {
  .expert-seo-page .results-slide {
    grid-template-columns: 1fr;
  }
  .expert-seo-page .results-comparison__figure {
    aspect-ratio: 16 / 9;
  }
}

/* === case results IMAGES stack — strict fix v2 === */
.expert-seo-page .results-visual,
.expert-seo-page .results-comparison {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.expert-seo-page .results-comparison__figure {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(10,10,12,.08);
  border-radius: 12px;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  background: #f5f5f5;
  display: block;
}

.expert-seo-page .results-comparison__figure::before,
.expert-seo-page .results-comparison__figure::after {
  content: none;
}

/* Image fills the frame */
.expert-seo-page .results-comparison__figure img,
.expert-seo-page .results-comparison__figure picture,
.expert-seo-page .results-comparison__figure picture img,
.expert-seo-page .results-comparison__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0;
  padding: 0;
  max-width: none;
  max-height: none;
}

/* Label sits on top of image, NOT filling the frame */
.expert-seo-page .results-comparison__figure figcaption,
.expert-seo-page .results-comparison__label {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  inset-inline-start: auto;
  width: auto;
  height: auto;
  background: var(--accent);
  color: var(--text-inverse);
  font-size: .78rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 6px;
  z-index: 2;
  line-height: 1.3;
  margin: 0;
}

/* === dark-mode readability fixes: FAQ CTA + results/platform panels === */
:root[data-theme="dark"] body.qovali-seo-landing-page .cta-band,
body.dark.qovali-seo-landing-page .cta-band{
  background:#0f0d17!important;
  color:#f8f5ff!important;
  border-color:rgba(248,245,255,.22)!important;
  box-shadow:6px 6px 0 rgba(248,245,255,.12)!important;
}
:root[data-theme="dark"] body.qovali-seo-landing-page .cta-band h2,
:root[data-theme="dark"] body.qovali-seo-landing-page .cta-band p,
body.dark.qovali-seo-landing-page .cta-band h2,
body.dark.qovali-seo-landing-page .cta-band p{
  color:#f8f5ff!important;
}
:root[data-theme="dark"] body.qovali-seo-landing-page .cta-band .btn-outline,
body.dark.qovali-seo-landing-page .cta-band .btn-outline{
  color:#f8f5ff!important;
  border-color:rgba(248,245,255,.75)!important;
}

:root[data-theme="dark"] .commerce-seo-page .platform-decision-card,
body.dark .commerce-seo-page .platform-decision-card{
  background:var(--bg-surface)!important;
  color:var(--text-primary)!important;
  border-color:#f8f7ff!important;
  box-shadow:8px 8px 0 rgba(248,247,255,.82)!important;
}
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card h3,
body.dark .commerce-seo-page .platform-decision-card h3{
  color:var(--text-primary)!important;
}
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card .decision-kicker,
:root[data-theme="dark"] .commerce-seo-page .platform-decision-card .decision-grid span,
body.dark .commerce-seo-page .platform-decision-card .decision-kicker,
body.dark .commerce-seo-page .platform-decision-card .decision-grid span{
  color:var(--accent)!important;
}

:root[data-theme="dark"] .expert-seo-page .results-story,
:root[data-theme="dark"] .expert-seo-page .results-visual,
body.dark .expert-seo-page .results-story,
body.dark .expert-seo-page .results-visual{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(248,245,255,.16)!important;
  color:#f8f5ff!important;
  box-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
:root[data-theme="dark"] .expert-seo-page .results-story h3,
:root[data-theme="dark"] .expert-seo-page .results-story h4,
:root[data-theme="dark"] .expert-seo-page .results-source strong,
body.dark .expert-seo-page .results-story h3,
body.dark .expert-seo-page .results-story h4,
body.dark .expert-seo-page .results-source strong{
  color:#f8f5ff!important;
}
:root[data-theme="dark"] .expert-seo-page .results-story p,
:root[data-theme="dark"] .expert-seo-page .result-actions li,
:root[data-theme="dark"] .expert-seo-page .results-source,
:root[data-theme="dark"] .expert-seo-page .source-row,
body.dark .expert-seo-page .results-story p,
body.dark .expert-seo-page .result-actions li,
body.dark .expert-seo-page .results-source,
body.dark .expert-seo-page .source-row{
  color:rgba(248,245,255,.74)!important;
  border-color:rgba(248,245,255,.14)!important;
}
:root[data-theme="dark"] .expert-seo-page .results-nav,
body.dark .expert-seo-page .results-nav{
  background:rgba(255,255,255,.08)!important;
  color:#f8f5ff!important;
  border-color:rgba(248,245,255,.22)!important;
  box-shadow:4px 4px 0 rgba(248,245,255,.12)!important;
}
:root[data-theme="dark"] .expert-seo-page .results-nav:hover,
:root[data-theme="dark"] .expert-seo-page .results-nav:focus-visible,
body.dark .expert-seo-page .results-nav:hover,
body.dark .expert-seo-page .results-nav:focus-visible{
  background:var(--accent)!important;
  color:var(--text-inverse)!important;
}
:root[data-theme="dark"] .expert-seo-page .results-comparison__figure,
body.dark .expert-seo-page .results-comparison__figure{
  background:#0f0d17!important;
  border-color:rgba(248,245,255,.28)!important;
}

/* === legal pages (Privacy + Terms) === */
.legal-page {
  background: #faf7f2;
}

.legal-hero {
  padding: 80px 24px 48px;
  border-bottom: 1px solid rgba(10,10,12,.08);
}

.legal-hero-inner {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.legal-eyebrow {
  display: inline-block;
  font-size: .85rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: .5px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.legal-h1 {
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: clamp(2rem, 5vw, 3.2rem);
  line-height: 1.2;
  color: var(--text-primary);
  margin: 0 0 18px;
}

.legal-meta {
  font-size: .95rem;
  color: rgba(10,10,12,.55);
  margin: 0 0 24px;
  font-weight:400;
}

.legal-lead {
  font-size: 1.15rem;
  line-height: 1.75;
  color: rgba(10,10,12,.75);
  margin: 0;
  max-width: 700px;
}

.legal-body {
  padding: 64px 24px 96px;
  display: flex;
  justify-content: center;
}

.legal-body-inner {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  font-family:var(--font-arabic);
  font-size: 1.05rem;
  line-height: 1.95;
  color: rgba(10,10,12,.82);
  text-align: start;
}

.legal-body-inner h2 {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--text-primary);
  margin: 56px 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(10,10,12,.08);
  line-height: 1.35;
}

.legal-body-inner h2:first-child {
  margin-top: 0;
}

.legal-body-inner h3 {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--text-primary);
  margin: 36px 0 14px;
  line-height: 1.4;
}

.legal-body-inner p {
  margin: 0 0 18px;
  text-align: start;
}

.legal-body-inner strong {
  color: var(--text-primary);
  font-weight: 700;
}

.legal-body-inner em {
  color: var(--accent);
  font-style: normal;
  font-weight:700;
}

.legal-body-inner ul,
.legal-body-inner ol {
  margin: 0 0 24px;
  padding-inline-start: 28px;
}

.legal-body-inner li {
  margin-bottom: 10px;
  line-height: 1.75;
}

.legal-body-inner ul li::marker {
  color: var(--accent);
}

.legal-body-inner blockquote {
  background: rgba(76,29,149,.04);
  border-inline-start: 3px solid var(--accent);
  padding: 18px 22px;
  margin: 28px 0;
  border-radius: 8px;
  font-style: normal;
}

.legal-body-inner blockquote p {
  margin: 0;
}

.legal-body-inner a {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.legal-body-inner a:hover {
  text-decoration-thickness: 2px;
}

.legal-body-inner .legal-contact-box {
  background: var(--bg-surface);
  border: 1px solid rgba(10,10,12,.08);
  border-radius: 14px;
  padding: 24px 28px;
  margin-top: 40px;
}

.legal-body-inner .legal-contact-box h3 {
  margin-top: 0;
}

/* Center hero content properly */
.legal-hero-inner {
  text-align: center;
  max-width: 780px;
}

.legal-hero-inner .legal-lead {
  margin-inline: auto;
}

/* Ensure H2 headings have proper top spacing */
.legal-body-inner h2 {
  text-align: start;
}

.legal-body-inner h3 {
  text-align: start;
}

/* Better paragraph readability */
.legal-body-inner p {
  text-align: start;
  margin: 0 0 18px;
  max-width: 100%;
}

/* List items alignment */
.legal-body-inner ul,
.legal-body-inner ol {
  text-align: start;
  padding-inline-start: 28px;
}

@media (max-width: 720px) {
  .legal-hero {
    padding: 56px 20px 36px;
  }

  .legal-body {
    padding: 40px 20px 64px;
  }

  .legal-body-inner {
    font-size: 1rem;
    max-width: 100%;
  }

  .legal-body-inner h2 {
    font-size: 1.35rem;
    margin-top: 40px;
  }
}

/* Defer paint/layout work for deep, below-fold landing-page sections. */
@supports (content-visibility: auto) {
  body.serka-seo-page .serka-seo-main > .section:nth-of-type(n + 3):not(.serka-methodology),
  body.expert-seo-page main > .section:nth-of-type(n + 3),
  .commerce-seo-page main > .section:nth-of-type(n + 3) {
    content-visibility: auto;
    contain-intrinsic-size: auto 820px;
  }
}

/* === footer latest posts column === */
.footer-recent-posts {
  min-width: 0;
}

.footer-posts-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.footer-post-item {
  margin: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.footer-post-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.footer-post-link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}

.footer-post-link:hover {
  color: #a78bfa;
}

.footer-post-title {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: .95rem;
  line-height: 1.45;
  color: rgba(255,255,255,.9);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer-post-link:hover .footer-post-title {
  color: #a78bfa;
}

.footer-post-date {
  font-size: .78rem;
  color: rgba(255,255,255,.45);
  font-weight:400;
  font-family:var(--font-arabic);
}

.footer-posts-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.75);
  font-size: .88rem;
  font-weight:700;
  text-decoration: none;
  padding-top: 4px;
  transition: color .2s ease, gap .2s ease;
}

.footer-posts-more:hover {
  color: #a78bfa;
  gap: 10px;
}

@media (max-width: 720px) {
  .footer-post-title {
    font-size: .9rem;
  }

  .footer-posts-list {
    gap: 12px;
  }
}

/* === Qovali Blog v2 - redesigned === */
:root {
  --qb-purple: var(--accent);
  --qb-purple-light: var(--accent-soft);
  --qb-cream: var(--bg-page);
  --qb-ink: var(--text-primary);
  --qb-border: var(--border-soft);
  --qb-border-strong: var(--border-soft);
  --qb-text: var(--text-secondary);
  --qb-muted: var(--text-muted);
  --grid-line: rgba(10,10,12,0.05);
}

:root[data-theme="dark"] {
  --grid-line: rgba(245,242,236,0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --grid-line: rgba(245,242,236,0.06);
  }
}

.qovali-blog {
  background: var(--qb-cream);
  color: var(--qb-ink);
  min-height: 60vh;
}

.qovali-blog-hero {
  position: relative;
  overflow: hidden;
  padding: 22px 24px 20px;
  border-bottom: 1px solid var(--qb-border);
  background-color: var(--bg-page);
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 72px 72px;
}

.qovali-blog-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at center, transparent 0%, transparent 52%, var(--bg-page) 100%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 55%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, black 55%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

.qovali-blog-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.qovali-blog-eyebrow {
  display: inline-block;
  font-size: .85rem;
  font-weight: 700;
  color: var(--qb-purple);
  letter-spacing: .5px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.qovali-blog-h1 {
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: clamp(28px, 3.2vw, 38px);
  line-height: 1.15;
  color: var(--qb-ink);
  margin: 0 0 8px;
  white-space: nowrap;
}

.qovali-blog-lead {
  font-size: clamp(.94rem, 1.08vw, 1rem);
  line-height: 1.65;
  color: var(--qb-text);
  margin: 0 auto;
  max-width: 1040px;
}

.qovali-blog-filters {
  padding: 32px 24px 0;
  border-bottom: 1px solid var(--qb-border);
}

.qovali-blog-filters-inner {
  max-width: 1140px;
  margin: 0 auto 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.qovali-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--bg-surface);
  border: 1px solid var(--qb-border-strong);
  border-radius: 999px;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: .95rem;
  font-weight:700;
  font-family:var(--font-arabic);
  transition: all .2s ease;
}

.qovali-filter-pill:hover {
  border-color: var(--qb-purple);
  color: var(--qb-purple);
  background: var(--accent-pale);
  transform: translateY(-1px);
}

.qovali-filter-pill.is-active {
  background: var(--qb-purple);
  border-color: var(--qb-purple);
  color: var(--text-inverse);
}

.qovali-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: var(--bg-surface-alt);
  color: var(--text-muted);
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 700;
}

.qovali-filter-pill.is-active .qovali-filter-count {
  background: var(--accent-soft);
  color: var(--text-inverse);
}

.qovali-blog-featured {
  padding: 48px 24px 24px;
}

.qovali-featured-card {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 40px;
  max-width: 1140px;
  margin: 0 auto;
  background: var(--bg-surface);
  border: 1px solid var(--qb-border);
  border-radius: 20px;
  padding: 32px;
  text-decoration: none;
  color: var(--qb-ink);
  box-shadow: 4px 4px 0 var(--shadow-color);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.qovali-featured-card:hover {
  transform: translate(-4px, -4px);
  box-shadow: 8px 8px 0 var(--shadow-color);
  border-color: var(--accent);
}

.qovali-featured-thumb {
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--qb-cream);
}

.qovali-featured-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.qovali-featured-card:hover .qovali-featured-thumb img {
  transform: scale(1.04);
}

.qovali-featured-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.qovali-featured-tag {
  display: inline-block;
  align-self: start;
  padding: 4px 12px;
  background: var(--accent-pale);
  color: var(--qb-purple);
  border-radius: 6px;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .3px;
  margin-bottom: 4px;
}

.qovali-featured-category {
  display: inline-block;
  align-self: start;
  font-size: .85rem;
  font-weight:700;
  color: var(--qb-purple);
}

.qovali-featured-title {
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.3;
  color: var(--qb-ink);
  margin: 0;
}

.qovali-featured-excerpt {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--qb-text);
  margin: 8px 0 12px;
}

.qovali-featured-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: .85rem;
  color: var(--qb-muted);
  font-weight:400;
}

.qovali-featured-cta {
  color: var(--qb-purple);
  font-weight: 700;
  font-size: .95rem;
  margin-top: 4px;
  transition: transform .25s ease, color .25s ease;
}

.qovali-featured-card:hover .qovali-featured-tag,
.qovali-post-card:hover .qovali-post-category {
  background: var(--accent-soft);
  color: var(--text-inverse);
}

.qovali-featured-card:hover .qovali-featured-cta {
  transform: translateX(-4px);
}

.qovali-blog-grid-section {
  padding: 40px 24px 80px;
}

.qovali-blog-grid-inner {
  max-width: 1140px;
  margin: 0 auto;
}

.qovali-grid-title {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--qb-ink);
  margin: 0 0 24px;
}

.qovali-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.qovali-post-card {
  background: var(--bg-surface);
  border: 1px solid var(--qb-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 4px 4px 0 var(--shadow-color);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.qovali-post-card:hover {
  transform: translate(-4px, -4px);
  border-color: var(--accent);
  box-shadow: 8px 8px 0 var(--shadow-color);
}

.qovali-post-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.qovali-post-thumb {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--qb-cream);
}

.qovali-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.qovali-post-card:hover .qovali-post-thumb img {
  transform: scale(1.04);
}

.qovali-post-thumb-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--bg-page), var(--bg-page-alt));
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: 3rem;
  color: var(--qb-purple);
  opacity: .3;
}

.qovali-post-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}

.qovali-post-category {
  align-self: start;
  padding: 4px 10px;
  background: var(--accent-pale);
  border-radius: 6px;
  font-size: .78rem;
  font-weight: 700;
  color: var(--qb-purple);
  text-transform: uppercase;
  letter-spacing: .5px;
}

.qovali-post-title {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.45;
  color: var(--qb-ink);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.qovali-post-excerpt {
  font-size: .92rem;
  line-height: 1.7;
  color: var(--qb-text);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.qovali-post-meta {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: .82rem;
  color: var(--qb-muted);
  font-weight:400;
  padding-top: 8px;
}

.qovali-blog-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 48px;
}

.qovali-pagination-item .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  background: var(--bg-surface);
  border: 1px solid var(--qb-border-strong);
  border-radius: 10px;
  color: var(--qb-ink);
  text-decoration: none;
  font-weight:700;
  font-family:var(--font-arabic);
  transition: all .25s ease;
}

.qovali-pagination-item .page-numbers:hover {
  border-color: var(--qb-purple);
  color: var(--qb-purple);
}

.qovali-pagination-item .page-numbers.current {
  background: var(--qb-purple);
  border-color: var(--qb-purple);
  color: var(--text-inverse);
}

.qovali-blog-empty {
  text-align: center;
  padding: 60px 20px;
  background: var(--bg-surface);
  border: 1px dashed var(--qb-border-strong);
  border-radius: 16px;
}

.qovali-blog-empty p {
  font-size: 1.05rem;
  color: var(--qb-muted);
  margin-bottom: 20px;
}

.qovali-btn-inline {
  display: inline-block;
  padding: 12px 28px;
  background: var(--qb-purple);
  color: var(--text-inverse);
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
}

.qovali-blog-cta {
  padding: 80px 24px;
  background: var(--qb-ink);
  color: var(--text-inverse);
}

.qovali-blog-cta-inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.qovali-blog-cta-kicker {
  display: inline-block;
  font-size: .85rem;
  font-weight: 700;
  color: var(--qb-purple-light);
  letter-spacing: .5px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.qovali-blog-cta-heading {
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  line-height: 1.25;
  color: var(--text-inverse);
  margin: 0 0 16px;
}

.qovali-blog-cta-desc {
  font-size: 1.1rem;
  line-height: 1.8;
  color: var(--text-inverse);
  margin: 0 auto 32px;
  max-width: 640px;
}

.qovali-blog-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.qovali-blog-cta-buttons .qovali-btn-primary,
.qovali-blog-cta-buttons .qovali-btn-secondary {
  display: inline-flex;
  align-items: center;
  padding: 16px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: all .2s ease;
}

.qovali-blog-cta-buttons .qovali-btn-primary {
  background: var(--qb-purple);
  color: var(--text-inverse);
}

.qovali-blog-cta-buttons .qovali-btn-primary:hover {
  background: var(--accent-strong);
  transform: translateY(-2px);
}

.qovali-blog-cta-buttons .qovali-btn-secondary {
  background: transparent;
  color: var(--text-inverse);
  border: 1px solid var(--border-soft);
}

.qovali-blog-cta-buttons .qovali-btn-secondary:hover {
  border-color: var(--text-inverse);
  background: var(--bg-surface-alt);
}

.qovali-single-byline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: .9rem;
  color: var(--qb-muted);
  font-weight:400;
  margin: 16px 0 24px;
  align-items: center;
  justify-content: center;
}

.qovali-byline-author {
  color: var(--qb-purple);
  font-weight: 700;
}

.qovali-byline-category {
  color: var(--qb-purple);
  text-decoration: none;
  font-weight:700;
}

.qovali-byline-category:hover {
  text-decoration: underline;
}

.qovali-related-posts {
  max-width: 1140px;
  margin: 60px auto;
  padding: 40px 24px;
  border-top: 1px solid var(--qb-border);
}

.qovali-related-heading {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--qb-ink);
  margin: 0 0 24px;
  text-align: center;
}

.qovali-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.qovali-related-card {
  background: var(--bg-surface);
  border: 1px solid var(--qb-border);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: all .2s ease;
}

.qovali-related-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
}

.qovali-related-thumb {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.qovali-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.qovali-related-body {
  padding: 16px;
}

.qovali-related-body h3 {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--qb-ink);
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.qovali-related-body time {
  font-size: .8rem;
  color: var(--qb-muted);
}

@media (max-width: 960px) {
  .qovali-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .qovali-featured-card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px;
  }

  .qovali-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .qovali-blog-hero {
    padding: 26px 20px 24px;
    background-size: 48px 48px;
  }

  .qovali-blog-h1 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
    white-space: normal;
  }

  .qovali-blog-lead {
    font-size: 1rem;
  }

  .qovali-blog-grid,
  .qovali-related-grid {
    grid-template-columns: 1fr;
  }

  .qovali-blog-cta {
    padding: 60px 20px;
  }

  .qovali-blog-cta-buttons {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .qovali-filter-pill,
  .qovali-featured-card,
  .qovali-featured-thumb img,
  .qovali-featured-cta,
  .qovali-post-card,
  .qovali-post-thumb img,
  .qovali-pagination-item .page-numbers,
  .qovali-blog-cta-buttons .qovali-btn-primary,
  .qovali-blog-cta-buttons .qovali-btn-secondary,
  .qovali-related-card {
    transition: none !important;
  }

  .qovali-filter-pill:hover,
  .qovali-featured-card:hover,
  .qovali-featured-card:hover .qovali-featured-cta,
  .qovali-post-card:hover,
  .qovali-blog-cta-buttons .qovali-btn-primary:hover,
  .qovali-related-card:hover {
    transform: none !important;
  }

  .qovali-featured-card:hover .qovali-featured-thumb img,
  .qovali-post-card:hover .qovali-post-thumb img {
    transform: none !important;
  }
}

/* === Qovali Single Post v2 - editorial polish === */
.qovali-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: transparent;
  z-index: 999;
  pointer-events: none;
}

.qovali-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--accent), var(--accent-soft));
  width: 0%;
  transition: width .1s ease-out;
}

.qovali-article-page {
  background: var(--bg-page);
  color: var(--text-primary);
}

.qovali-article-hero {
  padding: 60px 24px 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.qovali-article-hero-inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.qovali-article-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: .85rem;
  color: var(--text-secondary);
  margin-bottom: 24px;
}

.qovali-article-hero-inner .qovali-article-breadcrumb {
  justify-content: center;
}

.qovali-article-breadcrumb a {
  color: var(--text-secondary);
  text-decoration: none;
  transition: color .2s;
}

.qovali-article-breadcrumb a:hover {
  color: var(--accent);
}

.qovali-article-breadcrumb span {
  color: var(--text-muted);
}

.qovali-article-category-badge {
  display: inline-block;
  padding: 6px 14px;
  background: var(--accent-pale);
  color: var(--accent);
  border-radius: 8px;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0;
  margin-bottom: 20px;
  transition: all .2s;
}

.qovali-article-hero-inner .qovali-article-category-badge {
  display: inline-block;
}

.qovali-article-category-badge:hover {
  background: var(--accent);
  color: var(--text-inverse);
}

.qovali-article-title {
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.25;
  color: var(--text-primary);
  margin: 0 auto 20px;
  letter-spacing: -.01em;
  max-width: 780px;
}

.qovali-article-excerpt {
  font-family:var(--font-arabic);
  font-size: 1.15rem;
  line-height: 1.75;
  color: var(--text-secondary);
  margin: 0 auto 32px;
  font-weight:400;
  max-width: 680px;
}

.qovali-article-byline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 20px 0;
  border-top: 1px solid var(--border-soft);
  border-bottom: 1px solid var(--border-soft);
}

.qovali-article-hero-inner .qovali-article-byline {
  justify-content: center;
}

.qovali-byline-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--accent-soft));
  color: var(--text-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.qovali-byline-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: start;
}

.qovali-byline-name {
  font-weight: 700;
  font-size: .95rem;
  color: var(--text-primary);
}

.qovali-byline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: .82rem;
  color: var(--text-secondary);
}

.qovali-byline-modified {
  color: var(--accent);
  font-weight:700;
}

.qovali-article-featured {
  max-width: 980px;
  margin: 32px auto 0;
  padding: 0 24px;
}

.qovali-featured-img,
.qovali-article-featured img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
  box-shadow: 0 30px 80px -40px var(--shadow-color), 0 10px 30px -15px var(--accent-pale);
  aspect-ratio: 16/9;
  object-fit: cover;
}

.qovali-article-shell {
  max-width: 1240px;
  margin: 60px auto 0;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 60px;
  align-items: start;
}

.qovali-article-main {
  min-width: 0;
  max-width: 780px;
  margin-inline-end: auto;
}

.qovali-article-toc-mobile {
  display: none;
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 32px;
}

.qovali-article-toc-mobile summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 700;
  color: var(--text-primary);
  list-style: none;
}

.qovali-article-toc-mobile summary::-webkit-details-marker {
  display: none;
}

.qovali-toc-count {
  background: var(--accent);
  color: var(--text-inverse);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 700;
}

.qovali-article-toc-mobile ol {
  margin: 16px 0 0;
  padding: 16px 20px 0 0;
  border-top: 1px solid var(--border-soft);
  list-style: none;
  counter-reset: toc;
}

.qovali-article-toc-mobile li {
  margin-bottom: 10px;
  counter-increment: toc;
}

.qovali-article-toc-mobile li::before {
  content: counter(toc) ".";
  color: var(--text-muted);
  margin-inline-end: 6px;
  font-weight:700;
}

.qovali-article-toc-mobile li.is-sub {
  padding-inline-start: 20px;
  font-size: .9rem;
}

.qovali-article-toc-mobile a {
  color: var(--text-secondary);
  text-decoration: none;
}

.qovali-article-toc-mobile a:hover {
  color: var(--accent);
}

.qovali-article-sidebar {
  position: sticky;
  top: 90px;
  align-self: start;
}

.qovali-toc-sticky {
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  padding: 24px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.qovali-toc-title {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: .95rem;
  color: var(--text-primary);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-soft);
  letter-spacing: 0;
}

.qovali-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.qovali-toc-item {
  margin: 0;
  padding: 0;
}

.qovali-toc-item a {
  display: block;
  padding: 10px 12px;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: .88rem;
  line-height: 1.55;
  border-radius: 6px;
  border-inline-start: 2px solid transparent;
  transition: all .2s;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.qovali-toc-item a:hover {
  color: var(--accent);
  background: var(--accent-pale);
}

.qovali-toc-item a.is-active {
  color: var(--accent);
  background: var(--accent-pale);
  border-inline-start-color: var(--accent);
  font-weight: 700;
}

.qovali-toc-item.is-sub {
  padding-inline-start: 16px;
}

.qovali-toc-item.is-sub a {
  font-size: .85rem;
}

.qovali-article-content {
  font-family:var(--font-arabic);
  font-size: 1.12rem;
  line-height: 2;
  color: var(--text-primary);
  letter-spacing: 0.005em;
}

.qovali-article-content p {
  margin: 0 0 26px;
  text-align: start;
}

.qovali-article-content > *:first-child {
  margin-top: 0;
}

.qovali-article-content > *:last-child {
  margin-bottom: 0;
}

.qovali-article-content h2 {
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: clamp(1.85rem, 3.5vw, 2.4rem);
  line-height: 1.3;
  color: var(--text-primary);
  margin: 72px 0 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--accent);
  scroll-margin-top: 90px;
  letter-spacing: -.01em;
  position: relative;
}

.qovali-article-content h2::before {
  content: '';
  position: absolute;
  top: -8px;
  inset-inline-start: 0;
  width: 40px;
  height: 4px;
  background: var(--accent);
  border-radius: 2px;
}

.qovali-article-content h3 {
  font-family:var(--font-arabic);
  font-weight:700;
  font-size: clamp(1.3rem, 2.5vw, 1.6rem);
  line-height: 1.45;
  color: var(--text-primary);
  margin: 44px 0 16px;
  scroll-margin-top: 90px;
  padding-inline-start: 16px;
  border-inline-start: 3px solid var(--accent-soft);
}

.qovali-article-content h4 {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--text-primary);
  margin: 32px 0 12px;
}

.qovali-article-content strong {
  color: var(--text-primary);
  font-weight: 700;
}

.qovali-article-content em {
  color: var(--accent);
  font-style: normal;
  font-weight:700;
}

.qovali-article-content a {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .2s;
}

.qovali-article-content a:hover {
  color: var(--accent-strong);
  text-decoration-thickness: 2px;
}

.qovali-article-content ul,
.qovali-article-content ol {
  margin: 0 0 32px;
  padding-inline-start: 32px;
}

.qovali-article-content li {
  margin-bottom: 14px;
  line-height: 1.95;
  padding-inline-start: 6px;
}

.qovali-article-content ul li::marker {
  color: var(--accent);
  font-size: 1.2em;
}

.qovali-article-content ol li::marker {
  color: var(--accent);
  font-weight:700;
}

.qovali-article-content blockquote {
  background: var(--accent-pale);
  border-inline-start: 5px solid var(--accent);
  padding: 28px 32px;
  margin: 40px 0;
  border-radius: 14px;
  font-size: 1.15rem;
  line-height: 1.9;
  color: var(--text-primary);
  position: relative;
  font-weight:400;
}

.qovali-article-content blockquote::before {
  content: '"';
  position: absolute;
  top: -8px;
  inset-inline-start: 20px;
  font-family:var(--font-arabic);
  font-size: 4rem;
  color: var(--accent-soft);
  line-height: 1;
  font-weight: 700;
}

.qovali-article-content blockquote p {
  margin: 0;
  padding-inline-start: 24px;
}

.qovali-article-content blockquote cite {
  display: block;
  margin-top: 12px;
  font-size: .9rem;
  color: var(--text-secondary);
  font-style: normal;
  font-weight:700;
}

.qovali-article-content pre {
  background: var(--bg-inverse);
  color: var(--text-inverse);
  padding: 24px;
  border-radius: 12px;
  overflow-x: auto;
  margin: 28px 0;
  font-family:var(--font-mono);
  font-size: .9rem;
  line-height: 1.7;
  direction: ltr;
  text-align: left;
}

.qovali-article-content pre code {
  background: transparent;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}

.qovali-article-content code {
  background: var(--accent-pale);
  color: var(--accent);
  padding: 2px 8px;
  border-radius: 4px;
  font-family:var(--font-mono);
  font-size: .88em;
  direction: ltr;
  display: inline-block;
}

.qovali-article-content img,
.qovali-article-content .wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  margin: 0;
  box-shadow: 0 10px 30px -15px var(--shadow-color);
  border: none;
}

.qovali-article-content figure,
.qovali-article-content .wp-block-image {
  margin: 32px 0;
}

.qovali-article-content figcaption {
  text-align: center;
  color: var(--text-secondary);
  font-size: .88rem;
  margin-top: 12px;
  font-style: italic;
}

.qovali-article-content .table-wrap {
  width: 100%;
  margin: 34px 0;
  overflow-x: auto;
  background: var(--bg-surface);
  border: 2px solid var(--border-strong);
  box-shadow: 5px 5px 0 var(--shadow-color);
  -webkit-overflow-scrolling: touch;
}

.qovali-article-content table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  margin: 0;
  font-size: .96rem;
  background: var(--bg-surface);
}

.qovali-article-content th,
.qovali-article-content td {
  padding: 15px 18px;
  text-align: start;
  border: 2px solid var(--border-soft);
  color: var(--text-primary);
}

.qovali-article-content th {
  background: var(--bg-inverse);
  color: var(--text-inverse);
  font-weight: 900;
}

.qovali-article-content tbody tr:nth-child(even) {
  background: var(--bg-surface-alt);
}

.qovali-article-content .answer-first {
  font-size: 1.0625rem;
  line-height: 1.95;
  color: var(--text-primary);
  font-weight:400;
  padding: 0 0 18px;
  margin: 0 0 30px;
  border-bottom: 2px dashed var(--border-strong);
}

.qovali-article-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 48px 0 0;
  padding: 24px 0;
  border-top: 1px solid var(--border-soft);
  border-bottom: 1px solid var(--border-soft);
}

.qovali-share-label {
  font-weight: 700;
  color: var(--text-secondary);
  margin-inline-end: 8px;
  font-size: .95rem;
}

/* === single post: extraction-ready components === */
.qovali-takeaways {
  width: calc(100% - 48px);
  max-width: 780px;
  margin: 40px auto 0;
  padding: 28px 30px;
  background: var(--bg-surface);
  color: var(--text-primary);
  border: 3px solid var(--border-strong);
  box-shadow: 6px 6px 0 var(--shadow-color);
}

.qovali-takeaways__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family:var(--font-arabic);
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  line-height: 1.35;
  font-weight: 900;
  color: var(--text-primary);
  margin: 0 0 18px;
}

.qovali-takeaways__title::before {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--accent);
  border: 2px solid var(--border-strong);
  box-shadow: 2px 2px 0 var(--shadow-color);
  flex: 0 0 auto;
}

.qovali-takeaways ul {
  margin: 0;
  padding-inline-start: 26px;
}

.qovali-takeaways li {
  color: var(--text-secondary);
  font-size: 1.02rem;
  line-height: 1.85;
  margin: 0 0 10px;
}

.qovali-takeaways li:last-child {
  margin-bottom: 0;
}

.qovali-post-faq {
  margin: 58px 0 0;
}

.qovali-post-faq .section-label {
  margin-bottom: 14px;
}

.qovali-post-faq .section-h2 {
  font-size: clamp(1.8rem, 3.8vw, 2.5rem);
  margin: 0 0 26px;
  text-align: start;
}

.qovali-post-faq .faq-wrap {
  display: grid;
  gap: 12px;
}

.qovali-post-faq .faq-item {
  background: var(--bg-surface);
  border: 2px solid var(--border-strong);
  box-shadow: 4px 4px 0 var(--shadow-color);
}

.qovali-post-faq .faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  background: transparent;
  color: var(--text-primary);
  border: 0;
  font-family:var(--font-arabic);
  font-weight:700;
  font-size: 1.02rem;
  text-align: start;
  cursor: pointer;
}

.qovali-post-faq .faq-q-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent);
  color: var(--text-inverse);
  border: 2px solid var(--border-strong);
  box-shadow: 2px 2px 0 var(--shadow-color);
  flex: 0 0 auto;
}

.qovali-post-faq .faq-a {
  display: none;
  border-top: 1px solid var(--border-soft);
}

.qovali-post-faq .faq-item.open .faq-a,
.qovali-post-faq .faq-q[aria-expanded="true"] + .faq-a {
  display: block;
}

.qovali-post-faq .faq-a-inner {
  padding: 18px 22px 22px;
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.9;
}

.qovali-post-faq .faq-a-inner p {
  margin: 0 0 12px;
}

.qovali-post-faq .faq-a-inner p:last-child {
  margin-bottom: 0;
}

.qovali-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  color: var(--text-secondary);
  text-decoration: none;
  cursor: pointer;
  transition: all .2s;
  position: relative;
}

.qovali-share-btn:hover {
  background: var(--accent);
  color: var(--text-inverse);
  border-color: var(--accent);
  transform: translateY(-2px);
}

.qovali-share-copy.is-copied {
  background: var(--success);
  color: var(--text-inverse);
  border-color: var(--success);
}

.qovali-share-copy.is-copied::after {
  content: 'تم النسخ!';
  position: absolute;
  background: var(--success);
  color: var(--text-inverse);
  padding: 4px 10px;
  border-radius: 6px;
  font-size: .75rem;
  margin-top: 44px;
  white-space: nowrap;
  animation: qovali-fade-in .3s;
}

@keyframes qovali-fade-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.qovali-article-cta {
  margin: 60px 0 0;
  background: var(--bg-inverse);
  color: var(--text-inverse);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.qovali-cta-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px 40px;
  text-align: center;
  align-items: center;
}

.qovali-cta-content {
  max-width: 640px;
}

.qovali-cta-kicker {
  display: inline-block;
  color: var(--accent-soft);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.qovali-cta-heading {
  font-family:var(--font-arabic);
  font-weight:700;
  font-size: clamp(1.4rem, 3vw, 2rem);
  line-height: 1.3;
  color: var(--text-inverse);
  margin: 0 0 12px;
}

.qovali-cta-desc {
  color: var(--text-inverse);
  line-height: 1.75;
  margin: 0;
}

.qovali-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.qovali-cta-btn-primary,
.qovali-cta-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  padding: 16px 32px;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  transition: all .2s;
  text-align: center;
}

.qovali-cta-btn-primary {
  background: var(--accent);
  color: var(--text-inverse);
}

.qovali-cta-btn-primary:hover {
  background: var(--accent-soft);
  transform: translateY(-2px);
}

.qovali-cta-btn-secondary {
  background: transparent;
  color: var(--text-inverse);
  border: 1px solid var(--border-soft);
}

.qovali-cta-btn-secondary:hover {
  background: var(--bg-surface-alt);
  border-color: var(--text-inverse);
}

.qovali-related-posts {
  background: var(--bg-page-alt);
  padding: 60px 24px;
  margin-top: 60px;
  border-top: 1px solid var(--border-soft);
}

.qovali-related-inner {
  max-width: 1140px;
  margin: 0 auto;
}

.qovali-related-heading {
  text-align: center;
  font-family:var(--font-arabic);
  font-weight:700;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--text-primary);
  margin: 0 0 40px;
}

.qovali-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.qovali-related-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: all .2s;
}

.qovali-related-card:hover {
  transform: translateY(-3px);
  border-color: var(--accent);
  box-shadow: 0 20px 40px -20px var(--shadow-color);
}

.qovali-related-thumb {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--bg-page);
}

.qovali-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.qovali-related-body {
  padding: 20px;
}

.qovali-related-cat {
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: 0;
  margin-bottom: 8px;
}

.qovali-related-body h3 {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.45;
  color: var(--text-primary);
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.qovali-related-body time {
  font-size: .82rem;
  color: var(--text-secondary);
}

.qovali-back-to-top {
  position: fixed;
  bottom: 30px;
  inset-inline-start: 30px;
  width: 48px;
  height: 48px;
  background: var(--accent);
  color: var(--text-inverse);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px -8px var(--shadow-color);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all .3s;
  z-index: 100;
}

.qovali-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.qovali-back-to-top:hover {
  background: var(--accent-strong);
  transform: translateY(-3px);
}

@media (max-width: 1080px) {
  .qovali-article-shell {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .qovali-article-sidebar {
    display: none;
  }

  .qovali-article-toc-mobile {
    display: block;
  }

  .qovali-cta-inner {
    grid-template-columns: 1fr;
    padding: 32px 28px;
    text-align: center;
  }

  .qovali-cta-actions {
    align-items: stretch;
  }

  .qovali-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .qovali-article-hero {
    padding: 40px 20px 24px;
  }

  .qovali-article-title {
    font-size: 1.85rem;
  }

  .qovali-article-excerpt {
    font-size: 1.05rem;
  }

  .qovali-article-shell {
    margin-top: 40px;
    padding: 0 20px;
  }

  .qovali-article-content {
    font-size: 1.02rem;
  }

  .qovali-article-content h2 {
    font-size: 1.5rem;
    margin-top: 40px;
  }

  .qovali-article-content h3 {
    font-size: 1.2rem;
    margin-top: 32px;
  }

  .qovali-related-grid {
    grid-template-columns: 1fr;
  }

  .qovali-back-to-top {
    width: 42px;
    height: 42px;
    bottom: 20px;
    inset-inline-start: 20px;
  }
}

@media print {
  .qovali-progress-bar,
  .qovali-article-sidebar,
  .qovali-article-toc-mobile,
  .qovali-article-share,
  .qovali-article-cta,
  .qovali-related-posts,
  .qovali-back-to-top,
  .site-header,
  .site-footer {
    display: none !important;
  }

  .qovali-article-page {
    background: var(--bg-surface) !important;
  }

  .qovali-article-content {
    font-size: 12pt;
  }

  .qovali-article-title {
    font-size: 24pt;
  }
}

/* === single post: author box + sidebar CTA === */
.qovali-article-author-box {
  margin: 60px 0 0;
  padding: 32px;
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: 20px;
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 24px;
  align-items: start;
}

.qovali-author-avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg, var(--accent), var(--accent-soft));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-inverse);
  font-family:var(--font-arabic);
  font-weight: 900;
  font-size: 2.2rem;
  flex-shrink: 0;
}

.qovali-author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.qovali-author-body {
  min-width: 0;
}

.qovali-author-label {
  display: inline-block;
  font-size: .78rem;
  font-weight: 700;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 8px;
}

.qovali-author-name {
  font-family:var(--font-arabic);
  font-weight:700;
  font-size: 1.5rem;
  color: var(--text-primary);
  margin: 0 0 12px;
}

.qovali-author-bio {
  font-family:var(--font-arabic);
  font-size: 1rem;
  line-height: 1.8;
  color: var(--text-secondary);
  margin: 0 0 16px;
}

.qovali-author-credentials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin: 0 0 18px;
  font-family:var(--font-mono);
  font-size: .82rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.qovali-author-credentials span {
  color: var(--text-primary);
  font-weight: 700;
}

.qovali-author-credentials a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 700;
}

.qovali-author-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.qovali-author-links > a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 700;
  font-size: .95rem;
  transition: color .2s;
}

.qovali-author-links > a:hover {
  color: var(--accent-strong);
  text-decoration: underline;
}

.qovali-author-social {
  display: flex;
  gap: 12px;
}

.qovali-author-social a {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: .88rem;
  font-weight:700;
  padding: 6px 12px;
  background: var(--bg-surface-alt);
  border-radius: 6px;
  transition: all .2s;
}

.qovali-author-social a:hover {
  background: var(--accent);
  color: var(--text-inverse);
}

.qovali-sidebar-cta {
  margin-top: 20px;
  padding: 20px;
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  border-radius: 12px;
  color: var(--text-inverse);
  text-align: center;
}

.qovali-sidebar-cta-kicker {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  color: var(--text-inverse);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.qovali-sidebar-cta-text {
  font-family:var(--font-arabic);
  font-weight: 700;
  font-size: 1rem;
  color: var(--text-inverse);
  line-height: 1.4;
  margin: 0 0 14px;
}

.qovali-sidebar-cta-btn {
  display: inline-block;
  width: 100%;
  padding: 10px 16px;
  background: var(--bg-surface);
  color: var(--accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: .88rem;
  transition: all .2s;
}

.qovali-sidebar-cta-btn:hover {
  background: var(--accent-pale);
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .qovali-takeaways {
    width: calc(100% - 32px);
    margin-top: 28px;
    padding: 22px 20px;
  }

  .qovali-post-faq .section-h2 {
    font-size: clamp(1.55rem, 8vw, 2rem);
  }

  .qovali-post-faq .faq-q {
    padding: 18px 16px;
  }

  .qovali-post-faq .faq-a-inner {
    padding: 16px;
  }

  .qovali-article-author-box {
    grid-template-columns: 1fr;
    padding: 24px;
    text-align: center;
  }

  .qovali-author-avatar {
    margin: 0 auto;
  }

  .qovali-author-links {
    justify-content: center;
  }
}

/* === single post dark-mode token corrections === */
html[data-theme="dark"] body.single-post :is(.qovali-article-page, .qovali-article-hero, .qovali-article-shell),
html[data-theme="dark"] body.single-post .qovali-related-posts {
  background: var(--bg-page) !important;
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.single-post .qovali-article-content {
  background: transparent !important;
  color: var(--text-primary) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile, .qovali-article-author-box, .qovali-related-card) {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-soft) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.single-post :is(.qovali-article-breadcrumb, .qovali-article-breadcrumb a, .qovali-byline-meta, .qovali-article-excerpt, .qovali-article-content p, .qovali-article-content li, .qovali-article-content figcaption, .qovali-author-bio, .qovali-related-body time) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"] body.single-post :is(.qovali-article-title, .qovali-byline-name, .qovali-article-content h2, .qovali-article-content h3, .qovali-article-content h4, .qovali-article-content strong, .qovali-article-content b, .qovali-toc-title, .qovali-author-name, .qovali-related-heading, .qovali-related-body h3) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.single-post :is(.qovali-article-byline, .qovali-article-share, .qovali-toc-title, .qovali-article-toc-mobile ol, .qovali-article-content table, .qovali-article-content th, .qovali-article-content td) {
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] body.single-post .qovali-article-cta {
  background: var(--bg-inverse) !important;
  color: var(--text-inverse) !important;
  border: 1px solid var(--border-soft);
}

html[data-theme="dark"] body.single-post :is(.qovali-cta-heading, .qovali-cta-desc, .qovali-cta-btn-secondary, .qovali-sidebar-cta-text, .qovali-sidebar-cta-kicker) {
  color: var(--text-inverse) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) body.single-post :is(.qovali-article-page, .qovali-article-hero, .qovali-article-shell),
  :root:not([data-theme]) body.single-post .qovali-related-posts {
    background: var(--bg-page) !important;
    color: var(--text-primary) !important;
  }

  :root:not([data-theme]) body.single-post .qovali-article-content {
    background: transparent !important;
    color: var(--text-primary) !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  :root:not([data-theme]) body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile, .qovali-article-author-box, .qovali-related-card) {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-soft) !important;
    box-shadow: none !important;
  }

  :root:not([data-theme]) body.single-post :is(.qovali-article-breadcrumb, .qovali-article-breadcrumb a, .qovali-byline-meta, .qovali-article-excerpt, .qovali-article-content p, .qovali-article-content li, .qovali-article-content figcaption, .qovali-author-bio, .qovali-related-body time) {
    color: var(--text-secondary) !important;
  }

  :root:not([data-theme]) body.single-post :is(.qovali-article-title, .qovali-byline-name, .qovali-article-content h2, .qovali-article-content h3, .qovali-article-content h4, .qovali-article-content strong, .qovali-article-content b, .qovali-toc-title, .qovali-author-name, .qovali-related-heading, .qovali-related-body h3) {
    color: var(--text-primary) !important;
  }

  :root:not([data-theme]) body.single-post :is(.qovali-article-byline, .qovali-article-share, .qovali-toc-title, .qovali-article-toc-mobile ol, .qovali-article-content table, .qovali-article-content th, .qovali-article-content td) {
    border-color: var(--border-soft) !important;
  }

  :root:not([data-theme]) body.single-post .qovali-article-cta {
    background: var(--bg-inverse) !important;
    color: var(--text-inverse) !important;
    border: 1px solid var(--border-soft);
  }

  :root:not([data-theme]) body.single-post :is(.qovali-cta-heading, .qovali-cta-desc, .qovali-cta-btn-secondary, .qovali-sidebar-cta-text, .qovali-sidebar-cta-kicker) {
    color: var(--text-inverse) !important;
  }
}

/* ============================================================
   SERKA SEO PAGE — FINAL (v4)
   Single source of truth for /شركة-سيو/
   ============================================================ */

.serka-seo-main {
  background:
    radial-gradient(circle at 8% 12%, rgba(76,29,149,.08), transparent 24rem),
    linear-gradient(180deg, var(--cream) 0%, #f6f1e8 100%);
}

.serka-seo-main .serka-foundation-section,
.serka-seo-main .serka-services-section,
.serka-seo-main .serka-reasons-section,
.serka-seo-main .serka-process-section,
.serka-seo-main .serka-warning-section,
.serka-seo-main .serka-pricing-section,
.serka-seo-main .serka-mistakes-section,
.serka-seo-main .serka-faq-section {
  position: relative;
}

.serka-seo-main .serka-hero {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: 24px;
}

.serka-seo-main .serka-hero .hero-content {
  max-width: 760px;
}

.serka-seo-main .serka-hero .hero-sub {
  border-inline-start: 5px solid var(--pp);
  padding-inline-start: 18px;
}

.serka-seo-main .serka-hero .hero-visual {
  height: 400px;
  display: grid;
  place-items: center;
}

.serka-seo-main .serka-ranking-geo {
  width: min(100%, 420px);
  height: auto;
  filter: drop-shadow(14px 14px 0 rgba(10,10,12,.12));
}

.serka-seo-main .serka-ranking-geo .geo-line,
.serka-seo-main .serka-ranking-geo .geo-ghost {
  fill: none;
  stroke: var(--pp);
  stroke-width: 4;
}

.serka-seo-main .serka-ranking-geo .geo-ghost {
  opacity: .22;
  stroke-dasharray: 8 10;
}

.serka-seo-main .serka-ranking-geo .geo-cube {
  fill: rgba(76,29,149,.12);
  stroke: var(--gy-dark);
  stroke-width: 3;
}

.serka-seo-main .serka-ranking-geo .geo-dot {
  fill: var(--pp);
}

.serka-seo-main .serka-ranking-geo .geo-triangle {
  fill: var(--pp-light);
  stroke: var(--gy-dark);
  stroke-width: 3;
}

.serka-seo-main .awards-row {
  margin-top: 18px;
}

.serka-seo-main .serka-joined-grid {
  display: grid;
  gap: 0;
  border: 3px solid var(--gy-dark);
  box-shadow: var(--shadow-lg);
  background: var(--white);
  margin-top: 32px;
}

.serka-seo-main .serka-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.serka-seo-main .serka-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.serka-seo-main .serka-joined-cell {
  padding: 30px 26px;
  border-left: 3px solid var(--gy-dark);
  border-top: 3px solid var(--gy-dark);
  background: var(--white);
  transition: background .2s, transform .2s;
}

.serka-seo-main .serka-joined-cell:hover {
  background: var(--pp-pale);
}

.serka-seo-main .serka-cols-3 .serka-joined-cell:nth-child(-n+3) {
  border-top: none;
}

.serka-seo-main .serka-cols-3 .serka-joined-cell:nth-child(3n+1) {
  border-left: none;
}

.serka-seo-main .serka-cols-4 .serka-joined-cell:nth-child(-n+4) {
  border-top: none;
}

.serka-seo-main .serka-cols-4 .serka-joined-cell:nth-child(4n+1) {
  border-left: none;
}

@media (min-width: 1081px) {
  .serka-seo-main .wdc-methodology-section .serka-phase-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 28px 34px;
    border: 0;
    box-shadow: none;
    background: transparent;
    align-items: stretch;
  }

  .serka-seo-main .wdc-methodology-section .serka-phase-grid .serka-joined-cell {
    grid-column: span 2;
    border: 3px solid var(--gy-dark);
    box-shadow: var(--shadow-lg);
    min-height: 100%;
  }

  .serka-seo-main .wdc-methodology-section .serka-phase-grid .serka-joined-cell:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .serka-seo-main .wdc-methodology-section .serka-phase-grid .serka-joined-cell:nth-child(2) {
    grid-column: 3 / 5;
    grid-row: 1;
  }

  .serka-seo-main .wdc-methodology-section .serka-phase-grid .serka-joined-cell:nth-child(3) {
    grid-column: 5 / 7;
    grid-row: 1;
  }

  .serka-seo-main .wdc-methodology-section .serka-phase-grid .serka-joined-cell:nth-child(4) {
    grid-column: 2 / 4;
    grid-row: 2;
  }

  .serka-seo-main .wdc-methodology-section .serka-phase-grid .serka-joined-cell:nth-child(5) {
    grid-column: 4 / 6;
    grid-row: 2;
  }
}

.serka-seo-main .section-h2 em {
  color: var(--pp);
  font-style: normal;
  position: relative;
  display: inline-block;
}

.serka-seo-main .section-h2 em::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: .03em;
  height: .16em;
  background: var(--pp-pale);
  z-index: -1;
  transform: skewX(-10deg);
}

.serka-seo-main .section-sub,
.serka-seo-main .serka-editorial,
.serka-seo-main .serka-teaser {
  text-align: right;
}

.serka-seo-main .section .section-sub {
  max-width: 720px;
  margin-inline: auto;
  font-size: 16.5px;
  line-height: 1.95;
  color: var(--gy-mid);
}

.serka-seo-main .section-sub p {
  margin: 0 0 18px;
}

.serka-seo-main .section-sub p:last-child {
  margin-bottom: 0;
}

.serka-seo-main .serka-editorial {
  max-width: 900px;
  margin-top: 34px;
  padding: 28px 32px;
  border: 2px solid var(--gy-dark);
  background: var(--white);
  box-shadow: var(--shadow-sm);
}

.serka-seo-main .serka-editorial p {
  max-width: 720px;
  margin: 0 auto 18px;
  font-size: 16.5px;
  line-height: 1.95;
  color: var(--gy-mid);
}

.serka-seo-main .serka-editorial p:last-child {
  margin-bottom: 0;
}

.serka-seo-main #serka-s1-title ~ .section-sub > p:first-child,
.serka-seo-main .serka-editorial > p:first-of-type {
  font-size: 18px;
  color: var(--gy-dark);
  font-weight:400;
}

.serka-seo-main .section .fade > .section-label,
.serka-seo-main .section .fade > .section-h2,
.serka-seo-main .section .fade > .section-sub {
  text-align: right;
}

.serka-seo-main .section .fade > .section-h2 {
  max-width: 820px;
}

/* Keep the process heading centered within its section. */
.serka-seo-main #serka-s4-title {
  max-width: 980px;
  margin-inline: auto;
  text-align: center;
}

.serka-seo-main .serka-h3 {
  position: relative;
  font-family:var(--font-arabic);
  font-size: clamp(19px, 2.2vw, 24px);
  font-weight: 900;
  line-height: 1.4;
  color: var(--gy-dark);
  margin: 44px auto 14px;
  max-width: 720px;
  padding-inline-start: 0;
  padding-inline-end: 16px;
  border-inline-end: 4px solid var(--pp);
}

.serka-seo-main .serka-icon-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  font-size: 26px;
  line-height: 1;
  background: var(--pp-pale);
  border: 2px solid var(--gy-dark);
  box-shadow: 3px 3px 0 var(--gy-dark);
  margin-bottom: 16px;
}

.serka-seo-main .service-icon {
  margin-bottom: 16px;
}

.serka-seo-main .serka-joined-cell .service-title,
.serka-seo-main .serka-joined-cell h3,
.serka-seo-main .serka-joined-cell h4 {
  font-size: clamp(1rem, 1.7vw, 1.45rem);
  font-weight: 900;
  line-height: 1.4;
  margin: 0 0 8px;
}

.serka-seo-main .serka-joined-cell .service-desc,
.serka-seo-main .serka-joined-cell p {
  max-width: 100%;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--gy-mid);
  margin: 0;
}

.serka-seo-main .serka-mini-features {
  list-style: none;
  margin: 14px 0 0;
  padding: 12px 0 0;
  border-top: 2px dashed var(--gy-pale);
}

.serka-seo-main .serka-mini-features li {
  position: relative;
  padding-inline-start: 18px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--gy-mid);
  margin-bottom: 6px;
}

.serka-seo-main .serka-mini-features li::before {
  content: '✓';
  position: absolute;
  inset-inline-start: 0;
  color: var(--pp);
  font-weight: 900;
}

.serka-seo-main .serka-num {
  display: inline-block;
  font-family:var(--font-mono);
  font-size: 26px;
  font-weight: 700;
  color: var(--pp);
  line-height: 1;
  letter-spacing: -.02em;
  margin-bottom: 12px;
}

.serka-seo-main .serka-filler-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  background: var(--pp-pale);
}

.serka-seo-main .serka-filler-cell strong,
.serka-seo-main .service-more {
  font-size: 17px;
  font-weight: 900;
  color: var(--gy-dark);
}

.serka-seo-main .serka-rows {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 900px;
  margin: 32px auto 0;
}

.serka-seo-main .serka-row {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  background: var(--white);
  border: 2px solid var(--gy-dark);
  box-shadow: var(--shadow-sm);
  padding: 22px 26px;
  transition: var(--transition);
}

.serka-seo-main .serka-row:hover {
  transform: translate(-3px,-3px);
  box-shadow: 6px 6px 0 var(--gy-dark);
}

.serka-seo-main .serka-row .serka-num {
  flex-shrink: 0;
  min-width: 48px;
  margin-bottom: 0;
  padding-top: 2px;
}

.serka-seo-main .serka-reason-body,
.serka-seo-main .serka-flag-body {
  min-width: 0;
}

.serka-seo-main .serka-row h3 {
  font-size: 17px;
  font-weight: 900;
  margin: 0 0 6px;
  line-height: 1.35;
}

.serka-seo-main .serka-row p {
  font-size: 14px;
  color: var(--gy-mid);
  line-height: 1.8;
  margin: 0;
}

.serka-seo-main .serka-phase-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.serka-seo-main .serka-phase-top .serka-num {
  margin-bottom: 0;
}

.serka-seo-main .serka-duration {
  font-family:var(--font-arabic);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--pp);
  border: 2px solid var(--pp);
  padding: 3px 8px;
  background: var(--white);
}

.serka-seo-main .serka-deliverable {
  margin-top: 14px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.55;
  background: var(--pp-pale);
  border-inline-start: 3px solid var(--pp);
  color: var(--gy-dark);
}

.serka-seo-main .serka-deliverable strong {
  color: var(--pp);
}

.serka-seo-main .serka-services-section,
.serka-seo-main [aria-labelledby="serka-s5-title"],
.serka-seo-main .serka-mistakes-section {
  background:
    linear-gradient(rgba(76,29,149,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(76,29,149,.045) 1px, transparent 1px),
    var(--cream);
  background-size: 42px 42px;
}

.serka-seo-main .serka-warning-section {
  background: linear-gradient(180deg, var(--cream), #f1ede5);
}

.serka-seo-main .serka-cases {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}

.serka-seo-main .serka-case {
  background: var(--white);
  border: 3px solid var(--gy-dark);
  box-shadow: var(--shadow-md);
  padding: 28px 26px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: var(--transition);
}

.serka-seo-main .serka-case:hover {
  transform: translate(-4px,-4px);
  box-shadow: 8px 8px 0 var(--gy-dark);
}

.serka-seo-main .serka-tag {
  align-self: flex-start;
  font-family:var(--font-arabic);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text-inverse);
  background: var(--pp);
  border: 2px solid var(--gy-dark);
  padding: 4px 10px;
  transform: rotate(-1.5deg);
}

.serka-seo-main .serka-case h3 {
  font-size: 18px;
  font-weight: 900;
  margin: 0;
  line-height: 1.3;
}

.serka-seo-main .serka-case-block h4 {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
  color: var(--pp);
  margin: 0 0 4px;
  text-transform: uppercase;
  font-family:var(--font-mono);
}

.serka-seo-main .serka-case-block p {
  font-size: 13px;
  line-height: 1.75;
  color: var(--gy-mid);
  margin: 0;
}

.serka-seo-main .serka-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  background: var(--gy-dark);
  border: 3px solid var(--gy-dark);
  box-shadow: 4px 4px 0 var(--pp);
}

.serka-seo-main .serka-result {
  padding: 16px 8px;
  text-align: center;
  color: var(--text-inverse);
}

.serka-seo-main .serka-result + .serka-result {
  border-inline-start: 2px solid rgba(255,255,255,.12);
}

.serka-seo-main .serka-result-num {
  display: block;
  font-family:var(--font-mono);
  font-size: 20px;
  font-weight: 700;
  color: var(--pp-light);
  line-height: 1;
  margin-bottom: 4px;
}

.serka-seo-main .serka-result-label {
  display: block;
  font-size: 10px;
  opacity: .85;
  line-height: 1.3;
}

.serka-seo-main .serka-case-duration {
  font-family:var(--font-arabic);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--gy-mid);
  text-align: center;
  padding-top: 10px;
  border-top: 2px dashed var(--gy-pale);
}

.serka-seo-main .serka-flags {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 900px;
  margin: 32px auto;
}

.serka-seo-main .serka-flag {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  background: var(--white);
  border: 2px solid var(--gy-dark);
  border-inline-start: 6px solid #dc2626;
  box-shadow: var(--shadow-sm);
  padding: 22px 26px;
}

.serka-seo-main .serka-flag-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dc2626;
  color: var(--text-inverse);
  border: 2px solid var(--gy-dark);
  font-size: 18px;
  font-weight: 900;
}

.serka-seo-main .serka-flag h3 {
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 6px;
}

.serka-seo-main .serka-flag p {
  font-size: 14px;
  color: var(--gy-mid);
  line-height: 1.7;
  margin: 0;
}

.serka-seo-main .serka-teaser {
  max-width: 700px;
  margin: 0 auto 24px;
  padding: 24px 30px;
  line-height: 2.05;
  background: var(--pp-pale);
  border: 2px dashed var(--pp);
  font-size: 14.5px;
}

.serka-seo-main .serka-teaser p {
  margin: 0 0 12px;
}

.serka-seo-main .serka-teaser p:last-child {
  margin-bottom: 0;
}

.serka-seo-main .serka-center {
  text-align: center;
}

.serka-seo-main .pricing-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.serka-seo-main .price-num[data-price-text="true"] {
  font-size: 22px !important;
}

.serka-seo-main .serka-pricing-note {
  text-align: center;
  font-size: 13px;
  color: var(--gy-mid);
  max-width: 700px;
  margin: 0 auto 28px;
  font-style: italic;
}

.serka-seo-main .serka-pricing-section .pricing-card.featured {
  transform: scale(1.02);
}

.serka-seo-main .faq-wrap {
  max-width: 980px;
  margin-inline: auto;
}

.serka-seo-main .faq-a-inner {
  font-size: 15px;
  line-height: 1.9;
  max-width: none;
}

.serka-seo-main .faq-a-inner p {
  margin: 0 0 12px;
}

.serka-seo-main .faq-a-inner p:last-child {
  margin-bottom: 0;
}

.serka-seo-main .serka-cta-band {
  background: var(--gy-dark);
  color: var(--text-inverse);
  position: relative;
  overflow: hidden;
  border-block: 3px solid var(--gy-dark);
}

.serka-seo-main .serka-cta-band .section-h2,
.serka-seo-main .serka-cta-title {
  color: var(--text-inverse);
  margin-inline: auto;
  text-align: center;
}

.serka-seo-main .serka-cta-band .section-h2 em {
  color: var(--pp-light);
  font-style: normal;
}

.serka-seo-main .serka-cta-band .section-sub,
.serka-seo-main .serka-cta-sub {
  color: rgba(255,255,255,.85);
  margin-inline: auto;
  text-align: center;
}

.serka-seo-main .serka-cta-band .hero-actions {
  justify-content: center;
  margin: 28px 0;
}

.serka-seo-main .serka-cta-band .btn-primary {
  background: var(--bg-surface);
  color: var(--gy-dark);
  border-color: var(--text-inverse);
}

.serka-seo-main .serka-cta-band .btn-outline {
  color: var(--text-inverse);
  border-color: rgba(255,255,255,.5);
}

.serka-seo-main .serka-cta-band .btn-outline:hover {
  background: var(--bg-surface);
  color: var(--gy-dark);
}

.serka-seo-main .serka-cta-trust {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.serka-seo-main .serka-cta-trust li {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,.9);
}

.serka-seo-main .geo-corner {
  position: absolute;
  opacity: .25;
  pointer-events: none;
}

.serka-seo-main .geo-corner-a {
  inset-inline-start: 3%;
  top: 12%;
}

.serka-seo-main .geo-corner-b {
  inset-inline-end: 4%;
  bottom: 10%;
}

.serka-seo-main .serka-cta-inner {
  position: relative;
  z-index: 2;
}

@media (max-width: 1080px) {
  .serka-seo-main .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .serka-seo-main .serka-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .serka-seo-main .serka-cols-4 .serka-joined-cell:nth-child(-n+4) {
    border-top: 3px solid var(--gy-dark);
  }

  .serka-seo-main .serka-cols-4 .serka-joined-cell:nth-child(-n+2) {
    border-top: none;
  }

  .serka-seo-main .serka-cols-4 .serka-joined-cell:nth-child(4n+1) {
    border-left: 3px solid var(--gy-dark);
  }

  .serka-seo-main .serka-cols-4 .serka-joined-cell:nth-child(2n+1) {
    border-left: none;
  }

  .serka-seo-main .serka-cases {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin-inline: auto;
  }
}

@media (max-width: 820px) {
  .serka-seo-main .serka-hero {
    padding-inline: 18px;
  }

  .serka-seo-main .serka-hero .hero-visual {
    height: 320px;
  }

  .serka-seo-main .serka-cols-3,
  .serka-seo-main .serka-cols-4 {
    grid-template-columns: 1fr;
  }

  .serka-seo-main .serka-cols-3 .serka-joined-cell,
  .serka-seo-main .serka-cols-4 .serka-joined-cell {
    border-left: none;
    border-top: 3px solid var(--gy-dark);
  }

  .serka-seo-main .serka-cols-3 .serka-joined-cell:first-child,
  .serka-seo-main .serka-cols-4 .serka-joined-cell:first-child {
    border-top: none;
  }

  .serka-seo-main .pricing-grid {
    grid-template-columns: 1fr;
  }

  .serka-seo-main .serka-row,
  .serka-seo-main .serka-flag {
    flex-direction: column;
    gap: 10px;
  }

  .serka-seo-main .serka-results {
    grid-template-columns: 1fr;
  }

  .serka-seo-main .serka-result + .serka-result {
    border-inline-start: none;
    border-top: 2px solid rgba(255,255,255,.12);
  }

  .serka-seo-main .serka-cta-band .hero-actions {
    flex-direction: column;
    align-items: center;
  }

  .serka-seo-main .serka-cta-band .hero-actions .btn-primary,
  .serka-seo-main .serka-cta-band .hero-actions .btn-outline {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }

  .serka-seo-main .section .section-sub,
  .serka-seo-main .serka-editorial p {
    font-size: 15.5px;
    line-height: 1.9;
  }

  .serka-seo-main #serka-s1-title ~ .section-sub > p:first-child,
  .serka-seo-main .serka-editorial > p:first-of-type {
    font-size: 16.5px;
  }

  .serka-seo-main .serka-h3 {
    margin: 36px auto 12px;
  }
}

/* === expert SEO results dark mode final override === */
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-slide,
body.dark.qovali-seo-landing-page .expert-seo-page .results-slide {
  background: #120f1c !important;
  color: #f8f5ff !important;
  border-color: rgba(248,245,255,.22) !important;
  box-shadow: 6px 6px 0 rgba(248,245,255,.12) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-story,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-visual,
body.dark.qovali-seo-landing-page .expert-seo-page .results-story,
body.dark.qovali-seo-landing-page .expert-seo-page .results-visual {
  background: rgba(255,255,255,.055) !important;
  color: #f8f5ff !important;
  border-color: rgba(248,245,255,.18) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-story h3,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-story h4,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-story strong,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .source-row strong,
body.dark.qovali-seo-landing-page .expert-seo-page .results-story h3,
body.dark.qovali-seo-landing-page .expert-seo-page .results-story h4,
body.dark.qovali-seo-landing-page .expert-seo-page .results-story strong,
body.dark.qovali-seo-landing-page .expert-seo-page .source-row strong {
  color: #f8f5ff !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-story p,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .result-actions li,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-source,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .source-row,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .source-row span,
body.dark.qovali-seo-landing-page .expert-seo-page .results-story p,
body.dark.qovali-seo-landing-page .expert-seo-page .result-actions li,
body.dark.qovali-seo-landing-page .expert-seo-page .results-source,
body.dark.qovali-seo-landing-page .expert-seo-page .source-row,
body.dark.qovali-seo-landing-page .expert-seo-page .source-row span {
  color: rgba(248,245,255,.74) !important;
  border-color: rgba(248,245,255,.14) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-type,
body.dark.qovali-seo-landing-page .expert-seo-page .results-type {
  background: rgba(76,29,149,.72) !important;
  color: #f8f5ff !important;
  border-color: rgba(248,245,255,.26) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-case-link,
body.dark.qovali-seo-landing-page .expert-seo-page .results-case-link {
  background: var(--accent) !important;
  color: var(--text-inverse) !important;
  border-color: rgba(248,245,255,.75) !important;
  box-shadow: 4px 4px 0 rgba(248,245,255,.16) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-nav,
body.dark.qovali-seo-landing-page .expert-seo-page .results-nav {
  background: rgba(255,255,255,.08) !important;
  color: #f8f5ff !important;
  border-color: rgba(248,245,255,.28) !important;
  box-shadow: 4px 4px 0 rgba(248,245,255,.14) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .results-comparison__figure,
body.dark.qovali-seo-landing-page .expert-seo-page .results-comparison__figure {
  background: #0f0d17 !important;
  border-color: rgba(248,245,255,.28) !important;
}

/* === sitewide dark mode token bridge === */
html[data-theme="dark"] body,
html[data-theme="dark"] body.qovali-seo-landing-page,
html[data-theme="dark"] body.qovali-seo-landing-page .seo-page-template {
  background: var(--bg-page) !important;
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.section, .faq-section, .related-posts-section, .seo-page-template),
html[data-theme="dark"] body.single-post,
html[data-theme="dark"] body.page-template-page-legal {
  background-color: var(--bg-page) !important;
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.platform-decision-card, .cta-band, .serka-cta-band, .results-slide, .results-story, .results-visual, .faq-item, .post-card, .related-post-card, .legal-card, .qovali-author-box, .qovali-sidebar-widget, .qovali-bottom-cta, .qovali-article-card, .qovali-article-callout),
html[data-theme="dark"] body.page-template-page-legal :is(.legal-page, .legal-body-inner),
html[data-theme="dark"] body.single-post :is(.qovali-article-content, .qovali-toc-card, .qovali-author-box, .qovali-sidebar-cta, .qovali-bottom-cta) {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-soft) !important;
  box-shadow: 6px 6px 0 var(--shadow-color) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.section-h2, .section-h2 em, .platform-decision-card h3, .cta-band h2, .serka-cta-band h2, .results-story h3, .results-story h4, .faq-q, .faq-q h3, .post-card h3, .qovali-article-title, .qovali-article-content h2, .qovali-article-content h3, .legal-body-inner h2, .legal-body-inner h3),
html[data-theme="dark"] body.single-post :is(.qovali-article-title, .qovali-article-content h2, .qovali-article-content h3, .qovali-toc-title, .qovali-author-name),
html[data-theme="dark"] body.page-template-page-legal :is(.legal-title, .legal-body-inner h2, .legal-body-inner h3) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.section-sub, .cta-band p, .serka-cta-band p, .platform-decision-card .decision-kicker, .platform-decision-card .decision-grid span, .results-story p, .result-actions li, .results-source, .source-row, .faq-a, .faq-a-inner, .post-card p, .legal-body-inner p),
html[data-theme="dark"] body.single-post :is(.qovali-article-excerpt, .qovali-article-content p, .qovali-article-content li, .qovali-toc-item a, .qovali-author-bio, .qovali-sidebar-widget p),
html[data-theme="dark"] body.page-template-page-legal :is(.legal-lead, .legal-body-inner p, .legal-body-inner li) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.section-label, .section-kicker, .results-type, .serka-tag, .legal-eyebrow, .qovali-article-category-badge),
html[data-theme="dark"] body.single-post :is(.qovali-article-category-badge, .qovali-article-breadcrumb a),
html[data-theme="dark"] body.page-template-page-legal .legal-eyebrow {
  color: var(--accent) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.btn-primary, .results-case-link, .serka-cta-band .btn-primary, .cta-band .btn-primary, .qovali-cta-btn-primary),
html[data-theme="dark"] body.single-post :is(.qovali-cta-btn-primary, .qovali-sidebar-cta-button) {
  background: var(--accent) !important;
  color: var(--text-inverse) !important;
  border-color: var(--accent) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.btn-outline, .cta-band .btn-outline, .serka-cta-band .btn-outline, .results-nav, .qovali-cta-btn-secondary),
html[data-theme="dark"] body.single-post :is(.qovali-cta-btn-secondary, .qovali-toc-item a) {
  color: var(--text-primary) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page :is(.results-comparison__figure, .case-result figure, .case-comparison figure) {
  background: var(--bg-surface-alt) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .results-nav:hover,
html[data-theme="dark"] body.qovali-seo-landing-page .results-nav:focus-visible,
html[data-theme="dark"] body.single-post .qovali-toc-item a:hover,
html[data-theme="dark"] body.single-post .qovali-toc-item a:focus-visible {
  background: var(--accent-pale) !important;
  color: var(--text-primary) !important;
}

@media (prefers-color-scheme:dark) {
  :root:not([data-theme]) body,
  :root:not([data-theme]) body.qovali-seo-landing-page,
  :root:not([data-theme]) body.qovali-seo-landing-page .seo-page-template {
    background: var(--bg-page) !important;
    color: var(--text-primary) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.section, .faq-section, .related-posts-section, .seo-page-template),
  :root:not([data-theme]) body.single-post,
  :root:not([data-theme]) body.page-template-page-legal {
    background-color: var(--bg-page) !important;
    color: var(--text-primary) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.platform-decision-card, .cta-band, .serka-cta-band, .results-slide, .results-story, .results-visual, .faq-item, .post-card, .related-post-card, .legal-card, .qovali-author-box, .qovali-sidebar-widget, .qovali-bottom-cta, .qovali-article-card, .qovali-article-callout),
  :root:not([data-theme]) body.page-template-page-legal :is(.legal-page, .legal-body-inner),
  :root:not([data-theme]) body.single-post :is(.qovali-article-content, .qovali-toc-card, .qovali-author-box, .qovali-sidebar-cta, .qovali-bottom-cta) {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-soft) !important;
    box-shadow: 6px 6px 0 var(--shadow-color) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.section-h2, .section-h2 em, .platform-decision-card h3, .cta-band h2, .serka-cta-band h2, .results-story h3, .results-story h4, .faq-q, .faq-q h3, .post-card h3, .qovali-article-title, .qovali-article-content h2, .qovali-article-content h3, .legal-body-inner h2, .legal-body-inner h3),
  :root:not([data-theme]) body.single-post :is(.qovali-article-title, .qovali-article-content h2, .qovali-article-content h3, .qovali-toc-title, .qovali-author-name),
  :root:not([data-theme]) body.page-template-page-legal :is(.legal-title, .legal-body-inner h2, .legal-body-inner h3) {
    color: var(--text-primary) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.section-sub, .cta-band p, .serka-cta-band p, .platform-decision-card .decision-kicker, .platform-decision-card .decision-grid span, .results-story p, .result-actions li, .results-source, .source-row, .faq-a, .faq-a-inner, .post-card p, .legal-body-inner p),
  :root:not([data-theme]) body.single-post :is(.qovali-article-excerpt, .qovali-article-content p, .qovali-article-content li, .qovali-toc-item a, .qovali-author-bio, .qovali-sidebar-widget p),
  :root:not([data-theme]) body.page-template-page-legal :is(.legal-lead, .legal-body-inner p, .legal-body-inner li) {
    color: var(--text-secondary) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.section-label, .section-kicker, .results-type, .serka-tag, .legal-eyebrow, .qovali-article-category-badge),
  :root:not([data-theme]) body.single-post :is(.qovali-article-category-badge, .qovali-article-breadcrumb a),
  :root:not([data-theme]) body.page-template-page-legal .legal-eyebrow {
    color: var(--accent) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.btn-primary, .results-case-link, .serka-cta-band .btn-primary, .cta-band .btn-primary, .qovali-cta-btn-primary),
  :root:not([data-theme]) body.single-post :is(.qovali-cta-btn-primary, .qovali-sidebar-cta-button) {
    background: var(--accent) !important;
    color: var(--text-inverse) !important;
    border-color: var(--accent) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.btn-outline, .cta-band .btn-outline, .serka-cta-band .btn-outline, .results-nav, .qovali-cta-btn-secondary),
  :root:not([data-theme]) body.single-post :is(.qovali-cta-btn-secondary, .qovali-toc-item a) {
    color: var(--text-primary) !important;
    border-color: var(--border-soft) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page :is(.results-comparison__figure, .case-result figure, .case-comparison figure) {
    background: var(--bg-surface-alt) !important;
    border-color: var(--border-soft) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .results-nav:hover,
  :root:not([data-theme]) body.qovali-seo-landing-page .results-nav:focus-visible,
  :root:not([data-theme]) body.single-post .qovali-toc-item a:hover,
  :root:not([data-theme]) body.single-post .qovali-toc-item a:focus-visible {
    background: var(--accent-pale) !important;
    color: var(--text-primary) !important;
  }
}

/* Match homepage hero badge motion exactly on service landing pages */
body.qovali-seo-landing-page .qovali-hero-badge-style{
  transform:rotate(-1.5deg);
  animation:gentle-rotate 4s ease-in-out infinite;
  transform-origin:center center;
  will-change:transform;
}

/* Keep Serka page dark backgrounds consistent with the rest of Qovali */
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main{
  background:
    radial-gradient(circle at 8% 12%, rgba(167,139,250,.12), transparent 24rem),
    linear-gradient(180deg, var(--bg-page) 0%, var(--bg-page-alt) 100%) !important;
}
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-reasons-section,
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-process-section,
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-warning-section,
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-mistakes-section,
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-faq-section{
  background:
    radial-gradient(circle at 50% 12%, rgba(167,139,250,.08), transparent 26rem),
    var(--bg-page) !important;
}
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-cta-band{
  background:
    radial-gradient(circle at 50% 12%, rgba(167,139,250,.12), transparent 24rem),
    var(--bg-page) !important;
  border-color: var(--border-soft) !important;
}
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-teaser{
  background: var(--accent-pale) !important;
  color: var(--text-primary) !important;
  border-color: var(--accent) !important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main{
    background:
      radial-gradient(circle at 8% 12%, rgba(167,139,250,.12), transparent 24rem),
      linear-gradient(180deg, var(--bg-page) 0%, var(--bg-page-alt) 100%) !important;
  }
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-reasons-section,
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-process-section,
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-warning-section,
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-mistakes-section,
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-faq-section{
    background:
      radial-gradient(circle at 50% 12%, rgba(167,139,250,.08), transparent 26rem),
      var(--bg-page) !important;
  }
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-cta-band{
    background:
      radial-gradient(circle at 50% 12%, rgba(167,139,250,.12), transparent 24rem),
      var(--bg-page) !important;
    border-color: var(--border-soft) !important;
  }
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-teaser{
    background: var(--accent-pale) !important;
    color: var(--text-primary) !important;
    border-color: var(--accent) !important;
  }
}

/* Serka page heading restore: one-line desktop titles + purple emphasis */
body.qovali-seo-landing-page .serka-seo-main .section .fade > .section-h2{
  max-width:none;
  text-align:center;
  letter-spacing:0;
}

body.qovali-seo-landing-page .serka-seo-main .section-h2 em{
  color:var(--pp)!important;
  font-style:normal;
  position:relative;
  display:inline;
  white-space:inherit;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .section-h2 em{
  color:var(--accent)!important;
}

body.qovali-seo-landing-page .serka-seo-main .section-h2 em::after{
  content:'';
  position:absolute;
  inset-inline:0;
  bottom:.04em;
  height:.16em;
  background:var(--pp-pale);
  z-index:-1;
  transform:skewX(-10deg);
  pointer-events:none;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .section-h2 em::after{
  background:rgba(167,139,250,.22);
}

@media (min-width:1024px){
  body.qovali-seo-landing-page .serka-seo-main #serka-s1-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s2-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s3-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s4-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s5-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s6-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-pricing-h2,
  body.qovali-seo-landing-page .serka-seo-main #serka-s8-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-faq-h2{
    width:max-content;
    max-width:calc(100vw - 96px);
    margin-inline:auto;
    white-space:nowrap;
    text-align:center;
    font-size:clamp(2rem,2.8vw,2.75rem);
    line-height:1.2;
  }

  body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section > .section-inner > .serka-h3.fade{
    display:block;
    width:max-content;
    max-width:calc(100vw - 96px);
    margin-inline:auto;
    white-space:nowrap;
    text-align:center;
  }
}

@media (max-width:1023px){
  body.qovali-seo-landing-page .serka-seo-main #serka-s1-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s2-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s3-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s4-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s5-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-s6-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-pricing-h2,
  body.qovali-seo-landing-page .serka-seo-main #serka-s8-title,
  body.qovali-seo-landing-page .serka-seo-main #serka-faq-h2{
    max-width:100%;
    white-space:normal;
    text-align:center;
    text-wrap:balance;
  }
}

/* Serka client results: dark mode readability + dashboard-toggle ready section */
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main [aria-labelledby="serka-s5-title"]{
  background:
    linear-gradient(rgba(167,139,250,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(167,139,250,.06) 1px, transparent 1px),
    #090910 !important;
  background-size:42px 42px !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-case{
  background:#14131a !important;
  border-color:rgba(255,255,255,.88) !important;
  box-shadow:8px 8px 0 rgba(167,139,250,.34) !important;
  color:rgba(255,255,255,.9) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-case h3{
  color:#fff !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-tag{
  background:#8b5cf6 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.88) !important;
  text-shadow:none !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-case-block p,
html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-case-duration{
  color:rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-results{
  background:#0c0b12 !important;
  border-color:rgba(255,255,255,.9) !important;
  box-shadow:5px 5px 0 rgba(167,139,250,.72) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-result{
  color:#fff !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-result + .serka-result{
  border-inline-start-color:rgba(255,255,255,.18) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-result-num{
  color:#c4b5fd !important;
  text-shadow:none !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-result-label{
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .serka-seo-main .serka-case-duration{
  border-top-color:rgba(255,255,255,.18) !important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main [aria-labelledby="serka-s5-title"]{
    background:
      linear-gradient(rgba(167,139,250,.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(167,139,250,.06) 1px, transparent 1px),
      #090910 !important;
    background-size:42px 42px !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-case{
    background:#14131a !important;
    border-color:rgba(255,255,255,.88) !important;
    box-shadow:8px 8px 0 rgba(167,139,250,.34) !important;
    color:rgba(255,255,255,.9) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-case h3{
    color:#fff !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-tag{
    background:#8b5cf6 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.88) !important;
    text-shadow:none !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-case-block p,
  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-case-duration{
    color:rgba(255,255,255,.72) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-results{
    background:#0c0b12 !important;
    border-color:rgba(255,255,255,.9) !important;
    box-shadow:5px 5px 0 rgba(167,139,250,.72) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-result{
    color:#fff !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-result + .serka-result{
    border-inline-start-color:rgba(255,255,255,.18) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-result-num{
    color:#c4b5fd !important;
    text-shadow:none !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-result-label{
    color:rgba(255,255,255,.78) !important;
    opacity:1 !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .serka-case-duration{
    border-top-color:rgba(255,255,255,.18) !important;
  }
}

/* Shared purple heading emphasis for SEO services, consultant, and web-design pages */
body.qovali-seo-landing-page .expert-seo-page h2 em{
  color:var(--pp) !important;
  font-style:normal;
  position:relative;
  display:inline;
  border-bottom:0 !important;
  white-space:inherit;
}

body.qovali-seo-landing-page .expert-seo-page h2 em::after{
  content:'';
  position:absolute;
  inset-inline:0;
  bottom:.04em;
  height:.16em;
  background:var(--pp-pale);
  transform:skewX(-10deg);
  z-index:-1;
  pointer-events:none;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page h2 em{
  color:var(--accent) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page h2 em::after{
  background:rgba(167,139,250,.22) !important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page h2 em{
    color:var(--accent) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page h2 em::after{
    background:rgba(167,139,250,.22) !important;
  }
}

/* Expert SEO bio: dark-mode readability */
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio{
  border-block-color:rgba(255,255,255,.1) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__content h2,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__panel-title{
  color:#fff !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__role,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__content .eyebrow{
  color:#c4b5fd !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__lede{
  color:rgba(255,255,255,.76) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__notes span,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__credentials li{
  color:rgba(255,255,255,.84) !important;
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.12) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__panel{
  background:rgba(20,19,26,.9) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .cred-icon,
html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__links a{
  color:#c4b5fd !important;
  background:rgba(139,92,246,.16) !important;
  border-color:rgba(167,139,250,.34) !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .expert-seo-page .expert-bio__links a:hover{
  color:#fff !important;
  background:rgba(139,92,246,.28) !important;
  border-color:rgba(196,181,253,.58) !important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio{
    border-block-color:rgba(255,255,255,.1) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__content h2,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__panel-title{
    color:#fff !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__role,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__content .eyebrow{
    color:#c4b5fd !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__lede{
    color:rgba(255,255,255,.76) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__notes span,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__credentials li{
    color:rgba(255,255,255,.84) !important;
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.12) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__panel{
    background:rgba(20,19,26,.9) !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .cred-icon,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__links a{
    color:#c4b5fd !important;
    background:rgba(139,92,246,.16) !important;
    border-color:rgba(167,139,250,.34) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .expert-bio__links a:hover{
    color:#fff !important;
    background:rgba(139,92,246,.28) !important;
    border-color:rgba(196,181,253,.58) !important;
  }
}

/* Hero badge: keep service-page labels consistent in dark mode */
html[data-theme="dark"] body.qovali-seo-landing-page .qovali-hero-badge-style{
  background:rgba(20,19,26,.86) !important;
  color:#fff !important;
  border-color:#8b5cf6 !important;
}

html[data-theme="dark"] body.qovali-seo-landing-page .qovali-hero-badge-style::before{
  color:#c4b5fd !important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.qovali-seo-landing-page .qovali-hero-badge-style{
    background:rgba(20,19,26,.86) !important;
    color:#fff !important;
    border-color:#8b5cf6 !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .qovali-hero-badge-style::before{
    color:#c4b5fd !important;
  }
}

/* === Portfolio Archive Page === */
body.portfolio-archive-page .pf-archive{--grid-line:rgba(10,10,12,.035);background:var(--bg-page);color:var(--text-primary);overflow:hidden}
body.portfolio-archive-page .pf-hero{position:relative;min-height:auto;padding:96px 0 58px;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),radial-gradient(circle at 50% 18%,var(--accent-pale),transparent 38%);background-size:72px 72px,72px 72px,100% 100%}
body.portfolio-archive-page .pf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,var(--bg-page));pointer-events:none}
body.portfolio-archive-page .pf-hero__inner{position:relative;z-index:1;max-width:920px;text-align:center}
body.portfolio-archive-page .pf-hero__title{max-width:920px;margin-inline:auto;color:var(--text-primary)}
body.portfolio-archive-page .pf-hero__title em,body.portfolio-archive-page .pf-cta h2 em{color:var(--accent);font-style:normal;background-image:linear-gradient(to top,var(--accent-pale),var(--accent-pale));background-repeat:no-repeat;background-position:0 82%;background-size:100% .32em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body.portfolio-archive-page .pf-hero__sub{max-width:760px;margin-inline:auto}
body.portfolio-archive-page .pf-work{padding-top:36px}
body.portfolio-archive-page .pf-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 34px}
body.portfolio-archive-page .pf-filter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:2px solid var(--border-soft);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-arabic);font-weight:700;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
body.portfolio-archive-page .pf-filter:hover,body.portfolio-archive-page .pf-filter:focus-visible{color:var(--accent);border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}
body.portfolio-archive-page .pf-filter.is-active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);box-shadow:var(--shadow-sm)}
body.portfolio-archive-page .pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
body.portfolio-archive-page .pf-card{min-width:0}
body.portfolio-archive-page .pf-card.is-hidden{display:none}
body.portfolio-archive-page .pf-card__inner{display:grid;grid-template-rows:auto 1fr;min-height:100%;background:var(--bg-surface);color:var(--text-primary);border:3px solid var(--border-strong);box-shadow:var(--shadow-lg);text-decoration:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.portfolio-archive-page .pf-card__inner:hover,body.portfolio-archive-page .pf-card__inner:focus-visible{transform:translate(-4px,-4px);box-shadow:var(--shadow-xl);border-color:var(--accent)}
body.portfolio-archive-page .pf-card__media{position:relative;background:var(--bg-inverse);border-bottom:3px solid var(--border-strong)}
body.portfolio-archive-page .pf-card__image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;margin:0;background:var(--bg-surface-alt)}
body.portfolio-archive-page .pf-card__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
body.portfolio-archive-page .pf-card__inner:hover .pf-card__image,body.portfolio-archive-page .pf-card__inner:focus-visible .pf-card__image{transform:scale(1.045)}
body.portfolio-archive-page .pf-card__placeholder{display:grid;place-items:center;background-color:var(--bg-surface-alt);background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:36px 36px}
body.portfolio-archive-page .pf-card__placeholder-mark{display:block;width:clamp(72px,12vw,112px);height:auto;object-fit:contain;opacity:.92;filter:drop-shadow(4px 4px 0 var(--shadow-color))}
body.portfolio-archive-page .pf-card__bracket{position:absolute;width:34px;height:34px;border-color:var(--accent);opacity:.92;transition:transform .25s ease}
body.portfolio-archive-page .pf-card__bracket--tl{top:16px;left:16px;border-top:3px solid;border-left:3px solid}
body.portfolio-archive-page .pf-card__bracket--tr{top:16px;right:16px;border-top:3px solid;border-right:3px solid}
body.portfolio-archive-page .pf-card__bracket--bl{bottom:16px;left:16px;border-bottom:3px solid;border-left:3px solid}
body.portfolio-archive-page .pf-card__bracket--br{right:16px;bottom:16px;border-right:3px solid;border-bottom:3px solid}
body.portfolio-archive-page .pf-card__inner:hover .pf-card__bracket--tl,body.portfolio-archive-page .pf-card__inner:focus-visible .pf-card__bracket--tl{transform:translate(-4px,-4px)}
body.portfolio-archive-page .pf-card__inner:hover .pf-card__bracket--tr,body.portfolio-archive-page .pf-card__inner:focus-visible .pf-card__bracket--tr{transform:translate(4px,-4px)}
body.portfolio-archive-page .pf-card__inner:hover .pf-card__bracket--bl,body.portfolio-archive-page .pf-card__inner:focus-visible .pf-card__bracket--bl{transform:translate(-4px,4px)}
body.portfolio-archive-page .pf-card__inner:hover .pf-card__bracket--br,body.portfolio-archive-page .pf-card__inner:focus-visible .pf-card__bracket--br{transform:translate(4px,4px)}
body.portfolio-archive-page .pf-card__visit{position:absolute;inset-inline-end:18px;bottom:18px;display:inline-flex;gap:8px;align-items:center;padding:9px 14px;background:var(--accent);color:var(--text-inverse);border:2px solid var(--border-strong);font-weight:900;box-shadow:var(--shadow-sm);transition:transform .25s ease}
body.portfolio-archive-page .pf-card__inner:hover .pf-card__visit,body.portfolio-archive-page .pf-card__inner:focus-visible .pf-card__visit{transform:translateX(-4px)}
body.portfolio-archive-page .pf-card__body{display:flex;flex-direction:column;gap:16px;padding:28px}
body.portfolio-archive-page .pf-card__type{width:max-content;max-width:100%;padding:7px 12px;border:2px solid var(--accent);background:var(--accent-pale);color:var(--accent-strong);font-weight:900}
body.portfolio-archive-page .pf-card h2{font-family:var(--font-arabic);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.22;color:var(--text-primary);margin:0}
body.portfolio-archive-page .pf-card p{color:var(--text-secondary);font-size:1.04rem;line-height:1.8;margin:0}
body.portfolio-archive-page .pf-card__result{display:block;padding:14px 16px;border-inline-start:5px solid var(--accent);background:var(--bg-surface-alt);color:var(--text-primary);font-weight:900;line-height:1.65}
body.portfolio-archive-page .pf-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
body.portfolio-archive-page .pf-card__tags span{padding:6px 10px;background:var(--bg-surface-alt);color:var(--text-secondary);border:1px solid var(--border-soft);font-weight:700;font-size:.88rem}
body.portfolio-archive-page .pf-empty{max-width:720px;margin:0 auto;padding:46px 28px;border:3px solid var(--border-strong);background:var(--bg-surface);box-shadow:var(--shadow-lg);text-align:center}
body.portfolio-archive-page .pf-empty h2{color:var(--text-primary);font-family:var(--font-arabic);font-size:clamp(1.7rem,4vw,2.5rem)}
body.portfolio-archive-page .pf-empty p{color:var(--text-secondary);margin-top:12px}
body.portfolio-archive-page .pf-cta{padding-top:36px}
body.portfolio-archive-page .pf-cta .serka-cta-band{background:var(--bg-inverse);color:var(--text-inverse);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}
body.portfolio-archive-page .pf-cta h2{color:var(--text-inverse)}
body.portfolio-archive-page .pf-cta p{color:var(--text-inverse)}
body.portfolio-archive-page .pf-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
body.portfolio-archive-page .pf-cta__actions .btn-outline{color:var(--text-inverse);border-color:var(--text-inverse)}
@media (max-width:900px){
  body.portfolio-archive-page .pf-hero{padding:72px 0 42px;background-size:48px 48px,48px 48px,100% 100%}
  body.portfolio-archive-page .pf-grid{grid-template-columns:1fr;gap:24px}
  body.portfolio-archive-page .pf-card__body{padding:22px}
}
@media (prefers-reduced-motion:reduce){
body.portfolio-archive-page .pf-filter,body.portfolio-archive-page .pf-card__inner,body.portfolio-archive-page .pf-card__image,body.portfolio-archive-page .pf-card__bracket,body.portfolio-archive-page .pf-card__visit{transition:none}
  body.portfolio-archive-page .pf-filter:hover,body.portfolio-archive-page .pf-filter:focus-visible,body.portfolio-archive-page .pf-card__inner:hover,body.portfolio-archive-page .pf-card__inner:focus-visible,body.portfolio-archive-page .pf-card__inner:hover .pf-card__image,body.portfolio-archive-page .pf-card__inner:focus-visible .pf-card__image{transform:none}
}

/* Portfolio hero highlight correction */
body.portfolio-archive-page .pf-hero__title{
  line-height:1.08;
  margin-bottom:28px;
}

body.portfolio-archive-page .pf-hero__title em{
  position:relative;
  z-index:auto;
  color:var(--accent);
  background:none!important;
}

body.portfolio-archive-page .pf-hero__title em::after{
  content:none!important;
  display:none!important;
}

/* Portfolio archive hero: compact vertical rhythm */
body.portfolio-archive-page .pf-hero{
  padding:48px 0 22px;
}

body.portfolio-archive-page .pf-hero__title{
  margin-bottom:16px;
}

body.portfolio-archive-page .pf-hero__sub{
  position:relative;
  z-index:1;
  padding:2px 6px;
  background:color-mix(in srgb,var(--bg-page) 86%,transparent);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

html[data-theme="dark"] body.portfolio-archive-page .pf-archive{
  --grid-line:rgba(245,242,236,.045);
}

body.portfolio-archive-page .pf-cta h2 em{
  color:var(--accent);
  font-style:normal;
  background-image:linear-gradient(to top,var(--accent-pale),var(--accent-pale));
  background-repeat:no-repeat;
  background-position:0 96%;
  background-size:100% .12em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

html[data-theme="dark"] body.portfolio-archive-page .pf-cta h2 em{
  background-image:linear-gradient(to top,rgba(167,139,250,.22),rgba(167,139,250,.22));
}

/* Web design pricing CTA contrast fix */
body.qovali-seo-landing-page .wdc-pricing-section .pricing-card:not(.featured) .btn-outline{
  color:var(--pp);
  border-color:var(--pp);
  background:rgba(76,29,149,.04);
}

body.qovali-seo-landing-page .wdc-pricing-section .pricing-card.featured .btn-outline{
  color:var(--text-inverse);
  border-color:var(--pp);
  background:rgba(76,29,149,.08);
}

body.qovali-seo-landing-page .wdc-pricing-section .pricing-card .btn-outline:hover,
body.qovali-seo-landing-page .wdc-pricing-section .pricing-card .btn-outline:focus-visible{
  color:#fff;
  background:var(--pp);
  border-color:var(--pp);
}

body.portfolio-archive-page .pf-work{
  padding-top:12px;
}

body.portfolio-archive-page .pf-filters{
  margin-bottom:28px;
}

@media (max-width:900px){
  body.portfolio-archive-page .pf-hero{
    padding:42px 0 18px;
  }

  body.portfolio-archive-page .pf-work{
    padding-top:8px;
  }
}

/* Portfolio archive card balance: larger image, tighter centered copy */
body.portfolio-archive-page .pf-card__inner{
  grid-template-rows:auto auto;
}

body.portfolio-archive-page .pf-card__image-wrap{
  aspect-ratio:4/3;
}

body.portfolio-archive-page .pf-card__body{
  align-items:center;
  gap:10px;
  padding:20px 24px 22px;
  text-align:center;
}

body.portfolio-archive-page .pf-card__type{
  margin-inline:auto;
}

body.portfolio-archive-page .pf-card h2{
  max-width:100%;
  margin-inline:auto;
  font-size:clamp(1.5rem,2.45vw,2.05rem);
  line-height:1.16;
  text-align:center;
  text-wrap:balance;
}

body.portfolio-archive-page .pf-card p{
  max-width:34ch;
  margin-inline:auto;
  font-size:.98rem;
  line-height:1.6;
  text-align:center;
}

@media (max-width:900px){
  body.portfolio-archive-page .pf-card__image-wrap{
    aspect-ratio:16/10;
  }

  body.portfolio-archive-page .pf-card__body{
    padding:18px 20px 20px;
  }
}

/* Expert SEO numbered badge contrast */
body.qovali-seo-landing-page .expert-seo-page .expert-diagnostic-card .card-number,
body.qovali-seo-landing-page .expert-seo-page .expert-output-card .card-number,
body.qovali-seo-landing-page .expert-seo-page .competition-card .card-number{
  color:var(--text-inverse);
}

/* SEO company foundation editorial alignment */
body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .fade > .section-label,
body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .fade > .section-h2,
body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .fade > .section-sub{
  text-align:center;
}

body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .section-sub{
  width:min(100%,1080px);
  max-width:1080px;
  margin-inline:auto;
}

body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .section-sub p{
  width:100%;
  max-width:none;
  margin-inline:auto;
  font-size:16px;
  line-height:1.85;
  text-align:center;
}

body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .serka-editorial{
  width:min(100%,980px);
  max-width:980px;
  margin:38px auto 0;
  padding:36px 48px;
  box-sizing:border-box;
  text-align:center;
  overflow:hidden;
}

body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .serka-editorial .serka-h3{
  width:auto;
  max-width:100%;
  margin:0 auto 18px;
  padding:0;
  border:0;
  text-align:center;
}

body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .serka-editorial p{
  width:100%;
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}

@media (max-width:720px){
  body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .section-sub{
    width:100%;
  }

  body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .section-sub p{
    font-size:15.5px;
    line-height:1.9;
  }

  body.qovali-seo-landing-page .serka-seo-main .serka-foundation-section .serka-editorial{
    padding:26px 22px;
  }
}

/* === SERKA accessibility and viewport overrides — keep last === */
body.serka-seo-page .serka-seo-main .serka-hero{
  min-height:clamp(680px,82vh,860px);
}

body.serka-seo-page .serka-seo-main :is(.serka-hero .btn-primary,.serka-warning-section .btn-primary,.pricing-card .price-cta,.faq-q-icon,.pricing-badge,.serka-tag){
  background:var(--action-bg)!important;
  border-color:var(--action-bg)!important;
  color:var(--action-text)!important;
}

body.serka-seo-page .serka-seo-main :is(.serka-hero .btn-primary,.serka-warning-section .btn-primary,.pricing-card .price-cta):hover{
  background:var(--action-hover)!important;
  color:var(--action-text)!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main :is(.serka-joined-grid,.serka-joined-cell,.serka-editorial,.pricing-card,.faq-item){
  background:var(--bg-surface)!important;
  color:var(--text-primary)!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-filler-cell{
  background:var(--bg-surface-alt)!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main :is(.serka-deliverable,.serka-deliverable strong,.serka-filler-cell strong,.serka-filler-cell .service-more){
  color:var(--text-primary)!important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main :is(.serka-joined-grid,.serka-joined-cell,.serka-editorial,.pricing-card,.faq-item){
    background:var(--bg-surface)!important;
    color:var(--text-primary)!important;
  }

  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-filler-cell{
    background:var(--bg-surface-alt)!important;
  }

  :root:not([data-theme]) body.serka-seo-page .serka-seo-main :is(.serka-deliverable,.serka-deliverable strong,.serka-filler-cell strong,.serka-filler-cell .service-more){
    color:var(--text-primary)!important;
  }
}

@media (max-width:820px){
  body.serka-seo-page .serka-seo-main .serka-hero{
    min-height:auto;
  }

  body.serka-seo-page .serka-context-link,
  body.serka-seo-page .serka-context-link a,
  body.serka-seo-page a.serka-context-link{
    width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  body.serka-seo-page .serka-context-link a,
  body.serka-seo-page a.serka-context-link{
    justify-content:center;
    flex-wrap:wrap;
  }
}

/* Keep action surfaces readable after the global dark-mode component rules. */
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-hero .btn-primary,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-warning-section .btn-primary,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-cta,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .faq-q-icon,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-badge,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-tag{
  background-color:var(--action-bg)!important;
  border-color:var(--action-bg)!important;
  color:var(--action-text)!important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-hero .btn-primary,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-warning-section .btn-primary,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-cta,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .faq-q-icon,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-badge,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-tag{
    background-color:var(--action-bg)!important;
    border-color:var(--action-bg)!important;
    color:var(--action-text)!important;
  }
}

/* === SERKA dark surfaces — final runtime guard === */
body.serka-seo-page .serka-seo-main .serka-joined-grid,
body.serka-seo-page .serka-seo-main .serka-joined-cell,
body.serka-seo-page .serka-seo-main .serka-editorial,
body.serka-seo-page .serka-seo-main .serka-case,
body.serka-seo-page .serka-seo-main .pricing-card,
body.serka-seo-page .serka-seo-main .faq-item{
  transition-property:transform,box-shadow!important;
}

body.serka-seo-page .serka-seo-main .btn-outline{
  transition-property:transform,box-shadow!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-joined-grid,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-joined-cell,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-editorial,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-case,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .faq-item{
  background-color:var(--bg-surface)!important;
  background-image:none!important;
  border-color:var(--border-strong)!important;
  color:var(--text-primary)!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-filler-cell{
  background-color:var(--bg-surface-alt)!important;
  background-image:none!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-joined-cell h3,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-joined-cell h4,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-joined-cell p,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-joined-cell li,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-editorial h3,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-editorial p,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-case h3,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-case h4,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-case p,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-case-duration,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-tier,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-name,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-desc,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-from,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-value,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-currency,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-num,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .pricing-card .price-features li{
  color:var(--text-primary)!important;
}

html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-hero .btn-outline{
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--border-strong)!important;
  color:var(--text-primary)!important;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-joined-grid,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-joined-cell,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-editorial,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-case,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .faq-item{
    background-color:var(--bg-surface)!important;
    background-image:none!important;
    border-color:var(--border-strong)!important;
    color:var(--text-primary)!important;
  }

  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-filler-cell{
    background-color:var(--bg-surface-alt)!important;
    background-image:none!important;
  }

  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-joined-cell h3,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-joined-cell h4,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-joined-cell p,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-joined-cell li,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-editorial h3,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-editorial p,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-case h3,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-case h4,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-case p,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-case-duration,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-tier,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-name,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-desc,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-from,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-value,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-currency,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-num,
  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .pricing-card .price-features li{
    color:var(--text-primary)!important;
  }

  :root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-hero .btn-outline{
    background-color:transparent!important;
    background-image:none!important;
    border-color:var(--border-strong)!important;
    color:var(--text-primary)!important;
  }
}

/* === WEB DESIGN PAGE — QUALITY PASS (2026-07) === */
.commerce-seo-page{
  background:var(--bg-page);
  color:var(--text-primary);
}

.commerce-seo-page .wdc-breadcrumbs{
  width:min(100%,1240px);
  margin:0 auto;
  padding:18px 24px 0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  color:var(--text-muted);
  font-family:var(--font-arabic);
  font-size:.9rem;
  line-height:1.6;
}

.commerce-seo-page .wdc-breadcrumbs a{
  color:var(--text-secondary);
  text-decoration:none;
  text-underline-offset:4px;
  transition:color .2s ease;
}

.commerce-seo-page .wdc-breadcrumbs a:hover,
.commerce-seo-page .wdc-breadcrumbs a:focus-visible{
  color:var(--accent);
  text-decoration:underline;
}

.commerce-seo-page .wdc-page-nav{
  position:sticky;
  top:76px;
  z-index:30;
  width:fit-content;
  max-width:calc(100% - 32px);
  margin:0 24px 20px auto;
  padding:6px 8px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:4px 8px;
  background:var(--bg-surface);
  border:1px solid var(--border-soft);
  color:var(--text-secondary);
  box-shadow:0 8px 22px rgba(10,10,12,.06);
}

.commerce-seo-page .wdc-page-nav a{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:inherit;
  font-family:var(--font-arabic);
  font-size:.78rem;
  font-weight:700;
  padding:3px 7px;
  text-decoration:none;
  text-underline-offset:5px;
  transition:color .2s ease;
}

.commerce-seo-page .wdc-page-nav a:hover,
.commerce-seo-page .wdc-page-nav a:focus-visible{
  color:var(--accent);
  text-decoration:underline;
}

.commerce-seo-page :is(.wdc-breadcrumbs,.wdc-page-nav) a:focus-visible{
  outline:3px solid var(--accent-soft);
  outline-offset:3px;
}

.commerce-seo-page :is([id^="wdc-"],#faq){
  scroll-margin-top:104px;
}

.commerce-seo-page :is(.section-title,.section-h2){
  text-wrap:balance;
  overflow-wrap:normal;
}

.commerce-seo-page .wdc-supporting-section{
  color:var(--text-primary);
}

.commerce-seo-page .wdc-trust-figure,
.commerce-seo-page .wdc-team-figure{
  margin:0;
  padding:0;
  overflow:hidden;
  background:var(--bg-surface-alt);
  border:1px solid var(--border-soft);
}

.commerce-seo-page .wdc-trust-figure{
  margin-block-end:24px;
  aspect-ratio:4 / 5;
}

.commerce-seo-page .wdc-trust-figure a{
  display:block;
  width:100%;
  height:100%;
}

.commerce-seo-page .wdc-trust-image,
.commerce-seo-page .wdc-team-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.commerce-seo-page .wdc-team-figure{
  width:min(100%,1120px);
  margin:32px auto;
  aspect-ratio:16 / 9;
}

.commerce-seo-page .wdc-founder-card:has(.wdc-trust-figure){
  align-self:start;
}

@media (max-width:720px){
  .commerce-seo-page .wdc-breadcrumbs{
    padding:14px 18px 0;
    font-size:.84rem;
  }

  .commerce-seo-page .wdc-page-nav{
    top:64px;
    width:max-content;
    max-width:calc(100% - 24px);
    margin:0 12px 16px auto;
    padding:5px;
    display:flex;
    flex-wrap:nowrap;
    gap:4px;
    overflow-x:auto;
    background:var(--border-soft);
    border:1px solid var(--border-soft);
    -webkit-overflow-scrolling:touch;
  }

  .commerce-seo-page .wdc-page-nav a{
    min-width:0;
    min-height:28px;
    padding:4px 8px;
    background:var(--bg-surface);
    font-size:.76rem;
    text-align:center;
    white-space:nowrap;
  }

  .commerce-seo-page .wdc-team-figure{
    margin-block:24px;
  }
}

@media (max-width:420px){
  .commerce-seo-page .wdc-page-nav{
    max-width:calc(100% - 16px);
    margin-right:8px;
  }
}

@media (prefers-reduced-motion:reduce){
  .commerce-seo-page :is(.wdc-breadcrumbs,.wdc-page-nav) a{
    transition:none;
  }
}

/* === SERKA heading breathing fix === */
body.serka-seo-page .serka-seo-main .hero-h1{
  line-height:1.1!important;
  letter-spacing:0!important;
  overflow:visible;
}

body.serka-seo-page .serka-seo-main :is(.section-h2, .serka-cta-title){
  line-height:1.2!important;
  letter-spacing:0!important;
  overflow:visible;
}

body.serka-seo-page .serka-seo-main .hero-h1 span,
body.serka-seo-page .serka-seo-main .section-h2 em{
  line-height:inherit;
  padding-block:.03em;
}

body.serka-seo-page .serka-seo-main .hero-h1{
  padding-block:.08em;
}

body.serka-seo-page .serka-seo-main .section .fade > .section-h2{
  padding-block:.06em;
  text-wrap:balance;
}

@media (min-width:1024px){
  body.serka-seo-page .serka-seo-main :is(#serka-s1-title,#serka-s2-title,#serka-s3-title,#serka-s5-title,#serka-s6-title,#serka-pricing-h2,#serka-s8-title,#serka-faq-h2){
    line-height:1.2!important;
  }

  body.serka-seo-page .serka-seo-main #serka-s4-title{
    line-height:1.2!important;
  }
}

@media (max-width:720px){
  body.serka-seo-page .serka-seo-main .hero-h1{
    font-size:clamp(2.5rem,12vw,4.25rem);
    line-height:1.1!important;
  }

  body.serka-seo-page .serka-seo-main .section .fade > .section-h2{
    font-size:clamp(2rem,8.2vw,2.75rem);
    line-height:1.2!important;
  }
}

/* === SERKA hero title line stack hard fix === */
body.qovali-seo-landing-page .serka-seo-main .serka-hero #serka-hero-h1,
body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1{
  display:block;
  max-width:min(100%,980px);
  margin-inline:auto;
  line-height:1.1!important;
  overflow:visible!important;
}

body.qovali-seo-landing-page .serka-seo-main .serka-hero #serka-hero-h1 > span,
body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1 > span{
  display:block!important;
  line-height:1.1!important;
  padding-block:.08em!important;
  margin-block:.02em!important;
  overflow:visible!important;
}

body.qovali-seo-landing-page .serka-seo-main .serka-hero #serka-hero-h1 .line2,
body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1 .line2{
  margin-block-start:.04em!important;
}

body.qovali-seo-landing-page .serka-seo-main .serka-hero #serka-hero-h1 .line3,
body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1 .line3{
  margin-block-start:.02em!important;
}

@media (max-width:720px){
  body.qovali-seo-landing-page .serka-seo-main .serka-hero #serka-hero-h1,
  body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1{
    font-size:clamp(2.5rem,12vw,4.25rem)!important;
    max-width:100%;
  }

  body.qovali-seo-landing-page .serka-seo-main .serka-hero #serka-hero-h1 > span,
  body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1 > span{
    line-height:1.1!important;
    padding-block:.1em!important;
    margin-block:.01em!important;
  }
}

/* === sitewide Arabic heading breathing guard === */
body.qovali-seo-landing-page :is(.hero-h1,.section-h2,.section-title,.serka-cta-title,.cta-band h2,.serka-cta-band h2),body.expert-seo-page :is(.hero-h1,.section-h2,.section-title,.cta-band h2),.commerce-seo-page :is(.hero-h1,.section-h2,.section-title,.wdc-hero-title,.wdc-section-title,.wdc-cta-title),body.portfolio-archive-page :is(.pf-hero__title,.pf-card h2,.pf-cta h2),body.blog :is(.qovali-blog-title,.qovali-blog-hero h1,.section-h2,.section-title),body.single-post :is(.qovali-article-title,.qovali-article-content h2,.qovali-post-faq .section-h2),body.page-template-page-legal :is(.legal-title,.legal-body-inner h2,.legal-body-inner h3){
  line-height:1.2!important;
  letter-spacing:0!important;
  overflow:visible;
}

body.qovali-seo-landing-page :is(.hero-h1,.section-h2,.section-title,.serka-cta-title,.cta-band h2,.serka-cta-band h2) :is(span,em),body.expert-seo-page :is(.hero-h1,.section-h2,.section-title,.cta-band h2) :is(span,em),.commerce-seo-page :is(.hero-h1,.section-h2,.section-title,.wdc-hero-title,.wdc-section-title,.wdc-cta-title) :is(span,em),body.portfolio-archive-page :is(.pf-hero__title,.pf-card h2,.pf-cta h2) :is(span,em),body.blog :is(.qovali-blog-title,.qovali-blog-hero h1,.section-h2,.section-title) :is(span,em),body.single-post :is(.qovali-article-title,.qovali-article-content h2,.qovali-post-faq .section-h2) :is(span,em){
  line-height:inherit;
  padding-block:.04em;
  overflow:visible;
}

body.qovali-seo-landing-page .serka-seo-main .section .fade > .section-h2,
body.expert-seo-page .section .fade > :is(.section-h2,.section-title),
.commerce-seo-page .section .fade > :is(.section-h2,.section-title),
body.portfolio-archive-page .pf-hero__title,
body.blog .qovali-blog-hero h1{
  padding-block:.08em;
  text-wrap:balance;
}

@media (max-width:720px){
  body.qovali-seo-landing-page :is(.hero-h1,.section-h2,.section-title,.serka-cta-title,.cta-band h2,.serka-cta-band h2),body.expert-seo-page :is(.hero-h1,.section-h2,.section-title,.cta-band h2),.commerce-seo-page :is(.hero-h1,.section-h2,.section-title,.wdc-hero-title,.wdc-section-title,.wdc-cta-title),body.portfolio-archive-page :is(.pf-hero__title,.pf-card h2,.pf-cta h2),body.blog :is(.qovali-blog-title,.qovali-blog-hero h1,.section-h2,.section-title),body.single-post :is(.qovali-article-title,.qovali-article-content h2,.qovali-post-faq .section-h2),body.page-template-page-legal :is(.legal-title,.legal-body-inner h2,.legal-body-inner h3){
    line-height:1.2!important;
  }

  body.qovali-seo-landing-page :is(.hero-h1,.section-h2,.section-title,.serka-cta-title,.cta-band h2,.serka-cta-band h2) :is(span,em),body.expert-seo-page :is(.hero-h1,.section-h2,.section-title,.cta-band h2) :is(span,em),.commerce-seo-page :is(.hero-h1,.section-h2,.section-title,.wdc-hero-title,.wdc-section-title,.wdc-cta-title) :is(span,em),body.portfolio-archive-page :is(.pf-hero__title,.pf-card h2,.pf-cta h2) :is(span,em),body.blog :is(.qovali-blog-title,.qovali-blog-hero h1,.section-h2,.section-title) :is(span,em),body.single-post :is(.qovali-article-title,.qovali-article-content h2,.qovali-post-faq .section-h2) :is(span,em){
    padding-block:.08em;
  }
}

/* === web design page heading overlap hard fix === */
.seo-page-template.commerce-seo-page :is(.section-h2,.section-title,.commerce-copy h1,.cta-band h2),
.commerce-seo-page.serka-seo-main :is(.section-h2,.section-title,.commerce-copy h1,.cta-band h2){
  line-height:1.36!important;
  letter-spacing:0!important;
  overflow:visible!important;
  padding-block:.14em!important;
  text-wrap:balance;
}

.seo-page-template.commerce-seo-page :is(.section-h2,.section-title,.commerce-copy h1,.cta-band h2) :is(em,span),
.commerce-seo-page.serka-seo-main :is(.section-h2,.section-title,.commerce-copy h1,.cta-band h2) :is(em,span){
  line-height:inherit!important;
  padding-block:.08em!important;
  margin-block:.02em!important;
  overflow:visible!important;
}

.seo-page-template.commerce-seo-page :is(#wdc-signals-title,#wdc-methodology-title),
.commerce-seo-page.serka-seo-main :is(#wdc-signals-title,#wdc-methodology-title){
  line-height:1.42!important;
  padding-block:.18em!important;
}

@media (max-width:720px){
  .seo-page-template.commerce-seo-page :is(.section-h2,.section-title,.commerce-copy h1,.cta-band h2),
  .commerce-seo-page.serka-seo-main :is(.section-h2,.section-title,.commerce-copy h1,.cta-band h2){
    line-height:1.46!important;
    padding-block:.18em!important;
  }

  .seo-page-template.commerce-seo-page :is(#wdc-signals-title,#wdc-methodology-title),
  .commerce-seo-page.serka-seo-main :is(#wdc-signals-title,#wdc-methodology-title){
    line-height:1.52!important;
    padding-block:.22em!important;
  }
}

/* === Expert SEO page audit — final safeguards === */
.expert-seo-page .expert-bio--single{
  grid-template-columns:minmax(0,900px);
  justify-content:center;
}

.expert-seo-page .expert-bio__photo{
  width:76px;
  height:76px;
  display:block;
  object-fit:cover;
  object-position:center;
  border:2px solid var(--border-strong);
  border-radius:50%;
}

.expert-seo-page .expert-bio__credentials a{
  color:inherit;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.expert-seo-page :is(a,button):focus-visible{
  outline:3px solid var(--accent);
  outline-offset:4px;
}

@media (max-width:640px){
  .expert-seo-page,
  .expert-seo-page :is(.expert-diagnostics,.section,.section-inner,.expert-diagnostic-grid,.results-slider,.results-slide,.grid,.expert-workflow-layout,.expert-output-panel,.expert-output-grid,.expert-market-layout,.competition-panel,.competition-grid){
    min-width:0;
    width:auto;
    max-width:100%;
    box-sizing:border-box;
  }

  .expert-seo-page :is(.expert-diagnostic-card,.card,.expert-output-card,.competition-card,.results-slider,.results-slide,.expert-output-panel,.competition-panel){
    min-width:0;
    max-width:100%;
    overflow:clip;
  }

  .expert-seo-page :is(.expert-diagnostic-card,.card,.expert-output-card,.competition-card)::after{
    width:58px;
    height:58px;
    border-width:9px;
    left:-14px;
    bottom:-14px;
  }

  .expert-seo-page .expert-bio{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

  .expert-seo-page .expert-bio__notes{
    grid-template-columns:1fr;
  }

  .expert-seo-page .wa-btn{
    left:10px;
    width:44px;
    height:44px;
  }
}

/* === SEO company process heading alignment === */
body.serka-seo-page .serka-seo-main .serka-process-section > .section-inner > .fade{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

body.serka-seo-page .serka-seo-main .serka-process-section #serka-s4-title,
body.serka-seo-page .serka-seo-main .serka-process-section .section-sub{
  width:100%;
  margin-inline:auto;
  text-align:center!important;
}

body.serka-seo-page .serka-seo-main .serka-process-section #serka-s4-title{
  max-width:min(1120px,100%);
}
/* === INTERNAL PAGES — Arabic heading vertical rhythm guard ===
 * Keep Arabic dots and diacritics clear when large headings wrap. These
 * selectors only raise line-box height; type scale and layout stay intact.
 */
body.serka-seo-page #serka-hero-h1 > :is(.line1,.line2,.line3){
  line-height:1.3!important;
}
body.serka-seo-page .expert-seo-page .results-story h3{
  line-height:1.34!important;
  padding-block:.06em;
}
body.serka-seo-page .serka-seo-main .pricing-card h3{
  line-height:1.28!important;
}
body.qovali-seo-landing-page .expert-seo-page :is(
  .expert-diagnostics__head h2,
  .expert-output-heading,
  .competition-heading
){
  line-height:1.3!important;
}
body.qovali-seo-landing-page .expert-seo-page :is(
  .expert-diagnostic-card h3,
  .expert-output-card h3,
  .competition-card h3
){
  line-height:1.3!important;
}
body.qovali-seo-landing-page .expert-bio__content h2{
  line-height:1.24!important;
}
body.qovali-seo-landing-page .qovali-blog-h1{
  line-height:1.28!important;
}
body.qovali-seo-landing-page .qovali-about-grid h3{
  line-height:1.3!important;
}

/* === QOVALI SEO methodology — approved stepped process === */
body.serka-seo-page .serka-methodology{
  --method-purple:var(--accent, var(--pp));
  --method-purple-soft:var(--accent-pale, var(--pp-pale));
  --method-ink:var(--text-primary, var(--gy-dark));
  --method-muted:var(--text-secondary, var(--gy-mid));
  --method-surface:var(--bg-surface, var(--white));
  --method-border:var(--border-strong, var(--gy-dark));
  background-color:var(--bg-page, var(--cream));
  background-image:
    linear-gradient(rgba(76,29,149,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(76,29,149,.055) 1px,transparent 1px);
  background-size:42px 42px;
  border-block:1px solid var(--border-soft, rgba(76,29,149,.12));
}

body.serka-seo-page .serka-methodology > .section-inner{
  max-width:1320px;
}

body.serka-seo-page .serka-methodology__intro{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:980px;
  margin-inline:auto;
  text-align:center;
}

body.serka-seo-page .serka-methodology__intro :is(.section-label,.section-h2,.section-sub){
  text-align:center!important;
}

body.serka-seo-page .serka-methodology__intro .section-sub{
  max-width:790px;
}

body.serka-seo-page .serka-methodology__stages{
  position:relative;
  direction:rtl;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin-top:52px;
  padding:150px 6px 136px;
}

body.serka-seo-page .serka-methodology__connector{
  position:absolute;
  z-index:0;
  inset:0 0 auto;
  height:150px;
  color:var(--method-purple);
  pointer-events:none;
}

body.serka-seo-page .serka-methodology__connector svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

body.serka-seo-page .serka-methodology__connector path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.5;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.serka-seo-page .serka-methodology-card{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:610px;
  color:var(--method-ink);
  background:var(--method-surface);
  border:1.5px solid var(--method-border);
  border-radius:8px;
  box-shadow:8px 10px 0 color-mix(in srgb,var(--method-purple) 12%,transparent);
  transition:transform .22s ease,box-shadow .22s ease;
}

body.serka-seo-page .serka-methodology-card:nth-of-type(1){margin-top:96px}
body.serka-seo-page .serka-methodology-card:nth-of-type(2){margin-top:64px}
body.serka-seo-page .serka-methodology-card:nth-of-type(3){margin-top:32px}

body.serka-seo-page .serka-methodology-card::before{
  content:"";
  position:absolute;
  top:-21px;
  left:50%;
  width:13px;
  height:13px;
  border:4px solid var(--bg-page, var(--cream));
  border-radius:50%;
  background:var(--method-purple);
  box-shadow:0 0 0 1px var(--method-purple);
  transform:translateX(-50%);
}

body.serka-seo-page .serka-methodology-card:hover{
  box-shadow:11px 13px 0 color-mix(in srgb,var(--method-purple) 17%,transparent);
}

body.serka-seo-page .serka-methodology-card__heading{
  margin:0;
  font:inherit;
}

body.serka-seo-page .serka-methodology-card__toggle{
  display:grid;
  grid-template-columns:auto 54px;
  grid-template-areas:
    "number icon"
    "title title";
  align-items:center;
  gap:8px 12px;
  width:100%;
  min-height:132px;
  padding:22px 20px 14px;
  border:0;
  color:inherit;
  background:transparent;
  text-align:right;
  cursor:default;
}

body.serka-seo-page .serka-methodology-card__toggle:focus-visible{
  outline:3px solid var(--method-purple);
  outline-offset:-5px;
  border-radius:7px;
}

body.serka-seo-page .serka-methodology-card__number{
  grid-area:number;
  color:var(--method-purple);
  font-family:var(--font-mono);
  font-size:clamp(2.1rem,3.5vw,3.4rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.06em;
}

body.serka-seo-page .serka-methodology-card__icon{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  color:var(--method-purple);
}

body.serka-seo-page .serka-methodology-card__icon svg{
  width:100%;
  height:100%;
}

body.serka-seo-page .serka-methodology-card__icon path,
body.serka-seo-page .serka-methodology-card__duration svg :is(path,circle),
body.serka-seo-page .serka-methodology-card__deliverable svg path,
body.serka-seo-page .serka-methodology__expert-link svg :is(path,circle){
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.serka-seo-page .serka-methodology-card__title{
  grid-area:title;
  min-height:58px;
  padding-top:11px;
  border-top:1px dashed var(--border-soft, rgba(76,29,149,.22));
  font-family:var(--font-arabic);
  font-size:clamp(1.08rem,1.7vw,1.45rem);
  font-weight:900;
  line-height:1.45;
}

body.serka-seo-page .serka-methodology-card__chevron{display:none}

body.serka-seo-page .serka-methodology-card__panel{
  display:flex!important;
  flex:1;
  flex-direction:column;
}

body.serka-seo-page .serka-methodology-card__desc{
  margin:0;
  padding:0 20px 15px;
  color:var(--method-muted);
  font-size:.84rem;
  line-height:1.8;
}

body.serka-seo-page .serka-methodology-card__tasks{
  display:grid;
  gap:9px;
  margin:0;
  padding:0 20px 18px;
  list-style:none;
}

body.serka-seo-page .serka-methodology-card__tasks li{
  position:relative;
  padding-inline-start:21px;
  color:var(--method-ink);
  font-size:.79rem;
  line-height:1.65;
}

body.serka-seo-page .serka-methodology-card__tasks li::before{
  content:"✓";
  position:absolute;
  inset-inline-start:0;
  top:0;
  color:var(--method-purple);
  font-weight:900;
}

body.serka-seo-page .serka-methodology-card__duration{
  display:grid;
  grid-template-columns:20px 1fr;
  align-items:center;
  gap:8px;
  margin:auto 20px 18px;
  padding:10px 12px 8px;
  color:var(--method-purple);
  border:1px solid color-mix(in srgb,var(--method-purple) 55%,transparent);
  border-radius:6px;
  font-size:.78rem;
}

body.serka-seo-page .serka-methodology-card__duration svg{
  width:20px;
  height:20px;
}

body.serka-seo-page .serka-methodology-card__duration i{
  grid-column:1 / -1;
  display:block;
  height:2px;
  overflow:hidden;
  border-radius:2px;
  background:var(--border-soft, rgba(76,29,149,.18));
}

body.serka-seo-page .serka-methodology-card__duration i::after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:var(--method-purple);
  opacity:.5;
}

body.serka-seo-page .serka-methodology-card__deliverable{
  display:grid;
  gap:6px;
  min-height:104px;
  padding:16px 20px 18px;
  color:var(--method-ink);
  background:var(--method-purple-soft);
  border-top:1px solid color-mix(in srgb,var(--method-purple) 26%,transparent);
  border-radius:0 0 7px 7px;
  font-size:.82rem;
  line-height:1.65;
}

body.serka-seo-page .serka-methodology-card__deliverable-label{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--method-purple);
}

body.serka-seo-page .serka-methodology-card__deliverable svg{
  width:22px;
  height:22px;
}

body.serka-seo-page .serka-methodology__return{
  position:relative;
  max-width:1120px;
  height:74px;
  margin:-82px auto 26px;
  color:var(--method-purple);
}

body.serka-seo-page .serka-methodology__return svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}

body.serka-seo-page .serka-methodology__return path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-dasharray:6 5;
  vector-effect:non-scaling-stroke;
}

body.serka-seo-page .serka-methodology__return span{
  position:absolute;
  left:50%;
  bottom:-2px;
  padding:7px 22px;
  border:1px solid currentColor;
  border-radius:999px;
  background:var(--bg-page, var(--cream));
  font-size:.84rem;
  font-weight:700;
  white-space:nowrap;
  transform:translateX(-50%);
}

body.serka-seo-page .serka-methodology__expert-link{
  margin:48px auto 0;
  text-align:center;
}

body.serka-seo-page .serka-methodology__expert-link a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:8px 4px;
  color:var(--method-purple);
  border-bottom:2px solid currentColor;
  font-weight:700;
  text-decoration:none;
}

body.serka-seo-page .serka-methodology__expert-link svg{
  width:28px;
  height:28px;
}

body.serka-seo-page .serka-methodology__expert-link b{font-size:1.3rem}

@media (max-width:1100px) and (min-width:821px){
  body.serka-seo-page .serka-methodology__stages{gap:12px}
  body.serka-seo-page .serka-methodology-card{min-height:640px}
  body.serka-seo-page .serka-methodology-card__toggle{padding-inline:14px}
  body.serka-seo-page .serka-methodology-card__desc,
  body.serka-seo-page .serka-methodology-card__tasks{padding-inline:14px}
  body.serka-seo-page .serka-methodology-card__duration{margin-inline:14px}
  body.serka-seo-page .serka-methodology-card__deliverable{padding-inline:14px}
}

@media (max-width:820px){
  body.serka-seo-page .serka-methodology{background-size:34px 34px}
  body.serka-seo-page .serka-methodology__intro{padding-inline:4px}
  body.serka-seo-page .serka-methodology__intro .section-h2{
    max-width:100%!important;
    font-size:clamp(1.9rem,9vw,2.7rem)!important;
    line-height:1.42!important;
  }
  body.serka-seo-page .serka-methodology__stages{
    display:grid!important;
    grid-template-columns:1fr;
    gap:18px;
    margin-top:38px;
    padding:0 34px 0 0;
  }
  body.serka-seo-page .serka-methodology__stages::before{
    content:"";
    position:absolute;
    z-index:0;
    top:22px;
    right:8px;
    bottom:22px;
    width:2px;
    background:var(--method-purple);
  }
  body.serka-seo-page .serka-methodology__connector{display:none}
  body.serka-seo-page .serka-methodology-card,
  body.serka-seo-page .serka-methodology-card:nth-of-type(1),
  body.serka-seo-page .serka-methodology-card:nth-of-type(2),
  body.serka-seo-page .serka-methodology-card:nth-of-type(3){
    min-height:0;
    transform:none;
    box-shadow:6px 7px 0 color-mix(in srgb,var(--method-purple) 13%,transparent);
  }
  body.serka-seo-page .serka-methodology-card::before{
    top:22px;
    right:-35px;
    left:auto;
    width:12px;
    height:12px;
    border-width:3px;
    transform:none;
  }
  body.serka-seo-page .serka-methodology-card__toggle{
    grid-template-columns:54px 48px minmax(0,1fr) 44px;
    grid-template-areas:"number icon title chevron";
    gap:7px;
    min-height:88px;
    padding:14px 12px;
    cursor:pointer;
  }
  body.serka-seo-page .serka-methodology-card__number{font-size:2rem}
  body.serka-seo-page .serka-methodology-card__icon{width:42px;height:42px}
  body.serka-seo-page .serka-methodology-card__title{
    min-height:0;
    padding:0;
    border:0;
    font-size:1rem;
    line-height:1.5;
  }
  body.serka-seo-page .serka-methodology-card__chevron{
    grid-area:chevron;
    display:block;
    width:12px;
    height:12px;
    margin:auto;
    border-inline-end:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    transition:transform .2s ease;
  }
  body.serka-seo-page .serka-methodology-card.is-open .serka-methodology-card__chevron{transform:rotate(225deg)}
  body.serka-seo-page .serka-methodology-card__panel{display:none!important}
  body.serka-seo-page .serka-methodology-card.is-open .serka-methodology-card__panel{display:flex!important}
  body.serka-seo-page .serka-methodology-card__desc{padding-top:2px}
  body.serka-seo-page .serka-methodology-card__deliverable{min-height:0}
  body.serka-seo-page .serka-methodology__return{
    height:auto;
    margin:30px 34px 12px 0;
    padding:12px 16px;
    border:1px dashed var(--method-purple);
    border-radius:999px;
    text-align:center;
  }
  body.serka-seo-page .serka-methodology__return svg{display:none}
  body.serka-seo-page .serka-methodology__return span{
    position:static;
    display:block;
    padding:0;
    border:0;
    background:transparent;
    font-size:.78rem;
    white-space:normal;
    transform:none;
  }
  body.serka-seo-page .serka-methodology__expert-link{margin-top:28px}
  body.serka-seo-page .serka-methodology__expert-link a{
    justify-content:center;
    max-width:320px;
    font-size:.88rem;
    line-height:1.7;
  }
}

@media (max-width:430px){
  body.serka-seo-page .serka-methodology > .section-inner{padding-inline:18px}
  body.serka-seo-page .serka-methodology__stages{padding-right:28px}
  body.serka-seo-page .serka-methodology__stages::before{right:6px}
  body.serka-seo-page .serka-methodology-card::before{right:-29px}
  body.serka-seo-page .serka-methodology-card__toggle{
    grid-template-columns:44px 40px minmax(0,1fr) 40px;
    min-height:82px;
    padding-inline:9px;
  }
  body.serka-seo-page .serka-methodology-card__number{font-size:1.65rem}
  body.serka-seo-page .serka-methodology-card__icon{width:36px;height:36px}
  body.serka-seo-page .serka-methodology-card__desc,
  body.serka-seo-page .serka-methodology-card__tasks{padding-inline:14px}
  body.serka-seo-page .serka-methodology-card__duration{margin-inline:14px}
  body.serka-seo-page .serka-methodology-card__deliverable{padding-inline:14px}
  body.serka-seo-page .serka-methodology__return{margin-right:28px}
}

html[data-theme="dark"] body.serka-seo-page .serka-methodology,
html[data-theme="dark"] body.serka-seo-page .serka-methodology-card{
  background-color:var(--bg-page);
  color:var(--text-primary);
}

html[data-theme="dark"] body.serka-seo-page .serka-methodology-card{background:var(--bg-surface)}
html[data-theme="dark"] body.serka-seo-page .serka-methodology__return span{background:var(--bg-page)}

@media (prefers-color-scheme:dark){
  :root:not([data-theme]) body.serka-seo-page .serka-methodology,
  :root:not([data-theme]) body.serka-seo-page .serka-methodology-card{
    background-color:var(--bg-page);
    color:var(--text-primary);
  }
  :root:not([data-theme]) body.serka-seo-page .serka-methodology-card{background:var(--bg-surface)}
  :root:not([data-theme]) body.serka-seo-page .serka-methodology__return span{background:var(--bg-page)}
}

@media (prefers-reduced-motion:reduce){
  body.serka-seo-page .serka-methodology-card,
  body.serka-seo-page .serka-methodology-card__chevron{transition:none}
}
body.qovali-seo-landing-page #contact-options-title{
  line-height:1.28!important;
}
body.qovali-seo-landing-page #commerce-summary-title{
  line-height:1.3!important;
}
body.qovali-seo-landing-page .expert-seo-page .seo-support-grid .comparison-card h3{
  line-height:1.3!important;
}

/* Services SEO mobile CTA: account for the inline gutters without widening
 * the section beyond the viewport. */
/* === SEO company pricing typography and layout === */
body.serka-seo-page .serka-seo-main .serka-pricing-section .price-amount {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-content: start;
  gap: 8px;
  text-align: center;
}

body.serka-seo-page .serka-seo-main .serka-pricing-section .price-from {
  display: block;
  width: 100%;
  font-family:var(--font-arabic);
  line-height: 1.4;
  text-align: center;
}

body.serka-seo-page .serka-seo-main .serka-pricing-section .price-value {
  display: inline-flex;
  max-width: 100%;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
}

body.serka-seo-page .serka-seo-main .serka-pricing-section .price-currency {
  flex: 0 0 auto;
  font-family:var(--font-arabic);
  line-height: 1.35;
}

body.serka-seo-page .serka-seo-main .serka-pricing-section .price-num:not([data-price-text="true"]) {
  font-size: clamp(30px, 2.55vw, 42px);
}

body.serka-seo-page .serka-seo-main .serka-pricing-section .price-num[data-price-text="true"] {
  display: block;
  width: 100%;
  font-family:var(--font-arabic) !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
}
/* === AUTO DARK LEGACY COMPONENT PARITY === */
@media (prefers-color-scheme:dark){
  :root:not([data-theme]) .commerce-seo-page .platform-tech-card{
    color:#f8f5ff!important;
      background:rgba(255,255,255,.055)!important;
      border-color:rgba(196,181,253,.22)!important;
      box-shadow:5px 5px 0 rgba(196,181,253,.12)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-tech-card:hover{
    background:rgba(255,255,255,.08)!important;
      border-color:rgba(196,181,253,.45)!important;
      box-shadow:7px 7px 0 rgba(196,181,253,.16)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-tech-card small{
    color:rgba(248,245,255,.68)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .tech-mark{
    color:#c4b5fd!important;
      background:rgba(196,181,253,.1)!important;
      border-color:rgba(196,181,253,.28)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card{
    background:var(--bg-surface)!important;
      border-color:#f8f7ff!important;
      box-shadow:8px 8px 0 rgba(248,247,255,.82)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card h3{
    color:var(--text-primary)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card .decision-kicker,
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card .decision-grid span{
    color:var(--accent)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card .decision-grid span{
    background:rgba(76,29,149,.06)!important;
      border-color:rgba(76,29,149,.24)!important;
  }
  :root:not([data-theme]) body.qovali-seo-landing-page .cta-band,
  body.dark.qovali-seo-landing-page .cta-band{
    background:#0f0d17!important;
      color:#f8f5ff!important;
      border-color:rgba(248,245,255,.22)!important;
      box-shadow:6px 6px 0 rgba(248,245,255,.12)!important;
  }
  :root:not([data-theme]) body.qovali-seo-landing-page .cta-band h2,
  :root:not([data-theme]) body.qovali-seo-landing-page .cta-band p,
  body.dark.qovali-seo-landing-page .cta-band h2,
  body.dark.qovali-seo-landing-page .cta-band p{
    color:#f8f5ff!important;
  }
  :root:not([data-theme]) body.qovali-seo-landing-page .cta-band .btn-outline,
  body.dark.qovali-seo-landing-page .cta-band .btn-outline{
    color:#f8f5ff!important;
      border-color:rgba(248,245,255,.75)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card,
  body.dark .commerce-seo-page .platform-decision-card{
    background:var(--bg-surface)!important;
      color:var(--text-primary)!important;
      border-color:#f8f7ff!important;
      box-shadow:8px 8px 0 rgba(248,247,255,.82)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card h3,
  body.dark .commerce-seo-page .platform-decision-card h3{
    color:var(--text-primary)!important;
  }
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card .decision-kicker,
  :root:not([data-theme]) .commerce-seo-page .platform-decision-card .decision-grid span,
  body.dark .commerce-seo-page .platform-decision-card .decision-kicker,
  body.dark .commerce-seo-page .platform-decision-card .decision-grid span{
    color:var(--accent)!important;
  }
  :root:not([data-theme]) .expert-seo-page .results-story,
  :root:not([data-theme]) .expert-seo-page .results-visual,
  body.dark .expert-seo-page .results-story,
  body.dark .expert-seo-page .results-visual{
    background:rgba(255,255,255,.06)!important;
      border-color:rgba(248,245,255,.16)!important;
      color:#f8f5ff!important;
      box-shadow:0 1px 2px rgba(0,0,0,.18)!important;
  }
  :root:not([data-theme]) .expert-seo-page .results-story h3,
  :root:not([data-theme]) .expert-seo-page .results-story h4,
  :root:not([data-theme]) .expert-seo-page .results-source strong,
  body.dark .expert-seo-page .results-story h3,
  body.dark .expert-seo-page .results-story h4,
  body.dark .expert-seo-page .results-source strong{
    color:#f8f5ff!important;
  }
  :root:not([data-theme]) .expert-seo-page .results-story p,
  :root:not([data-theme]) .expert-seo-page .result-actions li,
  :root:not([data-theme]) .expert-seo-page .results-source,
  :root:not([data-theme]) .expert-seo-page .source-row,
  body.dark .expert-seo-page .results-story p,
  body.dark .expert-seo-page .result-actions li,
  body.dark .expert-seo-page .results-source,
  body.dark .expert-seo-page .source-row{
    color:rgba(248,245,255,.74)!important;
      border-color:rgba(248,245,255,.14)!important;
  }
  :root:not([data-theme]) .expert-seo-page .results-nav,
  body.dark .expert-seo-page .results-nav{
    background:rgba(255,255,255,.08)!important;
      color:#f8f5ff!important;
      border-color:rgba(248,245,255,.22)!important;
      box-shadow:4px 4px 0 rgba(248,245,255,.12)!important;
  }
  :root:not([data-theme]) .expert-seo-page .results-nav:hover,
  :root:not([data-theme]) .expert-seo-page .results-nav:focus-visible,
  body.dark .expert-seo-page .results-nav:hover,
  body.dark .expert-seo-page .results-nav:focus-visible{
    background:var(--accent)!important;
      color:var(--text-inverse)!important;
  }
  :root:not([data-theme]) .expert-seo-page .results-comparison__figure,
  body.dark .expert-seo-page .results-comparison__figure{
    background:#0f0d17!important;
      border-color:rgba(248,245,255,.28)!important;
  }
}

/* === AUTO DARK FINAL SELECTOR PARITY === */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-slide {
    background: #120f1c !important;
    color: #f8f5ff !important;
    border-color: rgba(248,245,255,.22) !important;
    box-shadow: 6px 6px 0 rgba(248,245,255,.12) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-story,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-visual {
    background: rgba(255,255,255,.055) !important;
    color: #f8f5ff !important;
    border-color: rgba(248,245,255,.18) !important;
    box-shadow: none !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-story h3,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-story h4,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-story strong,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .source-row strong {
    color: #f8f5ff !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-story p,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .result-actions li,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-source,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .source-row,
  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .source-row span {
    color: rgba(248,245,255,.74) !important;
    border-color: rgba(248,245,255,.14) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-type {
    background: rgba(76,29,149,.72) !important;
    color: #f8f5ff !important;
    border-color: rgba(248,245,255,.26) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-case-link {
    background: var(--accent) !important;
    color: var(--text-inverse) !important;
    border-color: rgba(248,245,255,.75) !important;
    box-shadow: 4px 4px 0 rgba(248,245,255,.16) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-nav {
    background: rgba(255,255,255,.08) !important;
    color: #f8f5ff !important;
    border-color: rgba(248,245,255,.28) !important;
    box-shadow: 4px 4px 0 rgba(248,245,255,.14) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .expert-seo-page .results-comparison__figure {
    background: #0f0d17 !important;
    border-color: rgba(248,245,255,.28) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .section-h2 em {
    color: var(--accent) !important;
  }

  :root:not([data-theme]) body.qovali-seo-landing-page .serka-seo-main .section-h2 em::after {
    background: rgba(167,139,250,.22);
  }

  :root:not([data-theme]) body.portfolio-archive-page .pf-archive {
    --grid-line: rgba(245,242,236,.045);
  }

  :root:not([data-theme]) body.portfolio-archive-page .pf-cta h2 em {
    background-image: linear-gradient(to top,rgba(167,139,250,.22),rgba(167,139,250,.22));
  }
}

/* === SERKA RESULTS FIRST-SCROLL MOBILE === */
@media (max-width: 860px) {
  body.serka-seo-page .serka-seo-main .serka-hero {
    min-height: auto;
    padding: 20px 16px 18px;
    gap: 12px;
  }

  body.serka-seo-page .serka-seo-main .serka-hero .hero-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.serka-seo-page .serka-seo-main .serka-hero .hero-badge {
    margin-bottom: 10px;
  }

  body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1 {
    max-width: 100%;
    margin-bottom: 10px;
    font-size: clamp(36px, 10vw, 42px) !important;
    line-height: 1.12 !important;
  }

  body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1 > span {
    line-height: 1.18 !important;
    padding-block: .04em !important;
    margin-block: 0 !important;
  }

  body.serka-seo-page .serka-seo-main .serka-hero .hero-sub {
    max-width: 100%;
    padding-inline-start: 12px;
    border-inline-start-width: 3px;
    font-size: 15px;
    line-height: 1.7;
  }

  body.serka-seo-page .serka-seo-main .serka-hero .hero-actions {
    gap: 8px;
    margin-top: 16px;
  }

  body.serka-seo-page .serka-seo-main .serka-hero .hero-actions :is(.btn-primary, .btn-outline) {
    min-height: 46px;
    padding: 10px 14px;
    font-size: 14px;
  }

  body.serka-seo-page .serka-seo-main .serka-hero .hero-visual {
    display: none;
  }

  body.serka-seo-page .serka-results-module .results-showcase {
    padding: 20px 0 48px;
  }

  body.serka-seo-page .serka-results-module .section-inner {
    width: 100%;
    padding-inline: 12px;
  }

  body.serka-seo-page .serka-results-module .results-header {
    position: relative;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 10px;
  }

  body.serka-seo-page .serka-results-module .results-header > div:first-child {
    width: 100%;
  }

  body.serka-seo-page .serka-results-module .section-label {
    margin-bottom: 8px;
  }

  body.serka-seo-page .serka-results-module .section-h2 {
    max-width: 100%;
    margin-bottom: 8px;
    padding-inline-end: 92px;
    font-size: clamp(32px, 8vw, 34px);
    line-height: 1.34;
  }

  body.serka-seo-page .serka-results-module .section-sub {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    font-size: 14.5px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.serka-seo-page .serka-results-module .results-controls {
    position: absolute;
    top: 42px;
    inset-inline-end: 0;
    flex: 0 0 auto;
    gap: 6px;
  }

  body.serka-seo-page .serka-results-module .results-nav {
    width: 40px;
    height: 40px;
  }

  body.serka-seo-page .serka-results-module .results-slide {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    padding: 10px;
    align-items: start;
  }

  body.serka-seo-page .serka-results-module .results-visual {
    order: -1;
    width: 100%;
    min-width: 0;
    padding: 0;
    gap: 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.serka-seo-page .serka-results-module .results-comparison__figure {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0;
    border-radius: 10px;
  }

  body.serka-seo-page .serka-results-module .results-comparison__figure img,
  body.serka-seo-page .serka-results-module .results-comparison__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  body.serka-seo-page .serka-results-module .results-comparison__label {
    top: 10px;
    inset-inline-end: 10px;
    inset-inline-start: auto;
    padding: 5px 12px;
    font-size: 13px;
  }

  body.serka-seo-page .serka-results-module .results-story {
    width: 100%;
    min-width: 0;
    padding: 20px 16px;
  }

  body.serka-seo-page .serka-results-module .results-story h3 {
    font-size: clamp(25px, 7.6vw, 34px);
    line-height: 1.45;
  }

  body.serka-seo-page .serka-results-module .results-case-link {
    width: 100%;
    justify-content: center;
  }
}

/* === Expert SEO decision paths === */
.expert-seo-page .expert-paths {
  background: var(--bg-surface-alt);
}

.expert-seo-page .expert-paths__head {
  max-width: 900px;
  margin: 0 auto 36px;
  text-align: center;
}

.expert-seo-page .expert-paths__head .section-sub {
  margin-inline: auto;
}

.expert-seo-page .expert-paths__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  direction: rtl;
}

.expert-seo-page .expert-path-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  padding: 28px;
  border: 2px solid var(--border-strong);
  background: var(--bg-surface);
  color: var(--text-primary);
  box-shadow: 6px 6px 0 var(--shadow-color);
  transition: transform .2s ease, box-shadow .2s ease;
}

.expert-seo-page .expert-path-card:hover {
  transform: translate(-3px, -3px);
  box-shadow: 9px 9px 0 var(--shadow-color);
}

.expert-seo-page .expert-path-card .card-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
  border: 2px solid var(--border-strong);
  background: var(--accent);
  color: var(--text-inverse);
  font-family:var(--font-arabic);
  font-weight: 900;
  line-height: 1;
}

.expert-seo-page .expert-path-card h3 {
  margin: 0 0 14px;
  color: var(--text-primary);
  font-family:var(--font-arabic);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 900;
  line-height: 1.5;
}

.expert-seo-page .expert-path-card p {
  flex-grow: 1;
  margin: 0 0 24px;
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.85;
}

.expert-seo-page .expert-path-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-soft);
  color: var(--accent);
  font-weight:700;
  text-decoration: none;
}

.expert-seo-page .expert-path-card__link:hover,
.expert-seo-page .expert-path-card__link:focus-visible {
  color: var(--accent-strong);
}

@media (max-width: 900px) {
  .expert-seo-page .expert-paths__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .expert-seo-page .expert-paths__head {
    margin-bottom: 28px;
  }

  .expert-seo-page .expert-path-card {
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .expert-seo-page .expert-path-card {
    transition: none;
  }

  .expert-seo-page .expert-path-card:hover {
    transform: none;
    box-shadow: 6px 6px 0 var(--shadow-color);
  }
}

/* === SERKA process heading center fix === */
body.serka-seo-page .serka-seo-main .serka-process-section > .section-inner > .fade,
body.qovali-seo-landing-page .serka-seo-main .serka-process-section > .section-inner > .fade {
  align-items: center !important;
  text-align: center !important;
}

body.serka-seo-page .serka-seo-main .serka-process-section #serka-s4-title,
body.qovali-seo-landing-page .serka-seo-main .serka-process-section #serka-s4-title {
  display: block !important;
  width: 100% !important;
  max-width: min(1120px, 92vw) !important;
  margin-inline: auto !important;
  text-align: center !important;
  white-space: normal !important;
  text-wrap: balance;
}

@media (min-width: 1024px) {
  body.serka-seo-page .serka-seo-main .serka-process-section #serka-s4-title,
  body.qovali-seo-landing-page .serka-seo-main .serka-process-section #serka-s4-title {
    max-width: min(1040px, 92vw) !important;
  }
}

/* === reference-led results section === */
.serka-results-module .results-showcase{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:78px 0;
  border-block:0;
  background:var(--bg-page);
}
.serka-results-module .results-showcase::before{
  background-image:linear-gradient(rgba(76,29,149,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(76,29,149,.06) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.55;
}
.serka-results-module .section-inner{position:relative;z-index:1}
.serka-results-reference__header{
  max-width:1050px;
  margin:0 auto 26px;
  text-align:center;
}
.serka-results-reference__heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) 126px;
  align-items:center;
  gap:28px;
  direction:ltr;
  max-width:920px;
  margin:0 auto;
}
.serka-results-reference__copy{direction:rtl}
.serka-results-reference__copy .section-h2{
  max-width:760px;
  margin:0 auto 8px;
  font-size:clamp(2rem,2.8vw,2.75rem);
  line-height:1.2;
  text-wrap:balance;
}
.serka-results-reference__copy .section-sub{
  max-width:680px;
  margin-inline:auto;
  font-size:clamp(1rem,.94rem + .3vw,1.125rem);
  font-weight:400;
  line-height:1.75;
}
.serka-results-stamp{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  width:116px;
  height:116px;
  border:2px solid var(--pp);
  border-radius:50%;
  color:var(--pp);
  transform:rotate(-7deg);
  background:var(--bg-surface);
  box-shadow:0 0 0 5px var(--bg-page),0 0 0 7px var(--pp);
}
.serka-results-stamp::before{
  content:'';
  position:absolute;
  inset:7px;
  border:1px dashed var(--pp);
  border-radius:50%;
}
.serka-results-stamp span{font-size:22px;line-height:1}
.serka-results-stamp strong{font-size:16px;line-height:1.2}
.serka-results-stamp small{
  font-family:var(--font-arabic);
  font-size:7px;
  letter-spacing:.04em;
}
.serka-results-reference__category{
  display:inline-flex;
  margin-top:16px;
  border:2px solid var(--pp);
  background:var(--bg-surface);
  color:var(--pp-dark);
  padding:7px 16px;
  font-size:14px;
  font-weight:700;
}
.serka-results-reference__title{
  max-width:850px;
  margin:16px auto 0;
  font-family:var(--font-arabic);
  font-size:clamp(1.75rem,3.1vw,2.75rem);
  font-weight:900;
  line-height:1.2;
  text-wrap:balance;
}
.serka-results-reference__title strong{color:var(--pp)}
.serka-results-evidence{
  max-width:1070px;
  margin:0 auto;
  direction:ltr;
}
.serka-results-evidence__tabs,
.serka-results-evidence__mobile-controls,
.serka-results-evidence__hint{display:none}
.serka-results-evidence__stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:44px;
  align-items:center;
  min-width:0;
}
.serka-results-evidence__placeholder{
  grid-column:1 / -1;
  display:grid;
  place-items:center;
  min-height:clamp(220px,36vw,430px);
  border:1px dashed var(--line);
  background:var(--bg-surface);
  color:var(--text-secondary);
  text-align:center;
}
.serka-results-evidence__panel{
  position:relative;
  min-width:0;
  aspect-ratio:16/10;
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--bg-surface);
  box-shadow:5px 5px 0 var(--pp-pale),0 8px 20px rgba(24,24,27,.08);
}
.serka-results-evidence__panel figcaption{
  position:absolute;
  z-index:2;
  top:9px;
  right:10px;
  padding:6px 13px;
  border:1px solid var(--ink);
  background:var(--ink);
  color:var(--text-inverse);
  font-size:13px;
  font-weight:700;
  line-height:1.2;
}
.serka-results-evidence__panel:last-child figcaption{background:var(--pp);border-color:var(--pp)}
.serka-results-evidence__zoom{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:var(--bg-surface);
  cursor:zoom-in;
}
.serka-results-evidence__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.serka-results-evidence__arrow{
  position:absolute;
  z-index:3;
  top:50%;
  left:50%;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:2px solid var(--bg-surface);
  border-radius:50%;
  background:var(--pp);
  color:var(--text-inverse);
  box-shadow:0 0 0 2px var(--pp);
  font-size:30px;
  line-height:1;
  transform:translate(-50%,-50%);
}
.serka-results-timeline{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1.2fr 1.45fr;
  gap:0;
  max-width:1090px;
  margin:60px auto 0;
  padding-top:29px;
  direction:ltr;
  border-top:1px solid var(--pp);
}
.serka-results-stage{
  position:relative;
  min-width:0;
  padding:0 25px 26px;
  direction:rtl;
  text-align:center;
}
.serka-results-stage + .serka-results-stage{border-inline-start:1px solid var(--line)}
.serka-results-stage__number{
  position:absolute;
  top:-48px;
  left:50%;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:2px solid var(--bg-surface);
  border-radius:50%;
  background:var(--pp);
  color:var(--text-inverse);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  transform:translateX(-50%);
}
.serka-results-stage h3{
  margin:0 0 13px;
  font-size:22px;
  font-weight:700;
  line-height:1.35;
}
.serka-results-stage h3{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.serka-results-stage__icon{
  display:inline-grid;
  place-items:center;
  color:currentColor;
  line-height:1;
}
.serka-results-stage__icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.serka-results-stage p{
  max-width:290px;
  margin:0 auto;
  color:var(--text-secondary);
  font-size:1rem;
  line-height:1.75;
}
.serka-results-stage ol{
  display:grid;
  gap:9px;
  padding:0;
  margin:0;
  list-style:none;
  text-align:right;
}
.serka-results-stage li{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:9px;
  align-items:start;
  color:var(--text-secondary);
  font-size:.875rem;
  line-height:1.6;
}
.serka-results-stage li b{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid var(--pp);
  background:var(--pp-pale);
  color:var(--pp-dark);
  font-family:var(--font-mono);
  font-size:10px;
}
.serka-results-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  text-align:center;
}
.serka-results-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  min-height:166px;
  padding:14px 9px 12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  color:#fff;
  box-shadow:4px 5px 0 rgba(24,24,27,.18);
}
.serka-results-card--indigo{background:#20205f}
.serka-results-card--purple{background:var(--pp)}
.serka-results-card--green{background:#126b4d}
.serka-results-card__icon{display:grid;place-items:center;font-size:24px;line-height:1}
.serka-results-card__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.serka-results-card__label{margin-top:8px;font-size:13px;font-weight:700;line-height:1.4}
.serka-results-card strong{
  margin-top:9px;
  font-family:var(--font-mono);
  font-size:clamp(1.75rem,2.5vw,2.75rem);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.serka-results-card small{margin-top:7px;font-size:13px;line-height:1.5}
.serka-results-card__trend{
  position:absolute;
  right:10px;
  bottom:8px;
  width:56px;
  height:30px;
  fill:none;
  stroke:rgba(255,255,255,.82);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
.serka-results-footer{
  display:grid;
  grid-template-columns:1fr 1fr 1.35fr;
  gap:22px;
  align-items:center;
  max-width:calc(100% + 48px);
  margin:10px -24px 0;
  padding:23px 32px;
  direction:ltr;
  background:var(--bg-inverse);
  color:var(--text-inverse);
}
.serka-results-footer > div{display:grid;gap:6px;direction:rtl;text-align:center}
.serka-results-footer > div + div{border-inline-start:1px solid rgba(255,255,255,.2)}
.serka-results-footer strong{font-size:14px}
.serka-results-footer span{color:rgba(255,255,255,.75);font-size:13px}
.serka-results-footer a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:54px;
  padding:12px 18px;
  border:2px solid var(--pp-light);
  background:var(--pp);
  color:var(--text-inverse);
  box-shadow:4px 4px 0 var(--pp-light);
  direction:rtl;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.serka-results-footer a:hover,.serka-results-footer a:focus-visible{color:var(--text-inverse);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pp-light)}
.serka-results-lightbox[hidden]{display:none}
.serka-results-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}
.serka-results-lightbox__backdrop{position:absolute;inset:0;background:rgba(10,10,12,.84)}
.serka-results-lightbox__dialog{position:relative;z-index:1;width:min(1100px,96vw);max-height:92vh;padding:14px;background:var(--bg-surface);box-shadow:0 20px 70px rgba(0,0,0,.4)}
.serka-results-lightbox__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;direction:rtl}
.serka-results-lightbox__title{margin:0;font-size:16px;font-weight:700}
.serka-results-lightbox__topbar button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--text-primary);font-size:28px;line-height:1;cursor:pointer}
.serka-results-lightbox__media{display:grid;place-items:center;min-height:240px;background:var(--bg-page);color:var(--text-secondary)}
.serka-results-lightbox__media img{display:block;width:100%;max-height:calc(92vh - 85px);object-fit:contain;background:var(--bg-page)}
body.qovali-lightbox-open{overflow:hidden}
@media (max-width:1100px){
  .serka-results-reference__heading{grid-template-columns:minmax(0,1fr) 102px;gap:18px}
  .serka-results-stamp{width:94px;height:94px}
  .serka-results-stamp strong{font-size:13px}
  .serka-results-timeline{display:block;margin-top:48px;padding:0 18px 0 0;border-top:0;border-right:1px solid var(--pp);direction:rtl}
  .serka-results-stage{padding:0 24px 30px 0;text-align:right}
  .serka-results-stage + .serka-results-stage{border-inline-start:0}
  .serka-results-stage__number{top:0;right:-27px;left:auto;width:30px;height:30px;transform:none}
  .serka-results-cards{grid-template-columns:minmax(0,1fr);gap:9px}
  .serka-results-footer{max-width:100%;margin-inline:auto}
}
@media (max-width:767px){
  .serka-results-module .results-showcase{padding-block:48px 0}
  .serka-results-reference__heading{display:block}
  .serka-results-reference__copy .section-h2{font-size:clamp(2rem,8.2vw,2.75rem)}
  .serka-results-stamp{width:78px;height:78px;margin:18px auto 20px;transform:rotate(-7deg)}
  .serka-results-stamp span{font-size:16px}
  .serka-results-stamp strong{font-size:11px}
  .serka-results-stamp small{font-size:5px}
  .serka-results-reference__category{margin-top:0;font-size:13px}
  .serka-results-reference__title{font-size:clamp(1.75rem,7vw,2.25rem);margin-top:14px}
  .serka-results-evidence{padding-inline:0}
  .serka-results-evidence__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-bottom:10px;padding:2px;border:1px solid var(--line);background:var(--bg-surface)}
  .serka-results-evidence__tabs button{min-height:44px;border:0;background:transparent;color:var(--text-primary);font-weight:700;cursor:pointer}
  .serka-results-evidence__tabs button[aria-selected="true"]{background:var(--pp);color:var(--text-inverse)}
  .serka-results-evidence__stage{display:block}
  .serka-results-evidence__panel{display:none;aspect-ratio:16/10;box-shadow:4px 4px 0 var(--pp-pale)}
  .serka-results-evidence__panel.is-active{display:block}
  .serka-results-evidence__arrow{display:none}
  .serka-results-evidence__mobile-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px;direction:ltr}
  .serka-results-evidence__mobile-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:var(--bg-surface);color:var(--pp);font-size:28px;cursor:pointer}
  .serka-results-evidence__dots{display:flex;gap:7px;direction:ltr}
  .serka-results-evidence__dots i{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}
  .serka-results-evidence__dots i.is-active{background:var(--pp)}
  .serka-results-evidence__hint{display:block;margin:9px 0 0;color:var(--pp);font-size:12px;text-align:center}
  .serka-results-timeline{display:block;margin-top:48px;padding:0 14px 0 0;border-top:0;border-right:1px solid var(--pp);direction:rtl}
  .serka-results-stage{padding:0 24px 30px 0;text-align:right}
  .serka-results-stage + .serka-results-stage{border-inline-start:0}
  .serka-results-stage__number{top:0;right:-27px;left:auto;width:30px;height:30px;transform:none}
  .serka-results-stage h3{font-size:20px;margin-bottom:10px}
  .serka-results-stage p{max-width:none;margin:0;font-size:15px;line-height:1.75}
  .serka-results-stage ol{gap:7px}
  .serka-results-stage li{grid-template-columns:24px minmax(0,1fr);font-size:14px;line-height:1.6}
  .serka-results-cards{grid-template-columns:minmax(0,1fr);gap:9px}
  .serka-results-card{min-height:145px;border-radius:8px}
  .serka-results-card__label{font-size:13px}
  .serka-results-card strong{font-size:clamp(1.75rem,9vw,2.25rem)}
  .serka-results-card small{font-size:13px}
  .serka-results-footer{display:flex;flex-direction:column;gap:13px;max-width:100%;margin:0 auto;padding:20px 16px;direction:rtl}
  .serka-results-footer > div{width:100%;padding-bottom:10px;border-inline-start:0!important;border-bottom:1px solid rgba(255,255,255,.2)}
  .serka-results-footer a{width:100%;box-sizing:border-box}
}
@media (max-width:390px){
  .serka-results-stage{padding-right:20px}
  .serka-results-cards{gap:5px}
  .serka-results-card{padding-inline:3px}
  .serka-results-card__icon{font-size:20px}
  .serka-results-card__label{font-size:13px}
  .serka-results-card strong{font-size:1.75rem}
}

/* === alignment polish from visual QA === */
.serka-seo-main .hero-trust{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 24px;
  direction:rtl;
}
.serka-seo-main .hero-trust .trust-item{
  min-width:0;
  align-items:center;
  text-align:center;
  direction:rtl;
}
.serka-results-reference__heading{
  position:relative;
  display:block;
  max-width:1050px;
}
.serka-results-reference__copy{width:100%}
.serka-results-reference__copy .section-h2,
.serka-results-reference__copy .section-sub{
  width:100%;
  text-align:center!important;
}
.serka-results-reference__heading-text{
  display:block;
  width:100%;
  text-align:center;
}
.serka-results-stamp{
  position:absolute;
  inset-inline-end:0;
  top:50%;
  transform:translateY(-50%) rotate(-7deg);
}
.serka-results-stage--results{text-align:center}
@media (max-width:1100px){
  .serka-results-reference__heading{display:block;max-width:1050px}
  .serka-results-reference__copy .section-h2{padding-inline:0!important}
  .serka-results-stage--results{text-align:center}
}
@media (max-width:767px){
  .serka-results-reference__copy .section-h2{padding-inline:0!important}
  .serka-results-stamp{
    position:relative;
    inset:auto;
    top:auto;
    transform:rotate(-7deg);
  }
  .serka-results-stage--results{padding-right:0}
  .serka-results-stage--results .serka-results-cards{
    width:calc(100% - 10px);
    margin-inline:auto;
    transform:translateX(8px);
  }
}

/* === multi-case results carousel === */
.serka-results-carousel{
  position:relative;
  display:grid;
  min-width:0;
  overflow-anchor:none;
}
.serka-results-slide{
  grid-area:1 / 1;
  min-width:0;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.serka-results-slide.is-active{
  z-index:1;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  animation:serka-results-slide-in .28s ease both;
}
@keyframes serka-results-slide-in{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
.serka-results-carousel__controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  direction:ltr;
  max-width:1090px;
  margin:22px auto 0;
}
.serka-results-carousel__arrow{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--line);
  background:var(--bg-surface);
  color:var(--pp);
  cursor:pointer;
  font-size:28px;
  line-height:1;
  transition:transform .2s ease,background-color .2s ease,color .2s ease;
}
.serka-results-carousel__arrow:hover,
.serka-results-carousel__arrow:focus-visible{
  background:var(--pp);
  color:var(--text-inverse);
  transform:translateY(-2px);
}
.serka-results-carousel__dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  direction:ltr;
}
.serka-results-carousel__dots button{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid var(--line);
  background:var(--bg-surface);
  color:var(--text-secondary);
  cursor:pointer;
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:700;
}
.serka-results-carousel__dots button[aria-selected="true"]{
  border-color:var(--pp);
  background:var(--pp);
  color:var(--text-inverse);
}
@media (max-width:767px){
  .serka-results-carousel__controls{gap:12px;margin-top:18px}
  .serka-results-carousel__arrow{width:40px;height:40px}
  .serka-results-carousel__dots{gap:5px;max-width:calc(100% - 104px);overflow-x:auto}
  .serka-results-carousel__dots button{flex:0 0 28px;width:28px;height:28px}
}
@media (prefers-reduced-motion:reduce){
  .serka-results-slide.is-active{animation:none}
  .serka-results-carousel__arrow{transition:none}
}

/* === WEB DESIGN METHODOLOGY — editable five-stage tabs === */
.commerce-seo-page .qovali-methodology{
  --methodology-paper:var(--bg-page);
  --methodology-surface:var(--bg-surface);
  --methodology-ink:var(--text-primary);
  --methodology-muted:var(--text-secondary);
  --methodology-purple:var(--accent);
  --methodology-purple-dark:var(--accent-strong);
  --methodology-purple-soft:var(--accent-pale);
  --methodology-active-ink:var(--bg-page);
  width:min(1200px,calc(100% - 48px));
  max-width:1200px;
  margin:clamp(48px,6vw,80px) auto;
  padding:0;
  overflow:visible;
  color:var(--methodology-ink);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.commerce-seo-page .qovali-methodology > .section-inner{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.commerce-seo-page .qovali-methodology__intro{
  max-width:none;
  margin:0 0 0 auto;
  direction:rtl;
  text-align:right;
}

.commerce-seo-page .qovali-methodology__intro .section-label{
  display:block;
  margin:0 0 8px;
  color:var(--methodology-purple);
  font-size:15px;
  font-weight:800;
}

.commerce-seo-page .qovali-methodology__intro .section-h2{
  margin:0 0 16px;
  color:var(--methodology-ink);
  font-size:38px;
  font-weight:900;
  line-height:1.25;
  letter-spacing:0;
}

.commerce-seo-page .qovali-methodology__intro .section-h2 em{
  color:var(--methodology-purple);
}

.commerce-seo-page .qovali-methodology__intro .section-sub{
  max-width:920px;
  margin:0;
  color:var(--methodology-muted);
  font-size:17px;
  line-height:1.8;
}

.commerce-seo-page .qovali-methodology__tabs-wrap{
  margin:20px 0 18px;
}

.commerce-seo-page .qovali-methodology__tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  direction:rtl;
  width:100%;
  min-width:0;
}

.commerce-seo-page .qovali-methodology__tab{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-width:0;
  min-height:116px;
  padding:16px 10px;
  color:var(--methodology-ink);
  background:var(--methodology-surface);
  border:1px solid #e4deda;
  border-radius:8px;
  font:inherit;
  cursor:pointer;
  text-align:center;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}

.commerce-seo-page .qovali-methodology__tab:hover{
  border-color:var(--methodology-purple);
  transform:translateY(-2px);
}

.commerce-seo-page .qovali-methodology__tab-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:var(--methodology-purple);
  line-height:1;
}

.commerce-seo-page .qovali-methodology__icon-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.commerce-seo-page .qovali-methodology__tab-icon-fallback{
  font-size:24px;
  font-weight:900;
}

.commerce-seo-page .qovali-methodology__tab.is-active .qovali-methodology__tab-icon{
  color:var(--methodology-active-ink);
}

.commerce-seo-page .qovali-methodology__tab.is-active{
  color:var(--methodology-active-ink);
  background:var(--methodology-purple);
  border-color:var(--methodology-purple);
  box-shadow:0 10px 20px rgba(74,31,180,.18);
}

.commerce-seo-page .qovali-methodology__tab:focus-visible,
.commerce-seo-page .qovali-methodology__arrow:focus-visible,
.commerce-seo-page .qovali-methodology__panel:focus-visible{
  outline:3px solid #f2b84b;
  outline-offset:3px;
}

.commerce-seo-page .qovali-methodology__tab-number{
  color:var(--methodology-purple);
  font-family:var(--font-mono);
  font-size:28px;
  font-weight:800;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.commerce-seo-page .qovali-methodology__tab.is-active .qovali-methodology__tab-number{
  color:var(--methodology-active-ink);
}

.commerce-seo-page .qovali-methodology__tab-title{
  display:block;
  max-width:100%;
  color:inherit;
  font-size:16px;
  font-weight:800;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.commerce-seo-page .qovali-methodology__swipe{
  display:none;
  margin:10px 0 0;
  color:var(--methodology-muted);
  font-size:14px;
  line-height:1.5;
  text-align:center;
}

.commerce-seo-page .qovali-methodology__panels{
  width:100%;
  min-width:0;
}

.commerce-seo-page .qovali-methodology__panel{
  display:grid;
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.38fr);
  gap:26px;
  align-items:stretch;
  min-width:0;
  padding:22px;
  direction:ltr;
  background:var(--methodology-surface);
  border:1px solid #ebe4dc;
  border-radius:8px;
  box-shadow:0 12px 28px rgba(45,27,75,.07);
}
.commerce-seo-page .qovali-methodology__panel[hidden]{display:none!important}

.commerce-seo-page .qovali-methodology__visual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:260px;
  padding:14px;
  overflow:hidden;
  background:#fff;
  border-radius:8px;
}

.commerce-seo-page .qovali-methodology__image{
  display:block;
  width:100%;
  max-width:430px;
  height:auto;
  max-height:290px;
  object-fit:contain;
}

.commerce-seo-page .qovali-methodology__illustration{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:430px;
  min-height:220px;
  color:var(--methodology-purple);
}

.commerce-seo-page .qovali-methodology__illustration svg{
  display:block;
  width:100%;
  max-width:300px;
  height:auto;
  fill:none;
  stroke:currentColor;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.commerce-seo-page .qovali-methodology__illustration .qovali-methodology__visual-accent{
  stroke:var(--methodology-purple-dark);
}

.commerce-seo-page .qovali-methodology__content{
  min-width:0;
  direction:rtl;
  text-align:right;
}

.commerce-seo-page .qovali-methodology__heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}

.commerce-seo-page .qovali-methodology__stage-number{
  color:var(--methodology-purple);
  font-family:var(--font-mono);
  font-size:34px;
  font-weight:800;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.commerce-seo-page .qovali-methodology__duration{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:7px 14px;
  color:var(--methodology-purple-dark);
  background:var(--methodology-purple-soft);
  border-radius:6px;
  font-size:15px;
  font-weight:800;
  line-height:1.4;
}

.commerce-seo-page .qovali-methodology__content h3{
  margin:0 0 10px;
  color:var(--methodology-ink);
  font-size:28px;
  font-weight:900;
  line-height:1.35;
}

.commerce-seo-page .qovali-methodology__description{
  margin:0 0 12px;
  color:var(--methodology-muted);
  font-size:16px;
  line-height:1.55;
}

.commerce-seo-page .qovali-methodology__items{
  display:grid;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}

.commerce-seo-page .qovali-methodology__items li{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-inline-start:0;
  color:var(--methodology-ink);
  font-size:15px;
  line-height:1.45;
}

.commerce-seo-page .qovali-methodology__items li::before{
  content:none;
}

.commerce-seo-page .qovali-methodology__bullet-icon{
  flex:0 0 22px;
  width:22px;
  height:22px;
  margin-top:3px;
  object-fit:contain;
}

.commerce-seo-page .qovali-methodology__bullet-icon--fallback{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  flex-basis:20px;
  margin-top:3px;
  color:#fff;
  background:var(--methodology-purple);
  border-radius:50%;
  font-size:13px;
  font-weight:900;
}

.commerce-seo-page .qovali-methodology__deliverable{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:14px;
  padding-top:12px;
  color:var(--methodology-ink);
  border-top:1px dashed #d7cfe1;
  font-size:15px;
  line-height:1.5;
}

.commerce-seo-page .qovali-methodology__deliverable-icon{
  display:grid;
  flex:0 0 28px;
  place-items:center;
  width:28px;
  height:28px;
  color:var(--methodology-purple);
}

.commerce-seo-page .qovali-methodology__deliverable-icon-fallback{
  font-size:25px;
  line-height:1;
}

.commerce-seo-page .qovali-methodology__deliverable strong{
  flex:0 0 auto;
  color:var(--methodology-purple);
}

.commerce-seo-page .qovali-methodology__progress{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin-top:24px;
  direction:rtl;
}

.commerce-seo-page .qovali-methodology__progress-label,
.commerce-seo-page .qovali-methodology__progress-count{
  color:var(--methodology-muted);
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}

.commerce-seo-page .qovali-methodology__progress-track{
  position:relative;
  height:8px;
  overflow:hidden;
  background:#e8e1ef;
  border-radius:99px;
}

.commerce-seo-page .qovali-methodology__progress-bar{
  display:block;
  width:20%;
  height:100%;
  background:var(--methodology-purple);
  border-radius:inherit;
  transition:width .2s ease;
}

.commerce-seo-page .qovali-methodology__controls{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  direction:rtl;
}

.commerce-seo-page .qovali-methodology__arrow{
  display:grid;
  place-items:center;
  width:48px;
  min-width:48px;
  height:48px;
  color:#fff;
  background:var(--methodology-purple);
  border:1px solid var(--methodology-purple);
  border-radius:50%;
  font:inherit;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.commerce-seo-page .qovali-methodology__arrow:hover:not(:disabled){
  background:var(--methodology-purple-dark);
}

.commerce-seo-page .qovali-methodology__arrow:disabled{
  color:#9a93a5;
  background:#f0edf2;
  border-color:#e0dce4;
  cursor:not-allowed;
}

@media (max-width:820px){
  .commerce-seo-page .qovali-methodology{
    width:calc(100% - 24px);
    margin:24px auto 44px;
  }

  .commerce-seo-page .qovali-methodology > .section-inner{
    padding:0;
  }

  .commerce-seo-page .qovali-methodology__intro .section-h2{
    font-size:29px;
  }

  .commerce-seo-page .qovali-methodology__intro .section-sub{
    font-size:16px;
  }

  .commerce-seo-page .qovali-methodology__tabs-wrap{
    margin:22px -16px 16px;
  }

  .commerce-seo-page .qovali-methodology__tabs{
    display:flex;
    gap:12px;
    width:100%;
    padding-inline:calc((100% - 336px) / 2);
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:50%;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    overscroll-behavior-y:auto;
  }

  .commerce-seo-page .qovali-methodology__tabs::-webkit-scrollbar{display:none}

  .commerce-seo-page .qovali-methodology__tab{
    flex:0 0 104px;
    width:104px;
    min-height:104px;
    padding:12px 8px;
    scroll-snap-align:center;
  }

  .commerce-seo-page .qovali-methodology__tab-number{font-size:24px}
  .commerce-seo-page .qovali-methodology__tab-title{font-size:14px}
  .commerce-seo-page .qovali-methodology__tab-icon{width:28px;height:28px}
  .commerce-seo-page .qovali-methodology__swipe{display:block}

  .commerce-seo-page .qovali-methodology__panel{
    grid-template-columns:minmax(0,1fr);
    gap:20px;
    padding:16px;
  }

  .commerce-seo-page .qovali-methodology__visual{
    min-height:190px;
    padding:14px;
  }

  .commerce-seo-page .qovali-methodology__illustration{min-height:160px}
  .commerce-seo-page .qovali-methodology__content h3{font-size:25px}
  .commerce-seo-page .qovali-methodology__description{font-size:16px}
  .commerce-seo-page .qovali-methodology__items li{font-size:15px}

  .commerce-seo-page .qovali-methodology__progress{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px;
    margin-top:18px;
  }

  .commerce-seo-page .qovali-methodology__progress-label,
  .commerce-seo-page .qovali-methodology__progress-count{font-size:14px}

  .commerce-seo-page .qovali-methodology__controls{margin-top:16px}
  .commerce-seo-page .qovali-methodology__arrow{width:50px;min-width:50px;height:50px}
}

@media (prefers-reduced-motion:reduce){
  .commerce-seo-page .qovali-methodology__tab,
  .commerce-seo-page .qovali-methodology__progress-bar{transition:none}
}

/* Keep the methodology grid authoritative after legacy direct-child fade rules. */
body.serka-seo-page .serka-seo-main .serka-process-section > .section-inner > .serka-methodology__stages{
  display:grid!important;
  align-items:start!important;
}

body.serka-seo-page .serka-methodology .fade{
  opacity:1!important;
  transform:none!important;
}

/* === METHODOLOGY — exact reference composition === */
body.serka-seo-page .serka-seo-main .serka-methodology{
  --reference-paper:#fbfaf7;
  --reference-ink:#15151a;
  --reference-purple:#3c1ca0;
  --reference-purple-soft:#eee9ff;
  box-sizing:border-box;
  width:min(1440px,calc(100% - 32px));
  max-width:1440px;
  margin:28px auto 56px;
  padding:0!important;
  border:2px solid var(--reference-ink)!important;
  border-radius:12px!important;
  background-color:var(--reference-paper)!important;
  background-image:
    linear-gradient(rgba(60,28,160,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(60,28,160,.065) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  color:var(--reference-ink)!important;
  box-shadow:5px 6px 0 rgba(21,21,26,.14)!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology > .section-inner{
  width:100%;
  max-width:1400px;
  padding:38px 48px 8px!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology__intro{
  position:relative;
  z-index:2;
  display:block;
  max-width:820px;
  margin:0 auto;
  padding:0;
  direction:rtl;
  text-align:center;
}

body.serka-seo-page .serka-seo-main .serka-methodology__intro :is(.section-label,.section-h2,.section-sub){
  text-align:center!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology__intro .section-label{
  display:block;
  margin:0 0 8px;
  color:var(--reference-purple)!important;
  font-family:var(--font-arabic);
  font-size:15px;
  font-weight:700;
}

body.serka-seo-page .serka-seo-main .serka-methodology__intro .section-h2{
  max-width:820px!important;
  margin:0 auto!important;
  color:var(--reference-ink)!important;
  font-size:clamp(2rem,2.8vw,2.75rem)!important;
  font-weight:900;
  line-height:1.2!important;
  letter-spacing:0;
  text-wrap:balance;
}

body.serka-seo-page .serka-seo-main .serka-methodology__intro .section-h2 em{
  color:var(--reference-purple)!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology__promise{
  margin:6px 0 8px;
  color:var(--reference-purple)!important;
  font-family:var(--font-arabic);
  font-size:clamp(1.25rem,1.8vw,1.625rem);
  font-weight:700;
  line-height:1.35;
}

body.serka-seo-page .serka-seo-main .serka-methodology__intro .section-sub{
  max-width:800px;
  margin:0 auto!important;
  color:var(--reference-ink)!important;
  font-size:clamp(1rem,.94rem + .3vw,1.125rem)!important;
  font-weight:400;
  line-height:1.75;
}

body.serka-seo-page .serka-seo-main .serka-methodology__stages{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:start!important;
  width:100%;
  margin:14px 0 0!important;
  padding:32px 24px 0!important;
  direction:ltr;
}

body.serka-seo-page .serka-seo-main .serka-methodology__connector{
  position:absolute;
  z-index:0;
  inset:0 0 auto;
  display:block;
  height:128px;
  color:var(--reference-purple);
  pointer-events:none;
}

body.serka-seo-page .serka-seo-main .serka-methodology__connector svg{
  display:block;
  width:100%;
  height:100%;
}

body.serka-seo-page .serka-seo-main .serka-methodology__connector path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card,
body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(1),
body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(2),
body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(3){
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  margin-top:0;
  color:var(--reference-ink)!important;
  background:var(--reference-paper)!important;
  border:1.5px solid var(--reference-ink)!important;
  border-radius:8px!important;
  box-shadow:8px 9px 0 rgba(21,21,26,.17)!important;
  transform:none;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(1){margin-top:96px}
body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(2){margin-top:64px}
body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(3){margin-top:32px}

body.serka-seo-page .serka-seo-main .serka-methodology-card::before{
  top:-10px;
  left:20px;
  width:12px;
  height:12px;
  border:3px solid var(--reference-paper);
  background:var(--reference-purple);
  box-shadow:0 0 0 1px var(--reference-purple);
  transform:none;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__heading{margin:0}

body.serka-seo-page .serka-seo-main .serka-methodology-card__toggle{
  display:grid;
  grid-template-columns:1fr 58px;
  grid-template-areas:"number icon" "title title";
  align-items:center;
  gap:8px 10px;
  width:100%;
  min-height:96px;
  padding:14px 18px 8px;
  direction:ltr;
  color:var(--reference-ink)!important;
  background:transparent!important;
  text-align:left;
  cursor:default;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__number{
  grid-area:number;
  color:var(--reference-purple)!important;
  font-family:var(--font-mono);
  font-size:clamp(2.1rem,3vw,2.8rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
  text-align:left;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__icon{
  grid-area:icon;
  justify-self:end;
  width:44px;
  height:44px;
  color:var(--reference-purple)!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__title{
  grid-area:title;
  min-height:44px;
  padding-top:7px;
  border-top:1px dashed rgba(21,21,26,.25);
  direction:rtl;
  color:var(--reference-ink)!important;
  font-family:var(--font-arabic);
  font-size:clamp(1.125rem,1.4vw,1.375rem);
  font-weight:700;
  line-height:1.35;
  text-align:left;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__chevron{display:none!important}

body.serka-seo-page .serka-seo-main .serka-methodology-card__panel{
  display:flex!important;
  flex:1;
  flex-direction:column;
  direction:rtl;
  color:var(--reference-ink)!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__desc{
  margin:0;
  padding:0 18px 8px;
  color:var(--reference-ink)!important;
  font-size:clamp(.9375rem,.85rem + .2vw,1rem);
  font-weight:400;
  line-height:1.65;
  text-align:right;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__tasks{
  display:grid;
  gap:4px;
  margin:0;
  padding:0 18px 10px;
  list-style:none;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__tasks li{
  position:relative;
  padding-right:16px;
  color:var(--reference-ink)!important;
  font-size:clamp(.8125rem,.76rem + .15vw,.875rem);
  font-weight:400;
  line-height:1.6;
  text-align:right;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__tasks li::before{
  content:"✓";
  position:absolute;
  top:0;
  right:0;
  color:var(--reference-purple)!important;
  font-weight:700;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__duration{
  display:grid;
  grid-template-columns:20px 1fr;
  align-items:center;
  gap:7px;
  margin:auto 18px 10px;
  padding:7px 9px 5px;
  color:var(--reference-purple)!important;
  border:1px solid var(--reference-purple)!important;
  border-radius:6px;
  font-size:.875rem;
  font-weight:400;
  line-height:1.55;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__duration i{display:none}

body.serka-seo-page .serka-seo-main .serka-methodology-card__deliverable{
  display:grid;
  gap:5px;
  min-height:72px;
  padding:10px 18px 12px;
  color:#fff!important;
  background:var(--reference-purple)!important;
  border-top:0;
  border-radius:0 0 7px 7px;
  font-size:.875rem;
  font-weight:400;
  line-height:1.55;
  text-align:right;
}

body.serka-seo-page .serka-seo-main .serka-methodology-card__deliverable-label{
  color:#fff!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology__return{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  max-width:1060px;
  height:48px;
  margin:20px auto 0;
  color:var(--reference-purple)!important;
}

body.serka-seo-page .serka-seo-main .serka-methodology__return svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

body.serka-seo-page .serka-seo-main .serka-methodology__return path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-dasharray:6 5;
  vector-effect:non-scaling-stroke;
}

body.serka-seo-page .serka-seo-main .serka-methodology__return span{
  position:relative;
  left:auto;
  bottom:auto;
  z-index:1;
  display:block;
  padding:7px 22px;
  border:1px solid currentColor;
  border-radius:999px;
  background:var(--reference-paper)!important;
  color:var(--reference-purple)!important;
  font-size:.82rem;
  font-weight:700;
  white-space:nowrap;
  transform:none;
}

body.serka-seo-page .serka-seo-main .serka-methodology__expert-link{
  position:relative;
  z-index:2;
  margin:12px 0 0;
  text-align:left;
}

body.serka-seo-page .serka-seo-main .serka-methodology__expert-link a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:8px 4px;
  direction:rtl;
  color:var(--reference-purple)!important;
  border-bottom:2px solid currentColor;
  font-weight:700;
  text-decoration:none;
}

body.serka-seo-page .serka-seo-main .serka-methodology__expert-link b{font-size:1.3rem}

@media (min-width:821px) and (max-width:1199px){
  body.serka-seo-page .serka-seo-main .serka-methodology > .section-inner{
    padding:42px 32px 32px!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__intro{
    max-width:760px;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__stages{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin:18px 0 0!important;
    padding:34px 18px 0!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__connector{display:none}

  body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(1),
  body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(2),
  body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(3),
  body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(4){
    margin-top:0;
    transform:none;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__return{
    height:64px;
    margin:20px auto 0;
  }
}

@media (max-width:820px){
  body.serka-seo-page .serka-seo-main .serka-methodology{
    width:calc(100% - 20px);
    margin:12px auto 30px;
    border-radius:9px!important;
    background-size:30px 30px!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology > .section-inner{
    padding:24px 14px 24px!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__intro{
    max-width:none;
    margin:0;
    direction:rtl;
    text-align:center;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__intro :is(.section-label,.section-h2,.section-sub){
    text-align:center!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__intro .section-h2{
    max-width:none!important;
    font-size:clamp(2rem,8.2vw,2.75rem)!important;
    line-height:1.2!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__promise{
    margin:10px 0 10px;
    font-size:clamp(19px,5.6vw,27px);
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__intro .section-sub{
    max-width:320px;
    margin-inline:auto!important;
    font-size:1rem!important;
    line-height:1.75;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__stages{
    grid-template-columns:1fr;
    gap:12px;
    margin:24px 0 0!important;
    padding:0 29px 0 0!important;
    direction:rtl;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__connector{display:none}

  body.serka-seo-page .serka-seo-main .serka-methodology__stages::before{
    content:"";
    position:absolute;
    z-index:0;
    top:24px;
    right:8px;
    bottom:24px;
    width:2px;
    background:var(--reference-purple);
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card,
  body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(1),
  body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(2),
  body.serka-seo-page .serka-seo-main .serka-methodology-card:nth-of-type(3){
    min-height:0;
    margin-top:0;
    transform:none;
    box-shadow:5px 6px 0 rgba(21,21,26,.15)!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card::before{
    top:24px;
    right:-30px;
    left:auto;
    width:11px;
    height:11px;
    border-width:3px;
    transform:none;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__toggle{
    grid-template-columns:46px 42px minmax(0,1fr);
    grid-template-areas:"number icon title";
    gap:7px;
    min-height:78px;
    padding:12px 12px 10px;
    direction:ltr;
    cursor:pointer;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__number{
    font-size:1.75rem;
    text-align:left;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__icon{
    justify-self:center;
    width:38px;
    height:38px;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__title{
    min-height:0;
    padding:0;
    border:0;
    direction:rtl;
    font-size:1.125rem;
    line-height:1.35;
    text-align:right;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__panel{
    display:none!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card.is-open .serka-methodology-card__panel{
    display:flex!important;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__desc{
    padding:0 14px 10px;
    font-size:.9375rem;
    line-height:1.65;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__tasks{
    gap:4px;
    padding:0 14px 12px;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__tasks li{
    padding-right:17px;
    font-size:.875rem;
    line-height:1.6;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__duration{
    margin:7px 14px 12px;
    padding:7px 9px;
    font-size:.9375rem;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology-card__deliverable{
    min-height:68px;
    padding:10px 14px 12px;
    font-size:.9375rem;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__return{
    height:auto;
    margin:30px 29px 0 0;
    padding:10px 14px;
    border:1px dashed var(--reference-purple);
    border-radius:999px;
    text-align:center;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__return svg{display:none}

  body.serka-seo-page .serka-seo-main .serka-methodology__return span{
    position:static;
    display:block;
    padding:0;
    border:0;
    background:transparent!important;
    font-size:.8125rem;
    white-space:normal;
    transform:none;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__expert-link{
    margin:26px 0 0;
    text-align:center;
  }

  body.serka-seo-page .serka-seo-main .serka-methodology__expert-link a{
    justify-content:center;
    font-size:.9375rem;
    line-height:1.65;
  }
}

/* The approved reference is intentionally a light paper panel in either site theme. */
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-methodology,
html[data-theme="dark"] body.serka-seo-page .serka-seo-main .serka-methodology-card,
:root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-methodology,
:root:not([data-theme]) body.serka-seo-page .serka-seo-main .serka-methodology-card{
  background-color:var(--reference-paper)!important;
  background-image:
    linear-gradient(rgba(60,28,160,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(60,28,160,.065) 1px,transparent 1px)!important;
  color:var(--reference-ink)!important;
  border-color:var(--reference-ink)!important;
}

/* Keep long Arabic titles from looking like a different browser zoom. */
.serka-seo-main > .serka-hero,
.expert-seo-page > .expert-hero,
.commerce-seo-page > .commerce-hero{
  min-height:auto;
  padding-block:var(--space-hero-marketing)!important;
}

body.serka-seo-page #serka-hero-h1{
  font-size:var(--type-hero-marketing)!important;
  font-weight:900;
  line-height:1.2!important;
  text-wrap:balance;
  margin-bottom:20px!important;
}

.expert-seo-page #expert-hero-title,
.commerce-seo-page .commerce-copy #commerce-hero-title{
  font-size:var(--type-hero-marketing)!important;
  font-weight:900;
  line-height:1.2!important;
  text-wrap:balance;
  margin-bottom:20px!important;
}

.commerce-seo-page .commerce-copy #commerce-hero-title em{
  border-bottom:0!important;
}

body:not(.serka-seo-page) .expert-seo-page :is(
  .section-h2,
  .section-title,
  #expert-diagnostics-title,
  #expert-bio-heading,
  .cta-band h2
),.commerce-seo-page :is(.section-h2,.section-title,#commerce-summary-title,.cta-band h2),body.serka-seo-page :is(
  #serka-s1-title,
  #serka-s2-title,
  #serka-s3-title,
  #serka-founder-title,
  #serka-s6-title,
  #serka-pricing-h2,
  #serka-s8-title,
  #serka-faq-h2,
  #serka-final-title
){
  font-size:var(--type-section-title)!important;
  font-weight:900;
  line-height:1.2!important;
}

body.portfolio-archive-page .pf-hero,
.qovali-blog > .qovali-blog-hero{
  min-height:auto;
  padding-block:var(--space-hero-list)!important;
}
body.portfolio-archive-page #pf-archive-title,
.qovali-blog .qovali-blog-h1{
  font-size:var(--type-page-title)!important;
  font-weight:900;
  line-height:1.2!important;
  text-wrap:balance;
}

body.portfolio-archive-page .pf-cta h2,
.qovali-blog .qovali-blog-cta-heading{
  font-size:var(--type-section-title)!important;
  font-weight:900;
  line-height:1.2!important;
}

body.serka-seo-page .serka-hero .hero-sub,
.expert-seo-page .expert-hero .hero-sub,
.commerce-seo-page .commerce-copy > p,
body.portfolio-archive-page .pf-hero__sub,
.qovali-blog .qovali-blog-lead{
  font-size:var(--type-body-lead)!important;
  font-weight:400;
  line-height:1.75!important;
}
body.serka-seo-page .serka-hero .hero-sub,
.expert-seo-page .expert-hero .hero-sub,
.commerce-seo-page .commerce-copy > p{max-width:680px}
body.portfolio-archive-page .pf-hero__sub{max-width:760px}
.qovali-blog .qovali-blog-lead{max-width:820px}

body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1{
  margin-bottom:20px!important;
  font-size:var(--type-hero-marketing)!important;
  line-height:1.2!important;
}
/* Main title lines share a scale; the expert's supporting promise stays secondary. */
body.serka-seo-page .serka-seo-main .serka-hero #serka-hero-h1 > span{
  font-size:inherit!important;
  line-height:inherit!important;
}
.expert-seo-page .expert-hero #expert-hero-title .seo-consultant-title__accent{
  font-size:.72em;
  line-height:1.35!important;
  margin-top:.3em;
}
body.serka-seo-page .serka-hero .hero-sub,
.expert-seo-page .expert-hero .hero-sub,
.commerce-seo-page .commerce-copy > p{
  margin-bottom:24px;
}
body.qovali-seo-landing-page .commerce-seo-page #commerce-summary-title,
body.qovali-seo-landing-page .qovali-blog .qovali-blog-h1{
  line-height:1.2!important;
}

@media (max-width:720px){
  .serka-seo-main > .serka-hero,
  .expert-seo-page > .expert-hero,
  .commerce-seo-page > .commerce-hero,
  body.portfolio-archive-page .pf-hero,
  .qovali-blog > .qovali-blog-hero{
    padding-block:clamp(2.5rem,12vw,3.5rem)!important;
  }
}

/* Keep the landing-page heading overrides on the current theme palette. */
.commerce-seo-page .qovali-methodology{
  color:var(--methodology-ink)!important;
  background-color:transparent!important;
}
.commerce-seo-page .qovali-methodology__intro .section-label{color:var(--methodology-purple)!important}
.commerce-seo-page .qovali-methodology__intro .section-h2{color:var(--methodology-ink)!important}
.commerce-seo-page .qovali-methodology__intro .section-h2 em{color:var(--methodology-purple)!important}
.commerce-seo-page .qovali-methodology__intro .section-sub{color:var(--methodology-muted)!important}
.commerce-seo-page .qovali-methodology__panel{color:var(--methodology-ink)!important}
.commerce-seo-page .qovali-methodology__content h3{color:var(--methodology-ink)!important}
.commerce-seo-page .qovali-methodology__description{color:var(--methodology-muted)!important}
.commerce-seo-page .qovali-methodology__items li{color:var(--methodology-ink)!important}
.commerce-seo-page .qovali-methodology__deliverable{color:var(--methodology-ink)!important}
html body.qovali-seo-landing-page .seo-page-template.commerce-seo-page .qovali-methodology{
  color:var(--methodology-ink)!important;
  background:transparent!important;
  background-image:none!important;
}
html body.qovali-seo-landing-page .seo-page-template.commerce-seo-page .qovali-methodology .section-h2{color:var(--methodology-ink)!important}
html body.qovali-seo-landing-page .seo-page-template.commerce-seo-page .qovali-methodology .section-sub{color:var(--methodology-muted)!important}

.commerce-seo-page .qovali-methodology__active-title { display:none; }

/* Mobile methodology is a fixed in-viewport stepper, not a horizontal carousel. */
@media (max-width:820px){
  .commerce-seo-page .qovali-methodology,
  .commerce-seo-page .qovali-methodology > .section-inner,
  .commerce-seo-page .qovali-methodology__tabs-wrap,
  .commerce-seo-page .qovali-methodology__tabs,
  .commerce-seo-page .qovali-methodology__panels,
  .commerce-seo-page .qovali-methodology__panel { min-width:0; max-width:100%; box-sizing:border-box; }

  .commerce-seo-page .qovali-methodology__tabs-wrap { margin:22px 0 16px; }
  .commerce-seo-page .qovali-methodology__tabs {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
    width:100%;
    padding:0;
    overflow:visible;
    scroll-snap-type:none;
    touch-action:auto;
  }
  .commerce-seo-page .qovali-methodology__tab {
    width:100%;
    min-width:0;
    min-height:56px;
    padding:9px 2px;
    gap:0;
    border-radius:6px;
  }
  .commerce-seo-page .qovali-methodology__tab-icon,
  .commerce-seo-page .qovali-methodology__tab-title { display:none; }
  .commerce-seo-page .qovali-methodology__tab-number { font-size:18px; }
  .commerce-seo-page .qovali-methodology__active-title {
    display:block;
    min-height:28px;
    margin:10px 0 0;
    color:var(--methodology-purple);
    font-size:17px;
    font-weight:900;
    line-height:1.45;
    text-align:center;
    overflow-wrap:anywhere;
  }
  .commerce-seo-page .qovali-methodology__swipe { display:none; }
  .commerce-seo-page .qovali-methodology__panel { padding:12px; }
  .commerce-seo-page .qovali-methodology__visual { width:100%; min-width:0; min-height:180px; padding:10px; }
  .commerce-seo-page .qovali-methodology__image { width:100%; max-width:100%; max-height:230px; }
  .commerce-seo-page .qovali-methodology__illustration { width:100%; min-width:0; min-height:150px; }
  .commerce-seo-page .qovali-methodology__content,
  .commerce-seo-page .qovali-methodology__content h3,
  .commerce-seo-page .qovali-methodology__description,
  .commerce-seo-page .qovali-methodology__items li,
  .commerce-seo-page .qovali-methodology__deliverable { min-width:0; overflow-wrap:anywhere; }
  .commerce-seo-page .qovali-methodology__content h3 { font-size:24px; }
  .commerce-seo-page .qovali-methodology__progress { grid-template-columns:auto minmax(0,1fr) auto; min-width:0; }
  .commerce-seo-page .qovali-methodology__controls button { flex:0 0 50px; }
}

/* Blog card layout: compact title, optional introduction, equal article frames. */
.qovali-blog.qovali-blog--cards > .qovali-blog-hero {
  padding: 47px 24px !important;
  min-height: 0;
}
.qovali-blog--cards .qovali-blog-hero-inner { max-width: 960px; }
.qovali-blog.qovali-blog--cards .qovali-blog-h1 {
  margin: 0;
  font-size: clamp(32px, 3.2vw, 46px) !important;
  line-height: 1.3 !important;
  white-space: normal;
  overflow-wrap: anywhere;
  color: var(--text-primary);
}
.qovali-blog.qovali-blog--cards .qovali-blog-lead {
  margin: 24px auto 0;
  font-size: 18px !important;
  line-height: 1.8 !important;
  white-space: pre-line;
  color: var(--text-secondary);
}
.qovali-blog--cards .qovali-blog-filters {
  padding: 32px 24px 0;
  border: 0;
}
.qovali-blog--cards .qovali-blog-filters-inner { max-width: 1280px; margin-bottom: 0; }
.qovali-blog--cards .qovali-filter-pill {
  border-radius: 0;
  border: 1px solid var(--accent);
  padding: 8px 16px;
  font-size: 15px;
}
.qovali-blog--cards .qovali-filter-pill:is(:hover, :focus-visible) {
  background: var(--bg-surface-alt);
  color: var(--accent);
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.qovali-blog--cards .qovali-filter-pill.is-active {
  background: var(--accent);
  color: var(--text-inverse);
}
.qovali-blog--cards .qovali-blog-grid-section { padding: 32px 24px 72px; }
.qovali-blog--cards .qovali-blog-grid-inner { max-width: 1280px; }
.qovali-blog--cards .qovali-blog-grid { gap: 28px; align-items: stretch; }
.qovali-blog--cards .qovali-post-card {
  min-width: 0;
  border: 2px solid var(--accent);
  border-radius: 0;
  background: var(--bg-surface);
  box-shadow: 5px 5px 0 var(--accent-soft);
}
.qovali-blog--cards .qovali-post-card:is(:hover, :focus-within) {
  transform: translateY(-4px);
  border-color: var(--accent);
  box-shadow: 6px 8px 0 var(--accent-soft);
}
.qovali-blog--cards .qovali-post-card-link:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: -6px;
}
.qovali-blog--cards .qovali-post-thumb {
  aspect-ratio: 16 / 9;
  border-bottom: 2px solid var(--accent);
  background: var(--bg-surface-alt);
}
.qovali-blog--cards .qovali-post-thumb img { object-fit: cover; object-position: center; }
.qovali-blog--cards .qovali-post-thumb-empty { opacity: 1; color: var(--accent); }
.qovali-blog--cards .qovali-post-body { padding: 22px; gap: 14px; }
.qovali-blog--cards .qovali-post-category,
.qovali-blog--cards .qovali-post-card:hover .qovali-post-category {
  border-radius: 0;
  background: var(--bg-surface-alt);
  border-inline-start: 3px solid var(--accent);
  color: var(--accent);
}
.qovali-blog--cards .qovali-post-title {
  display: block;
  overflow: visible;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-primary);
}
.qovali-blog--cards .qovali-post-excerpt {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-secondary);
  -webkit-line-clamp: 3;
}
.qovali-blog--cards .qovali-post-read {
  margin-top: auto;
  color: var(--accent);
  font-weight: 700;
  font-size: 16px;
}
.qovali-blog--cards .qovali-post-meta {
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid var(--border-soft);
  color: var(--text-secondary);
}
@media (min-width: 641px) and (max-width: 1000px) {
  .qovali-blog--cards .qovali-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .qovali-blog.qovali-blog--cards > .qovali-blog-hero {
    min-height: 0;
    padding: 36px 20px !important;
  }
  .qovali-blog--cards .qovali-blog-filters { padding: 24px 20px 0; }
  .qovali-blog--cards .qovali-blog-grid-section { padding: 24px 20px 48px; }
  .qovali-blog--cards .qovali-blog-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .qovali-blog--cards .qovali-post-body { padding: 18px; }
  .qovali-blog--cards .qovali-post-title { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .qovali-blog--cards .qovali-post-card,
  .qovali-blog--cards .qovali-post-thumb img { transition: none; transform: none; }
}
/* Keep the blog's existing lower CTA readable in either color mode. */
.qovali-blog--cards .qovali-blog-cta {
  background: var(--bg-surface-alt);
  color: var(--text-primary);
  border-top: 1px solid var(--border-soft);
}
.qovali-blog--cards .qovali-blog-cta-heading { color: var(--text-primary); }
.qovali-blog--cards .qovali-blog-cta-desc { color: var(--text-secondary); }
.qovali-blog--cards .qovali-blog-cta-kicker { color: var(--accent); }
.qovali-blog--cards .qovali-blog-cta-buttons .qovali-btn-secondary { color: var(--text-primary); }
.qovali-blog--cards .qovali-blog-cta-buttons .qovali-btn-primary,
.qovali-blog--cards .qovali-filter-pill.is-active,
.qovali-blog--cards .qovali-filter-pill.is-active .qovali-filter-count { color: var(--bg-page); }

/* Compact blog previews; full article content and image files remain unchanged. */
.qovali-blog--cards .qovali-post-thumb {
  aspect-ratio: 5 / 2;
  background: var(--qv-surface-warm, #faf8f5);
}
.qovali-blog--cards .qovali-post-thumb img { object-fit: contain; }
.qovali-blog--cards .qovali-post-body { padding: 12px; gap: 7px; }
.qovali-blog--cards .qovali-post-category {
  padding-block: 3px;
  font-size: 12px;
  line-height: 1.5;
}
.qovali-blog--cards .qovali-post-title { font-size: 20px; line-height: 1.35; }
.qovali-blog--cards .qovali-post-excerpt {
  font-size: 15px;
  line-height: 1.6;
  -webkit-line-clamp: 2;
}
.qovali-blog--cards .qovali-post-read { font-size: 15px; line-height: 1.5; }
.qovali-blog--cards .qovali-post-meta { padding-top: 8px; }

/* Match the site's square, outlined buttons and offset shadows. */
.qovali-blog--cards .qovali-blog-cta-buttons { gap: 14px; }
.qovali-blog--cards .qovali-blog-cta-buttons :is(.qovali-btn-primary, .qovali-btn-secondary) {
  justify-content: center;
  min-height: 50px;
  padding: 14px 30px;
  border: 2px solid var(--border-strong);
  border-radius: 0;
  box-shadow: var(--shadow-md);
  font-family: var(--font-arabic);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.qovali-blog--cards .qovali-blog-cta-buttons .qovali-btn-primary {
  background: var(--accent);
  color: var(--bg-page);
}
.qovali-blog--cards .qovali-blog-cta-buttons .qovali-btn-secondary {
  background: transparent;
  color: var(--text-primary);
}
.qovali-blog--cards .qovali-blog-cta-buttons :is(.qovali-btn-primary, .qovali-btn-secondary):is(:hover, :focus-visible) {
  transform: translate(-3px, -3px);
  box-shadow: 7px 7px 0 var(--shadow-color);
}
.qovali-blog--cards .qovali-blog-cta-buttons .qovali-btn-primary:is(:hover, :focus-visible) {
  background: var(--accent-strong);
  color: var(--bg-page);
}
.qovali-blog--cards .qovali-blog-cta-buttons .qovali-btn-secondary:is(:hover, :focus-visible) {
  border-color: var(--accent);
  color: var(--accent);
  box-shadow: 7px 7px 0 var(--accent);
}
.qovali-blog--cards .qovali-blog-cta-buttons a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 6px;
}
@media (prefers-reduced-motion: reduce) {
  .qovali-blog--cards .qovali-blog-cta-buttons a { transition: none; }
}

/* Article navigation and the compact WhatsApp request placement. */
body.single-post .qovali-article-jumps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 820px;
  margin: 20px auto 28px;
  padding-inline: 20px;
}
body.single-post .qovali-article-jumps a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 16px;
  border: 2px solid var(--border-strong);
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  color: var(--text-primary);
  background: var(--bg-surface);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
body.single-post .qovali-article-jumps [data-article-request] {
  background: var(--accent);
  color: var(--bg-page);
}
body.single-post .qovali-article-jumps .qovali-jump-toc-mobile { display: none; }
body.single-post .qovali-article-sidebar {
  max-height: calc(100svh - 116px);
  overflow-y: auto;
  padding: 0 6px 8px 0;
}
body.single-post .qovali-article-lead {
  border: 2px solid var(--border-strong);
  box-shadow: var(--shadow-sm);
  background: var(--bg-surface);
  color: var(--text-primary);
  padding: 18px;
  margin-bottom: 20px;
  scroll-margin-top: 110px;
}
body.single-post .qovali-article-lead h2 {
  margin: 6px 0 10px;
  font-family: var(--font-arabic);
  font-size: 21px;
  line-height: 1.45;
  font-weight: 900;
  color: var(--text-primary);
}
body.single-post .qovali-article-lead-intro {
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-secondary);
  margin: 0 0 16px;
}
body.single-post .qovali-article-field { margin-bottom: 12px; }
body.single-post .qovali-article-field label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}
body.single-post .qovali-article-field :is(input, textarea) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px;
  border: 1px solid var(--border-soft);
  border-radius: 0;
  background: var(--bg-page);
  color: var(--text-primary);
  font-family: var(--font-arabic);
  font-size: 16px;
  line-height: 1.5;
}
body.single-post .qovali-article-field textarea { resize: vertical; }
body.single-post .qovali-article-field input::placeholder { color: var(--text-secondary); }
body.single-post .qovali-article-send {
  width: 100%;
  min-height: 46px;
  padding: 10px 8px;
  border: 2px solid var(--border-strong);
  border-radius: 0;
  background: var(--accent);
  color: var(--bg-page);
  box-shadow: var(--shadow-sm);
  font-family: var(--font-arabic);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
  cursor: pointer;
}
body.single-post .qovali-article-send:disabled { opacity: .6; cursor: not-allowed; }
body.single-post .qovali-article-form-note {
  margin: 14px 0 8px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--text-secondary);
}
body.single-post .qovali-article-chat-direct { color: var(--accent); text-underline-offset: 4px; font-weight: 700; }
body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile) {
  border: 2px solid var(--border-strong);
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  padding: 14px;
  scroll-margin-top: 110px;
  max-height: none;
}
body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile) summary {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  list-style: none;
  min-height: 32px;
}
body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile) summary::-webkit-details-marker { display: none; }
body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile) summary::after {
  content: '+';
  margin-inline-start: auto;
  color: var(--accent);
  font-size: 24px;
}
body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile)[open] summary::after { content: '−'; }
body.single-post .qovali-toc-title { border: 0; margin: 0; padding: 0; }
body.single-post .qovali-toc-count { border-radius: 0; color: var(--bg-page); }
body.single-post :is(.qovali-toc-sticky, .qovali-article-toc-mobile) ol {
  max-height: 340px;
  overflow-y: auto;
  margin: 14px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--border-soft);
}
body.single-post .qovali-article-toc-mobile li { display: flex; align-items: baseline; gap: 4px; margin: 0; }
body.single-post .qovali-article-toc-mobile a { display: block; padding: 10px 4px; line-height: 1.6; }
body.single-post .qovali-toc-item a { border-radius: 0; }
body.single-post :is(.qovali-toc-item a, .qovali-article-toc-mobile a):is(:hover, .is-active) {
  background: var(--bg-surface-alt);
  color: var(--accent);
}
body.single-post :is(.qovali-article-jumps a, .qovali-article-send, .qovali-article-field input, .qovali-article-field textarea, .qovali-article-toc-mobile summary, .qovali-toc-sticky summary, [data-toc-target]):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
body.single-post .qovali-article-lead-form .form-result {
  background: var(--bg-surface-alt) !important;
  color: var(--text-primary) !important;
  border-color: var(--accent) !important;
  text-align: start !important;
}
body.single-post.qovali-article-request-visible .sticky-cta {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 1080px) {
  body.single-post .qovali-article-sidebar { display: block; position: static; max-height: none; overflow: visible; padding: 0; }
  body.single-post .qovali-article-sidebar .qovali-toc-sticky { display: none; }
  body.single-post .qovali-article-jumps .qovali-jump-toc-desktop { display: none; }
  body.single-post .qovali-article-jumps .qovali-jump-toc-mobile { display: inline-flex; }
  body.single-post .qovali-article-lead { max-width: 780px; margin-inline: auto; }
}
@media (max-width: 720px) {
  body.single-post .qovali-article-jumps { gap: 10px; }
  body.single-post .qovali-article-jumps a { padding-inline: 10px; font-size: 14px; }
  body.single-post .sticky-cta { flex-direction: row; padding: 8px 10px; gap: 8px; }
  body.single-post .sticky-cta-text { display: none; }
  body.single-post .sticky-cta-actions { width: 100%; justify-content: space-between; gap: 12px; }
  body.single-post .sticky-cta .btn-sm { flex: 1; padding: 8px 12px; }
}
@media print {
  body.single-post :is(.qovali-article-jumps, .qovali-article-sidebar) { display: none !important; }
}

/* Article furniture follows the site's structural identity in every theme mode. */
:root body.single-post .qovali-article-page :is(.qovali-toc-sticky, .qovali-article-toc-mobile, .qovali-article-author-box, .qovali-related-card, .qovali-article-cta) {
  border: 2px solid var(--border-strong) !important;
  border-radius: 0;
  box-shadow: var(--shadow-md) !important;
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
}
body.single-post .qovali-article-author-box { padding: 24px; gap: 20px; margin-top: 36px; }
body.single-post .qovali-author-avatar {
  border-radius: 0;
  border: 2px solid var(--border-strong);
  box-shadow: var(--shadow-sm);
  background: var(--accent);
  color: var(--bg-page);
}
body.single-post .qovali-author-credentials,
body.single-post .qovali-author-credentials :is(span, a) {
  font-family: var(--font-arabic);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: normal;
}
body.single-post .qovali-article-share { gap: 12px; flex-wrap: wrap; }
body.single-post .qovali-share-btn {
  width: 44px;
  height: 44px;
  border: 2px solid var(--border-strong);
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  color: var(--text-primary);
}
body.single-post .qovali-share-btn:is(:hover, :focus-visible) {
  background: var(--accent);
  color: var(--bg-page);
  border-color: var(--border-strong);
  transform: translate(-2px, -2px);
}
body.single-post .qovali-share-copy.is-copied::after { border-radius: 0; }
body.single-post .qovali-article-cta { margin-top: 36px; overflow: visible; }
body.single-post .qovali-cta-inner { padding: 30px 24px; }
:root body.single-post .qovali-article-page .qovali-cta-heading {
  font-size: clamp(24px, 2.5vw, 30px);
  color: var(--text-primary) !important;
}
:root body.single-post .qovali-article-page .qovali-cta-desc { color: var(--text-secondary) !important; }
body.single-post .qovali-cta-kicker { color: var(--accent); }
:root body.single-post .qovali-article-page .qovali-cta-actions :is(.qovali-cta-btn-primary, .qovali-cta-btn-secondary) {
  border: 2px solid var(--border-strong) !important;
  border-radius: 0;
  box-shadow: var(--shadow-md);
  min-height: 50px;
  min-width: 0;
  padding: 12px 22px;
  font-family: var(--font-arabic);
  font-size: 16px;
  line-height: 1.5;
}
:root body.single-post .qovali-article-page .qovali-cta-actions .qovali-cta-btn-primary {
  background: var(--accent) !important;
  color: var(--bg-page) !important;
}
:root body.single-post .qovali-article-page .qovali-cta-actions .qovali-cta-btn-secondary {
  background: transparent;
  color: var(--text-primary) !important;
}
:root body.single-post .qovali-article-page .qovali-cta-actions :is(.qovali-cta-btn-primary, .qovali-cta-btn-secondary):is(:hover, :focus-visible) {
  transform: translate(-3px, -3px);
  box-shadow: 7px 7px 0 var(--shadow-color);
}
:root body.single-post .qovali-article-page .qovali-cta-actions .qovali-cta-btn-primary:is(:hover, :focus-visible) { background: var(--accent-strong) !important; }
:root body.single-post .qovali-article-page .qovali-cta-actions .qovali-cta-btn-secondary:is(:hover, :focus-visible) { color: var(--accent) !important; border-color: var(--accent) !important; }
body.single-post .qovali-related-card:is(:hover, :focus-within) { transform: translateY(-3px); }
body.single-post .qovali-related-thumb { aspect-ratio: 16 / 9; border-bottom: 2px solid var(--border-strong); background: var(--qv-surface-warm, #faf8f5); }
body.single-post .qovali-related-thumb img { object-fit: contain; }
body.single-post :is(.qovali-share-btn, .qovali-cta-actions a, .qovali-related-card, .qovali-author-links a):focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
@media (max-width: 640px) {
  body.single-post .qovali-article-author-box { padding: 18px; }
  body.single-post .qovali-cta-inner { padding: 24px 18px; }
}
:root body.single-post .qovali-article-page .qovali-article-lead .qovali-sidebar-cta-kicker { color: var(--accent) !important; }
body.single-post .qovali-article-featured {
  border: 2px solid var(--border-strong);
  border-radius: 0;
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
body.single-post .qovali-article-featured img { border-radius: 0; box-shadow: none; }
body.single-post :is(.qovali-byline-avatar, .qovali-article-category-badge) { border-radius: 0; }
body.single-post .qovali-byline-avatar { border: 2px solid var(--border-strong); box-shadow: var(--shadow-sm); }
body.single-post .qovali-back-to-top { border-radius: 0; border: 2px solid var(--border-strong); box-shadow: var(--shadow-sm); min-width: 44px; min-height: 44px; color: var(--bg-page); }
/* The direct WhatsApp shortcut remains available beside the article form.
   The hidden consultation bar must not lift it into the form controls. */
:root body.single-post.qovali-article-request-visible .wa-btn {
  bottom: calc(24px + env(safe-area-inset-bottom));
}

/* Editorial article: a continuous reading column with the request alongside its opening. */
body.single-post .qovali-article-page--editorial .qovali-article-shell {
  max-width: 1240px;
  margin: 56px auto 64px;
  padding: 0 24px;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 24px;
  align-items: start;
}
body.single-post .qovali-article-page--editorial .qovali-article-main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 24px;
  border: 2px solid var(--border-strong);
  background: var(--bg-page);
  box-shadow: var(--shadow-md);
}
body.single-post .qovali-article-page--editorial .qovali-article-hero { max-width: none; margin: 0; padding: 0; }
body.single-post .qovali-article-page--editorial .qovali-article-hero-inner { max-width: none; text-align: start; }
:root body.single-post .qovali-article-page--editorial .qovali-article-title {
  margin: 12px 0 20px;
  font-size: clamp(30px, 2.8vw, 40px) !important;
  font-weight: 900;
  line-height: 1.5;
  text-wrap: pretty;
  letter-spacing: normal;
}
body.single-post .qovali-article-page--editorial .qovali-article-category-badge {
  margin: 0;
  padding: 2px 8px;
  font-size: 13px;
}
body.single-post .qovali-article-page--editorial .qovali-article-excerpt { margin: 0 0 18px; font-size: 18px; line-height: 1.9; }
body.single-post .qovali-article-page--editorial .qovali-breadcrumbs { margin: 0 0 14px; padding: 0; border: 0; font-size: 12px; }
body.single-post .qovali-article-page--editorial .qovali-article-byline { justify-content: flex-start; margin: 0; padding: 12px 0; font-size: 13px; }
body.single-post .qovali-article-page--editorial .qovali-byline-avatar { width: 36px; height: 36px; font-size: 18px; }
body.single-post .qovali-article-page--editorial .qovali-article-jumps { justify-content: flex-start; margin: 14px 0 24px; padding: 0; }
body.single-post .qovali-article-page--editorial .qovali-article-jumps a { padding: 7px 12px; font-size: 14px; }
body.single-post .qovali-article-page--editorial .qovali-article-featured {
  max-width: none;
  width: calc(100% + 48px);
  margin: 0 -24px 28px;
  padding: 0;
  border-width: 2px 0;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
}
body.single-post .qovali-article-page--editorial .qovali-featured-img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
body.single-post .qovali-article-page--editorial .qovali-takeaways { width: 100%; max-width: none; margin: 24px 0; padding: 18px 20px; }
body.single-post .qovali-article-page--editorial .qovali-takeaways__title { margin: 0 0 10px; font-size: 20px; line-height: 1.5; }
body.single-post .qovali-article-page--editorial .qovali-takeaways ul { font-size: 16px; line-height: 1.85; }
body.single-post .qovali-article-page--editorial .qovali-takeaways li { margin: 6px 0; }
body.single-post .qovali-article-page--editorial .qovali-article-toc-inline { display: block; margin: 0 0 28px; }
body.single-post .qovali-article-page--editorial .qovali-article-toc-inline summary { min-height: 44px; font-size: 17px; }
body.single-post .qovali-article-page--editorial .qovali-toc-tree {
  list-style: none;
  max-height: 420px;
  overflow-y: auto;
  counter-reset: qovali-toc;
  padding: 12px 0 0;
}
body.single-post .qovali-article-page--editorial .qovali-toc-tree ol {
  list-style: none;
  counter-reset: qovali-toc;
  max-height: none;
  overflow: visible;
  margin: 0;
  padding: 0;
  padding-inline-start: 24px;
  border: 0;
}
body.single-post .qovali-article-page--editorial .qovali-toc-tree li { display: block; margin: 0; padding: 0; }
body.single-post .qovali-article-page--editorial .qovali-toc-tree li::before { content: none; }
body.single-post .qovali-article-page--editorial .qovali-toc-tree a { display: flex; gap: 10px; padding: 8px; font-size: 16px; line-height: 1.7; }
body.single-post .qovali-article-page--editorial .qovali-toc-tree a::before { counter-increment: qovali-toc; content: counters(qovali-toc, '.') '.'; min-width: 2ch; color: var(--accent); font-variant-numeric: tabular-nums; direction: ltr; }
body.single-post .qovali-article-page--editorial .qovali-article-content { font-size: 18px; line-height: 1.95; letter-spacing: normal; overflow-wrap: anywhere; }
body.single-post .qovali-article-page--editorial .qovali-article-content p { margin: 0 0 20px; line-height: inherit; }
:root body.single-post .qovali-article-page--editorial .qovali-article-content h2 {
  font-size: 28px !important;
  font-weight: 800;
  line-height: 1.45 !important;
  letter-spacing: normal;
  margin: 44px 0 14px;
  padding: 0;
  padding-inline-start: 14px;
  border: 0;
  border-inline-start: 4px solid var(--accent);
  text-align: start;
}
body.single-post .qovali-article-page--editorial .qovali-article-content h2::before { content: none; }
:root body.single-post .qovali-article-page--editorial .qovali-article-content h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  margin: 30px 0 10px;
  padding: 0;
  border: 0;
  color: var(--accent) !important;
}
body.single-post .qovali-article-page--editorial .qovali-article-content h4 { font-size: 20px; line-height: 1.5; margin: 26px 0 10px; }
body.single-post .qovali-article-page--editorial .qovali-article-content :is(ul, ol) { margin: 0 0 22px; padding-inline-start: 26px; line-height: inherit; }
body.single-post .qovali-article-page--editorial .qovali-article-content li { margin: 8px 0; padding: 0; line-height: inherit; }
body.single-post .qovali-article-page--editorial .qovali-article-content li::marker { color: var(--accent); font-weight: 700; }
body.single-post .qovali-article-page--editorial .qovali-article-content blockquote { margin: 26px 0; padding: 18px 22px; border-radius: 0; font-size: 18px; line-height: 1.95; }
body.single-post .qovali-article-page--editorial .qovali-article-content :is(table, th, td) { font-size: 16px; }
body.single-post .qovali-article-page--editorial .qovali-article-content :is(img, video, iframe) { max-width: 100%; border-radius: 0; }
body.single-post .qovali-article-page--editorial .qovali-article-sidebar { position: static; top: 110px; margin: 0; padding: 0 6px 8px 0; max-height: none; overflow: visible; }
@media (min-width: 961px) {
  /* Keep tall request forms reachable while the reading column scrolls. */
  body.single-post .qovali-article-page--editorial .qovali-article-sidebar {
    --qovali-sidebar-top: 24px;
    position: sticky;
    top: var(--qovali-sidebar-top);
    max-height: calc(100vh - var(--qovali-sidebar-top) - 20px);
    max-height: calc(100dvh - var(--qovali-sidebar-top) - 20px);
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-gutter: auto;
    scroll-padding-block: 12px;
  }
  /* Hide the scrollbar chrome, keeping wheel and keyboard access to tall forms. */
  body.single-post .qovali-article-page--editorial .qovali-article-sidebar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  body.single-post.admin-bar .qovali-article-page--editorial .qovali-article-sidebar { --qovali-sidebar-top: 56px; }
  body.single-post .qovali-article-page--editorial .qovali-article-sidebar:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
}
@media (min-width: 961px) and (max-width: 1399px) {
  /* Leave the corner shortcut below the pinned form on narrow desktops. */
  body.single-post .qovali-article-page--editorial .qovali-article-sidebar {
    max-height: calc(100vh - var(--qovali-sidebar-top) - 96px);
    max-height: calc(100dvh - var(--qovali-sidebar-top) - 96px);
  }
}
body.single-post .qovali-article-page--editorial .qovali-article-lead { margin: 0; padding: 18px; }
body.single-post .qovali-article-page--editorial .qovali-article-lead h2 { font-size: 23px; margin: 6px 0 10px; }
body.single-post .qovali-article-page--editorial .qovali-article-lead-intro { margin-bottom: 12px; }
body.single-post .qovali-article-page--editorial .qovali-article-field { margin-bottom: 8px; }
body.single-post .qovali-article-page--editorial .qovali-article-field label { font-size: 13px; line-height: 1.5; }
body.single-post .qovali-article-page--editorial .qovali-article-field :is(input, select, textarea) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  display: block;
  padding: 8px 10px;
  border: 1px solid var(--border-soft);
  border-radius: 0;
  background: var(--bg-page);
  color: var(--text-primary);
  font-family: var(--font-arabic);
  font-size: 16px;
  line-height: 1.5;
}
body.single-post .qovali-article-page--editorial .qovali-article-field :is(input, select, textarea):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
body.single-post .qovali-article-page--editorial .qovali-article-field textarea { min-height: 88px; }
body.single-post .qovali-article-page--editorial .qovali-related-posts { margin: 36px 0 0; padding: 28px 0 0; }
body.single-post .qovali-article-page--editorial .qovali-related-inner { max-width: none; padding: 0; }
body.single-post .qovali-article-page--editorial .qovali-related-heading { margin-bottom: 20px; font-size: 26px; }
body.single-post .qovali-article-page--editorial .qovali-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
body.single-post .qovali-article-page--editorial .qovali-related-body { padding: 18px; }
body.single-post .qovali-article-page--editorial .qovali-related-body h3 { font-size: 20px; line-height: 1.6; }
body.single-post .qovali-article-page--editorial .qovali-author-bio { font-size: 16px; line-height: 1.95; }
@media (max-width: 960px) {
  body.single-post .qovali-article-page--editorial .qovali-article-shell { grid-template-columns: minmax(0, 1fr); max-width: 820px; margin-top: 28px; padding: 0 20px; gap: 32px; }
  body.single-post .qovali-article-page--editorial .qovali-article-sidebar { position: static; max-height: none; overflow: visible; padding: 0; }
  body.single-post .qovali-article-page--editorial .qovali-article-lead { max-width: none; }
}
@media (max-width: 600px) {
  body.single-post .qovali-article-page--editorial .qovali-article-shell { margin-top: 20px; padding: 0 16px; }
  body.single-post .qovali-article-page--editorial .qovali-article-main { padding: 18px 16px; }
  :root body.single-post .qovali-article-page--editorial .qovali-article-title { font-size: 28px !important; line-height: 1.55; }
  body.single-post .qovali-article-page--editorial .qovali-article-featured { width: calc(100% + 32px); margin: 0 -16px 24px; }
  body.single-post .qovali-article-page--editorial .qovali-article-jumps { gap: 10px; margin-bottom: 24px; }
  body.single-post .qovali-article-page--editorial .qovali-article-jumps a { padding-inline: 8px; font-size: 13px; }
  body.single-post .qovali-article-page--editorial .qovali-takeaways { padding: 16px; }
  body.single-post .qovali-article-page--editorial .qovali-article-content { font-size: 17px; line-height: 1.95; }
  :root body.single-post .qovali-article-page--editorial .qovali-article-content h2 { font-size: 24px !important; margin-top: 34px; }
  :root body.single-post .qovali-article-page--editorial .qovali-article-content h3 { font-size: 21px; margin-top: 26px; }
  body.single-post .qovali-article-page--editorial .qovali-toc-tree a { font-size: 15px; }
  body.single-post .qovali-article-page--editorial .qovali-toc-tree ol { padding-inline-start: 14px; }
  body.single-post .qovali-article-page--editorial .qovali-related-grid { grid-template-columns: minmax(0, 1fr); }
}
@media print {
  body.single-post .qovali-article-page--editorial .qovali-article-shell { display: block; margin: 0; }
  body.single-post .qovali-article-page--editorial .qovali-article-main { border: 0; box-shadow: none; }
}

body.single-post .qovali-article-page--editorial .qovali-article-comments { margin-top: 36px; padding-top: 28px; border-top: 2px solid var(--border-strong); }
body.single-post .qovali-article-page--editorial .qovali-article-comments h2 { margin: 0 0 16px; font-size: 26px; line-height: 1.5; }
body.single-post .qovali-article-page--editorial .qovali-article-comments p { margin: 0 0 16px; font-size: 16px; line-height: 1.85; }
body.single-post .qovali-article-page--editorial .qovali-article-comments label { display: block; margin-bottom: 6px; font-size: 15px; font-weight: 700; }
body.single-post .qovali-article-page--editorial .qovali-article-comments :is(input:not([type="checkbox"]), textarea) { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 2px solid var(--border-strong); border-radius: 0; background: var(--bg-surface); color: var(--text-primary); font-family: var(--font-arabic); font-size: 16px; }
body.single-post .qovali-article-page--editorial .qovali-comment-submit { width: auto !important; padding: 10px 22px !important; background: var(--accent) !important; color: var(--bg-page) !important; box-shadow: var(--shadow-sm); font-weight: 700; cursor: pointer; }
body.single-post .qovali-article-page--editorial .qovali-article-comments p.form-submit { display: block; width: auto; margin: 16px 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; transform: none; cursor: auto; text-align: start; }
body.single-post .qovali-article-page--editorial .qovali-comment-submit:hover { background: var(--accent-strong) !important; }
body.single-post .qovali-article-page--editorial .qovali-article-comments :is(input, textarea, a):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
body.single-post .qovali-article-page--editorial .comment-form-cookies-consent { display: flex; align-items: start; gap: 10px; }
body.single-post .qovali-article-page--editorial .comment-form-cookies-consent input { margin-top: 5px; min-width: 20px; width: 20px; height: 20px; accent-color: var(--accent); }
body.single-post .qovali-article-page--editorial .qovali-comment-list { padding-inline-start: 20px; }
body.single-post .qovali-article-page--editorial .comment-body { margin-bottom: 20px; padding: 16px; background: var(--bg-surface); border: 1px solid var(--border-soft); overflow-wrap: anywhere; }
body.single-post .qovali-article-page--editorial .comment-body :is(a, .comment-author) { color: var(--accent); }
body.single-post .qovali-article-page--editorial .comment-body .avatar { float: inline-start; margin-inline-end: 10px; border: 2px solid var(--border-strong); border-radius: 0; }

/* SEO company workflow: retain every stage, show one readable detail panel. */
body.serka-seo-page .serka-seo-main #methodology {
  --reference-paper: var(--bg-surface);
  --reference-ink: var(--text-primary);
  --reference-purple: var(--accent);
  --reference-purple-soft: var(--bg-surface-alt);
  width: min(1240px, calc(100% - 48px));
  max-width: 1240px;
  margin: 40px auto 56px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}
body.serka-seo-page .serka-seo-main #methodology > .section-inner { width: 100%; max-width: none; padding: 0 !important; }
body.serka-seo-page #methodology .serka-methodology__intro { display: flex !important; flex-direction: column; align-items: flex-start !important; max-width: none; margin: 0; padding: 0; text-align: start; }
body.serka-seo-page #methodology .serka-methodology__intro :is(.section-label, .section-h2, .section-sub) { text-align: start !important; }
body.serka-seo-page #methodology .serka-methodology__intro .section-label { color: var(--accent) !important; font-size: 14px; line-height: 1.5; margin: 0 0 6px; }
body.serka-seo-page #methodology .serka-methodology__intro .section-h2 { max-width: none !important; margin: 0 !important; color: var(--text-primary) !important; font-size: 32px !important; line-height: 1.35 !important; letter-spacing: normal; }
body.serka-seo-page #methodology .serka-methodology__intro .section-h2 em { color: var(--accent) !important; }
body.serka-seo-page #methodology .serka-methodology__promise { text-align: start !important; margin: 6px 0; color: var(--accent) !important; font-size: 20px; line-height: 1.5; }
body.serka-seo-page #methodology .serka-methodology__intro .section-sub { max-width: 1050px; margin: 8px 0 0 !important; color: var(--text-secondary) !important; font-size: 16px !important; line-height: 1.8; }
body.serka-seo-page #methodology .serka-methodology__stages { direction: rtl; grid-template-columns: repeat(var(--serka-stage-columns, 4), minmax(0, 1fr)); gap: 12px; margin: 18px 0 0 !important; padding: 0 !important; }
body.serka-seo-page #methodology :is(.serka-methodology__connector, .serka-methodology__return svg) { display: none; }
body.serka-seo-page #methodology .serka-methodology__stages::before,
body.serka-seo-page #methodology .serka-methodology-card::before { content: none; }
body.serka-seo-page #methodology .serka-methodology-card { min-height: 0; margin: 0; transform: none; border-radius: 0 !important; }
body.serka-seo-page #methodology .serka-methodology--interactive > .serka-methodology-card { display: contents; }
body.serka-seo-page #methodology .serka-methodology-card__heading { order: 0; min-width: 0; margin: 0; align-self: stretch; }
body.serka-seo-page #methodology .serka-methodology-card__toggle {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 28px;
  grid-template-areas: 'number title icon';
  height: 100%;
  direction: rtl;
  text-align: start;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 78px;
  padding: 12px;
  border: 2px solid var(--border-strong) !important;
  border-radius: 0 !important;
  box-shadow: var(--shadow-sm) !important;
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  cursor: pointer;
}
body.serka-seo-page #methodology .serka-methodology-card__toggle[aria-expanded='true'] { background: var(--accent) !important; color: var(--bg-page) !important; }
body.serka-seo-page #methodology .serka-methodology-card__toggle:hover { background: var(--bg-surface-alt) !important; }
body.serka-seo-page #methodology .serka-methodology-card__toggle[aria-expanded='true']:hover { background: var(--accent-strong) !important; }
body.serka-seo-page #methodology .serka-methodology-card__toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 0; }
body.serka-seo-page #methodology .serka-methodology-card__number { text-align: center; font-size: 26px; line-height: 1; letter-spacing: normal; color: inherit !important; }
body.serka-seo-page #methodology .serka-methodology-card__icon { width: 28px; height: 28px; color: inherit !important; }
body.serka-seo-page #methodology .serka-methodology-card__title { text-align: start; min-height: 0; padding: 0; border: 0; font-family: var(--font-arabic); font-size: 16px; font-weight: 700; line-height: 1.5; color: inherit !important; }
body.serka-seo-page #methodology .serka-methodology-card__chevron { display: none; }
body.serka-seo-page #methodology .serka-methodology-card__panel {
  display: grid !important;
  order: 1;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.7fr) minmax(220px, 1fr);
  grid-template-areas: 'description duration' 'tasks deliverable';
  gap: 14px 24px;
  align-items: start;
  min-width: 0;
  padding: 22px;
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border: 2px solid var(--border-strong);
  border-radius: 0;
  box-shadow: var(--shadow-md);
}
body.serka-seo-page #methodology [data-serka-methodology-panel][hidden] { display: none !important; }
body.serka-seo-page #methodology .serka-methodology-card__desc { grid-area: description; margin: 0; padding: 0; color: var(--text-secondary) !important; font-size: 16px; line-height: 1.8; }
body.serka-seo-page #methodology .serka-methodology-card__tasks { grid-area: tasks; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; margin: 0; padding: 0; }
body.serka-seo-page #methodology .serka-methodology-card__tasks li { padding-inline-start: 22px; color: var(--text-primary) !important; font-family: var(--font-arabic); font-size: 15.5px; line-height: 1.75; }
body.serka-seo-page #methodology .serka-methodology-card__tasks li::before { color: var(--accent) !important; }
body.serka-seo-page #methodology .serka-methodology-card__duration { grid-area: duration; margin: 0; padding: 10px 12px; min-height: 44px; color: var(--accent) !important; border: 1px solid var(--accent); border-radius: 0; font-size: 15px; line-height: 1.6; }
body.serka-seo-page #methodology .serka-methodology-card__duration i { display: none; }
body.serka-seo-page #methodology .serka-methodology-card__deliverable { grid-area: deliverable; min-height: 0; padding: 14px 16px; border: 1px solid var(--border-soft); border-radius: 0; background: var(--bg-surface-alt) !important; color: var(--text-primary) !important; font-size: 15.5px; line-height: 1.75; }
body.serka-seo-page #methodology .serka-methodology-card__deliverable-label { color: var(--accent) !important; }
body.serka-seo-page #methodology .serka-methodology__return { position: static; width: fit-content; max-width: 100%; height: auto; margin: 16px 0 0; padding: 6px 14px; border: 1px solid var(--accent); border-radius: 0; background: var(--bg-surface); color: var(--accent); }
body.serka-seo-page #methodology .serka-methodology__return span { position: static; display: block; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font-size: 14px; line-height: 1.6; white-space: normal; transform: none; }
body.serka-seo-page #methodology :is(.serka-methodology__expert-link, .serka-context-link) { display: inline-block; max-width: 100%; margin: 12px 0 0; margin-inline-end: 24px; text-align: start; }
body.serka-seo-page #methodology :is(.serka-methodology__expert-link, .serka-context-link) a { max-width: 100%; min-height: 36px; margin: 0; padding: 0; font-size: 14px; line-height: 1.6; color: var(--accent) !important; border-bottom: 1px solid currentColor; }
body.serka-seo-page #methodology .serka-methodology__expert-link svg { width: 22px; height: 22px; }
@media (max-width: 820px) {
  body.serka-seo-page .serka-seo-main #methodology { width: calc(100% - 36px); margin-block: 32px 44px; }
  body.serka-seo-page #methodology .serka-methodology__intro .section-h2 { font-size: 26px !important; line-height: 1.45 !important; }
  body.serka-seo-page #methodology .serka-methodology__promise { font-size: 18px; }
  body.serka-seo-page #methodology .serka-methodology__stages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.serka-seo-page #methodology .serka-methodology-card__toggle { grid-template-columns: 30px minmax(0, 1fr); grid-template-areas: 'number title'; gap: 8px; min-height: 86px; padding: 10px; }
  body.serka-seo-page #methodology .serka-methodology-card__icon { display: none; }
  body.serka-seo-page #methodology .serka-methodology-card__number { text-align: center; font-size: 24px; }
  body.serka-seo-page #methodology .serka-methodology-card__title { font-size: 15px; }
  body.serka-seo-page #methodology .serka-methodology-card__panel { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'description' 'tasks' 'duration' 'deliverable'; gap: 18px; padding: 18px 16px; }
  body.serka-seo-page #methodology .serka-methodology-card__tasks { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body.serka-seo-page #methodology :is(.serka-methodology__expert-link, .serka-context-link) { margin-inline-end: 0; display: block; }
}

/* One full-width service detail avoids vacant cells in incomplete grid rows. */
body.serka-seo-page #sco-services {
  height: auto;
  min-height: 0;
  content-visibility: visible;
  contain-intrinsic-size: none;
  padding: 32px 24px;
}
body.serka-seo-page #sco-services .section-inner { max-width: 1240px; padding-inline: 0; }
body.serka-seo-page #sco-services .section-inner > .fade { align-items: flex-start !important; text-align: start; }
body.serka-seo-page #sco-services .section-h2 { margin: 8px 0 12px; font-size: 32px; line-height: 1.4; }
body.serka-seo-page #sco-services .section-sub { max-width: 1100px; margin: 0; font-size: 16px; line-height: 1.8; }
body.serka-seo-page #sco-services .serka-service-toggle {
  width: 100%; border: 0; padding: 0; font: inherit; color: inherit; text-align: start; background: transparent;
}
body.serka-seo-page #sco-services.serka-services--interactive .serka-joined-grid {
  display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px;
  border: 0; box-shadow: none; background: transparent;
}
body.serka-seo-page #sco-services.serka-services--interactive .serka-joined-cell { display: contents; }
body.serka-seo-page #sco-services.serka-services--interactive :is(.service-num, .service-icon) { display: none; }
body.serka-seo-page #sco-services.serka-services--interactive .service-title {
  flex: 1 1 120px; order: 0; align-self: stretch; min-width: 0; margin: 0;
  font-size: 15px; line-height: 1.55; font-weight: 800;
}
body.serka-seo-page #sco-services.serka-services--interactive .serka-service-toggle {
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px;
  height: 100%; min-height: 112px; padding: 12px;
  border: 2px solid var(--border-strong); border-radius: 0;
  background: var(--bg-surface); color: var(--text-primary); box-shadow: 3px 3px 0 var(--shadow-color);
  font-family: var(--font-arabic); cursor: pointer; overflow-wrap: anywhere;
}
body.serka-seo-page #sco-services.serka-services--interactive .serka-service-toggle::before {
  content: attr(data-service-number); color: var(--accent); font-family: var(--font-mono); font-weight: 800; font-size: 18px; line-height: 1;
}
body.serka-seo-page #sco-services .serka-joined-cell.is-active .serka-service-toggle {
  color: var(--bg-page); background: var(--accent);
}
body.serka-seo-page #sco-services .serka-joined-cell.is-active .serka-service-toggle::before { color: inherit; }
body.serka-seo-page #sco-services .serka-service-toggle:hover { background: var(--bg-surface-alt); }
body.serka-seo-page #sco-services .serka-joined-cell.is-active .serka-service-toggle:hover { background: var(--accent-strong); }
body.serka-seo-page #sco-services .serka-service-toggle:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
body.serka-seo-page #sco-services.serka-services--interactive .serka-service-panel {
  display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); gap: 24px;
  flex: 0 0 100%; order: 1; min-width: 0; box-sizing: border-box;
  padding: 20px; margin-top: 4px; border: 2px solid var(--border-strong);
  color: var(--text-primary); background: var(--bg-surface); box-shadow: 5px 5px 0 var(--shadow-color);
}
body.serka-seo-page #sco-services .serka-service-panel[hidden] { display: none !important; }
body.serka-seo-page #sco-services .serka-service-panel .service-desc { margin: 0; font-size: 16px; line-height: 1.85; color: var(--text-secondary); }
body.serka-seo-page #sco-services.serka-services--interactive .serka-mini-features {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 12px 18px;
  border: 0; padding: 0; margin: 0; list-style: none;
}
body.serka-seo-page #sco-services .serka-service-panel .serka-mini-features li {
  margin: 0; font-size: 15px; line-height: 1.75; color: var(--text-primary); overflow-wrap: anywhere;
}
@media (max-width: 1100px) {
  body.serka-seo-page #sco-services.serka-services--interactive .service-title { flex-basis: calc(25% - 12px); }
  body.serka-seo-page #sco-services.serka-services--interactive .serka-service-toggle { min-height: 92px; }
}
@media (max-width: 600px) {
  body.serka-seo-page #sco-services { padding: 28px 18px; }
  body.serka-seo-page #sco-services .section-h2 { font-size: 26px; }
  body.serka-seo-page #sco-services.serka-services--interactive .service-title { flex-basis: calc(50% - 12px); }
  body.serka-seo-page #sco-services.serka-services--interactive .serka-service-panel { grid-template-columns: 1fr; gap: 16px; padding: 16px; }
  body.serka-seo-page #sco-services.serka-services--interactive .serka-mini-features { grid-template-columns: 1fr; }
}

body.serka-seo-page #sco-services .serka-service-term { font-size: .9em; font-weight: 700; overflow-wrap: normal; }

/* Article reading surface: remove the decorative right-hand rail. */
:root body.single-post .qovali-article-page--editorial .qovali-article-content {
  background: transparent !important;
  box-shadow: none !important;
  border-inline: 0 !important;
}
:root[data-theme="dark"] body.single-post .qovali-article-page--editorial .qovali-article-main {
  --bg-page: #080808;
  --bg-surface: #121212;
  --bg-surface-alt: #1c1c1c;
  --text-primary: #fafafa;
  --text-secondary: #e8e8e8;
  --text-muted: #cccccc;
  background: var(--bg-page);
}
:root[data-theme="dark"] body.single-post .qovali-article-page--editorial .qovali-article-content :is(p, li, blockquote, td, th, figcaption, h2, h3, h4, strong, em) {
  color: #f5f5f5 !important;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) body.single-post .qovali-article-page--editorial .qovali-article-main {
    --bg-page: #080808;
    --bg-surface: #121212;
    --bg-surface-alt: #1c1c1c;
    --text-primary: #fafafa;
    --text-secondary: #e8e8e8;
    --text-muted: #cccccc;
    background: var(--bg-page);
  }
  :root:not([data-theme]) body.single-post .qovali-article-page--editorial .qovali-article-content :is(p, li, blockquote, td, th, figcaption, h2, h3, h4, strong, em) {
    color: #f5f5f5 !important;
  }
}