:root {
	--af-navy: #061a2d;
	--af-navy-2: #0b2b46;
	--af-cobalt: #1266a8;
	--af-blue: #1681c4;
	--af-teal: #008c86;
	--af-green: #169764;
	--af-violet: #6757bd;
	--af-red: #c94b4b;
	--af-orange: #f47721;
	--af-amber: #e6a11b;
	--af-ink: #0c1e30;
	--af-muted: #3e5567;
	--af-line: #d6e1e8;
	--af-mist: #edf3f6;
	--af-ice: #e7f1f8;
	--af-sand: #f7eee4;
	--af-lilac: #efedf8;
	--af-white: #fff;
	--af-container: min(1280px, calc(100% - 48px));
	--af-radius: 26px;
	--af-shadow: 0 25px 65px rgba(6, 26, 45, .13);
	--af-ease: cubic-bezier(.2, .8, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 17px; scroll-behavior: smooth; scroll-padding-top: 118px; }
body {
	margin: 0;
	background: var(--af-mist);
	color: var(--af-ink);
	font-family: Tahoma, "Noto Kufi Arabic", Arial, sans-serif;
	font-size: 1.06rem;
	line-height: 1.9;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}
body.menu-is-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { text-wrap: balance; }
.af-container { width: var(--af-container); margin-inline: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed !important; top: 20px; right: 20px; width: auto; height: auto; padding: 12px 18px; margin: 0; clip: auto; background: #fff; color: var(--af-navy); z-index: 99999; border-radius: 10px; }
.af-icon { display: inline-block; width: 1.2em; height: 1.2em; flex: 0 0 auto; }

/* Buttons */
.af-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	min-height: 54px;
	padding: 12px 24px;
	border: 1px solid transparent;
	border-radius: 13px;
	font-size: 1.179rem;
	font-weight: 900;
	transition: transform .25s var(--af-ease), box-shadow .25s, background .25s, color .25s;
}
.af-btn:hover { transform: translateY(-3px); }
.af-btn--large { min-height: 62px; padding: 15px 30px; font-size: 1.313rem; }
.af-btn--compact { min-height: 46px; padding: 9px 17px; font-size: 1.018rem; }
.af-btn--orange { background: var(--af-orange); color: #fff; box-shadow: 0 13px 28px rgba(244,119,33,.25); }
.af-btn--orange:hover { background: #d96012; }
.af-btn--navy { background: var(--af-navy); color: #fff; box-shadow: 0 13px 28px rgba(6,26,45,.2); }
.af-btn--outline { background: #fff; color: var(--af-navy); border-color: #c9d7df; }
.af-btn--light { background: #fff; color: var(--af-navy); }
.af-btn--ghost, .af-btn--glass { color: #fff; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.09); backdrop-filter: blur(10px); }
.af-action-dot { width: 8px; height: 8px; border-radius: 50%; background: #18b979; box-shadow: 0 0 0 5px rgba(24,185,121,.13); }

/* Header */
.af-utility-bar { background: var(--af-navy); color: #dce9f2; border-bottom: 1px solid rgba(255,255,255,.08); }
.af-utility-bar__inner { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; font-size: 0.898rem; font-weight: 700; }
.af-utility-bar p, .af-utility-bar__inner > div { display: flex; align-items: center; gap: 18px; margin: 0; }
.af-utility-bar a { transition: color .2s; }
.af-utility-bar a:hover { color: #fff; }
.af-utility-bar .af-icon { color: #ff9a50; }
.site-header { height: 92px; background: rgba(255,255,255,.98); border-bottom: 1px solid #d9e3e9; z-index: 950; }
.site-header.is-sticky { position: fixed; top: 0; right: 0; left: 0; box-shadow: 0 16px 40px rgba(6,26,45,.12); animation: afSlide .25s ease both; }
.admin-bar .site-header.is-sticky { top: 32px; }
@keyframes afSlide { from { transform: translateY(-15px); opacity: 0; } }
.site-header__inner { height: 100%; display: flex; align-items: center; gap: 20px; }
.site-logo { display: block; flex: 0 0 auto; }
.site-logo--header { width: 172px; }
.site-logo--header img { width: 100%; height: 58px; object-fit: contain; }
.desktop-nav { flex: 1; min-width: 0; }
.primary-menu { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 0; margin: 0; list-style: none; }
.primary-menu > li { position: relative; }
.primary-menu > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	padding: 7px 13px;
	border: 1px solid #d7e1e8;
	border-radius: 11px;
	background: #f8fafb;
	color: #263b4b;
	font-size: 0.965rem;
	font-weight: 900;
	white-space: nowrap;
	transition: .22s ease;
}
.primary-menu > li > a:hover, .primary-menu > .current-menu-item > a, .primary-menu > .current_page_item > a { background: var(--af-navy); border-color: var(--af-navy); color: #fff; transform: translateY(-2px); }
.primary-menu .sub-menu { position: absolute; top: calc(100% + 9px); right: 0; min-width: 230px; padding: 9px; margin: 0; list-style: none; background: #fff; border: 1px solid var(--af-line); border-radius: 15px; box-shadow: var(--af-shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s; z-index: 20; }
.primary-menu li:hover > .sub-menu, .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.primary-menu .sub-menu a { display: block; padding: 9px 12px; border-radius: 8px; color: var(--af-ink); font-size: 0.938rem; font-weight: 800; }
.primary-menu .sub-menu a:hover { background: var(--af-ice); color: var(--af-cobalt); }
.header-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.mobile-menu-toggle { display: none; width: 48px; height: 48px; place-items: center; border: 1px solid var(--af-line); border-radius: 13px; background: #fff; color: var(--af-navy); }
.mobile-drawer-backdrop { position: fixed; inset: 0; background: rgba(1,12,22,.66); opacity: 0; visibility: hidden; transition: .25s; z-index: 990; }
.mobile-drawer { position: fixed; top: 0; bottom: 0; right: 0; width: min(390px,88vw); padding: 25px; background: #fff; transform: translateX(105%); transition: transform .3s var(--af-ease); z-index: 1000; overflow-y: auto; }
.menu-is-open .mobile-drawer { transform: none; }
.menu-is-open .mobile-drawer-backdrop { opacity: 1; visibility: visible; }
.mobile-drawer__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--af-line); }
.site-logo--mobile { width: 165px; }
.site-logo--mobile img { width: 100%; height: auto; }
.mobile-drawer__head button { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 11px; background: var(--af-mist); color: var(--af-navy); }
.mobile-drawer nav { display: grid; gap: 7px; padding: 22px 0; }
.mobile-drawer nav > a { padding: 12px 14px; border: 1px solid var(--af-line); border-radius: 11px; background: #f8fafb; font-size: 1.139rem; font-weight: 900; }
.mobile-drawer__tools { display: grid; gap: 9px; }
.mobile-drawer__tools > a { display: flex; align-items: center; gap: 13px; padding: 14px; border-radius: 13px; background: var(--af-navy); color: #fff; }
.mobile-drawer__tools span { display: grid; line-height: 1.45; }
.mobile-drawer__tools b { font-size: 1.072rem; }
.mobile-drawer__tools small { color: #c4d7e3; font-size: 0.86rem; }

/* Home hero */
.af-home-v3 { background: var(--af-mist); }
.af-v3-hero { position: relative; min-height: 720px; display: grid; align-items: center; overflow: hidden; background: var(--af-navy); color: #fff; isolation: isolate; }
.af-v3-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -3; }
.af-v3-hero__overlay { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(5,23,40,.1) 0%, rgba(5,23,40,.48) 46%, rgba(5,23,40,.98) 100%), linear-gradient(0deg, rgba(3,17,30,.4), transparent 55%); }
.af-v3-hero__inner { padding-block: 90px; }
.af-v3-hero__copy { width: min(670px,60%); }
.af-v3-kicker, .af-v3-label { display: inline-flex; align-items: center; gap: 10px; font-size: 1.005rem; font-weight: 900; letter-spacing: .015em; }
.af-v3-kicker { color: #bfe5f8; }
.af-v3-kicker i { width: 35px; height: 3px; background: var(--af-orange); border-radius: 4px; }
.af-v3-hero h1 { margin: 18px 0 20px; font-size: clamp(1.95rem,3.4vw,2.95rem); line-height: 1.25; letter-spacing: -.045em; font-weight: 900; }
.af-v3-hero__copy > p { max-width: 650px; margin: 0 0 22px; color: #e6f0f6; font-size: 1.38rem; line-height: 1.95; }
.af-v3-hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 27px; }
.af-v3-hero__tags span { padding: 7px 12px; border: 1px solid rgba(255,255,255,.23); border-radius: 50px; background: rgba(255,255,255,.08); font-size: 0.925rem; font-weight: 800; backdrop-filter: blur(9px); }
.af-v3-hero__actions { display: flex; gap: 10px; margin-bottom: 28px; }
.af-v3-route { display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: center; gap: 8px; max-width: 650px; padding: 8px; border: 1px solid rgba(255,255,255,.22); border-radius: 17px; background: rgba(4,21,36,.78); box-shadow: 0 20px 45px rgba(0,0,0,.2); backdrop-filter: blur(14px); }
.af-v3-route label { display: grid; gap: 1px; padding: 4px 10px; }
.af-v3-route label span { color: #c1d5e2; font-size: 0.86rem; font-weight: 800; }
.af-v3-route input { width: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: 0.978rem; }
.af-v3-route input::placeholder { color: #dbe6ec; }
.af-v3-route > i { color: #9dc0d5; font-style: normal; }
.af-v3-route button { min-height: 48px; padding: 8px 17px; border: 0; border-radius: 11px; background: var(--af-teal); color: #fff; font-size: 0.938rem; font-weight: 900; }

/* Home frames */
.af-v3-trust { position: relative; z-index: 4; margin-top: -34px; }
.af-v3-trust__grid { display: grid; grid-template-columns: repeat(4,1fr); background: #fff; border: 1px solid var(--af-line); border-radius: 20px; box-shadow: var(--af-shadow); overflow: hidden; }
.af-v3-trust a { min-height: 105px; display: grid; align-content: center; gap: 3px; padding: 18px 24px; border-left: 1px solid var(--af-line); transition: .2s; }
.af-v3-trust a:last-child { border-left: 0; }
.af-v3-trust a:hover { background: var(--af-navy); color: #fff; }
.af-v3-trust b { font-size: 1.099rem; color: var(--af-navy); }
.af-v3-trust a:hover b { color: #fff; }
.af-v3-trust span { color: var(--af-muted); font-size: 0.871rem; }
.af-v3-trust a:hover span { color: #aec3d0; }
.af-v3-overview { padding: 115px 0 80px; }
.af-v3-overview__frame { display: grid; grid-template-columns: .9fr 1.1fr; align-items: stretch; min-height: 510px; overflow: hidden; border: 1px solid #cbdce6; border-radius: 32px; background: linear-gradient(135deg,#dfeef6 0%,#f8fbfc 70%); box-shadow: 0 18px 50px rgba(6,26,45,.08); }
.af-v3-overview__image { min-height: 510px; position: relative; }
.af-v3-overview__image::after { content: ""; position: absolute; inset: 20px; border: 1px solid rgba(255,255,255,.55); border-radius: 21px; pointer-events: none; }
.af-v3-overview__image img { width: 100%; height: 100%; object-fit: cover; }
.af-v3-overview__copy { padding: 65px; align-self: center; }
.af-v3-label { color: var(--af-cobalt); }
.af-v3-overview h2, .af-v3-section-head h2, .af-v3-destinations h2, .af-v3-process h2, .af-v3-faq h2 { margin: 13px 0 19px; color: var(--af-navy); font-size: clamp(1.6rem,2.6vw,2.35rem); line-height: 1.38; letter-spacing: -.035em; }
.af-v3-overview__copy > p, .af-v3-section-head > p { color: var(--af-muted); margin: 0; font-size: 1.286rem; }
.af-v3-mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 28px; }
.af-v3-mini-grid span { padding: 12px 14px; border: 1px solid #ccdce6; border-radius: 11px; background: rgba(255,255,255,.75); color: #1b3547; font-size: 0.965rem; font-weight: 900; }

/* Service chapters */
.af-service-story { --section-accent: var(--af-cobalt); --section-soft: var(--af-ice); padding: 58px 0; background: var(--section-soft); }
.af-service-story + .af-service-story { border-top: 1px solid rgba(6,26,45,.08); }
.af-service-story.af-theme-teal { --section-accent: var(--af-teal); --section-soft: #e5f3f1; }
.af-service-story.af-theme-blue { --section-accent: var(--af-cobalt); --section-soft: #e5eef7; }
.af-service-story.af-theme-violet { --section-accent: var(--af-violet); --section-soft: var(--af-lilac); }
.af-service-story.af-theme-orange { --section-accent: var(--af-orange); --section-soft: var(--af-sand); }
.af-service-story.af-theme-red { --section-accent: var(--af-red); --section-soft: #f7e9e8; }
.af-service-story.af-theme-green { --section-accent: var(--af-green); --section-soft: #e6f2eb; }
.af-service-story__frame { display: grid; grid-template-columns: .92fr 1.08fr; min-height: 590px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--section-accent) 23%,#dbe4e8); border-radius: 31px; background: #fff; box-shadow: 0 20px 55px rgba(6,26,45,.08); }
.af-service-story.is-reverse .af-service-story__media { order: 2; }
.af-service-story__media { position: relative; min-height: 590px; overflow: hidden; }
.af-service-story__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,26,45,.78),transparent 46%); }
.af-service-story__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--af-ease); }
.af-service-story__frame:hover .af-service-story__media img { transform: scale(1.035); }
.af-service-story__media > span { position: absolute; right: 24px; bottom: 22px; z-index: 2; padding: 9px 14px; border: 1px solid rgba(255,255,255,.3); border-radius: 10px; background: rgba(6,26,45,.75); color: #fff; font-size: 0.938rem; font-weight: 900; backdrop-filter: blur(10px); }
.af-service-story__content { padding: 58px; align-self: center; }
.af-service-story__content .af-v3-label { color: var(--section-accent); }
.af-service-story h2 { margin: 13px 0 18px; color: var(--af-navy); font-size: clamp(1.55rem,2.5vw,2.25rem); line-height: 1.35; letter-spacing: -.035em; }
.af-service-story__content > p { color: var(--af-muted); margin: 0; font-size: 1.219rem; }
.af-service-points { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 27px 0; }
.af-service-points > div { display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: center; min-height: 84px; padding: 12px; border: 1px solid #dce5ea; border-radius: 13px; background: #f8fafb; }
.af-service-points > div > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: color-mix(in srgb,var(--section-accent) 13%,#fff); font-style: normal; }
.af-service-points span { display: grid; line-height: 1.5; }
.af-service-points b { color: var(--af-navy); font-size: 0.951rem; }
.af-service-points small { color: var(--af-muted); font-size: 0.86rem; }
.af-service-more { display: inline-flex; align-items: center; gap: 9px; color: var(--section-accent,var(--af-cobalt)); font-size: 1.018rem; font-weight: 900; }
.af-service-more .af-icon { width: 18px; }

/* Destinations and cargo */
.af-v3-destinations { padding: 105px 0; background: linear-gradient(130deg,#041421 0%,#0b304d 100%); color: #fff; }
.af-v3-destinations__frame { display: grid; grid-template-columns: 1.15fr .85fr; align-items: stretch; min-height: 570px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 32px; background: rgba(255,255,255,.035); }
.af-v3-destinations__content { padding: 65px; align-self: center; }
.af-v3-destinations .af-v3-label { color: #69d7cd; }
.af-v3-destinations h2 { color: #fff; }
.af-v3-destinations__content > p { color: #cfe0ea; font-size: 1.233rem; }
.af-v3-region-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 25px 0 28px; }
.af-v3-region-grid span { padding: 9px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; background: rgba(255,255,255,.06); color: #eef6fa; font-size: 0.884rem; font-weight: 800; }
.af-v3-destinations__media { position: relative; min-height: 570px; }
.af-v3-destinations__media::before { content: ""; position: absolute; inset: 20px; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; z-index: 2; }
.af-v3-destinations__media img { width: 100%; height: 100%; object-fit: cover; }
.af-v3-cargo { padding: 105px 0; background: var(--af-sand); }
.af-v3-section-head { max-width: 900px; margin: 0 0 45px; padding: 24px 28px; border: 1px solid rgba(6,26,45,.12); border-right: 7px solid var(--af-orange); border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: 0 12px 30px rgba(6,26,45,.06); }
.af-v3-cargo__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.af-v3-cargo-card { display: grid; grid-template-columns: 44% 56%; min-height: 390px; overflow: hidden; border: 1px solid #dbcfc3; border-radius: 24px; background: #fff; box-shadow: 0 14px 36px rgba(80,46,22,.07); transition: transform .28s, box-shadow .28s; }
.af-v3-cargo-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(80,46,22,.12); }
.af-v3-cargo-card__media { position: relative; min-height: 390px; overflow: hidden; }
.af-v3-cargo-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,26,45,.38),transparent 55%); }
.af-v3-cargo-card__media img { width: 100%; height: 100%; object-fit: cover; }
.af-v3-cargo-card__media span { position: absolute; right: 17px; bottom: 17px; z-index: 2; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--af-orange); font-size: 1.35rem; }
.af-v3-cargo-card__body { padding: 30px; align-self: center; }
.af-v3-cargo-card h3 { margin: 0 0 10px; color: var(--af-navy); font-size: 1.2rem; }
.af-v3-cargo-card p { margin: 0; color: var(--af-muted); font-size: 0.965rem; }
.af-v3-cargo-card ul { padding: 0; margin: 17px 0; list-style: none; display: grid; gap: 5px; color: #27404f; font-size: 0.884rem; }
.af-v3-cargo-card__body > b { color: var(--af-cobalt); font-size: 0.911rem; }

/* Process, actions, articles and FAQ */
.af-v3-process { padding: 105px 0; background: #dfe9ee; }
.af-v3-process__frame { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 600px; overflow: hidden; border-radius: 32px; background: #fff; border: 1px solid #c7d7df; box-shadow: var(--af-shadow); }
.af-v3-process__content { padding: 60px; align-self: center; }
.af-v3-process__content > p { color: var(--af-muted); font-size: 1.193rem; }
.af-v3-process ol { padding: 0; margin: 25px 0 24px; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.af-v3-process li { display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 11px; min-height: 90px; padding: 12px; border: 1px solid #d6e1e7; border-radius: 13px; background: #f5f8fa; }
.af-v3-process li > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: var(--af-navy); color: #ffab6e; font: 800 1.152rem Arial; font-style: normal; }
.af-v3-process li div { display: grid; line-height: 1.5; }
.af-v3-process li b { color: var(--af-navy); font-size: 0.925rem; }
.af-v3-process li span { color: var(--af-muted); font-size: 0.86rem; }
.af-v3-process__content > a { color: var(--af-cobalt); font-size: 0.965rem; font-weight: 900; }
.af-v3-process__media { min-height: 600px; position: relative; }
.af-v3-process__media::after { content: "متابعة كل مرحلة"; position: absolute; bottom: 25px; left: 25px; padding: 10px 15px; border-radius: 10px; background: rgba(6,26,45,.82); color: #fff; font-size: 0.911rem; font-weight: 900; }
.af-v3-process__media img { width: 100%; height: 100%; object-fit: cover; }
.af-v3-actions { padding: 85px 0; background: var(--af-navy); }
.af-v3-actions__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.af-v3-action-card { min-height: 430px; position: relative; display: flex; align-items: flex-end; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 26px; color: #fff; }
.af-v3-action-card > img, .af-v3-action-card > span { position: absolute; inset: 0; width: 100%; height: 100%; }
.af-v3-action-card > img { object-fit: cover; transition: transform .6s; }
.af-v3-action-card:hover > img { transform: scale(1.04); }
.af-v3-action-card > span { background: linear-gradient(0deg,rgba(4,19,32,.94) 0%,rgba(4,19,32,.15) 75%); }
.af-v3-action-card > div { position: relative; z-index: 2; padding: 35px; }
.af-v3-action-card small { color: #ffb47e; font-weight: 900; }
.af-v3-action-card h2 { max-width: 520px; margin: 7px 0 15px; font-size: clamp(1.25rem,2vw,1.7rem); line-height: 1.45; }
.af-v3-action-card b { font-size: 1.005rem; }
.af-v3-knowledge { padding: 110px 0; background: var(--af-ice); }
.af-v3-post-grid, .af-post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.af-post-card { overflow: hidden; border: 1px solid #cedde6; border-radius: 20px; background: #fff; box-shadow: 0 13px 35px rgba(6,26,45,.07); transition: transform .25s, box-shadow .25s; }
.af-post-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(6,26,45,.12); }
.af-post-card__media { display: block; height: 230px; position: relative; overflow: hidden; }
.af-post-card__media > img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s; }
.af-post-card:hover .af-post-card__media > img { transform: scale(1.045); }
.af-post-card__media > span { position: absolute; top: 14px; left: 14px; width: 46px; height: 50px; display: grid; place-items: center; align-content: center; border-radius: 11px; background: var(--af-orange); color: #fff; font: 900 1.329rem Arial; line-height: 1.15; }
.af-post-card__media small { font-size: 0.86rem; text-transform: uppercase; }
.af-post-card__body { padding: 22px; }
.af-post-card__body > span { color: var(--af-cobalt); font-size: 0.86rem; font-weight: 900; }
.af-post-card h3 { min-height: 64px; margin: 7px 0 8px; color: var(--af-navy); font-size: 1.286rem; line-height: 1.65; }
.af-post-card p { height: 56px; overflow: hidden; margin: 0 0 15px; color: var(--af-muted); font-size: 0.884rem; line-height: 1.75; }
.af-post-card__body > div { display: flex; align-items: center; justify-content: space-between; padding-top: 13px; border-top: 1px solid var(--af-line); color: #4a6274; font-size: 0.86rem; }
.af-post-card__body > div a { color: var(--af-cobalt); font-weight: 900; }
.af-v3-center { display: flex; justify-content: center; margin-top: 38px; }
.af-v3-faq { padding: 105px 0; background: var(--af-lilac); }
.af-v3-faq__frame { display: grid; grid-template-columns: .85fr 1.15fr; min-height: 570px; overflow: hidden; border: 1px solid #d5d0e9; border-radius: 31px; background: #fff; box-shadow: 0 18px 45px rgba(48,38,95,.08); }
.af-v3-faq__media { position: relative; min-height: 570px; }
.af-v3-faq__media img { width: 100%; height: 100%; object-fit: cover; }
.af-v3-faq__media > div { position: absolute; right: 25px; bottom: 25px; display: flex; align-items: center; gap: 11px; padding: 12px 16px; border-radius: 12px; background: rgba(6,26,45,.84); color: #fff; font-size: 0.911rem; }
.af-v3-faq__content { padding: 55px; align-self: center; }
.af-faq-list { display: grid; gap: 8px; }
.af-faq-list details { border: 1px solid var(--af-line); border-radius: 12px; background: #f8fafb; overflow: hidden; }
.af-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 17px; color: var(--af-navy); font-size: 0.978rem; font-weight: 900; cursor: pointer; list-style: none; }
.af-faq-list summary::-webkit-details-marker { display: none; }
.af-faq-list summary i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: #e8eef2; color: var(--af-orange); font-style: normal; transition: transform .2s; }
.af-faq-list details[open] summary i { transform: rotate(45deg); }
.af-faq-list details p { padding: 0 17px 16px; margin: 0; color: var(--af-muted); font-size: 0.898rem; }

/* Page hero and rich imported pages */
.af-page { background: var(--af-mist); }
.af-page-hero { position: relative; min-height: 510px; display: flex; align-items: center; overflow: hidden; background: var(--af-navy); color: #fff; isolation: isolate; }
.af-page-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; }
.af-page-hero__shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,rgba(6,26,45,.32),rgba(6,26,45,.95) 78%), linear-gradient(0deg,rgba(6,26,45,.35),transparent); }
.af-page-hero__inner { padding-block: 55px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 46px; color: #dbe9f2; font-size: 0.86rem; }
.breadcrumbs a:hover { color: #fff; }
.af-page-hero__copy { max-width: 760px; }
.af-page-hero h1 { margin: 15px 0 14px; font-size: clamp(1.85rem,3.2vw,2.75rem); line-height: 1.22; letter-spacing: -.05em; }
.af-page-hero__copy > p { max-width: 700px; margin: 0; color: #dceaf2; font-size: 1.273rem; }
.af-page-content { padding: 90px 0 120px; }
.af-rich-page { display: flow-root; }
.af-rich-page > * { margin-top: 72px; margin-bottom: 72px; }
.af-rich-page > *:first-child { margin-top: 0; }
.af-rich-page > *:last-child { margin-bottom: 0; }
.af-page-intro-v3, .af-content-split {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	min-height: 520px;
	overflow: hidden;
	border: 1px solid #cbd9e1;
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 17px 46px rgba(6,26,45,.08);
}
.af-content-split.is-reverse .af-content-split__media { order: 2; }
.af-page-intro-v3__media, .af-content-split__media { position: relative; min-height: 520px; overflow: hidden; }
.af-page-intro-v3__media::after, .af-content-split__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,26,45,.53),transparent 55%); }
.af-page-intro-v3__media img, .af-content-split__media img { width: 100%; height: 100%; object-fit: cover; }
.af-page-intro-v3__media > span, .af-content-split__media > span { position: absolute; right: 24px; bottom: 24px; z-index: 2; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 15px; background: var(--af-orange); font-size: 1.55rem; }
.af-page-intro-v3__copy, .af-content-split__copy { padding: 52px; align-self: center; }
.af-page-intro-v3 small, .af-content-split small, .af-content-grid header small, .af-page-faq header small { color: var(--section-accent,var(--af-cobalt)); font-size: 0.911rem; font-weight: 900; }
.af-page-intro-v3 h2, .af-content-split h2, .af-content-grid h2, .af-content-steps h2, .af-content-callout h2, .af-page-faq h2, .af-page-form-anchor > header h2 {
	margin: 9px 0 15px;
	color: var(--af-navy);
	font-size: clamp(1.45rem,2.4vw,2.1rem);
	line-height: 1.42;
	letter-spacing: -.025em;
}
.af-page-intro-v3 p, .af-content-split p, .af-content-grid header p, .af-content-steps header p, .af-content-callout p { margin: 0; color: var(--af-muted); font-size: 1.126rem; }
.af-v3-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; margin: 23px 0 0; list-style: none; }
.af-v3-checks li { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; min-height: 48px; padding: 8px 10px; border: 1px solid #dce5ea; border-radius: 10px; background: #f6f9fa; color: #1b3547; font-size: 0.884rem; font-weight: 800; }
.af-v3-checks li i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb,var(--section-accent,var(--af-green)) 14%,#fff); color: var(--section-accent,var(--af-green)); font-style: normal; }
.af-theme-blue { --section-accent: var(--af-cobalt); }
.af-theme-teal { --section-accent: var(--af-teal); }
.af-theme-green { --section-accent: var(--af-green); }
.af-theme-violet { --section-accent: var(--af-violet); }
.af-theme-orange { --section-accent: var(--af-orange); }
.af-theme-red { --section-accent: var(--af-red); }
.af-theme-amber { --section-accent: var(--af-amber); }
.af-theme-navy { --section-accent: var(--af-navy); }
.af-content-split { border-top: 7px solid var(--section-accent); background: linear-gradient(135deg,color-mix(in srgb,var(--section-accent) 7%,#fff),#fff); }
.af-content-grid, .af-content-steps, .af-page-faq, .af-page-form-anchor { padding: 48px; border: 1px solid #cbd9e1; border-radius: 28px; background: #fff; box-shadow: 0 16px 45px rgba(6,26,45,.07); }
.af-content-grid { border-top: 7px solid var(--section-accent); background: linear-gradient(150deg,color-mix(in srgb,var(--section-accent) 9%,#fff),#fff 55%); }
.af-content-grid > header, .af-content-steps > header, .af-page-faq > header, .af-page-form-anchor > header { display: grid; grid-template-columns: 60px 1fr; gap: 17px; align-items: start; max-width: 860px; margin-bottom: 30px; }
.af-content-grid > header > span, .af-content-steps > header > span, .af-page-faq > header > span, .af-page-form-anchor > header > span { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 16px; background: color-mix(in srgb,var(--section-accent,var(--af-cobalt)) 14%,#fff); font-size: 1.5rem; }
.af-content-grid h2, .af-content-steps h2, .af-page-faq h2, .af-page-form-anchor > header h2 { margin-top: 0; }
.af-content-grid__items { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.af-content-grid__items article { min-height: 200px; padding: 24px; border: 1px solid #d8e3e9; border-radius: 16px; background: #f7fafb; }
.af-content-grid__items article > i { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb,var(--section-accent) 13%,#fff); font-size: 1.18rem; font-style: normal; }
.af-content-grid__items h3 { margin: 17px 0 7px; color: var(--af-navy); font-size: 1.193rem; line-height: 1.55; }
.af-content-grid__items p { margin: 0; color: var(--af-muted); font-size: 0.871rem; }
.af-content-steps { border-top: 7px solid var(--section-accent); background: #e6edf1; }
.af-content-steps ol { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; padding: 0; margin: 0; list-style: none; }
.af-content-steps li { min-height: 220px; padding: 23px; border: 1px solid #cddbe3; border-radius: 16px; background: #fff; }
.af-content-steps li > i { display: inline-grid; place-items: center; width: 43px; height: 43px; border-radius: 11px; background: var(--section-accent); color: #fff; font: 900 1.167rem Arial; font-style: normal; }
.af-content-steps h3 { margin: 18px 0 7px; color: var(--af-navy); font-size: 1.179rem; }
.af-content-steps li p { margin: 0; color: var(--af-muted); font-size: 0.86rem; }
.af-content-callout { display: grid; grid-template-columns: 75px 1fr; gap: 22px; align-items: center; padding: 42px 48px; overflow: hidden; border-radius: 24px; background: linear-gradient(125deg,var(--af-navy),#0d3b5f); color: #fff; box-shadow: var(--af-shadow); }
.af-content-callout > span { width: 75px; height: 75px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 19px; background: rgba(255,255,255,.09); font-size: 1.8rem; }
.af-content-callout h2 { color: #fff; }
.af-content-callout p { color: #d5e3ec; }
.af-content-callout .af-v3-checks li { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.07); color: #f0f6fa; }
.af-page-faq { background: linear-gradient(135deg,#f0edf8,#fff); border-top: 7px solid var(--af-violet); }
.af-page-form-anchor { padding: 48px; border-top: 7px solid var(--af-orange); background: linear-gradient(145deg,#f7eee5,#fff 50%); }
.af-page-form-anchor > header { --section-accent: var(--af-orange); }
.af-car-compare-v3 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 18px; border: 1px solid #d6e1e7; border-radius: 24px; background: #fff; box-shadow: var(--af-shadow); }
.af-car-compare-v3 figure { position: relative; margin: 0; overflow: hidden; border-radius: 17px; }
.af-car-compare-v3 img { width: 100%; height: 410px; object-fit: cover; }
.af-car-compare-v3 figcaption { position: absolute; right: 15px; bottom: 15px; padding: 8px 12px; border-radius: 9px; background: rgba(6,26,45,.84); color: #fff; font-size: 0.938rem; font-weight: 900; }

/* Article */
.af-single { background: #f0f4f6; }
.af-article-hero { padding: 55px 0 70px; background: linear-gradient(135deg,#e0ebf1,#fff); }
.af-article-hero .breadcrumbs { color: #3d5568; }
.af-article-hero__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: 55px; align-items: center; }
.af-article-category { display: inline-flex; padding: 7px 12px; border-radius: 9px; background: #dceaf3; color: var(--af-cobalt); font-size: 0.898rem; font-weight: 900; }
.af-article-hero h1 { margin: 13px 0 17px; color: var(--af-navy); font-size: clamp(1.6rem,2.8vw,2.35rem); line-height: 1.3; letter-spacing: -.045em; }
.af-article-hero__copy > p { margin: 0 0 18px; color: var(--af-muted); font-size: 1.206rem; }
.af-article-meta { display: flex; flex-wrap: wrap; gap: 16px; color: #3d5568; font-size: 0.86rem; }
.af-article-meta span { display: flex; align-items: center; gap: 6px; }
.af-article-hero__visual { height: 440px; position: relative; overflow: hidden; border-radius: 30px 8px 30px 8px; box-shadow: var(--af-shadow); }
.af-article-hero__visual img { width: 100%; height: 100%; object-fit: cover; }
.af-article-hero__visual > span { position: absolute; bottom: 17px; left: 17px; padding: 8px 11px; border-radius: 8px; background: rgba(6,26,45,.83); color: #fff; font: 800 1.152rem Arial; letter-spacing: .06em; }
.af-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 34px; align-items: start; padding-top: 48px; padding-bottom: 100px; }
.af-article-body { min-width: 0; }
.af-journey-map { width: min(720px,100%); margin: 0 0 28px; overflow: hidden; border: 1px solid #203c56; border-top: 7px solid var(--af-orange); border-radius: 16px; background: #07142b; color: #fff; box-shadow: 0 16px 38px rgba(6,26,45,.2); }
.af-journey-map summary { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 18px; list-style: none; cursor: pointer; }
.af-journey-map summary::-webkit-details-marker { display: none; }
.af-journey-map__title { display: flex; align-items: center; gap: 11px; }
.af-journey-map__title > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.08); color: var(--af-orange); }
.af-journey-map__title > span { display: grid; line-height: 1.35; }
.af-journey-map__title b { font-size: 1.005rem; }
.af-journey-map__title small { color: #b7cddc; font-size: 0.86rem; }
.af-journey-map__toggle { display: flex; align-items: center; gap: 8px; color: #f5aa72; }
.af-journey-map__toggle b { font-size: 0.86rem; }
.af-journey-map__toggle .af-icon { width: 16px; transition: transform .2s; }
.af-journey-map details:not([open]) .is-open, .af-journey-map details[open] .is-closed { display: none; }
.af-journey-map details[open] .af-journey-map__toggle .af-icon { transform: rotate(180deg); }
.af-journey-map__panel { max-height: 335px; overflow: auto; padding: 10px 18px 18px; border-top: 1px solid rgba(255,255,255,.1); scrollbar-color: var(--af-orange) #11233c; scrollbar-width: thin; }
.af-journey-map ol { display: grid; gap: 5px; padding: 0; margin: 0; list-style: none; counter-reset: afstop; }
.af-journey-map li { counter-increment: afstop; }
.af-journey-map li a { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: center; min-height: 40px; padding: 6px 10px; border-radius: 8px; color: #eaf3f8; font-size: 0.884rem; }
.af-journey-map li a::before { content: counter(afstop,decimal-leading-zero); color: #ffae73; font: 800 1.152rem Arial; }
.af-journey-map li a:hover { background: rgba(255,255,255,.07); color: #fff; }
.af-journey-map li a > span { display: none; }
.af-journey-map li.is-h3 a { margin-right: 22px; color: #cadbe6; }
.af-article-direct { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 26px; padding: 18px; border: 1px solid #cbd9e1; border-radius: 15px; background: #fff; }
.af-article-direct > div { display: grid; line-height: 1.45; }
.af-article-direct span { color: var(--af-muted); font-size: 0.86rem; }
.af-article-direct b { color: var(--af-navy); }
.af-contact-pair { display: flex; gap: 7px; }
.af-contact-pair > a { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; color: #fff; }
.af-contact-pair .is-whatsapp { background: #12a864; }
.af-contact-pair .is-phone { background: var(--af-cobalt); }
.af-contact-pair span { display: grid; line-height: 1.3; }
.af-contact-pair b { font-size: 0.884rem; }
.af-contact-pair small { font-size: 0.86rem; opacity: .82; }
.af-prose { padding: 34px; border: 1px solid #d4e0e6; border-radius: 20px; background: #fff; color: #14283a; font-size: 1.367rem; line-height: 2.08; }
.af-prose > p:first-child { font-size: 1.501rem; color: #10304a; }
.af-prose h2 { margin: 55px 0 18px; padding: 12px 18px; border-right: 5px solid var(--af-orange); border-radius: 10px; background: #eaf1f5; color: var(--af-navy); font-size: clamp(1.35rem,2.2vw,1.8rem); line-height: 1.55; scroll-margin-top: 125px; }
.af-prose h3 { margin: 35px 0 13px; color: var(--af-cobalt); font-size: 1.28rem; scroll-margin-top: 125px; }
.af-prose p { margin: 0 0 20px; }
.af-prose a { color: var(--af-cobalt); text-decoration: underline; text-underline-offset: 3px; }
.af-prose ul, .af-prose ol { margin: 20px 0 27px; padding-right: 25px; }
.af-prose li { margin-bottom: 8px; }
.af-prose blockquote { margin: 28px 0; padding: 22px; border-right: 5px solid var(--af-teal); border-radius: 12px; background: #e6f3f1; color: #163540; }
.af-prose img { margin: 28px auto; border-radius: 17px; }
.af-prose table { width: 100%; margin: 28px 0; border-collapse: collapse; font-size: 1.045rem; }
.af-prose th, .af-prose td { padding: 12px; border: 1px solid var(--af-line); }
.af-prose th { background: var(--af-navy); color: #fff; }
.af-prose iframe { max-width: 100%; }
.af-article-end { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 28px; padding: 30px; border-radius: 18px; background: linear-gradient(135deg,var(--af-navy),#0b3b5e); color: #fff; }
.af-article-end span { color: #bdd3e0; font-size: 0.86rem; }
.af-article-end h2 { margin: 4px 0 0; font-size: 1.25rem; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 18px; }
.post-navigation a { display: grid; padding: 15px; border: 1px solid var(--af-line); border-radius: 11px; background: #fff; }
.post-navigation span { color: var(--af-muted); font-size: 0.86rem; }
.post-navigation b { color: var(--af-navy); font-size: 0.911rem; }

/* Deep article sidebar */
.af-sidebar { display: grid; gap: 15px; position: sticky; top: 112px; }
.admin-bar .af-sidebar { top: 144px; }
.af-sidebar__section { padding: 21px; border: 1px solid #ccd9e1; border-radius: 17px; background: #fff; }
.af-sidebar__section > header { display: flex; align-items: center; gap: 9px; padding-bottom: 12px; margin-bottom: 13px; border-bottom: 1px solid var(--af-line); }
.af-sidebar__section > header span { color: var(--af-orange); font: 900 1.152rem Arial; }
.af-sidebar__section > header h2 { margin: 0; color: var(--af-navy); font-size: 1.112rem; }
.af-sidebar__quote { padding: 26px; border: 0; background: linear-gradient(145deg,#0b6a8b,var(--af-navy)); color: #fff; }
.af-sidebar__quote > span { color: #ffb57f; font-size: 0.86rem; }
.af-sidebar__quote h2 { margin: 6px 0; font-size: 1.2rem; line-height: 1.55; }
.af-sidebar__quote p { margin: 0 0 17px; color: #d5e3ec; font-size: 0.898rem; }
.af-sidebar__quote a { display: flex; justify-content: space-between; padding: 11px 13px; border-radius: 9px; background: #fff; color: var(--af-navy); font-size: 0.911rem; font-weight: 900; }
.af-sidebar__quote i { color: var(--af-orange); font-style: normal; }
.af-side-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.af-side-tools a { min-height: 94px; padding: 11px; border-radius: 10px; background: var(--af-mist); }
.af-side-tools .af-icon { width: 20px; color: var(--af-cobalt); }
.af-side-tools span { display: grid; margin-top: 7px; line-height: 1.45; }
.af-side-tools b { color: var(--af-navy); font-size: 0.86rem; }
.af-side-tools small { color: var(--af-muted); font-size: 0.86rem; }
.af-destination-links { display: flex; flex-wrap: wrap; gap: 6px; }
.af-destination-links a { padding: 6px 9px; border-radius: 7px; background: #eaf0f4; color: #27414f; font-size: 0.86rem; font-weight: 800; }
.af-destination-links a:hover, .af-destination-links .is-all { background: var(--af-navy); color: #fff; }
.af-side-recent { display: grid; gap: 10px; }
.af-side-recent > a { display: grid; grid-template-columns: 72px 1fr; gap: 10px; align-items: center; }
.af-side-recent > a > span { height: 64px; overflow: hidden; border-radius: 9px; background: #d9e5eb; }
.af-side-recent img { width: 100%; height: 100%; object-fit: cover; }
.af-side-recent div { display: grid; line-height: 1.45; }
.af-side-recent b { color: var(--af-navy); font-size: 0.86rem; }
.af-side-recent small { margin-top: 4px; color: var(--af-muted); font-size: 0.86rem; }
.af-sidebar__help { display: grid; grid-template-columns: 40px 1fr; gap: 10px; background: #fff1e4; border-color: #efd1b4; }
.af-sidebar__help > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: var(--af-orange); color: #fff; }
.af-sidebar__help > div { display: grid; line-height: 1.45; }
.af-sidebar__help small { color: #6b4d33; font-size: 0.86rem; }
.af-sidebar__help b { color: #59361b; font-size: 0.86rem; }
.af-sidebar__help > a { grid-column: 1/-1; padding-top: 9px; border-top: 1px solid #e8caa9; color: #a74b0d; text-align: center; font-size: 0.86rem; font-weight: 900; }
.af-related { padding: 85px 0; background: var(--af-ice); }

/* Archives */
.af-archive { background: var(--af-mist); }
.af-archive-hero { padding: 50px 0 72px; background: linear-gradient(135deg,var(--af-navy),#0b3858); color: #fff; }
.af-archive-hero__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; }
.af-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #9dcce5; font-size: 0.898rem; font-weight: 900; }
.af-eyebrow i { width: 30px; height: 3px; border-radius: 3px; background: var(--af-orange); }
.af-archive-hero h1 { margin: 8px 0 0; font-size: clamp(1.8rem,3.1vw,2.6rem); line-height: 1.3; }
.af-archive-hero p { margin: 0 0 16px; color: #cfe0ea; font-size: 1.139rem; }
.af-search-form { display: flex; padding: 6px; border-radius: 12px; background: #fff; }
.af-search-form label { flex: 1; }
.af-search-form input { width: 100%; height: 45px; padding: 5px 12px; border: 0; outline: 0; background: transparent; color: var(--af-navy); }
.af-search-form button { width: 45px; border: 0; border-radius: 9px; background: var(--af-orange); color: #fff; }
.af-archive-body { padding: 80px 0 110px; }
.af-archive-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 30px; align-items: start; }
.af-post-grid--archive { grid-template-columns: 1fr 1fr; }
.af-archive-side { display: grid; gap: 15px; position: sticky; top: 112px; }
.af-archive-side section { padding: 22px; border: 1px solid var(--af-line); border-radius: 17px; background: #fff; }
.af-archive-side section:first-child { border: 0; background: var(--af-navy); color: #fff; }
.af-archive-side span { color: #ffaf75; font-size: 0.86rem; font-weight: 900; }
.af-archive-side h2 { margin: 6px 0; color: inherit; font-size: 1.474rem; line-height: 1.5; }
.af-archive-side p { color: #c8d9e3; font-size: 0.884rem; }
.af-archive-side ul { padding: 0; margin: 0; list-style: none; }
.af-archive-side li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--af-line); font-size: 0.898rem; }
.af-archive-side li:last-child { border: 0; }
.nav-links { display: flex; justify-content: center; gap: 7px; margin-top: 35px; }
.nav-links .page-numbers { min-width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--af-line); border-radius: 9px; background: #fff; font-size: 0.911rem; font-weight: 900; }
.nav-links .current { background: var(--af-navy); border-color: var(--af-navy); color: #fff; }
.af-no-results { padding: 65px; border-radius: 20px; background: #fff; text-align: center; }
.af-error-page { min-height: 62vh; padding: 120px 0; background: var(--af-mist); text-align: center; }
.af-error-page span { color: var(--af-orange); font: 900 1.221rem Arial; letter-spacing: .15em; }
.af-error-page h1 { margin: 10px 0; color: var(--af-navy); font-size: clamp(2rem,4vw,3.2rem); }
.af-error-page p { max-width: 560px; margin: 0 auto 28px; color: var(--af-muted); }
.af-error-page > div > div { display: flex; justify-content: center; gap: 10px; }

/* Footer */
.site-footer { background: #041522; color: #fff; }
.footer-cta { display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 45px 0; border-bottom: 1px solid rgba(255,255,255,.11); }
.footer-cta span { color: #ffad72; font-size: 0.938rem; font-weight: 900; }
.footer-cta h2 { max-width: 720px; margin: 6px 0 0; font-size: clamp(1.4rem,2.3vw,1.95rem); line-height: 1.45; }
.footer-cta__actions { display: flex; gap: 9px; flex: 0 0 auto; }
.footer-brand-panel { display: grid; grid-template-columns: 260px 1fr; gap: 42px; align-items: center; padding: 48px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.site-logo--footer { width: 250px; height: 220px; display: grid; place-items: center; overflow: hidden; border-radius: 20px; background: #fff; }
.site-logo--footer img { width: 220px; max-height: 210px; object-fit: contain; }
.footer-brand-panel__copy h2 { margin: 0 0 10px; font-size: 1.5rem; }
.footer-brand-panel__copy > p { max-width: 870px; margin: 0; color: #c8d9e3; font-size: 1.099rem; line-height: 2; }
.footer-route-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 19px; }
.footer-route-badges span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 50px; background: rgba(255,255,255,.055); color: #e9f2f7; font-size: 0.86rem; font-weight: 800; }
.footer-contact { display: flex; gap: 8px; margin-top: 18px; }
.footer-contact > a { display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-radius: 10px; background: rgba(255,255,255,.08); }
.footer-contact .af-icon { color: #ffad72; }
.footer-contact span { display: grid; line-height: 1.35; }
.footer-contact small { color: #bccfdb; font-size: 0.86rem; }
.footer-contact b { font-size: 0.871rem; }
.footer-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 34px; padding: 50px 0; }
.footer-grid h3 { margin: 0 0 18px; font-size: 1.099rem; }
.footer-grid ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.footer-grid li a { color: #cbdbe5; font-size: 0.911rem; transition: .2s; }
.footer-grid li a:hover { color: #fff; padding-right: 4px; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0 28px; border-top: 1px solid rgba(255,255,255,.08); color: #a8bdca; font-size: 0.86rem; }
.footer-bottom p { margin: 0; }
.footer-bottom span { padding-inline: 7px; color: var(--af-orange); }

/* Floating tools and tooltips */
.af-floating-tools { position: fixed; left: 17px; bottom: 22px; z-index: 930; display: grid; gap: 8px; }
.af-float-action { position: relative; width: 50px; height: 50px; display: grid; place-items: center; border: 0; border-radius: 14px; color: #fff; box-shadow: 0 12px 28px rgba(6,26,45,.25); transition: transform .2s, opacity .2s, visibility .2s; }
.af-float-action:hover { transform: translateX(3px); }
.af-float-action::after { content: attr(data-label); position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%) translateX(-5px); width: max-content; padding: 7px 10px; border-radius: 8px; background: var(--af-navy); color: #fff; font-size: 0.86rem; font-weight: 800; opacity: 0; visibility: hidden; pointer-events: none; transition: .2s; }
.af-float-action:hover::after, .af-float-action:focus-visible::after { opacity: 1; visibility: visible; transform: translateY(-50%); }
.af-float-action .af-icon { width: 23px; height: 23px; }
.af-float-action.is-whatsapp { background: #10ad68; }
.af-float-action.is-phone { background: #1476bd; }
.af-float-action.is-quote { background: var(--af-orange); }
.af-float-action.is-top { background: var(--af-navy); opacity: 0; visibility: hidden; transform: translateY(12px); }
.af-float-action.is-top.is-visible { opacity: 1; visibility: visible; transform: none; }

/* Responsive */
@media (max-width: 1180px) {
	:root { --af-container: min(100% - 36px,1120px); }
	.desktop-nav { display: none; }
	.header-actions { margin-right: auto; }
	.mobile-menu-toggle { display: grid; }
	.af-v3-hero__copy { width: min(700px,72%); }
	.af-service-story__content { padding: 45px; }
	.af-content-grid__items, .af-content-steps ol { grid-template-columns: 1fr 1fr; }
	.footer-grid { gap: 24px; }
}

@media (max-width: 920px) {
	html { font-size: 16.5px; }
	.af-v3-hero { min-height: 680px; }
	.af-v3-hero__copy { width: 82%; }
	.af-v3-trust__grid { grid-template-columns: 1fr 1fr; }
	.af-v3-trust a:nth-child(2) { border-left: 0; }
	.af-v3-trust a:nth-child(-n+2) { border-bottom: 1px solid var(--af-line); }
	.af-v3-overview__frame, .af-service-story__frame, .af-v3-destinations__frame, .af-v3-process__frame, .af-v3-faq__frame, .af-page-intro-v3, .af-content-split { grid-template-columns: 1fr; }
	.af-v3-overview__image, .af-service-story__media, .af-v3-destinations__media, .af-v3-process__media, .af-v3-faq__media, .af-page-intro-v3__media, .af-content-split__media { min-height: 430px; }
	.af-service-story.is-reverse .af-service-story__media, .af-content-split.is-reverse .af-content-split__media { order: 0; }
	.af-v3-cargo-card { grid-template-columns: 1fr; }
	.af-v3-cargo-card__media { min-height: 280px; }
	.af-v3-post-grid, .af-post-grid { grid-template-columns: 1fr 1fr; }
	.af-article-hero__inner { grid-template-columns: 1fr; }
	.af-article-hero__visual { order: -1; height: 400px; }
	.af-article-layout { grid-template-columns: 1fr; }
	.af-sidebar { position: static; grid-template-columns: 1fr 1fr; }
	.af-sidebar__quote, .af-sidebar__help { grid-column: 1/-1; }
	.af-archive-layout { grid-template-columns: 1fr; }
	.af-archive-side { position: static; grid-template-columns: 1fr 1fr; }
	.footer-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 700px) {
	:root { --af-container: calc(100% - 26px); }
	html { font-size: 16px; }
	.af-utility-bar__inner { justify-content: center; min-height: 36px; }
	.af-utility-bar__inner > div { display: none; }
	.site-header { height: 76px; }
	.site-logo--header { width: 145px; }
	.site-logo--header img { height: 52px; }
	.header-actions { display: none; }
	.admin-bar .site-header.is-sticky { top: 46px; }
	.af-v3-hero { min-height: 690px; }
	.af-v3-hero__overlay { background: linear-gradient(90deg,rgba(5,23,40,.72),rgba(5,23,40,.96)); }
	.af-v3-hero__inner { padding-block: 60px; }
	.af-v3-hero__copy { width: 100%; }
	.af-v3-hero h1 { font-size: 2.55rem; }
	.af-v3-hero__copy > p { font-size: 1.233rem; }
	.af-v3-hero__actions { display: grid; }
	.af-v3-route { grid-template-columns: 1fr auto; }
	.af-v3-route > i { display: none; }
	.af-v3-route label:nth-of-type(2) { grid-column: 1; }
	.af-v3-route button { grid-column: 2; grid-row: 1/3; height: 100%; }
	.af-v3-trust { margin-top: 0; }
	.af-v3-trust a { min-height: 95px; padding: 15px; }
	.af-v3-overview { padding: 70px 0 45px; }
	.af-v3-overview__copy, .af-service-story__content, .af-v3-destinations__content, .af-v3-process__content, .af-v3-faq__content { padding: 30px 23px; }
	.af-v3-overview__image, .af-service-story__media, .af-v3-destinations__media, .af-v3-process__media, .af-v3-faq__media { min-height: 330px; }
	.af-v3-mini-grid, .af-service-points, .af-v3-region-grid, .af-v3-process ol { grid-template-columns: 1fr; }
	.af-service-story { padding: 30px 0; }
	.af-service-story h2, .af-v3-overview h2, .af-v3-section-head h2, .af-v3-destinations h2, .af-v3-process h2, .af-v3-faq h2 { font-size: 1.85rem; }
	.af-v3-destinations, .af-v3-cargo, .af-v3-process, .af-v3-actions, .af-v3-knowledge, .af-v3-faq { padding: 70px 0; }
	.af-v3-cargo__grid, .af-v3-actions__grid, .af-v3-post-grid, .af-post-grid { grid-template-columns: 1fr; }
	.af-v3-cargo-card { min-height: auto; }
	.af-v3-action-card { min-height: 360px; }
	.af-page-hero { min-height: 430px; }
	.af-page-hero h1 { font-size: 2.55rem; }
	.af-page-content { padding: 60px 0 80px; }
	.af-rich-page > * { margin-top: 42px; margin-bottom: 42px; }
	.af-page-intro-v3__media, .af-content-split__media { min-height: 330px; }
	.af-page-intro-v3__copy, .af-content-split__copy, .af-content-grid, .af-content-steps, .af-page-faq, .af-page-form-anchor { padding: 26px 20px; }
	.af-page-intro-v3 h2, .af-content-split h2, .af-content-grid h2, .af-content-steps h2, .af-content-callout h2, .af-page-faq h2, .af-page-form-anchor > header h2 { font-size: 1.65rem; }
	.af-v3-checks, .af-content-grid__items, .af-content-steps ol { grid-template-columns: 1fr; }
	.af-content-grid > header, .af-content-steps > header, .af-page-faq > header, .af-page-form-anchor > header { grid-template-columns: 48px 1fr; gap: 12px; }
	.af-content-grid > header > span, .af-content-steps > header > span, .af-page-faq > header > span, .af-page-form-anchor > header > span { width: 48px; height: 48px; font-size: 1.18rem; }
	.af-content-grid__items article, .af-content-steps li { min-height: auto; }
	.af-content-callout { grid-template-columns: 1fr; padding: 28px 22px; }
	.af-car-compare-v3 { grid-template-columns: 1fr; }
	.af-car-compare-v3 img { height: 290px; }
	.af-article-hero { padding: 30px 0 48px; }
	.af-article-hero h1 { font-size: 2.2rem; }
	.af-article-hero__visual { height: 310px; }
	.af-article-layout { padding-top: 28px; }
	.af-journey-map { width: 100%; }
	.af-journey-map__title small { display: none; }
	.af-prose { padding: 23px 19px; font-size: 1.273rem; }
	.af-prose h2 { font-size: 1.45rem; padding: 10px 13px; }
	.af-article-direct, .af-article-end { align-items: stretch; flex-direction: column; }
	.af-sidebar, .af-archive-side { grid-template-columns: 1fr; }
	.af-sidebar__quote, .af-sidebar__help { grid-column: auto; }
	.af-archive-hero__grid { grid-template-columns: 1fr; gap: 25px; }
	.af-post-grid--archive { grid-template-columns: 1fr; }
	.footer-cta { align-items: flex-start; flex-direction: column; gap: 25px; }
	.footer-cta__actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
	.footer-brand-panel { grid-template-columns: 1fr; gap: 25px; }
	.site-logo--footer { width: 210px; height: 190px; }
	.footer-grid { grid-template-columns: 1fr 1fr; }
	.footer-bottom { align-items: center; flex-direction: column; text-align: center; }
	.af-floating-tools { left: 10px; bottom: 12px; gap: 6px; }
	.af-float-action { width: 45px; height: 45px; border-radius: 12px; }
	.af-float-action::after { display: none; }
}

@media (max-width: 430px) {
	.af-v3-trust__grid { grid-template-columns: 1fr; }
	.af-v3-trust a { border-left: 0; border-bottom: 1px solid var(--af-line); }
	.af-v3-trust a:last-child { border-bottom: 0; }
	.af-v3-hero h1 { font-size: 2.25rem; }
	.af-v3-route { display: grid; grid-template-columns: 1fr; }
	.af-v3-route label:nth-of-type(2), .af-v3-route button { grid-column: auto; grid-row: auto; }
	.af-v3-route button { min-height: 48px; }
	.footer-cta__actions, .footer-grid { grid-template-columns: 1fr; }
	.post-navigation .nav-links { grid-template-columns: 1fr; }
}

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

/* =========================================================
   ALFARIS V3.1 — REFINEMENT LAYER
   خط أكبر · لون أغمق · تأطير كامل · ألوان شحن أوسع
   ========================================================= */

:root {
	--af-ink: #0b1d2e;
	--af-ink-2: #17334a;
	--af-muted: #3c5266;
	--af-line: #cbd9e2;
	--af-line-2: #b6c9d6;
	--af-frame: 1px solid var(--af-line);
	--af-frame-strong: 2px solid var(--af-line-2);
	--af-navy: #072338;
	--af-cobalt: #0f5f9e;
	--af-blue: #1177bb;
	--af-teal: #007d78;
	--af-green: #12885a;
	--af-violet: #5b4bb0;
	--af-red: #bd4040;
	--af-orange: #ef6c12;
	--af-amber: #d99512;
	--af-sea: #0d5f86;
	--af-sky: #d9ecf8;
	--af-steel: #dde8ef;
	--af-deep: #04182a;
}

body { color: var(--af-ink); font-weight: 500; letter-spacing: 0; }
p, li, td, th, span, small, b, strong, a { letter-spacing: 0; }
h1, h2, h3, h4, h5 { font-weight: 900; }

/* عناوين داكنة على الخلفيات الفاتحة فقط */
.af-home-v3 .af-v3-overview h2, .af-v3-section-head h2, .af-service-story h2,
.af-v3-process h2, .af-v3-faq h2, .af-v3-cargo-card h3, .af-post-card h3,
.af-prose h2, .af-prose h3, .af-rich-page > h2, .af-article-hero h1,
.af-content-grid h2, .af-content-steps h2, .af-page-faq h2 { color: var(--af-navy); }
.af-v3-hero h1, .af-page-hero h1, .af-archive-hero h1, .af-v3-destinations h2,
.af-v3-action-card h2, .af-sidebar__quote h2, .af-article-end h2,
.af-content-callout h2, .footer-cta h2, .footer-brand-panel__copy h2, .footer-col h3 { color: #fff; }

/* ---------- 1) أشرطة علوية وهيدر أوضح ---------- */
.af-utility-bar { background: linear-gradient(90deg, var(--af-deep), #0a3352 60%, var(--af-deep)); color: #dbe9f3; }
.af-utility-bar__inner { min-height: 46px; font-size: 0.9rem; font-weight: 700; }
.af-utility-bar p span { opacity: .95; }
.af-utility-bar__inner > div a { padding: 5px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 8px; background: rgba(255,255,255,.07); }
.af-utility-bar__inner > div a:hover { background: var(--af-orange); border-color: var(--af-orange); color: #fff; }

.site-header { height: 100px; background: #fff; border-bottom: 3px solid var(--af-navy); }
.site-logo--header { width: 200px; }
.site-logo--header img { height: 66px; }
.primary-menu { gap: 6px; padding: 6px; border: var(--af-frame); border-radius: 14px; background: #f2f7fa; }
.primary-menu > li > a { min-height: 46px; padding: 8px 15px; font-size: 0.93rem; border-color: #cddbe4; background: #fff; color: #123049; }
.primary-menu .sub-menu a { font-size: 0.9rem; padding: 11px 13px; }
.af-btn { font-size: 0.96rem; }
.af-btn--compact { min-height: 48px; padding: 10px 18px; font-size: 0.9rem; }
.af-btn--large { min-height: 62px; font-size: 1.02rem; }
.mobile-drawer nav > a { font-size: 1rem; padding: 14px 15px; }
.mobile-drawer__tools b { font-size: 0.95rem; }
.mobile-drawer__tools small { font-size: 0.8rem; color: #b8cfdd; }

/* ---------- 2) مسارات التنقل (Breadcrumbs) مؤطرة ---------- */
.breadcrumbs {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 26px;
	padding: 9px 14px;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 12px;
	background: rgba(255,255,255,.1);
	color: #e4f0f7;
	font-size: 0.88rem;
	font-weight: 700;
	backdrop-filter: blur(8px);
}
.breadcrumbs a { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 8px; background: rgba(255,255,255,.14); transition: .2s; }
.breadcrumbs a:hover { background: var(--af-orange); color: #fff; }
.breadcrumbs i { font-style: normal; }
.breadcrumbs__sep { color: var(--af-orange); font-weight: 900; }
.breadcrumbs__current { padding: 4px 9px; border-radius: 8px; background: rgba(255,255,255,.05); color: #fff; }
.af-article-hero .breadcrumbs,
.af-single .breadcrumbs {
	border: 1px solid var(--af-line);
	background: #fff;
	color: #2c455a;
	box-shadow: 0 6px 18px rgba(7,35,56,.06);
}
.af-article-hero .breadcrumbs a { background: #eef4f8; color: #14456b; }
.af-article-hero .breadcrumbs a:hover { background: var(--af-orange); color: #fff; }
.af-article-hero .breadcrumbs__current { background: #f3f7fa; color: var(--af-navy); }

/* ---------- 3) الهيرو: نسخة الجوال بصورة واضحة ووصف تحتها ---------- */
.af-v3-hero__bg { position: absolute; inset: 0; z-index: -3; overflow: hidden; }
.af-v3-hero__image { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.af-v3-hero__overlay { position: absolute; inset: 0; z-index: 1; }
.af-v3-hero__stamp { display: none; }
.af-v3-hero h1 { text-shadow: 0 3px 22px rgba(0,0,0,.35); }
.af-v3-hero__copy > p { color: #e3eef5; font-size: 1.05rem; }

.af-page-hero__bg { position: absolute; inset: 0; z-index: -3; overflow: hidden; }
.af-page-hero__bg > img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.af-page-hero__shade { position: absolute; inset: 0; z-index: 1; }
.af-page-hero__copy > p { color: #dceaf3; font-size: 1.02rem; }

/* ---------- 4) عناوين الأقسام مؤطرة وبارزة ---------- */
.af-v3-label, .af-v3-kicker, .af-eyebrow {
	padding: 7px 14px;
	border: 1px solid currentColor;
	border-radius: 50px;
	font-size: 0.9rem;
	background: rgba(255,255,255,.08);
}
.af-v3-label { background: #eef5f9; }
.af-v3-destinations .af-v3-label, .af-v3-kicker, .af-eyebrow--light, .af-content-callout .af-v3-label { background: rgba(255,255,255,.1); }
.af-v3-section-head {
	max-width: 100%;
	padding: 30px 34px;
	border: var(--af-frame-strong);
	border-right: 9px solid var(--af-orange);
	border-radius: 20px;
	background: #fff;
}
.af-v3-section-head > p { font-size: 1.02rem; color: var(--af-muted); margin-top: 12px; }
.af-v3-overview h2, .af-v3-section-head h2, .af-v3-destinations h2,
.af-v3-process h2, .af-v3-faq h2, .af-service-story h2 { line-height: 1.45; }

/* ---------- 5) ألوان أوسع + تقليل هيمنة الأبيض ---------- */
.af-home-v3, .af-page, .af-archive { background: #eaf1f6; }
.af-v3-overview { background: linear-gradient(180deg, #e6eff5, #f0f6f9); }
.af-v3-overview__frame { border: var(--af-frame-strong); background: linear-gradient(135deg, #d8ebf7 0%, #f4fafd 70%); }
.af-service-story:nth-child(odd) { background: #e8f2f7; }
.af-service-story:nth-child(even) { background: #eef3f0; }
.af-service-story.af-theme-orange { background: #fbf1e7; }
.af-service-story.af-theme-red { background: #fbeeed; }
.af-service-story.af-theme-violet { background: #f0eef9; }
.af-service-story.af-theme-green { background: #e8f4ee; }
.af-service-story__frame { border: 2px solid color-mix(in srgb, var(--section-accent) 32%, #cddae2); }
.af-service-story__content { border-top: 6px solid var(--section-accent); }
.af-v3-cargo { background: linear-gradient(180deg, #f6ece1, #fbf5ef); }
.af-v3-knowledge { background: linear-gradient(180deg, #dfeef8, #eef6fb); }
.af-v3-faq { background: linear-gradient(180deg, #ece9f7, #f5f3fb); }
.af-v3-process { background: linear-gradient(180deg, #d8e6ee, #e9f1f5); }
.af-related { background: linear-gradient(180deg, #dfeef8, #eef6fb); }

/* ---------- 6) بطاقات الأقسام: تأطير كامل ---------- */
.af-v3-trust__grid { border: var(--af-frame-strong); }
.af-v3-trust a { border-left: 2px solid var(--af-line); }
.af-v3-trust b { font-size: 1.02rem; }
.af-v3-trust span { font-size: 0.88rem; color: var(--af-muted); }
.af-v3-mini-grid span, .af-v3-region-grid span { font-size: 0.92rem; padding: 13px 15px; border-width: 1px; }
.af-service-points > div { border: 1px solid #cedbe3; background: #fff; }
.af-service-points b { font-size: 0.98rem; }
.af-service-points small { font-size: 0.86rem; color: var(--af-muted); }
.af-service-story__content > p, .af-v3-overview__copy > p,
.af-v3-destinations__content > p, .af-v3-process__content > p { font-size: 1.02rem; line-height: 1.95; }
.af-service-more { font-size: 1rem; padding: 12px 18px; border: 2px solid currentColor; border-radius: 12px; }
.af-service-more:hover { background: var(--section-accent, var(--af-cobalt)); color: #fff; }
.af-v3-cargo-card { border: var(--af-frame-strong); }
.af-v3-cargo-card h3 { font-size: 1.28rem; }
.af-v3-cargo-card p { font-size: 0.95rem; }
.af-v3-cargo-card ul { font-size: 0.92rem; gap: 7px; }
.af-v3-cargo-card ul li { padding: 8px 11px; border: 1px solid #e0d3c6; border-radius: 9px; background: #fbf6f1; }
.af-v3-cargo-card__body > b { display: inline-block; margin-top: 6px; padding: 10px 15px; border: 2px solid var(--af-orange); border-radius: 11px; color: var(--af-orange); font-size: 0.95rem; }
.af-v3-process li { border: 1px solid #cadae3; background: #fff; }
.af-v3-process li b { font-size: 0.98rem; }
.af-v3-process li span { font-size: 0.87rem; color: var(--af-muted); }
.af-v3-process__content > a { display: inline-block; margin-top: 6px; padding: 12px 18px; border: 2px solid var(--af-cobalt); border-radius: 12px; font-size: 1rem; }
.af-v3-action-card b { font-size: 1rem; }
.af-v3-action-card small { font-size: 0.95rem; }
.af-faq-list details { border: 2px solid var(--af-line); background: #fff; }
.af-faq-list summary { font-size: 1rem; padding: 17px 19px; }
.af-faq-list details p { font-size: 0.97rem; color: var(--af-ink-2); padding: 0 19px 18px; }
.af-v3-destinations__frame { border: 2px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); }

/* ---------- 7) بطاقات المقالات ---------- */
.af-post-card { border: var(--af-frame-strong); }
.af-post-card__body > span { display: inline-block; padding: 5px 11px; border: 1px solid #cfe0ea; border-radius: 7px; background: #eef6fb; font-size: 0.85rem; }
.af-post-card h3 { min-height: 0; margin: 11px 0 9px; font-size: 1.12rem; line-height: 1.6; }
.af-post-card p { height: auto; max-height: none; font-size: 0.94rem; line-height: 1.8; color: var(--af-muted); }
.af-post-card__body > div { padding-top: 14px; border-top: 2px solid var(--af-line); font-size: 0.88rem; color: var(--af-muted); }
.af-post-card__body > div a { font-size: 0.92rem; }

/* ---------- 8) صفحة المقال: هيرو مؤطر بلا عداد قراءة ---------- */
.af-article-hero { padding: 34px 0 52px; background: linear-gradient(160deg, #dceaf3, #f2f7fa 70%); }
.af-article-hero__inner {
	grid-template-columns: 1.05fr .95fr;
	gap: 0;
	align-items: stretch;
	border: var(--af-frame-strong);
	border-top: 7px solid var(--af-orange);
	border-radius: 22px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 18px 45px rgba(7,35,56,.09);
}
.af-article-hero__copy { padding: 40px; align-self: center; }
.af-article-category {
	display: inline-block;
	padding: 8px 15px;
	border: 2px solid var(--af-cobalt);
	border-radius: 50px;
	background: #eaf3fa;
	color: var(--af-cobalt);
	font-size: 0.92rem;
	font-weight: 900;
}
.af-article-hero h1 { margin: 16px 0 14px; font-size: clamp(1.55rem, 2.5vw, 2.15rem); line-height: 1.55; letter-spacing: -.01em; }
.af-article-hero__copy > p { font-size: 1.02rem; line-height: 1.95; color: var(--af-muted); margin-bottom: 22px; }
.af-article-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.af-article-meta span {
	display: grid;
	gap: 2px;
	padding: 11px 13px;
	border: 1px solid var(--af-line);
	border-radius: 12px;
	background: #f4f8fb;
}
.af-article-meta i { font-style: normal; font-size: 1.05rem; }
.af-article-meta b { color: var(--af-navy); font-size: 0.85rem; }
.af-article-meta small { color: var(--af-muted); font-size: 0.85rem; }
.af-article-hero__visual { height: auto; min-height: 340px; margin: 0; border-radius: 0; border-right: 2px solid var(--af-line); box-shadow: none; }
.af-article-hero__visual img { width: 100%; height: 100%; object-fit: cover; }
.af-article-hero__visual figcaption {
	position: absolute;
	right: 16px;
	bottom: 16px;
	padding: 9px 14px;
	border: 1px solid rgba(255,255,255,.3);
	border-radius: 10px;
	background: rgba(7,35,56,.85);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 800;
}
.af-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 26px; align-items: start; padding: 40px 0 80px; }

/* ---------- 9) جدول المحتويات: مضغوط وبخط واضح ---------- */
.af-journey-map {
	width: min(560px, 100%);
	margin: 0 0 26px;
	border: 2px solid #16324c;
	border-top: 7px solid var(--af-orange);
	border-radius: 16px;
	background: linear-gradient(160deg, #082644, #05192e);
}
.af-journey-map summary { min-height: 72px; padding: 14px 18px; }
.af-journey-map__title > i { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.16); }
.af-journey-map__title b { font-size: 1.02rem; color: #fff; }
.af-journey-map__title small { font-size: 0.85rem; color: #b3cadb; }
.af-journey-map__toggle { padding: 7px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; }
.af-journey-map__toggle b { font-size: 0.85rem; }
.af-journey-map__panel { max-height: 330px; padding: 12px; border-top: 2px solid rgba(255,255,255,.12); }
.af-journey-map ol { gap: 6px; }
.af-journey-map li a {
	grid-template-columns: 34px 1fr;
	min-height: 46px;
	padding: 9px 11px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 9px;
	background: rgba(255,255,255,.04);
	color: #e6f0f6;
	font-size: 0.94rem;
	line-height: 1.6;
}
.af-journey-map li a::before { font-size: 0.85rem; }
.af-journey-map li a:hover { background: rgba(239,108,18,.18); border-color: rgba(239,108,18,.45); color: #fff; }
.af-journey-map li.is-h3 a { margin-right: 20px; font-size: 0.9rem; color: #c8dae6; }

/* ---------- 10) متن المقال: خط أكبر ولون أغمق ---------- */
.af-prose {
	padding: 38px;
	border: var(--af-frame-strong);
	border-radius: 20px;
	background: #fff;
	color: #12283a;
	font-size: 1.09rem;
	line-height: 2.1;
	font-weight: 500;
}
.af-prose > p:first-child { font-size: 1.16rem; color: #0e3350; font-weight: 600; }
.af-prose h2 {
	margin: 52px 0 20px;
	padding: 16px 20px;
	border: 2px solid #cddbe4;
	border-right: 8px solid var(--af-orange);
	border-radius: 12px;
	background: linear-gradient(90deg, #eaf3f9, #fff);
	font-size: clamp(1.35rem, 2.1vw, 1.75rem);
	line-height: 1.6;
}
.af-prose h3 {
	margin: 34px 0 14px;
	padding: 11px 16px;
	border-right: 5px solid var(--af-teal);
	border-radius: 9px;
	background: #edf6f5;
	color: #0a4f4b;
	font-size: 1.28rem;
	line-height: 1.65;
}
.af-prose h4 { margin: 26px 0 10px; color: var(--af-cobalt); font-size: 1.13rem; }
.af-prose p { margin: 0 0 22px; }
.af-prose ul, .af-prose ol { padding: 20px 46px 20px 20px; margin: 22px 0; border: 1px solid var(--af-line); border-right: 5px solid var(--af-cobalt); border-radius: 12px; background: #f5f9fc; }
.af-prose li { margin-bottom: 11px; }
.af-prose blockquote { border: 2px solid #bfdedb; border-right: 6px solid var(--af-teal); background: #e8f5f3; color: #133c42; font-size: 1.05rem; }
.af-prose img { border: 2px solid var(--af-line); }
.af-prose table { font-size: 0.98rem; border: 2px solid var(--af-line-2); border-radius: 12px; overflow: hidden; }
.af-prose th, .af-prose td { padding: 14px 15px; }
.af-prose td { color: #17324a; }
.af-prose tbody tr:nth-child(even) { background: #f3f8fb; }
.af-prose a { color: #0a5a97; font-weight: 700; }
.af-article-direct { border: var(--af-frame-strong); }
.af-article-direct span { font-size: 0.9rem; }
.af-article-direct b { font-size: 1.15rem; }
.af-contact-pair b { font-size: 0.93rem; }
.af-contact-pair small { font-size: 0.85rem; opacity: .95; }
.af-article-end h2 { font-size: 1.35rem; color: #fff; }
.af-article-end span { font-size: 0.92rem; }
.post-navigation a { border: var(--af-frame-strong); }
.post-navigation span { font-size: 0.85rem; }
.post-navigation b { font-size: 0.98rem; line-height: 1.6; }

/* ---------- 11) الشريط الجانبي ---------- */
.af-sidebar__section { border: var(--af-frame-strong); }
.af-sidebar__section > header { border-bottom: 2px solid var(--af-line); }
.af-sidebar__section > header h2 { font-size: 1.05rem; }
.af-sidebar__section > header span { font-size: 0.88rem; }
.af-sidebar__quote h2 { font-size: 1.28rem; }
.af-sidebar__quote p { font-size: 0.94rem; }
.af-sidebar__quote a { font-size: 0.96rem; padding: 13px 15px; }
.af-side-tools a { border: 1px solid var(--af-line); background: #f4f8fb; }
.af-side-tools b { font-size: 0.93rem; }
.af-side-tools small { font-size: 0.82rem; }
.af-destination-links a { padding: 8px 12px; border: 1px solid var(--af-line); font-size: 0.88rem; }
.af-side-recent > a { padding: 8px; border: 1px solid var(--af-line); border-radius: 11px; background: #f7fafc; }
.af-side-recent b { font-size: 0.92rem; line-height: 1.6; }
.af-side-recent small { font-size: 0.82rem; }
.af-sidebar__help small { font-size: 0.85rem; }
.af-sidebar__help b { font-size: 0.95rem; }
.af-sidebar__help > a { font-size: 0.93rem; }

/* ---------- 12) صفحات الموقع المستوردة: تأطير عام ---------- */
.af-rich-page > p {
	padding: 22px 26px;
	border: 1px solid var(--af-line);
	border-right: 5px solid var(--af-cobalt);
	border-radius: 14px;
	background: #fff;
	color: #14293b;
	font-size: 1.06rem;
	line-height: 2;
	margin-top: 26px;
	margin-bottom: 26px;
}
.af-rich-page > h2 {
	margin-top: 60px;
	margin-bottom: 22px;
	padding: 18px 24px;
	border: 2px solid var(--af-line-2);
	border-right: 9px solid var(--af-orange);
	border-radius: 16px;
	background: linear-gradient(90deg, #e9f3f9, #fff);
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	line-height: 1.55;
}
.af-rich-page > h3 {
	margin-top: 38px;
	margin-bottom: 16px;
	padding: 13px 18px;
	border-right: 6px solid var(--af-teal);
	border-radius: 11px;
	background: #eaf6f4;
	color: #0a4f4b;
	font-size: 1.32rem;
}
.af-rich-page > ul, .af-rich-page > ol {
	padding: 24px 52px 24px 26px;
	margin-top: 26px;
	margin-bottom: 26px;
	border: 2px solid var(--af-line);
	border-right: 6px solid var(--af-green);
	border-radius: 16px;
	background: #fff;
	font-size: 1.04rem;
	line-height: 1.95;
}
.af-rich-page li { margin-bottom: 11px; color: #14293b; }
.af-rich-page > table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid var(--af-line-2);
	border-radius: 14px;
	overflow: hidden;
	font-size: 1rem;
}
.af-rich-page th, .af-rich-page td { padding: 14px 16px; border: 1px solid var(--af-line); }
.af-rich-page th { background: var(--af-navy); color: #fff; }
.af-rich-page tbody tr:nth-child(even) { background: #f3f8fb; }
.af-rich-page > blockquote {
	padding: 24px 28px;
	border: 2px solid #bfdedb;
	border-right: 7px solid var(--af-teal);
	border-radius: 14px;
	background: #e9f5f3;
	color: #123a40;
	font-size: 1.06rem;
}
.af-rich-page > figure, .af-rich-page > img { border: 2px solid var(--af-line); border-radius: 18px; overflow: hidden; }
.af-page-intro-v3, .af-content-split, .af-content-grid,
.af-content-steps, .af-page-faq, .af-page-form-anchor { border: var(--af-frame-strong); }
.af-content-grid__items article, .af-content-steps li { border: var(--af-frame-strong); }
.af-content-grid__items h3, .af-content-steps h3 { font-size: 1.1rem; line-height: 1.6; }
.af-content-grid__items p, .af-content-steps li p { font-size: 0.96rem; line-height: 1.85; }
.af-v3-checks li { font-size: 0.95rem; min-height: 54px; border: 1px solid var(--af-line); }
.af-page-intro-v3 p, .af-content-split p, .af-content-grid header p,
.af-content-steps header p, .af-content-callout p { font-size: 1.02rem; line-height: 1.95; }
.af-page-intro-v3 small, .af-content-split small,
.af-content-grid header small, .af-page-faq header small { font-size: 0.95rem; }

/* نماذج (طلب عرض السعر) — تأطير كل عنصر */
.af-rich-page form, .af-page-form-anchor form {
	display: grid;
	gap: 16px;
	padding: 26px;
	border: 2px solid var(--af-line-2);
	border-top: 7px solid var(--af-orange);
	border-radius: 20px;
	background: #fff;
}
.af-rich-page fieldset, .af-page-form-anchor fieldset {
	padding: 20px;
	border: 2px solid var(--af-line);
	border-radius: 16px;
	background: #f6fafc;
}
.af-rich-page legend, .af-page-form-anchor legend {
	padding: 7px 14px;
	border: 2px solid var(--af-cobalt);
	border-radius: 10px;
	background: #fff;
	color: var(--af-cobalt);
	font-size: 0.98rem;
	font-weight: 900;
}
.af-rich-page label, .af-page-form-anchor label { display: block; color: var(--af-navy); font-size: 0.97rem; font-weight: 800; margin-bottom: 7px; }
.af-rich-page input:not([type="submit"]):not([type="button"]),
.af-rich-page select, .af-rich-page textarea,
.af-page-form-anchor input:not([type="submit"]):not([type="button"]),
.af-page-form-anchor select, .af-page-form-anchor textarea {
	width: 100%;
	min-height: 54px;
	padding: 13px 15px;
	border: 2px solid var(--af-line);
	border-radius: 12px;
	background: #fff;
	color: var(--af-ink);
	font-size: 1rem;
}
.af-rich-page textarea, .af-page-form-anchor textarea { min-height: 140px; line-height: 1.9; }
.af-rich-page input:focus, .af-rich-page select:focus, .af-rich-page textarea:focus,
.af-page-form-anchor input:focus, .af-page-form-anchor select:focus, .af-page-form-anchor textarea:focus {
	outline: 0;
	border-color: var(--af-cobalt);
	box-shadow: 0 0 0 4px rgba(15,95,158,.13);
}
.af-rich-page button, .af-rich-page input[type="submit"],
.af-page-form-anchor button, .af-page-form-anchor input[type="submit"] {
	min-height: 60px;
	padding: 14px 28px;
	border: 0;
	border-radius: 13px;
	background: var(--af-orange);
	color: #fff;
	font-size: 1.05rem;
	font-weight: 900;
}

/* ---------- 13) الأرشيف والبحث ---------- */
.af-archive-hero { background: linear-gradient(135deg, var(--af-deep), #0b4066); }
.af-archive-hero p { font-size: 1.02rem; }
.af-search-form { border: 2px solid rgba(255,255,255,.35); }
.af-search-form input { height: 52px; font-size: 1rem; }
.af-archive-side section { border: var(--af-frame-strong); }
.af-archive-side h2 { font-size: 1.2rem; }
.af-archive-side p { font-size: 0.96rem; }
.af-archive-side li { font-size: 0.95rem; padding: 11px 0; }
.nav-links .page-numbers { min-width: 48px; height: 48px; font-size: 0.98rem; border: 2px solid var(--af-line); }

/* ---------- 14) الفوتر: تأطير كل عنصر ---------- */
.site-footer { background: linear-gradient(180deg, #04182a, #061f33); border-top: 5px solid var(--af-orange); }
.footer-cta { padding: 42px 0; }
.footer-cta__copy span { display: inline-block; padding: 7px 14px; border: 1px solid rgba(255,255,255,.25); border-radius: 50px; background: rgba(255,255,255,.07); font-size: 0.95rem; }
.footer-cta h2 { color: #fff; margin-top: 14px; }
.footer-brand-panel { grid-template-columns: 250px 1fr; gap: 34px; padding: 40px 0; }
.site-logo--footer { width: 240px; height: 190px; border: 3px solid rgba(255,255,255,.15); }
.footer-brand-panel__copy h2 { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 2px solid rgba(255,255,255,.14); color: #fff; font-size: 1.5rem; }
.footer-brand-panel__copy h2 span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.08); }
.footer-about-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.footer-about-grid p {
	margin: 0;
	padding: 16px 18px;
	border: 1px solid rgba(255,255,255,.14);
	border-right: 4px solid var(--af-orange);
	border-radius: 13px;
	background: rgba(255,255,255,.045);
	color: #d5e5ee;
	font-size: 0.95rem;
	line-height: 1.95;
}
.footer-about-grid p b { display: block; margin-bottom: 6px; color: #ffb175; font-size: 0.98rem; }
.footer-route-badges span { padding: 9px 14px; font-size: 0.9rem; border-color: rgba(255,255,255,.2); }
.footer-contact { flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.footer-contact > a { padding: 12px 16px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
.footer-contact > a:hover { background: rgba(239,108,18,.2); border-color: rgba(239,108,18,.5); }
.footer-contact small { font-size: 0.85rem; color: #b0c7d6; }
.footer-contact b { font-size: 0.98rem; }

.footer-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; padding: 40px 0; }
.footer-col {
	padding: 20px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 16px;
	background: rgba(255,255,255,.035);
}
.footer-col h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	padding: 11px 13px;
	border: 1px solid rgba(255,255,255,.17);
	border-right: 4px solid var(--af-orange);
	border-radius: 11px;
	background: rgba(255,255,255,.07);
	color: #fff;
	font-size: 1rem;
}
.footer-col h3 i { font-style: normal; font-size: 1.1rem; }
.footer-grid ul { gap: 7px; }
.footer-grid li a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 11px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 9px;
	background: rgba(255,255,255,.03);
	color: #cfdfe9;
	font-size: 0.93rem;
	line-height: 1.6;
}
.footer-grid li a em { font-style: normal; color: var(--af-orange); }
.footer-grid li a:hover { padding-right: 11px; background: rgba(239,108,18,.16); border-color: rgba(239,108,18,.4); color: #fff; }
.footer-bottom { padding: 22px 0 30px; border-top: 2px solid rgba(255,255,255,.1); font-size: 0.9rem; color: #a9c0ce; }

/* ---------- 15) الأزرار العائمة ---------- */
.af-floating-tools { left: 18px; bottom: 22px; gap: 10px; }
.af-float-action { width: 56px; height: 56px; border: 2px solid rgba(255,255,255,.35); border-radius: 16px; }
.af-float-action .af-icon { width: 26px; height: 26px; }
.af-float-action::after { font-size: 0.9rem; padding: 9px 13px; border: 1px solid rgba(255,255,255,.2); }
.af-float-action.is-whatsapp { background: #25d366; color: #fff; }
.af-float-action.is-whatsapp:hover { background: #1eb457; }
.af-icon--whatsapp { width: 27px; height: 27px; }

/* ---------- 16) الجوال ---------- */
@media (max-width: 1180px) {
	.desktop-nav { display: none; }
	.header-actions { margin-right: auto; }
	.mobile-menu-toggle { display: grid; }
}

@media (max-width: 920px) {
	.af-article-hero__inner { grid-template-columns: 1fr; }
	.af-article-hero__visual { order: -1; min-height: 300px; border-right: 0; border-bottom: 2px solid var(--af-line); }
	.footer-about-grid { grid-template-columns: 1fr 1fr; }
	.footer-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 860px) {
	/* الهيرو الرئيسي: الصورة أولًا بتظليل خفيف ثم الوصف تحتها */
	.af-v3-hero {
		display: block;
		min-height: 0;
		background: linear-gradient(180deg, #05192c, #082c48);
	}
	.af-v3-hero__bg { position: relative; inset: auto; z-index: 0; }
	.af-v3-hero__image { position: relative; width: 100%; height: auto; aspect-ratio: 16 / 10; }
	.af-v3-hero__overlay { background: linear-gradient(0deg, rgba(4,20,34,.55) 0%, rgba(4,20,34,.06) 40%, rgba(4,20,34,0) 100%); }
	.af-v3-hero__stamp {
		display: inline-flex;
		position: absolute;
		right: 14px;
		bottom: 14px;
		z-index: 2;
		padding: 9px 14px;
		border: 1px solid rgba(255,255,255,.3);
		border-radius: 11px;
		background: rgba(5,25,44,.72);
		color: #fff;
		font-size: 0.9rem;
		font-weight: 800;
		backdrop-filter: blur(6px);
	}
	.af-v3-hero__inner { padding-block: 28px 40px; }
	.af-v3-hero__copy { width: 100%; }
	.af-v3-hero h1 { text-shadow: none; font-size: 1.75rem; line-height: 1.55; }

	/* هيرو الصفحات الداخلية */
	.af-page-hero { display: block; min-height: 0; background: linear-gradient(180deg, #05192c, #082c48); }
	.af-page-hero__bg { position: relative; inset: auto; z-index: 0; }
	.af-page-hero__bg > img { position: relative; width: 100%; height: auto; aspect-ratio: 16 / 10; }
	.af-page-hero__shade { background: linear-gradient(0deg, rgba(4,20,34,.5) 0%, rgba(4,20,34,.05) 42%, rgba(4,20,34,0) 100%); }
	.af-page-hero__inner { padding-block: 24px 38px; }
	.af-page-hero h1 { font-size: 1.7rem; line-height: 1.55; }
}

@media (max-width: 700px) {
	.af-article-hero { padding: 22px 0 34px; }
	.af-article-hero__copy { padding: 26px 20px; }
	.af-article-hero h1 { font-size: 1.5rem; line-height: 1.6; }
	.af-article-meta { grid-template-columns: 1fr; }
	.af-article-layout { padding: 26px 0 55px; }
	.af-prose { padding: 24px 18px; font-size: 1.04rem; line-height: 2.05; }
	.af-prose h2 { font-size: 1.28rem; padding: 13px 15px; }
	.af-prose h3 { font-size: 1.14rem; }
	.af-prose ul, .af-prose ol { padding: 16px 34px 16px 16px; }
	.af-journey-map { width: 100%; }
	.af-journey-map__title small { display: block; }
	.af-journey-map li a { font-size: 0.95rem; }
	.breadcrumbs { font-size: 0.85rem; padding: 8px 11px; }
	.af-rich-page > p, .af-rich-page > ul, .af-rich-page > ol { padding: 18px 20px; }
	.af-rich-page > ul, .af-rich-page > ol { padding-right: 40px; }
	.af-rich-page > h2 { padding: 14px 16px; }
	.footer-about-grid, .footer-grid { grid-template-columns: 1fr; }
	.footer-brand-panel { grid-template-columns: 1fr; }
	.af-floating-tools { left: 12px; bottom: 14px; gap: 8px; }
	.af-float-action { width: 50px; height: 50px; border-radius: 14px; }
	.af-v3-section-head { padding: 22px 20px; }
	.af-post-card h3 { font-size: 1.08rem; }
}

@media (max-width: 430px) {
	.footer-cta__actions { grid-template-columns: 1fr; }
	.af-v3-hero h1 { font-size: 1.6rem; }
}