/* =========================================================
   الصفحة الرئيسية
   ========================================================= */

/* ---------- الهيرو ---------- */
.bq-hero {
	position: relative;
	height: clamp(460px, 74vh, 700px);
	overflow: hidden;
	background: var(--bq-beige);
}
.bq-hero__slides { position: absolute; inset: 0; }
.bq-hero__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 900ms var(--bq-ease), visibility 900ms;
}
.bq-hero__slide.is-active { opacity: 1; visibility: visible; }

.bq-hero__media { position: absolute; inset: 0; }
.bq-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.bq-hero__slide.is-active .bq-hero__media img { animation: bq-hero-zoom 9s var(--bq-ease-out) both; }
@keyframes bq-hero-zoom {
	from { transform: scale(1.08); }
	to { transform: scale(1); }
}

.bq-hero__overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to left, rgba(36, 30, 34, .58) 0%, rgba(36, 30, 34, .18) 55%, transparent 100%),
		linear-gradient(to top, rgba(36, 30, 34, .35), transparent 45%);
}
html:not([dir=rtl]) .bq-hero__overlay {
	background:
		linear-gradient(to right, rgba(36, 30, 34, .58) 0%, rgba(36, 30, 34, .18) 55%, transparent 100%),
		linear-gradient(to top, rgba(36, 30, 34, .35), transparent 45%);
}

.bq-hero__content {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	max-width: var(--bq-container);
	color: #fff;
	text-align: start;
}
.bq-hero__eyebrow {
	font-family: var(--bq-font-latin);
	font-style: italic;
	font-size: 1.15rem;
	letter-spacing: .22em;
	color: var(--bq-primary-soft);
	direction: ltr;
	margin-bottom: 10px;
}
.bq-hero__title {
	font-size: var(--bq-fs-3xl);
	font-weight: 400;
	line-height: 1.18;
	max-width: 16ch;
	margin: 0 0 var(--bq-sp-3);
	text-shadow: 0 2px 24px rgba(0, 0, 0, .28);
}
.bq-hero__sub {
	font-size: var(--bq-fs-md);
	max-width: 40ch;
	color: rgba(255, 255, 255, .92);
	margin-bottom: var(--bq-sp-5);
}
.bq-hero__actions { display: flex; gap: var(--bq-sp-3); flex-wrap: wrap; }

/* حركة دخول محتوى الشريحة */
.bq-hero__slide .bq-hero__eyebrow,
.bq-hero__slide .bq-hero__title,
.bq-hero__slide .bq-hero__sub,
.bq-hero__slide .bq-hero__actions { opacity: 0; transform: translateY(22px); }
.bq-hero__slide.is-active .bq-hero__eyebrow { animation: bq-hero-in 800ms var(--bq-ease-out) 180ms both; }
.bq-hero__slide.is-active .bq-hero__title { animation: bq-hero-in 800ms var(--bq-ease-out) 300ms both; }
.bq-hero__slide.is-active .bq-hero__sub { animation: bq-hero-in 800ms var(--bq-ease-out) 420ms both; }
.bq-hero__slide.is-active .bq-hero__actions { animation: bq-hero-in 800ms var(--bq-ease-out) 540ms both; }
@keyframes bq-hero-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

.bq-hero__dots {
	position: absolute;
	inset-block-end: 26px;
	inset-inline-start: 50%;
	transform: translateX(50%);
	display: flex;
	gap: 10px;
	z-index: 3;
}
html:not([dir=rtl]) .bq-hero__dots { transform: translateX(-50%); }
.bq-hero__dot {
	width: 30px;
	height: 3px;
	background: rgba(255, 255, 255, .42);
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	padding: 0;
	transition: background var(--bq-t-fast), width var(--bq-t-fast);
}
.bq-hero__dot.is-active { background: var(--bq-primary-soft); width: 46px; }

/* ---------- التصنيفات ---------- */
.bq-scroller { display: grid; gap: clamp(12px, 1.6vw, 22px); }
.bq-cats { grid-template-columns: repeat(4, 1fr); }

.bq-cat {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--bq-r-lg);
	background: var(--bq-beige);
}
.bq-cat__media {
	display: block;
	aspect-ratio: 4 / 5;
	overflow: hidden;
}
.bq-cat__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 900ms var(--bq-ease-out);
}
.bq-cat:hover .bq-cat__media img { transform: scale(1.07); }
.bq-cat__fallback {
	display: grid;
	place-items: center;
	width: 100%; height: 100%;
	background: linear-gradient(150deg, var(--bq-primary-pale), var(--bq-rose-soft));
	color: var(--bq-primary);
}
.bq-cat::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(36, 30, 34, .72) 0%, rgba(36, 30, 34, .12) 46%, transparent 70%);
	pointer-events: none;
}
.bq-cat__body {
	position: absolute;
	inset-block-end: 0;
	inset-inline: 0;
	z-index: 2;
	padding: var(--bq-sp-4);
	color: #fff;
	text-align: center;
}
.bq-cat__name {
	display: block;
	font-family: var(--bq-font-head);
	font-size: var(--bq-fs-md);
	font-weight: 500;
}
.bq-cat__count { display: block; font-size: var(--bq-fs-xs); color: rgba(255,255,255,.75); margin-top: 2px; }
.bq-cat__cta {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 8px;
	font-size: var(--bq-fs-xs);
	color: var(--bq-primary-soft);
	opacity: 0;
	transform: translateY(8px);
	transition: opacity var(--bq-t), transform var(--bq-t);
}
.bq-cat:hover .bq-cat__cta, .bq-cat:focus-visible .bq-cat__cta { opacity: 1; transform: translateY(0); }

/* ---------- البنر الترويجي ---------- */
.bq-banner {
	position: relative;
	overflow: hidden;
	min-height: clamp(300px, 42vw, 460px);
	display: grid;
	place-items: center;
	background: var(--bq-wine);
	margin-block: var(--bq-section);
}
.bq-banner__media { position: absolute; inset: -8% 0; will-change: transform; }
.bq-banner__media img { width: 100%; height: 100%; object-fit: cover; }
.bq-banner__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(36,30,34,.28), rgba(36,30,34,.62));
}
.bq-banner__content { position: relative; text-align: center; color: #fff; padding-block: var(--bq-sp-8); }
.bq-banner__content .bq-eyebrow { color: var(--bq-primary-soft); }
.bq-banner__title { font-size: var(--bq-fs-2xl); font-weight: 400; margin-bottom: var(--bq-sp-3); }
.bq-banner__text { color: rgba(255,255,255,.88); max-width: 50ch; margin-inline: auto; margin-bottom: var(--bq-sp-5); }

/* ---------- المجموعات ---------- */
.bq-collections {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(14px, 1.8vw, 24px);
}
.bq-collection {
	position: relative;
	grid-column: span 2;
	overflow: hidden;
	border-radius: var(--bq-r-lg);
	background: var(--bq-beige);
	min-height: 320px;
}
.bq-collection--large { grid-column: span 4; }
.bq-collection__media { position: absolute; inset: 0; }
.bq-collection__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 1100ms var(--bq-ease-out);
}
.bq-collection:hover .bq-collection__media img { transform: scale(1.05); }
.bq-collection::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(36,30,34,.7), rgba(36,30,34,.05) 62%);
}
.bq-collection__body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	min-height: 320px;
	padding: var(--bq-sp-6);
	color: #fff;
}
.bq-collection__name { font-family: var(--bq-font-head); font-size: var(--bq-fs-xl); font-weight: 500; }
.bq-collection__sub { font-size: var(--bq-fs-sm); color: rgba(255,255,255,.82); margin-top: 6px; max-width: 34ch; }
.bq-collection__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	align-self: flex-start;
	margin-top: var(--bq-sp-4);
	padding-bottom: 4px;
	border-bottom: 1px solid var(--bq-primary-soft);
	font-size: var(--bq-fs-sm);
	color: var(--bq-primary-soft);
	transition: gap var(--bq-t-fast);
}
.bq-collection:hover .bq-collection__cta { gap: 15px; }

/* ---------- العدّاد التنازلي ---------- */
.bq-countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--bq-sp-4);
	flex-wrap: wrap;
	margin-bottom: var(--bq-sp-6);
	padding: var(--bq-sp-4);
	background: var(--bq-primary-pale);
	border-radius: var(--bq-r-lg);
}
.bq-countdown__label { font-family: var(--bq-font-head); font-size: var(--bq-fs-sm); color: var(--bq-primary-deep); }
.bq-countdown__units { display: flex; gap: 10px; }
.bq-countdown__unit {
	display: grid;
	min-width: 62px;
	padding: 8px 6px;
	background: var(--bq-surface);
	border-radius: var(--bq-r);
	text-align: center;
	box-shadow: var(--bq-shadow-sm);
}
.bq-countdown__unit b { font-family: var(--bq-font-head); font-size: var(--bq-fs-lg); line-height: 1.2; font-variant-numeric: tabular-nums; }
.bq-countdown__unit i { font-style: normal; font-size: var(--bq-fs-xs); color: var(--bq-muted); }

/* ---------- الثقة ---------- */
.bq-trust {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(18px, 2.4vw, 34px);
}
.bq-trust__item {
	text-align: center;
	padding: var(--bq-sp-5) var(--bq-sp-4);
	background: var(--bq-surface);
	border: 1px solid var(--bq-line);
	border-radius: var(--bq-r-lg);
	transition: transform var(--bq-t), box-shadow var(--bq-t), border-color var(--bq-t);
}
.bq-trust__item:hover {
	transform: translateY(-4px);
	box-shadow: var(--bq-shadow);
	border-color: var(--bq-primary-soft);
}
.bq-trust__icon {
	display: grid;
	place-items: center;
	width: 62px; height: 62px;
	margin: 0 auto var(--bq-sp-3);
	border-radius: 50%;
	background: linear-gradient(150deg, var(--bq-primary-pale), var(--bq-rose-soft));
	color: var(--bq-primary-deep);
}
.bq-trust__title { font-size: var(--bq-fs-base); margin-bottom: 6px; }
.bq-trust__text { font-size: var(--bq-fs-sm); color: var(--bq-muted); margin: 0; }

/* ---------- الآراء ---------- */
.bq-carousel--quotes .bq-carousel__cell--quote { flex: 0 0 min(420px, 88%); }
.bq-quote {
	height: 100%;
	margin: 0;
	padding: var(--bq-sp-6);
	background: var(--bq-surface);
	border: 1px solid var(--bq-line);
	border-radius: var(--bq-r-lg);
	position: relative;
}
.bq-quote::before {
	content: '”';
	position: absolute;
	inset-block-start: 6px;
	inset-inline-end: 22px;
	font-family: var(--bq-font-latin);
	font-size: 5rem;
	line-height: 1;
	color: var(--bq-primary-pale);
}
.bq-quote__text {
	margin: var(--bq-sp-3) 0 var(--bq-sp-4);
	font-size: var(--bq-fs-base);
	line-height: 1.9;
	quotes: none;
}
.bq-quote__by { display: flex; align-items: center; gap: 12px; }
.bq-quote__avatar img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.bq-quote__name { font-family: var(--bq-font-head); font-weight: 500; font-size: var(--bq-fs-sm); }
.bq-quote__name i { display: block; font-style: normal; font-size: var(--bq-fs-xs); color: var(--bq-muted); font-family: var(--bq-font-body); }

/* ---------- إنستغرام ---------- */
.bq-insta { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.bq-insta__item { position: relative; display: block; overflow: hidden; border-radius: var(--bq-r); aspect-ratio: 1; }
.bq-insta__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--bq-ease-out); }
.bq-insta__item:hover img { transform: scale(1.08); }
.bq-insta__hover {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(107, 34, 51, .6);
	color: #fff;
	opacity: 0;
	transition: opacity var(--bq-t);
}
.bq-insta__item:hover .bq-insta__hover { opacity: 1; }

/* ---------- النشرة ---------- */
.bq-section--news { background: var(--bq-primary-pale); }
.bq-news { display: grid; grid-template-columns: 1fr 1fr; gap: var(--bq-sp-6); align-items: center; }
.bq-news__title { font-size: var(--bq-fs-xl); margin-bottom: 6px; }
.bq-news__sub { color: var(--bq-muted); margin: 0; }
.bq-newsform { display: flex; gap: 10px; flex-wrap: wrap; position: relative; }
.bq-newsform input { flex: 1; min-width: 220px; }
.bq-newsform__msg {
	flex-basis: 100%;
	margin: 4px 0 0;
	font-size: var(--bq-fs-sm);
	min-height: 20px;
}
.bq-newsform__msg.is-ok { color: var(--bq-ok); }
.bq-newsform__msg.is-error { color: var(--bq-sale); }

/* ---------- مقالات ---------- */
.bq-post__media img { border-radius: var(--bq-r-lg); aspect-ratio: 4/3; object-fit: cover; }
.bq-post__title { font-size: var(--bq-fs-md); margin: var(--bq-sp-3) 0 6px; }
.bq-post__excerpt { font-size: var(--bq-fs-sm); color: var(--bq-muted); }
.bq-single__media img { border-radius: var(--bq-r-lg); margin-bottom: var(--bq-sp-6); }

/* =========================================================
   قسم الفيديو
   ========================================================= */
.bq-section--video { background: var(--bq-beige); }
.bq-video {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: clamp(24px, 4vw, 60px);
	align-items: center;
}
.bq-video__text .bq-rule { margin-inline: 0; }
.bq-rule--start { justify-content: flex-start; }
.bq-video__title { font-size: var(--bq-fs-2xl); font-weight: 400; }
.bq-video__desc { color: var(--bq-muted); max-width: 42ch; }

.bq-video__player {
	position: relative;
	aspect-ratio: 16 / 10;
	border-radius: var(--bq-r-lg);
	overflow: hidden;
	background: var(--bq-wine);
	box-shadow: var(--bq-shadow);
}
.bq-video__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bq-video__el { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; }
.bq-video__frame { position: absolute; inset: 0; }
.bq-video__frame iframe { width: 100%; height: 100%; border: 0; }

.bq-video__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 78px; height: 78px;
	display: grid;
	place-items: center;
	background: rgba(255, 255, 255, .92);
	color: var(--bq-wine);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	padding-inline-start: 4px;
	transition: transform var(--bq-t), background var(--bq-t-fast), color var(--bq-t-fast);
}
.bq-video__play:hover { transform: scale(1.08); background: #fff; color: var(--bq-primary-deep); }
.bq-video__play-ring {
	position: absolute;
	inset: -10px;
	border: 2px solid rgba(255, 255, 255, .6);
	border-radius: 50%;
	animation: bq-ring 2.4s var(--bq-ease-out) infinite;
}
@keyframes bq-ring {
	0% { transform: scale(1); opacity: .8; }
	100% { transform: scale(1.35); opacity: 0; }
}
.bq-video__player.has-poster::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(36, 30, 34, .1), rgba(36, 30, 34, .32));
	pointer-events: none;
	transition: opacity var(--bq-t);
}
.bq-video__player.is-playing .bq-video__poster,
.bq-video__player.is-playing .bq-video__play,
.bq-video__player.is-playing::after { display: none; }

/* =========================================================
   قسم البرامج/الخدمات
   ========================================================= */
.bq-coming {
	position: relative;
	overflow: hidden;
	border-radius: var(--bq-r-lg);
	padding: clamp(48px, 7vw, 96px) var(--bq-gutter);
	text-align: center;
	background:
		linear-gradient(150deg, rgba(107, 34, 51, .90), rgba(107, 34, 51, .78)),
		var(--bq-coming-bg, linear-gradient(150deg, var(--bq-wine), var(--bq-primary-deep)));
	background-size: cover;
	background-position: center;
	color: #fff;
	isolation: isolate;
}
.bq-coming__glow {
	position: absolute;
	inset-block-start: -40%;
	inset-inline-start: 50%;
	transform: translateX(50%);
	width: 620px;
	height: 620px;
	max-width: 120%;
	background: radial-gradient(circle, rgba(232, 207, 146, .32), transparent 62%);
	pointer-events: none;
	z-index: -1;
	animation: bq-glow 7s ease-in-out infinite alternate;
}
@keyframes bq-glow {
	from { opacity: .55; transform: translateX(50%) scale(.9); }
	to { opacity: 1; transform: translateX(50%) scale(1.08); }
}
html:not([dir=rtl]) .bq-coming__glow { transform: translateX(-50%); animation-name: bq-glow-ltr; }
@keyframes bq-glow-ltr {
	from { opacity: .55; transform: translateX(-50%) scale(.9); }
	to { opacity: 1; transform: translateX(-50%) scale(1.08); }
}
.bq-coming__inner { position: relative; max-width: 620px; margin-inline: auto; }
.bq-coming__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 18px;
	margin-bottom: var(--bq-sp-4);
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(232, 207, 146, .5);
	border-radius: var(--bq-r-pill);
	font-family: var(--bq-font-head);
	font-size: var(--bq-fs-sm);
	letter-spacing: .04em;
	color: var(--bq-primary-soft);
	backdrop-filter: blur(4px);
}
.bq-coming__badge svg { color: var(--bq-primary-soft); }
.bq-coming__icon {
	display: grid;
	place-items: center;
	width: 74px; height: 74px;
	margin: 0 auto var(--bq-sp-4);
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(232, 207, 146, .4);
	color: var(--bq-primary-soft);
}
.bq-coming__title { font-size: var(--bq-fs-2xl); font-weight: 400; margin-bottom: var(--bq-sp-3); }
.bq-coming__text { color: rgba(255, 255, 255, .9); max-width: 46ch; margin-inline: auto; margin-bottom: var(--bq-sp-5); }

.bq-coming__form { justify-content: center; max-width: 480px; margin-inline: auto; }
.bq-coming__form input {
	background: rgba(255, 255, 255, .95);
	border-color: transparent;
	flex: 1;
	min-width: 200px;
}
.bq-coming__form input:focus { box-shadow: 0 0 0 3px rgba(232, 207, 146, .5); }
.bq-coming__form .bq-newsform__msg { color: #fff; }
.bq-coming__form .bq-newsform__msg.is-ok { color: var(--bq-primary-soft); }
.bq-coming__form .bq-newsform__msg.is-error { color: #ffd9d9; }

/* صفحة البرامج والخدمات المستقلة */
.bq-cosmetics-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(64px, 9vw, 130px) var(--bq-gutter);
	text-align: center;
	color: #fff;
	isolation: isolate;
	background:
		linear-gradient(160deg, rgba(107, 34, 51, .92), rgba(82, 26, 40, .86)),
		var(--bq-coming-bg, linear-gradient(160deg, var(--bq-wine), var(--bq-primary-deep)));
	background-size: cover;
	background-position: center;
}
.bq-cosmetics-hero__inner { position: relative; max-width: 640px; margin-inline: auto; }
.bq-cosmetics-hero .bq-rule { --bq-primary: var(--bq-primary-soft); }
.bq-cosmetics-hero .bq-rule__mark { color: var(--bq-primary-soft); }
.bq-cosmetics-hero__title { font-size: var(--bq-fs-3xl); font-weight: 400; }
.bq-cosmetics-hero__text { color: rgba(255, 255, 255, .9); max-width: 52ch; margin-inline: auto; margin-bottom: var(--bq-sp-5); }
.bq-cosmetics-hero .bq-coming__form { margin-bottom: var(--bq-sp-4); }
.bq-cosmetics-hero__wa {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: var(--bq-fs-sm);
	color: var(--bq-primary-soft);
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	transition: border-color var(--bq-t-fast);
}
.bq-cosmetics-hero__wa:hover { border-color: var(--bq-primary-soft); }


/* ---------- شريط التحويل أسفل الهيرو ---------- */
.bq-home-conversion { background: var(--bq-surface); border-bottom: 1px solid var(--bq-line); }
.bq-home-conversion__inner { min-height: 92px; display: grid; grid-template-columns: 1.25fr 1.4fr auto; align-items: center; gap: 24px; padding-block: 18px; }
.bq-home-conversion__copy { display: grid; gap: 3px; }
.bq-home-conversion__eyebrow { color: var(--bq-wine); font-size: var(--bq-fs-xs); font-weight: 600; }
.bq-home-conversion__copy strong { font-family: var(--bq-font-head); font-size: var(--bq-fs-base); font-weight: 500; }
.bq-home-conversion__points { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.bq-home-conversion__points li { display: inline-flex; align-items: center; gap: 7px; color: var(--bq-muted); font-size: var(--bq-fs-sm); white-space: nowrap; }
.bq-home-conversion__points svg { color: var(--bq-primary-deep); }
.bq-home-conversion__actions { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.bq-home-conversion__offers { color: var(--bq-wine); font-size: var(--bq-fs-sm); text-decoration: underline; text-underline-offset: 4px; }

/* ============================================================
   أقسام Amani Clinic الجديدة
   ============================================================ */

.bq-container--narrow { max-width: 860px; }

/* ---------- حسب العمر ---------- */
.bq-byage {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: var(--bq-sp-4);
}
.bq-byage__card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--bq-line);
	border-radius: var(--bq-r-lg);
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.bq-byage__card:hover { transform: translateY(-4px); box-shadow: var(--bq-shadow); border-color: var(--bq-primary-soft); }
.bq-byage__media {
	position: relative;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bq-primary-pale);
	overflow: hidden;
}
.bq-byage__media img { width: 100%; height: 100%; object-fit: cover; }
.bq-byage__badge { position: relative; color: var(--bq-primary); }
.bq-byage__badge b {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--bq-font-head); font-size: 1rem; color: var(--bq-primary-deep);
}
.bq-byage__body { padding: var(--bq-sp-4); display: flex; flex-direction: column; gap: 6px; flex: 1; }
.bq-byage__title { font-family: var(--bq-font-head); font-weight: 600; color: var(--bq-text); }
.bq-byage__text { font-size: var(--bq-fs-sm); color: var(--bq-muted); line-height: 1.7; flex: 1; }
.bq-byage__cta { display: inline-flex; align-items: center; gap: 5px; color: var(--bq-primary-deep); font-size: var(--bq-fs-sm); font-weight: 500; margin-top: 4px; }

/* ---------- من نحن ---------- */
.bq-about { display: grid; grid-template-columns: 1fr 1.1fr; gap: var(--bq-sp-7); align-items: center; }
.bq-about__media { border-radius: var(--bq-r-lg); overflow: hidden; background: var(--bq-beige); aspect-ratio: 6 / 5; display: flex; align-items: center; justify-content: center; }
.bq-about__media img { width: 100%; height: 100%; object-fit: cover; }
.bq-about__ph { color: var(--bq-primary-soft); }
.bq-about__title { font-family: var(--bq-font-head); font-size: var(--bq-fs-2xl); color: var(--bq-text); margin: var(--bq-sp-2) 0 var(--bq-sp-3); line-height: 1.3; }
.bq-about__text { color: var(--bq-muted); line-height: 1.9; }
.bq-about__stats { display: flex; flex-wrap: wrap; gap: var(--bq-sp-5); list-style: none; padding: 0; margin: var(--bq-sp-4) 0; }
.bq-about__stats li { display: flex; flex-direction: column; }
.bq-about__stats strong { font-family: var(--bq-font-head); font-size: var(--bq-fs-2xl); color: var(--bq-primary-deep); }
.bq-about__stats span { font-size: var(--bq-fs-sm); color: var(--bq-muted); }
.bq-about__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--bq-sp-3); }

/* ---------- خدمات المركز ---------- */
.bq-services { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--bq-sp-4); }
.bq-service {
	--bq-service-bg: #fff;
	--bq-service-border: var(--bq-line);
	--bq-service-icon-bg: var(--bq-primary-pale);
	--bq-service-accent: var(--bq-primary-deep);
	background: var(--bq-service-bg);
	border: 1px solid var(--bq-service-border);
	border-radius: var(--bq-r-lg);
	padding: var(--bq-sp-5);
	display: flex; flex-direction: column; gap: 8px;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.bq-service:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(38,50,56,.09); }
.bq-service--large { grid-column: span 2; }
.bq-service__icon {
	width: 58px; height: 58px; border-radius: 50%;
	background: var(--bq-service-icon-bg); color: var(--bq-service-accent);
	display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.bq-service__icon img { width: 100%; height: 100%; object-fit: cover; }
.bq-service__title { font-family: var(--bq-font-head); font-size: var(--bq-fs-lg); color: var(--bq-text); }
.bq-service__age { display: inline-flex; align-items: center; gap: 5px; font-size: var(--bq-fs-xs); color: var(--bq-service-accent); }
.bq-service__age svg { color: var(--bq-service-accent); }
.bq-service__text { font-size: var(--bq-fs-sm); color: #536267; line-height: 1.8; flex: 1; }
.bq-service__cta { display: inline-flex; align-items: center; gap: 5px; color: var(--bq-service-accent); font-weight: 700; font-size: var(--bq-fs-sm); margin-top: 4px; }
.bq-services__foot { text-align: center; margin-top: var(--bq-sp-6); }

/* كل بطاقة خدمة بلون باستيل مستقل ومتناسق مع هوية المركز. */
.bq-service:nth-child(8n + 1) {
	--bq-service-bg: #eef9f5;
	--bq-service-border: #bfe3d7;
	--bq-service-icon-bg: #d8f1e8;
	--bq-service-accent: #267a68;
}
.bq-service:nth-child(8n + 2) {
	--bq-service-bg: #eef6fc;
	--bq-service-border: #c5deef;
	--bq-service-icon-bg: #dbeaf7;
	--bq-service-accent: #3979a6;
}
.bq-service:nth-child(8n + 3) {
	--bq-service-bg: #f7f1fb;
	--bq-service-border: #decfeb;
	--bq-service-icon-bg: #ecdef5;
	--bq-service-accent: #79559a;
}
.bq-service:nth-child(8n + 4) {
	--bq-service-bg: #fff1f6;
	--bq-service-border: #f0cad8;
	--bq-service-icon-bg: #f8dce6;
	--bq-service-accent: #b85f7e;
}
.bq-service:nth-child(8n + 5) {
	--bq-service-bg: #fff4ed;
	--bq-service-border: #efd0bc;
	--bq-service-icon-bg: #f9dfce;
	--bq-service-accent: #bd6f43;
}
.bq-service:nth-child(8n + 6) {
	--bq-service-bg: #fff9e9;
	--bq-service-border: #eadba7;
	--bq-service-icon-bg: #f7ebba;
	--bq-service-accent: #94721c;
}
.bq-service:nth-child(8n + 7) {
	--bq-service-bg: #ecf9f8;
	--bq-service-border: #c2e5e2;
	--bq-service-icon-bg: #d6f0ee;
	--bq-service-accent: #2e827e;
}
.bq-service:nth-child(8n + 8) {
	--bq-service-bg: #f2f9ef;
	--bq-service-border: #cee3c7;
	--bq-service-icon-bg: #dfeedd;
	--bq-service-accent: #568449;
}

/* ---------- كيف تختار ---------- */
.bq-howto { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--bq-sp-4); list-style: none; padding: 0; margin: 0; counter-reset: howto; }
.bq-howto__step { position: relative; background: var(--bq-beige); border-radius: var(--bq-r-lg); padding: var(--bq-sp-5); display: flex; flex-direction: column; gap: 8px; }
.bq-howto__num {
	position: absolute; inset-inline-end: var(--bq-sp-4); top: var(--bq-sp-4);
	font-family: var(--bq-font-head); font-size: 2rem; font-weight: 700; color: var(--bq-primary-soft); opacity: .5;
}
.bq-howto__icon { width: 52px; height: 52px; border-radius: 14px; background: #fff; color: var(--bq-primary-deep); display: flex; align-items: center; justify-content: center; }
.bq-howto__title { font-family: var(--bq-font-head); font-size: var(--bq-fs-lg); color: var(--bq-text); }
.bq-howto__text { font-size: var(--bq-fs-sm); color: var(--bq-muted); line-height: 1.8; }
.bq-howto__foot { text-align: center; margin-top: var(--bq-sp-6); }

/* ---------- الأسئلة الشائعة ---------- */
.bq-faq { display: flex; flex-direction: column; gap: 12px; }
.bq-faq__item { background: #fff; border: 1px solid var(--bq-line); border-radius: var(--bq-r); overflow: hidden; }
.bq-faq__q {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: var(--bq-sp-4) var(--bq-sp-5);
	cursor: pointer; list-style: none;
	font-family: var(--bq-font-head); font-weight: 600; color: var(--bq-text);
}
.bq-faq__q::-webkit-details-marker { display: none; }
.bq-faq__q svg { transition: transform .25s ease; color: var(--bq-primary-deep); flex-shrink: 0; }
.bq-faq__item[open] .bq-faq__q svg { transform: rotate(180deg); }
.bq-faq__a { padding: 0 var(--bq-sp-5) var(--bq-sp-4); color: var(--bq-muted); line-height: 1.9; }
.bq-faq__a p:last-child { margin-bottom: 0; }

/* ---------- CTA ---------- */
.bq-section--cta { background: var(--bq-primary-pale); }
.bq-cta { text-align: center; max-width: 680px; margin-inline: auto; }
.bq-cta__mark { display: inline-flex; width: 64px; height: 64px; border-radius: 50%; background: #fff; color: var(--bq-yellow); align-items: center; justify-content: center; margin-bottom: var(--bq-sp-3); }
.bq-cta__title { font-family: var(--bq-font-head); font-size: var(--bq-fs-2xl); color: var(--bq-text); margin-bottom: var(--bq-sp-2); }
.bq-cta__text { color: var(--bq-muted); line-height: 1.9; margin-bottom: var(--bq-sp-4); }
.bq-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

/* ---------- نصائح للأهل ---------- */
.bq-tips { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--bq-sp-5); }
.bq-tip { background: #fff; border: 1px solid var(--bq-line); border-radius: var(--bq-r-lg); overflow: hidden; display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease; }
.bq-tip:hover { transform: translateY(-4px); box-shadow: var(--bq-shadow); }
.bq-tip__media { display: block; aspect-ratio: 3 / 2; background: var(--bq-primary-pale); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.bq-tip__media img { width: 100%; height: 100%; object-fit: cover; }
.bq-tip__ph { color: var(--bq-primary-soft); }
.bq-tip__body { padding: var(--bq-sp-4); display: flex; flex-direction: column; gap: 8px; flex: 1; }
.bq-tip__date { font-size: var(--bq-fs-xs); color: var(--bq-muted); }
.bq-tip__title { font-family: var(--bq-font-head); font-size: var(--bq-fs-lg); line-height: 1.4; }
.bq-tip__title a { color: var(--bq-text); }
.bq-tip__title a:hover { color: var(--bq-primary-deep); }
.bq-tip__excerpt { font-size: var(--bq-fs-sm); color: var(--bq-muted); line-height: 1.8; flex: 1; }
.bq-tip__more { display: inline-flex; align-items: center; gap: 5px; color: var(--bq-primary-deep); font-weight: 600; font-size: var(--bq-fs-sm); }

@media (max-width: 820px) {
	.bq-about { grid-template-columns: 1fr; gap: var(--bq-sp-5); }
	.bq-service--large { grid-column: auto; }
}

/* ---------- ترويسة صفحة عامة (قالب البرامج) ---------- */
.bq-page-hero { padding-block: var(--bq-section); background: var(--bq-primary-pale); text-align: center; }
.bq-page-hero__inner { max-width: 760px; margin-inline: auto; }
.bq-page-hero__title { font-family: var(--bq-font-head); font-size: var(--bq-fs-3xl); color: var(--bq-text); line-height: 1.25; }
.bq-page-hero__text { color: var(--bq-muted); line-height: 1.9; margin-top: var(--bq-sp-3); }

/* ---------- الدفاتر الذكية ---------- */
.bq-section--smart-notebooks {
	background:
		radial-gradient(circle at 8% 12%, rgba(234,158,190,.15), transparent 25%),
		radial-gradient(circle at 92% 82%, rgba(112,201,185,.16), transparent 26%),
		var(--bq-bg);
}
.bq-section-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: var(--bq-sp-5);
	padding: 9px 15px;
	background: var(--bq-primary-pale);
	border: 1px solid var(--bq-line);
	border-radius: var(--bq-r-pill);
	color: var(--bq-primary-deep);
	font-size: var(--bq-fs-sm);
	font-weight: 500;
}
.bq-section-badge svg { color: var(--bq-primary); }


.bq-quote__name small {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	font-weight: 400;
	color: var(--bq-muted);
	font-family: var(--bq-font-body);
}
.bq-testimonials__actions {
	display: flex;
	justify-content: center;
	margin-top: var(--bq-sp-5);
}
.bq-instagram-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 48px;
	padding: 11px 20px;
	border: 1px solid #dfc4d7;
	border-radius: 999px;
	background: linear-gradient(135deg, #fff7fb, #f4fbfb);
	color: #8b3f72;
	font-weight: 700;
	box-shadow: 0 8px 24px rgba(81, 41, 71, .08);
	transition: transform var(--bq-t-fast), box-shadow var(--bq-t-fast), border-color var(--bq-t-fast);
}
.bq-instagram-btn:hover {
	transform: translateY(-2px);
	border-color: #c892b7;
	box-shadow: 0 12px 28px rgba(81, 41, 71, .13);
}