/* ═══════════════════════════════════════════════
   HOME PAGE — يطابق home.tsx من ملفات التصميم
═══════════════════════════════════════════════ */

/* ───────── المتغيرات المستخدمة هنا ──────────── */
/* متغيرات الصفحة الرئيسية (تكميل لما في base.css) */
:root {
	--abaya-charcoal:   #1A1714;
	--abaya-cream:      #F5EFE6;
	--abaya-ivory:      #FAF7F4;
	--abaya-blush:      #F0E8DF;
	--abaya-warm-gray:  #9B9189;
	--abaya-rose-gold:  #B76E79;
	--abaya-dark:       #1A1714;
}

/* ═══════════════════════════════════════════════
   HERO V2 — بطل الصفحة الرئيسية
═══════════════════════════════════════════════ */
.abaya-hero-v2 {
	position: relative;
	height: 580px;
	overflow: hidden;
}

/* صورة الخلفية */
.abaya-hero-v2__bg-wrap {
	position: absolute;
	inset: 0;
}
.abaya-hero-v2__bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.08);
}

/* طبقات التدرج */
.abaya-hero-v2__grad-bottom {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(26, 23, 20, 0.90) 0%,
		rgba(26, 23, 20, 0.35) 50%,
		rgba(26, 23, 20, 0.12) 100%
	);
	z-index: 2;
}
.abaya-hero-v2__grad-side {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to left,
		rgba(26, 23, 20, 0.45) 0%,
		transparent 60%
	);
	z-index: 2;
}

/* ─── نجوم ساقطة (Shooting Stars) ─── */
@keyframes abaya-shoot {
	0%   { opacity: 0; transform: rotate(var(--ss-angle, 30deg)) translateX(0); }
	6%   { opacity: 1; }
	86%  { opacity: 1; }
	100% { opacity: 0; transform: rotate(var(--ss-angle, 30deg)) translateX(var(--ss-dist, 130px)); }
}

.abaya-shooting-stars {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 5;
}
.abaya-ss {
	display: block;
	position: absolute;
	height: 1.5px;
	border-radius: 9999px;
	background: linear-gradient(90deg, transparent, #fff, rgba(255,255,255,0.6), transparent);
	transform-origin: right center;
	animation: abaya-shoot var(--ss-dur, 0.9s) var(--ss-delay, 0s) ease-out infinite;
	filter: drop-shadow(0 0 4px rgba(255,255,255,0.9));
	animation-delay: var(--ss-delay, 0s);
}
.abaya-ss--1 { width: 90px;  top:  8%; left:  5%; --ss-angle: 30deg; --ss-delay:  0.0s; --ss-dur: 0.9s;  --ss-dist: 130px; }
.abaya-ss--2 { width: 110px; top:  2%; left: 15%; --ss-angle: 35deg; --ss-delay:  1.4s; --ss-dur: 0.75s; --ss-dist: 140px; }
.abaya-ss--3 { width: 75px;  top:  5%; left: 50%; --ss-angle: 25deg; --ss-delay:  0.6s; --ss-dur: 1.0s;  --ss-dist: 120px; }
.abaya-ss--4 { width: 95px;  top:  3%; left: 70%; --ss-angle: 40deg; --ss-delay:  2.2s; --ss-dur: 0.8s;  --ss-dist: 130px; }
.abaya-ss--5 { width: 80px;  top: 10%; left: 85%; --ss-angle: 28deg; --ss-delay:  3.5s; --ss-dur: 0.65s; --ss-dist: 110px; }
.abaya-ss--6 { width: 100px; top:  1%; left: 30%; --ss-angle: 33deg; --ss-delay:  1.9s; --ss-dur: 0.85s; --ss-dist: 135px; }
.abaya-ss--7 { width: 70px;  top:  7%; left: 60%; --ss-angle: 22deg; --ss-delay:  4.1s; --ss-dur: 0.70s; --ss-dist: 105px; }
.abaya-ss--8 { width: 120px; top: 15%; left:  2%; --ss-angle: 38deg; --ss-delay:  2.8s; --ss-dur: 0.95s; --ss-dist: 145px; }

/* ─── كرات عائمة ─── */
@keyframes abaya-float-orb {
	0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: 0.3; }
	50%       { transform: translateY(-14px) translateX(7px) scale(1.08); opacity: 0.5; }
}
.abaya-hero-v2__orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(40px);
	pointer-events: none;
	animation: abaya-float-orb var(--orb-dur, 5s) var(--orb-delay, 0s) ease-in-out infinite;
}
.abaya-hero-v2__orb--1 {
	width: 120px; height: 120px;
	right: 30%; top: 10%;
	background: radial-gradient(circle, rgba(196,168,130,0.35), transparent);
	--orb-dur: 5s; --orb-delay: 0s;
}
.abaya-hero-v2__orb--2 {
	width: 80px; height: 80px;
	left: 10%; top: 22%;
	background: radial-gradient(circle, rgba(183,110,121,0.28), transparent);
	--orb-dur: 7s; --orb-delay: 1.5s;
}
.abaya-hero-v2__orb--3 {
	width: 60px; height: 60px;
	right: 10%; top: 50%;
	background: radial-gradient(circle, rgba(196,168,130,0.22), transparent);
	--orb-dur: 6s; --orb-delay: 0.8s;
}

/* ─── حلقات زخرفية ─── */
@keyframes abaya-ring-pulse {
	0%, 100% { transform: scale(1);    opacity: 0.25; }
	50%       { transform: scale(1.12); opacity: 0.52; }
}
.abaya-hero-v2__ring {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(196, 168, 130, 0.3);
	pointer-events: none;
	animation: abaya-ring-pulse 5s ease-in-out infinite;
}
.abaya-hero-v2__ring--outer {
	width: 96px; height: 96px;
	top: 3rem; right: 2rem;
}
.abaya-hero-v2__ring--inner {
	width: 64px; height: 64px;
	top: calc(3rem + 16px); right: calc(2rem + 16px);
	animation-delay: 0.5s;
	border-color: rgba(196, 168, 130, 0.4);
}

/* ─── أيقونة التاج ─── */
@keyframes abaya-crown-float {
	0%, 100% { transform: translateY(0)   rotate(-3deg); }
	50%       { transform: translateY(-5px) rotate(3deg); }
}
.abaya-hero-v2__crown {
	position: absolute;
	top: 3.5rem;
	right: 3.75rem;
	color: rgba(196, 168, 130, 0.45);
	z-index: 6;
	animation: abaya-crown-float 5s ease-in-out infinite;
}

/* ─── المحتوى ─── */
.abaya-hero-v2__content-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.abaya-hero-v2__content {
	padding: 1.75rem;
}
@media (min-width: 640px) {
	.abaya-hero-v2__content { padding: 2rem 2.5rem; }
}

/* علامة التميز */
@keyframes abaya-spin-slow {
	to { transform: rotate(360deg); }
}
.abaya-hero-v2__eyebrow {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
	color: rgba(196, 168, 130, 0.92);
	font-size: 0.72rem;
	letter-spacing: 0.18em;
}
.abaya-hero-v2__sparkle {
	animation: abaya-spin-slow 5s linear infinite;
	flex-shrink: 0;
}

/* العنوان */
.abaya-hero-v2__title {
	font-family: var(--abaya-font-display, 'Amiri', serif);
	font-size: 2.4rem;
	line-height: 1.22;
	color: #fff;
	margin-bottom: 0.5rem;
	text-shadow: 0 2px 20px rgba(0,0,0,0.35);
}
@media (min-width: 768px) {
	.abaya-hero-v2__title { font-size: 3rem; }
}

/* الوصف */
.abaya-hero-v2__desc {
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.78rem;
	line-height: 1.9;
	margin-block: 0.75rem 1.5rem;
	max-width: 300px;
}

/* زر التسوق */
.abaya-hero-v2__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--abaya-primary);
	color: #fff;
	padding: 0.875rem 2rem;
	border-radius: 9999px;
	font-size: 0.85rem;
	position: relative;
	overflow: hidden;
	transition: background 0.3s, box-shadow 0.3s, transform 0.3s;
}
.abaya-hero-v2__btn:hover {
	background: var(--abaya-primary-hover);
	box-shadow: 0 8px 26px rgba(196, 168, 130, 0.42);
	transform: scale(1.03);
	color: #fff;
}
/* بريق الزر المتحرك */
@keyframes abaya-btn-shine {
	0%   { transform: translateX(-120%) skewX(-20deg); opacity: 0.7; }
	100% { transform: translateX(220%)  skewX(-20deg); opacity: 0; }
}
.abaya-hero-v2__btn-shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);
	animation: abaya-btn-shine 2.5s 1.5s ease-in-out infinite;
	pointer-events: none;
}
.abaya-hero-v2__btn-text { position: relative; z-index: 1; }

/* ═══════════════════════════════════════════════
   GOLDEN DIVIDER — الفاصل الذهبي
═══════════════════════════════════════════════ */
.abaya-golden-divider {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.625rem;
	margin-block: 0.25rem;
}
.abaya-golden-divider__line--r {
	display: block;
	width: 3rem;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--abaya-champagne));
}
.abaya-golden-divider__line--l {
	display: block;
	width: 3rem;
	height: 1px;
	background: linear-gradient(to left, transparent, var(--abaya-champagne));
}
.abaya-golden-divider__gem {
	color: var(--abaya-champagne);
	flex-shrink: 0;
}

/* ═══════════════════════════════════════════════
   SECTION HEADING — عنوان القسم
═══════════════════════════════════════════════ */
.abaya-sh {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 1.25rem;
}
.abaya-sh--center {
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 1.5rem;
}
.abaya-sh--center .abaya-golden-divider {
	justify-content: center;
}
.abaya-sh__left {
	flex: 1;
}
.abaya-sh__title {
	font-family: var(--abaya-font-display, 'Amiri', serif);
	font-size: 1.3rem;
	color: var(--abaya-charcoal);
	margin-bottom: 0.1rem;
}
.abaya-sh__link {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--abaya-champagne);
	font-size: 0.75rem;
	white-space: nowrap;
	padding-bottom: 0.25rem;
	transition: color 0.2s;
}
.abaya-sh__link:hover { color: var(--abaya-champagne-dark); }

/* ═══════════════════════════════════════════════
   TRUST BADGES
═══════════════════════════════════════════════ */
.abaya-trust-section {
	padding-inline: 0;
	padding-block: 1.25rem;
}
.abaya-trust-card {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, var(--abaya-cream), var(--abaya-blush));
	border-radius: 1rem;
	padding: 1rem;
	box-shadow: 0 2px 12px rgba(196,168,130,0.12);
}
.abaya-trust-card__pattern {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	opacity: 0.06;
	pointer-events: none;
	font-size: 1.4rem;
	color: var(--abaya-champagne);
}
.abaya-trust-badges {
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
}
.abaya-trust-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.375rem;
}
.abaya-trust-badge__icon {
	width: 2.25rem;
	height: 2.25rem;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	color: var(--abaya-champagne);
}
.abaya-trust-badge__title {
	font-size: 0.65rem;
	font-weight: 500;
	color: var(--abaya-charcoal);
}
.abaya-trust-badge__sub {
	font-size: 0.55rem;
	color: var(--abaya-warm-gray);
}

/* ═══════════════════════════════════════════════
   STATS
═══════════════════════════════════════════════ */
.abaya-stats-section {
	padding-block: 0 1.5rem;
}
.abaya-stats-card {
	background: var(--abaya-charcoal);
	border-radius: 1rem;
	padding: 1.25rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(26,23,20,0.18);
}
@keyframes abaya-bg-glow {
	0%, 100% { background: radial-gradient(circle at 30% 50%, rgba(196,168,130,0.08) 0%, transparent 60%); }
	50%       { background: radial-gradient(circle at 70% 50%, rgba(196,168,130,0.08) 0%, transparent 60%); }
}
.abaya-stats-bg-glow {
	position: absolute;
	inset: 0;
	animation: abaya-bg-glow 8s ease-in-out infinite;
	pointer-events: none;
}
.abaya-stats-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	position: relative;
}
.abaya-stats-value {
	font-family: var(--abaya-font-display, 'Amiri', serif);
	font-size: 1.6rem;
	color: var(--abaya-champagne);
	line-height: 1;
}
.abaya-stats-label {
	font-size: 0.62rem;
	color: rgba(255,255,255,0.55);
}
.abaya-stats-divider {
	width: 1px;
	height: 2.5rem;
	background: rgba(255,255,255,0.1);
}

/* ═══════════════════════════════════════════════
   SECTIONS — أقسام عامة
═══════════════════════════════════════════════ */
.abaya-section {
	padding-block: 2rem;
}
.abaya-section--nopad {
	padding-block: 0 2rem;
}
.abaya-section--cats {
	padding-block: 0 2rem;
}
.abaya-section--products {
	padding-block: 0 2.5rem;
}
.abaya-section--reviews {
	padding-block: 0 2.5rem;
}
.abaya-section--showcase {
	padding-block: 0 2.5rem;
}

/* ═══════════════════════════════════════════════
   CATEGORIES
═══════════════════════════════════════════════ */
.abaya-cats-scroll {
	display: flex;
	gap: 0.75rem;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-bottom: 0.5rem;
}
.abaya-cats-scroll::-webkit-scrollbar { display: none; }

.abaya-cat-card {
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	background: var(--abaya-cream);
	border-radius: 1rem;
	padding: 1.25rem 1.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	min-width: 110px;
	transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	text-decoration: none;
}
.abaya-cat-card:hover {
	background: var(--abaya-blush);
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(196,168,130,0.18);
}
.abaya-cat-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(196,168,130,0.12), transparent);
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}
.abaya-cat-card:hover .abaya-cat-card__overlay { opacity: 1; }

.abaya-cat-card__img-wrap {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	overflow: hidden;
}
.abaya-cat-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abaya-cat-card__icon {
	font-size: 1.6rem;
	line-height: 1;
	display: block;
}
.abaya-cat-card__name {
	font-size: 0.75rem;
	color: var(--abaya-charcoal);
	text-align: center;
	position: relative;
}

/* ═══════════════════════════════════════════════
   PRODUCT GRIDS — شبكة المنتجات
═══════════════════════════════════════════════ */
.abaya-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
@media (min-width: 640px) {
	.abaya-products-grid--home { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
}
@media (min-width: 1024px) {
	.abaya-products-grid--home { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}

/* ═══════════════════════════════════════════════
   CAMPAIGN BANNER
═══════════════════════════════════════════════ */
.abaya-campaign-banner {
	position: relative;
	border-radius: 1.5rem;
	overflow: hidden;
	height: 220px;
}
.abaya-campaign-banner__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abaya-campaign-banner__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to left, rgba(26,23,20,0.82) 0%, rgba(26,23,20,0.5) 50%, transparent 100%);
}
.abaya-campaign-banner__glow {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(196,168,130,0.4), transparent);
	filter: blur(10px);
	animation: abaya-scale-pulse 3s ease-in-out infinite;
}
@keyframes abaya-scale-pulse {
	0%, 100% { transform: scale(1); opacity: 0.5; }
	50%       { transform: scale(1.4); opacity: 1; }
}
.abaya-campaign-banner__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	padding: 1.75rem;
}
.abaya-campaign-banner__eyebrow {
	color: var(--abaya-champagne);
	font-size: 0.65rem;
	letter-spacing: 0.15em;
	margin-bottom: 0.5rem;
}
.abaya-campaign-banner__title {
	font-family: var(--abaya-font-display, 'Amiri', serif);
	font-size: 1.3rem;
	color: #fff;
	margin-bottom: 0.375rem;
}
.abaya-campaign-banner__desc {
	color: rgba(255,255,255,0.62);
	font-size: 0.68rem;
	line-height: 1.8;
	margin-bottom: 1.25rem;
	text-align: right;
}
.abaya-campaign-banner__btn {
	background: rgba(196,168,130,0.2);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	color: #fff;
	border: 1px solid rgba(196,168,130,0.45);
	padding: 0.5rem 1.25rem;
	border-radius: 9999px;
	font-size: 0.72rem;
	transition: background 0.3s, border-color 0.3s;
}
.abaya-campaign-banner__btn:hover {
	background: var(--abaya-primary);
	border-color: var(--abaya-primary);
	color: #fff;
}

/* ═══════════════════════════════════════════════
   REVIEWS — آراء العملاء
═══════════════════════════════════════════════ */
.abaya-reviews-scroll {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding: 0.5rem 1rem 1rem;
}
.abaya-reviews-scroll::-webkit-scrollbar { display: none; }

.abaya-review-card {
	flex-shrink: 0;
	width: 240px;
	background: var(--abaya-cream);
	border-radius: 1rem;
	padding: 1.25rem;
	position: relative;
	overflow: hidden;
}
.abaya-review-card__quote {
	position: absolute;
	top: -0.75rem;
	right: 0.75rem;
	font-size: 5rem;
	line-height: 1;
	color: var(--abaya-champagne);
	opacity: 0.06;
	font-family: serif;
	pointer-events: none;
}
.abaya-review-card__stars {
	display: flex;
	gap: 0.15rem;
	margin-bottom: 0.75rem;
}
.abaya-review-card__text {
	font-size: 0.75rem;
	line-height: 1.8;
	color: var(--abaya-charcoal);
	margin-bottom: 1rem;
}
.abaya-review-card__author {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.abaya-review-card__avatar {
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	background: rgba(196,168,130,0.18);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
	color: var(--abaya-champagne);
	flex-shrink: 0;
}
.abaya-review-card__name {
	font-size: 0.72rem;
	color: var(--abaya-charcoal);
}

/* ═══════════════════════════════════════════════
   STORY BANNER
═══════════════════════════════════════════════ */
.abaya-story-banner {
	position: relative;
	border-radius: 1.5rem;
	overflow: hidden;
	height: 260px;
}
.abaya-story-banner__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abaya-story-banner__overlay {
	position: absolute;
	inset: 0;
	background: rgba(26, 23, 20, 0.58);
}
.abaya-story-banner__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2rem;
}
@keyframes abaya-ring-breath {
	0%, 100% { transform: scale(1);   border-color: rgba(196,168,130,0.35); }
	50%       { transform: scale(1.1); border-color: rgba(196,168,130,0.75); }
}
.abaya-story-banner__icon-ring {
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid rgba(196,168,130,0.4);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--abaya-champagne);
	margin-bottom: 1rem;
	animation: abaya-ring-breath 3s ease-in-out infinite;
}
.abaya-story-banner__eyebrow {
	font-size: 0.6rem;
	letter-spacing: 0.25em;
	color: rgba(196,168,130,0.9);
	margin-bottom: 0.5rem;
}
.abaya-story-banner__title {
	font-family: var(--abaya-font-display, 'Amiri', serif);
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 0.75rem;
}
.abaya-story-banner__desc {
	font-size: 0.72rem;
	line-height: 1.9;
	color: rgba(255,255,255,0.62);
}

/* ═══════════════════════════════════════════════
   COLLECTION SHOWCASE
═══════════════════════════════════════════════ */
.abaya-showcase-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;
	margin-top: 1.25rem;
}
.abaya-showcase-item {
	position: relative;
	border-radius: 0.75rem;
	overflow: hidden;
	aspect-ratio: 1;
	display: block;
}
.abaya-showcase-item__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.abaya-showcase-item:hover .abaya-showcase-item__img {
	transform: scale(1.1);
}
.abaya-showcase-item__overlay {
	position: absolute;
	inset: 0;
	background: rgba(26,23,20,0);
	transition: background 0.3s;
}
.abaya-showcase-item:hover .abaya-showcase-item__overlay {
	background: rgba(26,23,20,0.22);
}
.abaya-showcase-item__icon {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s;
}
.abaya-showcase-item:hover .abaya-showcase-item__icon {
	opacity: 1;
}

/* ═══════════════════════════════════════════════
   NEWSLETTER — يطابق Newsletter في التصميم
═══════════════════════════════════════════════ */
.abaya-newsletter-card {
	position: relative;
	border-radius: 1.5rem;
	overflow: hidden;
	background: var(--abaya-charcoal);
	padding: 1.75rem;
	text-align: center;
}
.abaya-newsletter-card__glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 0%, rgba(196,168,130,0.12), transparent 60%);
	animation: abaya-newsletter-glow 3s ease-in-out infinite;
	pointer-events: none;
}
@keyframes abaya-newsletter-glow {
	0%, 100% { opacity: 0.08; }
	50%       { opacity: 0.15; }
}
.abaya-newsletter-card__inner {
	position: relative;
}
.abaya-newsletter-card__crown {
	color: var(--abaya-champagne);
	display: flex;
	justify-content: center;
	margin-bottom: 0.75rem;
}
.abaya-newsletter-card__title {
	color: #fff;
	font-family: var(--abaya-font-display);
	font-size: 1.2rem;
	margin: 0 0 0.5rem;
}
.abaya-newsletter-card__desc {
	color: rgba(255,255,255,0.5);
	font-size: 0.72rem;
	margin: 0 0 1.25rem;
}
.abaya-newsletter-card__form {
	display: flex;
	gap: 0.5rem;
}
.abaya-newsletter-card__input {
	flex: 1;
	background: rgba(255,255,255,0.1);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 9999px;
	padding: 0.75rem 1rem;
	font-size: 0.78rem;
	outline: none;
	transition: border-color 0.25s;
	text-align: left;
}
.abaya-newsletter-card__input::placeholder {
	color: rgba(255,255,255,0.3);
}
.abaya-newsletter-card__input:focus {
	border-color: rgba(196,168,130,0.5);
}
.abaya-newsletter-card__btn {
	background: var(--abaya-primary);
	color: #fff;
	border: none;
	border-radius: 9999px;
	padding: 0.75rem 1.25rem;
	font-size: 0.78rem;
	cursor: pointer;
	transition: background 0.2s, transform 0.15s;
	white-space: nowrap;
}
.abaya-newsletter-card__btn:hover {
	background: var(--abaya-primary-hover);
}
.abaya-newsletter-card__btn:active {
	transform: scale(0.96);
}