/* ==========================================================================
   ZadKeys Commerce — main.css
   Tokens, reset, base, header/footer, hero. RTL-first via logical properties.
   ========================================================================== */

:root {
	/* Palette (§ Design system) */
	--color-ink: #0d1117;
	--color-ink-soft: #161c26;
	--color-canvas: #0a0e14;
	--color-cream: #f4efe6;
	--color-cream-soft: #faf7f0;
	--color-text: #e8ecf3;
	--color-muted: #9aa5b4;
	--color-lime: #b8f345;
	--color-lime-soft: #d7ff7a;
	--color-lime-ink: #1d2b00;
	--color-plum: #8b5cf6;
	--color-plum-soft: #c4b5fd;
	--color-border: rgba(154, 165, 180, 0.22);
	--color-success: #4ade80;
	--color-warning: #fbbf24;
	--color-error: #f87171;

	/* Spacing */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4.5rem;
	--space-9: 6rem;

	/* Radius */
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--radius-full: 999px;

	/* Container */
	--container: 1200px;
	--container-narrow: 820px;

	/* Typography */
	--font-sans: "Manrope", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-ar: "Manrope", "Segoe UI", Tahoma, "Noto Kufi Arabic", "Noto Sans Arabic", Arial, sans-serif;
	--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--fs-hero: clamp(2.25rem, 5vw + 1rem, 4rem);
	--fs-h2: clamp(1.65rem, 2.4vw + 0.9rem, 2.5rem);
	--fs-h3: 1.2rem;
	--fs-body: 1.05rem;
	--fs-small: 0.92rem;

	/* Motion */
	--transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Reset-ish base --- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--color-canvas);
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: var(--fs-body);
	line-height: 1.65;
	overflow-x: hidden;
}
html[lang^="ar"] body, body.zc-rtl { font-family: var(--font-ar); }
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--color-lime); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
h1, h2, h3, h4 { line-height: 1.15; margin: 0 0 var(--space-4); font-weight: 800; letter-spacing: -0.01em; }
p { margin: 0 0 var(--space-4); }
ul[role="list"], ol[role="list"] { list-style: none; margin: 0; padding: 0; }
:focus-visible { outline: 2px solid var(--color-lime); outline-offset: 3px; border-radius: var(--radius-sm); }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* --- Utilities --- */
.container { width: min(100% - 2 * var(--space-5), var(--container)); margin-inline: auto; }
.container--narrow { width: min(100% - 2 * var(--space-5), var(--container-narrow)); }
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px;
	overflow: hidden; position: absolute !important; word-wrap: normal !important;
}
.screen-reader-text:focus {
	clip: auto; clip-path: none; height: auto; width: auto; inset-inline-start: var(--space-4); top: var(--space-4);
	background: var(--color-lime); color: var(--color-lime-ink); padding: var(--space-2) var(--space-4); z-index: 100000; border-radius: var(--radius-sm);
}

/* --- Buttons --- */
.btn {
	display: inline-flex; align-items: center; gap: var(--space-2);
	font-weight: 700; font-size: 1rem; line-height: 1;
	padding: 0.85rem 1.5rem; border-radius: var(--radius-md);
	border: 1px solid transparent; cursor: pointer; text-decoration: none;
	transition: transform var(--transition), background var(--transition), border-color var(--transition);
	min-height: 44px; /* touch target */
}
.btn:hover { text-decoration: none; transform: translateY(-1px); }
.btn--primary { background: var(--color-lime); color: var(--color-lime-ink); }
.btn--primary:hover { background: var(--color-lime-soft); }
.btn--ghost { background: transparent; color: var(--color-text); border-color: var(--color-border); }
.btn--ghost:hover { border-color: var(--color-lime); }
.btn--sm { padding: 0.6rem 1rem; font-size: var(--fs-small); min-height: 38px; }
.btn--lg { padding: 1.05rem 2rem; font-size: 1.1rem; }
.btn--block { width: 100%; justify-content: center; }
.btn .zc-icon { flex-shrink: 0; }
[dir="rtl"] .btn .zc-icon--arrow-right, [dir="rtl"] .btn .zc-icon--arrow-left { transform: scaleX(-1); }

/* --- Header --- */
.site-header {
	position: sticky; top: 0; z-index: 100;
	background: color-mix(in srgb, var(--color-canvas) 88%, transparent);
	backdrop-filter: blur(10px);
	border-block-end: 1px solid var(--color-border);
}
.site-header__inner { display: flex; align-items: center; gap: var(--space-5); min-height: 68px; position: relative; }
.site-brand { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 800; font-size: 1.2rem; color: var(--color-text); }
.site-brand:hover { text-decoration: none; }
.site-brand__mark {
	display: inline-grid; place-items: center; inline-size: 34px; block-size: 34px;
	background: var(--color-lime); color: var(--color-lime-ink);
	font-family: var(--font-mono); font-size: 0.85rem; font-weight: 700; border-radius: var(--radius-sm);
}
.site-brand__accent { color: var(--color-lime); }
.site-nav { margin-inline-start: auto; }
.nav-list { display: flex; gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.nav-list a { color: var(--color-text); font-weight: 600; font-size: var(--fs-small); }
.nav-list a:hover, .nav-list a[aria-current="page"] { color: var(--color-lime); text-decoration: none; }
.site-header__actions { display: flex; align-items: center; gap: var(--space-4); }
.zc-header-icon { position: relative; display: inline-flex; color: var(--color-text); padding: var(--space-2); border-radius: var(--radius-sm); }
.zc-header-icon:hover { color: var(--color-lime); }
.zc-cart-count {
	position: absolute; inset-block-start: 0; inset-inline-end: 0;
	background: var(--color-plum); color: #fff; font-size: 0.68rem; font-weight: 700;
	min-inline-size: 16px; block-size: 16px; border-radius: var(--radius-full);
	display: grid; place-items: center; padding-inline: 3px;
}
.nav-toggle { display: none; background: none; border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-text); padding: var(--space-2); cursor: pointer; }

/* Language switcher */
.zc-lang-switcher ul { display: flex; gap: var(--space-1); margin: 0; padding: 0; list-style: none; }
.zc-lang-switcher a {
	display: inline-flex; align-items: center; padding: 0.3rem 0.6rem; border-radius: var(--radius-full);
	color: var(--color-muted); font-size: 0.8rem; font-weight: 700; border: 1px solid transparent;
}
.zc-lang-switcher a:hover { color: var(--color-text); text-decoration: none; }
.zc-lang-switcher .is-current a { color: var(--color-lime); border-color: var(--color-border); }

/* --- Sections --- */
.zc-section { padding-block: var(--space-8); }
.zc-section--cream { background: var(--color-cream); color: var(--color-ink); }
.zc-section--cream a { color: #3f6212; }
.zc-section--cream .zc-section__title, .zc-section--cream h2, .zc-section--cream h3 { color: var(--color-ink); }
.zc-section--ink { background: var(--color-ink-soft); }
.zc-section__header { max-width: 720px; margin-block-end: var(--space-6); }
.zc-eyebrow {
	font-family: var(--font-mono); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em;
	text-transform: uppercase; color: var(--color-plum-soft); margin-block-end: var(--space-2);
}
.zc-section--cream .zc-eyebrow { color: var(--color-plum); }
.zc-section__title { font-size: var(--fs-h2); }
.zc-section__lead { color: var(--color-muted); font-size: 1.15rem; }
.zc-section--cream .zc-section__lead { color: #4b5563; }

/* --- Hero --- */
.zc-hero { padding-block: var(--space-9) var(--space-8); background:
	radial-gradient(60rem 30rem at 80% -10%, rgba(139, 92, 246, 0.16), transparent 60%),
	radial-gradient(50rem 26rem at 10% 110%, rgba(184, 243, 69, 0.07), transparent 60%),
	var(--color-canvas);
}
.zc-hero__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: var(--space-7); align-items: center; }
.zc-hero__title { font-size: var(--fs-hero); max-width: 14ch; }
.zc-hero__lead { font-size: 1.2rem; color: var(--color-muted); max-width: 52ch; }
.zc-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-block-start: var(--space-5); }

/* System diagram (pure CSS visual) */
.zc-system-diagram { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5);
	border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: rgba(22, 28, 38, 0.7); }
.zc-node { font-family: var(--font-mono); font-size: 0.82rem; font-weight: 600; text-align: center; padding: var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--color-border); color: var(--color-text); }
.zc-node--supplier { border-color: var(--color-plum); color: var(--color-plum-soft); }
.zc-node--wclb { background: var(--color-lime); color: var(--color-lime-ink); border-color: transparent; font-weight: 700; }
.zc-node--order { border-color: var(--color-lime); }
.zc-node--deliver { border-color: var(--color-success); color: var(--color-success); }
.zc-link { inline-size: 2px; block-size: 14px; background: var(--color-border); margin-inline: auto; position: relative; }
.zc-link::after { content: ""; position: absolute; inset-block-end: -1px; inset-inline-start: 50%; translate: -50% 0;
	border-inline: 4px solid transparent; border-block-start: 5px solid var(--color-border); }
[dir="rtl"] .zc-link::after { translate: 50% 0; }
.zc-node-stack { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-2); }
.zc-chip { font-size: 0.78rem; font-weight: 600; text-align: center; padding: var(--space-2); border: 1px dashed var(--color-border); border-radius: var(--radius-sm); color: var(--color-muted); }

/* --- Footer --- */
.site-footer { background: var(--color-ink); border-block-start: 1px solid var(--color-border); padding-block: var(--space-7) var(--space-5); }
.site-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: var(--space-6); }
.site-footer__tagline { color: var(--color-muted); font-size: var(--fs-small); max-width: 26ch; }
.site-footer .widget-title { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-muted); }
.footer-list, .site-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.footer-list a, .site-footer li a { color: var(--color-text); font-size: var(--fs-small); }
.footer-list a:hover { color: var(--color-lime); }
.site-footer__bottom { margin-block-start: var(--space-6); padding-block-start: var(--space-4); border-block-start: 1px solid var(--color-border); color: var(--color-muted); font-size: 0.85rem; }
.site-footer .zc-lang-switcher { margin-block-start: var(--space-4); }

/* --- Main content --- */
.site-main { min-height: 40vh; padding-block: var(--space-6); }
.page-title { font-size: var(--fs-h2); }

/* WCLB sales page: feature copy + Freemius checkout card. */
.page-id-81 .page-header { margin-block-end: var(--space-6); }
.page-id-81 .entry-content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
	column-gap: var(--space-7);
	row-gap: var(--space-2);
	align-items: start;
}
.page-id-81 .entry-content > h2,
.page-id-81 .entry-content > p { grid-column: 1; }
.page-id-81 .entry-content > h2 { margin: var(--space-5) 0 var(--space-1); }
.page-id-81 .entry-content > h2:first-child { margin-block-start: 0; }
.page-id-81 .entry-content > p { margin: 0 0 var(--space-3); color: var(--color-muted); }
.page-id-81 .entry-content > .zc-purchase-card {
	grid-column: 2;
	grid-row: 1 / span 20;
	position: sticky;
	inset-block-start: 92px;
}
@media (max-width: 960px) {
	.page-id-81 .entry-content { grid-template-columns: 1fr; }
	.page-id-81 .entry-content > h2,
	.page-id-81 .entry-content > p,
	.page-id-81 .entry-content > .zc-purchase-card { grid-column: 1; }
	.page-id-81 .entry-content > .zc-purchase-card {
		grid-row: auto;
		position: static;
		margin-block-start: var(--space-5);
	}
}
/* Generic page resilience on narrow screens. */
.zc-page .entry-content { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.zc-page .entry-content iframe,
.zc-page .entry-content embed,
.zc-page .entry-content object,
.zc-page .entry-content table { max-width: 100%; }

@media (max-width: 1200px) {
	.site-nav { z-index: 110; max-height: calc(100vh - 68px); overflow-y: auto; }
	.site-nav .nav-list a { display: block; padding-block: var(--space-2); }
}

@media (max-width: 560px) {
	.container,
	.container--narrow { width: min(100% - 2 * var(--space-4), var(--container)); }
	.site-main { padding-block: var(--space-5); }
	.page-header { margin-block-end: var(--space-4); }
	.page-title { font-size: clamp(1.75rem, 8vw, 2.2rem); overflow-wrap: anywhere; }
	.zc-page .entry-content h2 { font-size: clamp(1.3rem, 6vw, 1.65rem); margin-block-start: var(--space-5); }
	.zc-page .entry-content h3 { font-size: 1.1rem; }
	.zc-page .entry-content p,
	.zc-page .entry-content li { line-height: 1.7; }
	.zc-purchase-card { padding: var(--space-4); }
	.zc-purchase-card__actions .btn { width: 100%; justify-content: center; min-height: 48px; }
	.zc-purchase-card__meta li { display: grid; grid-template-columns: 1fr; gap: var(--space-1); }
	.zc-purchase-card__meta strong { overflow-wrap: anywhere; }
	.site-footer__grid { gap: var(--space-5); }
}

.zc-404__panel { text-align: center; padding-block: var(--space-8); }
.zc-404__actions { display: flex; flex-direction: column; gap: var(--space-4); align-items: center; }

/* --- Responsive --- */
/* 8-item primary nav needs room: collapse below 1200px, not just phones. */
@media (max-width: 1200px) {
	.site-header__inner { gap: var(--space-3); }
	.site-header__actions { gap: var(--space-2); margin-inline-start: auto; }
	.site-nav { display: none; position: absolute; inset-block-start: 68px; inset-inline: 0; background: var(--color-ink); border-block-end: 1px solid var(--color-border); padding: var(--space-4) var(--space-5); }
	.site-nav.is-open { display: block; }
	.site-nav .nav-list { flex-direction: column; gap: var(--space-3); }
	.nav-toggle { display: inline-flex; }
	.site-header__cta { display: none; }
}
@media (max-width: 960px) {
	.zc-hero__grid { grid-template-columns: 1fr; }
	.site-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
	/* Narrow header: brand + cart/account + toggle must fit 320px without overflow.
	   Full language switcher remains available in the footer on every page. */
	.site-header__inner { gap: var(--space-2); }
	.site-header__actions .zc-lang-switcher { display: none; }
	.zc-header-icon, .nav-toggle { min-inline-size: 44px; block-size: 44px; justify-content: center; }
	.nav-toggle { align-items: center; }
	.site-brand__name { font-size: 1.05rem; }
	.site-footer__grid { grid-template-columns: 1fr; }
	.zc-hero__actions .btn { width: 100%; justify-content: center; }
}

/* Features page typography only — page 47; preserve Elementor content and layout. */
body.page-id-47 .page-title,
body.page-id-47 .entry-content,
body.page-id-47 .entry-content .elementor-widget-heading .elementor-heading-title,
body.page-id-47 .entry-content .elementor-widget-text-editor,
body.page-id-47 .entry-content .elementor-button {
	font-family: var(--font-sans) !important;
}

/* SITE-06B: shared SITE-02 tokens and SITE-04 interaction constraints. */
:root { --fs-hero: 4rem; --fs-h2: 2.5rem; }
html { scroll-padding-block-start: 90px; }
.zc-final-site { overflow-x: visible; }
.zc-final-site h1, .zc-final-site h2, .zc-final-site h3,
.zc-final-site .zc-eyebrow, .zc-final-site .widget-title { letter-spacing: 0; }
.zc-final-site .zc-eyebrow, .zc-final-site .widget-title { text-transform: none; }
.zc-final-site h2 { font-size: var(--fs-h2); }
.zc-final-site h3 { font-size: var(--fs-h3); }
.zc-final-site .site-header { inset-block-start: 0; }
.zc-final-site .site-header__inner { gap: var(--space-4); }
.zc-final-site .site-brand { min-block-size: 44px; flex-shrink: 0; }
.zc-brand-icon { inline-size: 34px; block-size: 34px; object-fit: contain; flex: 0 0 34px; transform: none; }
.zc-final-site .nav-list { gap: var(--space-2); }
.zc-final-site .nav-list a { display: inline-flex; align-items: center; min-block-size: 44px; font-size: var(--fs-small); }
.zc-final-site .zc-nav-product { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--color-text); font-size: var(--fs-small); font-weight: 600; }
.zc-final-site .nav-toggle .zc-icon--close { display: none; }
.zc-nav-open .nav-toggle .zc-icon--menu { display: none; }
.zc-nav-open .nav-toggle .zc-icon--close { display: block; }
.zc-final-site .site-header__actions { margin-inline-start: auto; gap: var(--space-2); flex-shrink: 0; }
.zc-final-site .site-header__cta { display: inline-flex; min-block-size: 44px; padding-inline: var(--space-3); white-space: normal; text-align: center; justify-content: center; }
.zc-final-site .zc-lang-switcher a { min-inline-size: 44px; min-block-size: 44px; justify-content: center; }
.zc-final-site .nav-toggle { min-inline-size: 44px; inline-size: 44px; min-block-size: 44px; block-size: 44px; align-items: center; justify-content: center; padding: var(--space-2); flex-shrink: 0; }
.zc-nav-languages, .zc-nav-footer { display: none; }
.zc-build-main { padding-block: 0; }
.zc-final-site .zc-section { opacity: 1 !important; transform: none !important; transition: none !important; }
.zc-build-faqs .hostinger-ai-image { display: none; }
.zc-build-hero { background: var(--color-canvas); border-block-end: 1px solid var(--color-border); padding-block: var(--space-8); }
.zc-build-hero h1 { font-size: var(--fs-hero); max-inline-size: 20ch; overflow-wrap: anywhere; }
.zc-build-hero .zc-hero__lead { max-inline-size: 56ch; }
.zc-build-band { border-block-end: 1px solid var(--color-border); }
.zc-build-band:nth-of-type(even) { background: var(--color-ink); }
.zc-build-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); }
.zc-build-plans { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-5); }
.zc-build-grid .zc-card, .zc-build-plans .zc-card { min-inline-size: 0; padding: var(--space-5); border-radius: var(--radius-lg); }
.zc-build-grid .zc-card p, .zc-build-plans .zc-card p { color: var(--color-muted); }
.zc-build-list { padding-inline-start: var(--space-5); display: grid; gap: var(--space-4); max-inline-size: var(--container-narrow); }
.zc-build-home .zc-pipeline { grid-template-columns: repeat(3,minmax(0,1fr)); }
.zc-build-reading { padding-block: var(--space-7); overflow-wrap: anywhere; }
.zc-build-copy { padding-block: var(--space-6); border-block-end: 1px solid var(--color-border); }
.zc-build-bridge { padding-block: var(--space-7); }
.zc-build-support-heading { margin-block-start: var(--space-7); }
.zc-build-bridge h2 { font-size: var(--fs-h3); }
.zc-build-main details { border-block-end: 1px solid var(--color-border); padding-block: var(--space-3); }
.zc-build-main summary { cursor: pointer; min-block-size: 44px; font-weight: 700; padding-block: var(--space-3); font-size: var(--fs-h3); }
.zc-build-main details > div, .zc-build-main details > p { padding-block: var(--space-3); color: var(--color-muted); }
.zc-build-search { margin-block-end: var(--space-7); }
.zc-build-search label { display: block; margin-block-end: var(--space-2); font-weight: 600; }
.zc-build-search > div { display: flex; gap: var(--space-2); }
.zc-build-search input { flex: 1; min-inline-size: 0; }
.zc-final-site input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.zc-final-site select, .zc-final-site textarea { min-block-size: 44px; font-size: 1rem; color: var(--color-text); background: var(--color-ink-soft); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); max-inline-size: 100%; }
.zc-final-site input:focus-visible, .zc-final-site select:focus-visible, .zc-final-site textarea:focus-visible { border-color: var(--color-lime); }
.zc-build-table { overflow-x: auto; margin-block-start: var(--space-6); }
.zc-build-table table { border-collapse: collapse; inline-size: 100%; }
.zc-build-table th, .zc-build-table td { padding: var(--space-4); border-block-end: 1px solid var(--color-border); text-align: start; }
.zc-build-mobile-compare { display: none; }
.zc-build-wclb #plans .zc-purchase-card { max-inline-size: 720px; position: sticky; inset-block-start: 90px; }
.zc-build-wclb .zc-purchase-card h2 { font-size: var(--fs-h2); }
.zc-final-site .site-footer__grid { grid-template-columns: 1.4fr repeat(3,minmax(0,1fr)); }
.zc-final-site .site-footer__tagline { max-inline-size: 32ch; }
.zc-final-site .footer-list { gap: 0; }
.zc-final-site .footer-list a, .zc-final-site .site-footer__portal a { min-block-size: 44px; display: inline-flex; align-items: center; }
.zc-final-site pre, .zc-final-site code { direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; }
.zc-build-faqs .elementor .e-con { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding-inline: 0 !important; min-inline-size: 0; }
.zc-build-faqs .elementor .elementor-heading-title,
.zc-build-faqs .elementor .elementor-widget-text-editor { font-family: var(--font-sans) !important; color: var(--color-text) !important; font-size: var(--fs-body) !important; letter-spacing: 0 !important; line-height: 1.65 !important; text-align: start !important; }
.zc-build-faqs .elementor .hostinger-ai-title .elementor-heading-title { font-size: var(--fs-h2) !important; }
html[lang^="ar"] .zc-build-faqs .elementor .elementor-heading-title,
html[lang^="ar"] .zc-build-faqs .elementor .elementor-widget-text-editor { font-family: var(--font-ar) !important; }
.zc-build-faqs .elementor input, .zc-build-faqs .elementor textarea { inline-size: 100%; }
.zc-build-faqs .elementor-widget-hostinger-contact-form,
.zc-build-contact .elementor-widget-hostinger-contact-form { display: none !important; }
.zc-build-faqs .elementor button[type="submit"] { background: var(--color-lime) !important; color: var(--color-lime-ink) !important; min-block-size: 48px; border-radius: var(--radius-md); font-weight: 700; }
.zc-release { padding-block: var(--space-7); border-block-end: 1px solid var(--color-border); }
.zc-release > h2 { color: var(--color-plum-soft); font-family: var(--font-mono); direction: ltr; unicode-bidi: isolate; }
.zc-release h3 { margin-block-start: var(--space-5); }
.zc-release li { margin-block-end: var(--space-2); }
@media (max-width: 1199px) {
  .zc-final-site .zc-desktop-languages { display: none; }
  .zc-final-site .nav-toggle { display: inline-flex; }
  .zc-final-site .site-nav { display: none; position: fixed; inset-inline: 0; inset-block-start: var(--drawer-top,68px); block-size: calc(100dvh - var(--drawer-top,68px)); max-block-size: none; max-height: none; background: var(--color-ink); padding: var(--space-5); overflow-y: auto; }
  .zc-final-site .site-nav.is-open { display: flex; flex-direction: column; gap: var(--space-4); }
  .zc-final-site .site-nav .nav-list { flex-direction: column; gap: 0; }
  .zc-final-site .site-nav .nav-list a { inline-size: 100%; padding-block: var(--space-2); }
  .zc-final-site .zc-nav-languages, .zc-final-site .zc-nav-footer { display: block; }
  .zc-final-site .zc-nav-footer { margin-block-start: auto; padding-block-start: var(--space-4); }
  .zc-final-site .zc-nav-footer .btn { inline-size: 100%; justify-content: center; min-block-size: 48px; }
  .zc-nav-open .site-header__cta { visibility: hidden; }
}
@media (min-width: 1200px) {
  .zc-final-site .site-nav { display: flex; align-items: center; gap: var(--space-2); position: static; padding: 0; background: transparent; max-height: none; }
  .zc-final-site .site-nav .nav-list { flex-direction: row; }
  .zc-final-site .nav-toggle { display: none; }
}
@media (max-width: 960px) { .zc-final-site .site-footer__grid { grid-template-columns: 1fr; gap: var(--space-5); } }
@media (max-width: 900px) { .zc-build-wclb #plans .zc-purchase-card { position: static; } .zc-build-home .zc-pipeline { grid-template-columns: 1fr; } }
@media (max-width: 800px) {
  :root { --fs-hero: 2.25rem; --fs-h2: 1.75rem; }
  .zc-final-site .site-header__cta { min-block-size: 48px; }
  .zc-build-grid, .zc-build-plans { grid-template-columns: minmax(0,1fr); }
  .zc-build-faqs .elementor .e-grid { grid-template-columns: minmax(0,1fr) !important; }
  .zc-build-table { display: none; }
  .zc-build-mobile-compare { display: block; }
  .zc-build-main .zc-hero__actions { flex-direction: column; }
  .zc-build-main .zc-hero__actions .btn { inline-size: 100%; min-block-size: 48px; justify-content: center; }
  .zc-build-hero { padding-block: var(--space-7); }
  .zc-build-main .zc-section { padding-block: var(--space-6); }
}
@media (max-width: 560px) {
  .zc-final-site .site-header__inner { gap: var(--space-2); }
  .zc-final-site .site-brand__name { font-size: 1rem; }
  .zc-final-site .site-header__cta { font-size: var(--fs-small); max-inline-size: 112px; line-height: 1.2; padding-inline: var(--space-2); }
  .zc-build-main .container { inline-size: calc(100% - 2 * var(--space-4)); }
  .zc-build-search > div { flex-direction: column; }
  .zc-build-search button { justify-content: center; min-block-size: 48px; }
  .zc-build-wclb .zc-purchase-card { padding: var(--space-4); }
  .zc-build-faqs .elementor .e-con { grid-template-columns: minmax(0,1fr) !important; }
}
html[lang^="ar"] body.page-id-47 .page-title,
html[lang^="ar"] body.page-id-47 .entry-content,
html[lang^="ar"] body.page-id-47 .entry-content .elementor-widget-heading .elementor-heading-title,
html[lang^="ar"] body.page-id-47 .entry-content .elementor-widget-text-editor,
html[lang^="ar"] body.page-id-47 .entry-content .elementor-button {
	font-family: var(--font-ar) !important;
}
body.page-id-47 .entry-content,
body.page-id-47 .entry-content p,
body.page-id-47 .entry-content li,
body.page-id-47 .entry-content .elementor-widget-text-editor,
body.page-id-47 .entry-content .elementor-widget-text-editor .elementor-widget-container {
	color: var(--color-muted) !important;
	font-size: var(--fs-body) !important;
	line-height: 1.7 !important;
}
body.page-id-47 .page-title,
body.page-id-47 .entry-content h1,
body.page-id-47 .entry-content h2,
body.page-id-47 .entry-content h3,
body.page-id-47 .entry-content .elementor-widget-heading .elementor-heading-title {
	color: var(--color-text) !important;
	font-weight: 800;
	line-height: 1.25;
}
body.page-id-47 .page-title,
body.page-id-47 .entry-content h2,
body.page-id-47 .entry-content .elementor-widget-heading h2.elementor-heading-title {
	font-size: var(--fs-h2) !important;
}
body.page-id-47 .entry-content h3,
body.page-id-47 .entry-content .elementor-widget-heading .elementor-heading-title {
	font-size: var(--fs-h3) !important;
}
body.page-id-47 .entry-content .elementor-widget-heading h3.elementor-heading-title,
body.page-id-47 .entry-content .elementor-widget-heading span.elementor-heading-title {
	color: var(--color-lime) !important;
}
body.page-id-47 .entry-content a:not(.elementor-button) {
	color: var(--color-lime) !important;
}
body.page-id-47 .entry-content .elementor-button {
	font-size: 1rem !important;
}
@media (max-width: 560px) {
	body.page-id-47 .page-title { font-size: clamp(1.6rem, 8vw, 2.2rem) !important; }
	body.page-id-47 .entry-content h2,
	body.page-id-47 .entry-content .elementor-widget-heading h2.elementor-heading-title {
		font-size: clamp(1.4rem, 6vw, 2rem) !important;
	}
	body.page-id-47 .entry-content h3,
	body.page-id-47 .entry-content .elementor-widget-heading .elementor-heading-title {
		font-size: 1.1rem !important;
	}
}