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

/* ---------- الهيرو ---------- */
.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; }

/* =========================================================
   قسم الكوزمتكس — قريبًا / Coming Soon
   ========================================================= */
.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); }