/* ════════════════════════════════════════════════════════════════
 * آنية — مكتبة المكوّنات (Design System) v1. توكن-بيور (كل الألوان من tokens.css).
 * تُحمّل عبر aneya_ds_enqueue(). المرجع الحيّ: ?aneya_ds=1 (خلف الدخول).
 * الحاوية · العناوين · الأزرار+حالات · الحقول · الشارات · البطاقات · بطاقات المنتجات ·
 * toast · التحميل · الحالات الفارغة · الهيدر · النافبار · درج القائمة · الفوتر · النافبار السفلي.
 * ════════════════════════════════════════════════════════════════ */

body.aneya-standalone { font-family: var(--font); background: var(--surface-canvas); color: var(--ink); font-size: 16px; line-height: 1.8; -webkit-font-smoothing: antialiased; margin: 0; }
.aneya-standalone svg.i { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.aneya-standalone svg.f { fill: currentColor; stroke: none; }
.aneya-standalone a { text-decoration: none; }
.aneya-standalone a:not(.a-btn) { color: inherit; } /* الروابط ترث اللون — عدا الأزرار (تحتفظ بلون متغيّرها) */
.aneya-standalone *, .aneya-standalone *::before, .aneya-standalone *::after { box-sizing: border-box; }
/* السمة hidden تُخفي دائماً (تتجاوز أي display: flex/grid صريح) */
body.aneya-standalone [hidden] { display: none !important; }
/* الإطار — على الموبايل عمود كامل، مركزّ لشاشات أكبر */
.aneya-shell { width: 100%; max-width: var(--container-max); margin: 0 auto; background: var(--surface-page); min-height: 100vh; position: relative; overflow-x: clip; }
/* ── الهيدر ── */
.a-top { background: var(--surface-card); padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20; transition: transform .3s ease; }
/* الموبايل: إخفاء ذكيّ عند النزول، إظهار عند الصعود (JS يبدّل .a-hidden) */
.a-top.a-hidden { transform: translateY(-100%); }
@media (prefers-reduced-motion: reduce) { .a-top { transition: none; } }
.a-logo { font-size: 19px; font-weight: 500; color: var(--plum-600); display: flex; align-items: center; gap: 6px; }
.a-logo .custom-logo-link { display: flex; align-items: center; line-height: 0; }
.a-logo img, .a-logo .custom-logo { max-height: 30px !important; width: auto !important; height: auto !important; display: block; }
.a-icons { display: flex; gap: 16px; color: var(--ink-secondary); align-items: center; }
/* عناصر هيدر الديسكتوب/التابلت — مخفية على الموبايل (يستعمل الدرج) */
.a-dsearch, .a-daccount, .a-dnav { display: none; }
.a-cartwrap { position: relative; display: flex; }
.a-cartcount { position: absolute; top: -6px; left: -8px; background: var(--plum-600); color: #fff; font-size: 10px; min-width: 16px; height: 16px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding: 0 4px; }
/* ── الأقسام (مطابقة لـ aneya-product-mobile-final) ── */
.a-sec { padding: 18px 16px; }
.a-sec > h2 { font-size: 18px; font-weight: 500; margin: 0 0 14px; }
/* ── كمّل مطبخك (related) ── */
.a-rel { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a-rc { background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-card); padding: 10px; display: block; color: var(--ink); }
.a-rimg { aspect-ratio: 1/1; background: var(--plum-50); border-radius: 6px; margin-bottom: 8px; overflow: hidden; }

/* ── البطاقة العامّة (a-card): حدّ line · زاوية r-card · حشوة s4 · بلا ظلّ ── */
.a-card { background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-card); padding: var(--s4); }
.a-rimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.a-rn { font-size: 13px; line-height: 1.4; }
.a-rp { font-size: 14px; font-weight: 500; margin-top: 4px; color: var(--ink); }
.a-rp .woocommerce-Price-currencySymbol { font-size: 12px; font-weight: 400; }
/* ── الفوتر ── */
.a-foot { background: var(--plum-900); color: #fff; padding: 26px 16px 16px; margin-top: 8px; }
.a-foot-brand { font-size: 22px; font-weight: 500; margin-bottom: 8px; }
.a-foot-desc { font-size: 13px; line-height: 1.75; opacity: .72; margin-bottom: 20px; }
.a-foot-wa { display: flex; align-items: center; justify-content: center; gap: 9px; background: var(--ok); color: #fff; font-size: 14.5px; font-weight: 500; padding: 13px; border-radius: var(--r-control); margin-bottom: 22px; }
.a-foot-cols { display: flex; gap: 16px; margin-bottom: 20px; }
.a-foot-col { flex: 1; }
.a-foot-h { font-size: 13px; font-weight: 500; margin-bottom: 9px; opacity: .55; }
.a-foot-l { font-size: 13.5px; line-height: 2.1; opacity: .85; display: block; }
.a-foot-soc { display: flex; gap: 18px; justify-content: center; padding: 18px 0; border-top: 1px solid var(--line-on-dark); opacity: .85; }
.a-foot-pay { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; opacity: .6; padding-bottom: 16px; border-bottom: 1px solid var(--line-on-dark); }
.a-foot-cr { font-size: 11.5px; opacity: .45; text-align: center; padding-top: 14px; line-height: 1.7; }
/* ── عيّنات cfvsw بهويتنا: حدّ رفيع، 8px، والمختار بإطار بنفسجي (تجاوز البرتقالي var(--star)) ── */
body.aneya-standalone .cfvsw-swatches-container, body.aneya-standalone .cfvsw-product-container {
	--cfvsw-swatches-border-color: var(--plum-600) !important;
	--cfvsw-swatches-border-color-hover: var(--plum-200) !important;
	--cfvsw-swatches-border-width: 2px !important;
	display: flex; flex-wrap: wrap; gap: 8px; margin: 0;
}
body.aneya-standalone .cfvsw-swatches-option { border-radius: 8px !important; min-width: 40px !important; min-height: 40px !important; }
body.aneya-standalone .cfvsw-swatch-inner { border-radius: 7px !important; border: 1px solid var(--line) !important; }
/* ── عيّنات نصية (شكل/عدد): شرائح متسقة — ارتفاع موحّد + حشو متساوٍ، عرض يلائم النص ── */
body.aneya-standalone .cfvsw-label-option { min-width: 56px !important; min-height: 40px !important; padding: 0 !important; border: 1px solid var(--line) !important; border-radius: 8px !important; font-size: 13px !important; }
body.aneya-standalone .cfvsw-label-option .cfvsw-swatch-inner { border: 0 !important; width: 100% !important; height: 100% !important; padding: 8px 14px !important; color: var(--ink); }
body.aneya-standalone .cfvsw-label-option.cfvsw-selected-swatch { border-color: var(--plum-600) !important; }
/* ── المعطّل/نافد المخزون: باهت + شطب هادئ — لا ✕ حمراء (تجاوز dashicon f335) ── */
body.aneya-standalone .cfvsw-swatches-blur-cross::before, body.aneya-standalone .cfvsw-swatches-blur-cross-disable::before,
body.aneya-standalone .cfvsw-swatches-hide-disable::before, body.aneya-standalone .cfvsw-swatches-blur::before,
body.aneya-standalone .cfvsw-swatches-blur-disable::before { content: none !important; background: none !important; }
body.aneya-standalone .cfvsw-swatches-out-of-stock, body.aneya-standalone .cfvsw-swatches-disabled,
body.aneya-standalone .cfvsw-swatches-option[class*="blur-cross"] { opacity: .45 !important; }
body.aneya-standalone .cfvsw-swatches-out-of-stock .cfvsw-swatch-inner, body.aneya-standalone .cfvsw-swatches-disabled .cfvsw-swatch-inner,
body.aneya-standalone .cfvsw-swatches-option[class*="blur-cross"] .cfvsw-swatch-inner { text-decoration: line-through !important; text-decoration-color: var(--ink-hint) !important; }
@keyframes a-spin { to { transform: rotate(360deg); } }
/* ══════════════════════════════════════════════════════════════════════════
 * درج السلة الجانبي (مرجع: aneya-cart-drawer.html) — منطق Store API الرسمي
 * ══════════════════════════════════════════════════════════════════════════ */

/* نبضة شارة السلة (تحديث متفائل فوري عند الإضافة) */
.a-cartcount { transition: transform .18s ease; }
@keyframes a-badgepop { 0% { transform: scale(1); } 45% { transform: scale(1.4); } 100% { transform: scale(1); } }
/* 🔴 صفر ودجتات: احجب أي أثر بصري لشات Zoho على تصميم v2 (حماية إضافية للإزالة في PHP) */
/* [ZOHO-RESTORE 20260829-065658] chat re-enabled on v2 — rule disabled (was: hide zsiq widgets) */
/* ══════════════════════════════════════════════════════════════════════════
 * درج القائمة الجانبي / النافبار (مرجع: aneya-nav-drawer.html)
 * ══════════════════════════════════════════════════════════════════════════ */
.a-nav-veil { position: fixed; inset: 0; background: var(--veil); opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 70; }
.a-nav-veil.on { opacity: 1; pointer-events: auto; }
.a-nav { position: fixed; top: 0; right: 0; bottom: 0; width: 306px; max-width: 88%; background: var(--surface-card); transform: translateX(105%); transition: transform .3s cubic-bezier(.32,.72,0,1); z-index: 80; display: flex; flex-direction: column; box-shadow: var(--shadow-drawer); }
.a-nav.on { transform: translateX(0); }
.a-nhead { padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); flex-shrink: 0; }
.a-nbrand { font-size: 19px; font-weight: 500; color: var(--plum-600); display: flex; align-items: center; line-height: 0; }
.a-nbrand img, .a-nbrand .custom-logo { max-height: 28px !important; width: auto !important; height: auto !important; display: block; }
.a-nx { color: var(--ink-hint); cursor: pointer; padding: 4px; display: flex; background: none; border: 0; }
/* بطاقة المستخدم */
.a-nuser { background: var(--plum-50); padding: 14px 16px; display: flex; align-items: center; gap: 11px; cursor: pointer; flex-shrink: 0; color: inherit; }
.a-nav-av { width: 40px; height: 40px; background: var(--plum-200); border-radius: 999px; display: flex; align-items: center; justify-content: center; color: var(--plum-800); font-size: 16px; flex-shrink: 0; }
.a-nav-uname { font-size: 14.5px; line-height: 1.3; }
.a-nav-ulink { font-size: 12px; color: var(--plum-600); margin-top: 1px; }
.a-nav-uarrow { margin-right: auto; color: var(--plum-400, var(--plum-200)); display: flex; }
/* بحث */
.a-nsearch { margin: 12px 16px 4px; display: flex; align-items: center; gap: 9px; background: var(--surface-page); border: 1px solid var(--line); border-radius: var(--r-control); padding: 0 13px; flex-shrink: 0; }
.a-nav-si { color: var(--ink-hint); display: flex; flex-shrink: 0; }
.a-nav-sin { flex: 1; border: 0; background: none; font-family: var(--font); font-size: 14px; color: var(--ink); padding: 11px 0; outline: none; min-width: 0; }
.a-nav-sin::placeholder { color: var(--ink-hint); }
.a-nbody { flex: 1; overflow-y: auto; padding: 8px 0 12px; -webkit-overflow-scrolling: touch; }
.a-nsec { padding: 8px 0; }
.a-nsech { font-size: 11px; color: var(--ink-hint); padding: 6px 16px 4px; }
.a-nit { display: flex; align-items: center; gap: 12px; padding: 11px 16px; font-size: 14.5px; cursor: pointer; color: var(--ink); width: 100%; }
.a-nit:active { background: var(--surface-page); }
.a-nitic { color: var(--plum-600); display: flex; width: 20px; justify-content: center; flex-shrink: 0; }
.a-nitbadge { margin-right: auto; background: var(--plum-50); color: var(--plum-800); font-size: 11px; padding: 2px 9px; border-radius: 999px; }
.a-nitcount { margin-right: auto; color: var(--ink-hint); font-size: 12px; }
.a-ndiv { height: 1px; background: var(--line); margin: 6px 16px; }
/* بطاقة العرض */
.a-npromo { margin: 10px 16px; background: var(--plum-900); color: #fff; border-radius: var(--r-card); padding: 14px; }
.a-npromot { font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
.a-npromod { font-size: 12px; opacity: .75; line-height: 1.6; margin-top: 5px; }
/* آخر ما تصفّحت */
.a-nrecent { padding: 4px 16px 8px; }
.a-nrecenth { font-size: 11px; color: var(--ink-hint); margin-bottom: 9px; }
.a-nrrow { display: flex; gap: 8px; }
.a-nrim { flex: 0 0 calc((100% - 16px) / 3); max-width: calc((100% - 16px) / 3); aspect-ratio: 1/1; background: var(--plum-50); border-radius: var(--r-control); overflow: hidden; display: block; }
.a-nrim img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* تذييل */
.a-nfoot { border-top: 1px solid var(--line); padding: 14px 16px; flex-shrink: 0; background: var(--surface-card); }
.a-nwa { display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--ok); color: #fff; font-size: 14px; font-weight: 500; padding: 12px; border-radius: var(--r-control); }
.a-nsoc { display: flex; gap: 18px; justify-content: center; color: var(--ink-secondary); margin-top: 14px; }
/* نُخفي زرّ Digits الافتراضي (نُبقي النافذة .dig-box فقط، تُفتح من بطاقة المستخدم) */
.a-diglogin-host > span { display: none !important; }
/* واتساب: أخضر أعمق لتباين نص أبيض أوضح (كل أزرار المراسلة) */
.a-nwa, .a-foot-wa { background: var(--ok) !important; color: #fff !important; }
@media (prefers-reduced-motion: reduce) {
	.a-nav, .a-nav-veil { transition: none; }
}
/* ══════════════════════════════════════════════════════════════════
   الاستجابة — تابلت (≥768) وديسكتوب (≥1024). ملف واحد يخدم الثلاثة.
   مرجع: aneya-desktop-tablet-final.html. البنية نفسها؛ التخطيط يتكيّف بالعرض.
   ══════════════════════════════════════════════════════════════════ */

/* ───────── تابلت وما فوق (≥768px) ───────── */
@media (min-width: 768px) {
	body.aneya-standalone { background: var(--surface-canvas); }
	.aneya-shell { box-shadow: var(--shadow-shell); }

	.a-top { position: sticky; top: 0; padding: 14px 22px; justify-content: flex-start; gap: 18px; }
	.a-top.a-hidden { transform: none; } /* ديسكتوب: الهيدر ثابت دائماً، لا يختفي */

	/* هيدر الديسكتوب/التابلت: بحث + حساب + شريط تصنيفات أفقي؛ إخفاء زر الدرج */
	.a-menu-btn { display: none !important; }
	.a-dsearch { display: flex; flex: 1; align-items: center; gap: 9px; background: var(--surface-page); border: 1px solid var(--line); border-radius: var(--r-control); padding: 9px 13px; max-width: 360px; color: var(--ink-hint); }
	.a-dsearch svg { flex-shrink: 0; }
	.a-dsearch input[type="search"] { flex: 1; min-width: 0; border: 0; background: transparent; font-family: var(--font); font-size: 14px; color: var(--ink); outline: none; }
	.a-icons { margin-inline-start: auto; gap: 20px; }
	.a-daccount { display: flex; color: var(--ink-secondary); }
	.a-dnav { display: block; background: var(--surface-card); border-bottom: 1px solid var(--line); }
	.a-dnav-in { display: flex; gap: 26px; padding: 0 22px; overflow-x: auto; scrollbar-width: none; }
	.a-dnav-in::-webkit-scrollbar { display: none; }
	.a-dnav-in a { padding: 12px 0; font-size: 14.5px; color: var(--ink-secondary); white-space: nowrap; position: relative; }
	.a-dnav-in a.on { color: var(--plum-600); }
	.a-dnav-in a.on::after { content: ""; position: absolute; bottom: -1px; right: 0; left: 0; height: 2px; background: var(--plum-600); }

	.a-sec { padding: 22px; }

	/* شبكات المكتبة */
	.a-card { margin-bottom: 0; }
	.a-rel { grid-template-columns: repeat(3, 1fr); gap: 12px; }

	/* الفوتر: العلامة يميناً + أعمدة الروابط يساراً (صفّ واحد ممتلئ) */
	.a-foot { padding: 34px 22px 16px; }
	.a-foot-top { display: flex; align-items: flex-start; gap: 40px; margin-bottom: 24px; }
	.a-foot-brandcol { width: 300px; flex-shrink: 0; }
	.a-foot-cols { margin-inline-start: auto; gap: 56px; margin-bottom: 0; }
	.a-foot-wa { display: inline-flex; width: auto; }
}
/* ───────── ديسكتوب (≥1024px) ───────── */
@media (min-width: 1024px) {
	.a-top { padding: 16px 34px; gap: 26px; }
	.a-logo { font-size: 23px; }
	.a-icons { gap: 22px; }
	.a-dsearch { max-width: 420px; padding: 10px 14px; }
	.a-dnav-in { padding: 0 34px; gap: 28px; }

	.a-sec { padding: 28px 34px; }
	.a-sec > h2 { font-size: 22px; margin-bottom: 18px; }

	.a-rel { grid-template-columns: repeat(4, 1fr); gap: 13px; }

	.a-foot { padding: 42px 34px 18px; }
	.a-foot-cols { gap: 44px; }
}
/* ═══ إشعارات ووكومرس داخل لوحة الدفع v2 (أخطاء التحقّق/المخزون من checkout.js) — القالب لا يرث تنسيق Astra ═══ */
.aneya-standalone .woocommerce-NoticeGroup { margin: 0 0 12px; }
.aneya-standalone .woocommerce-error,
.aneya-standalone .woocommerce-message,
.aneya-standalone .woocommerce-info,
.aneya-standalone ul.woocommerce-error {
	list-style: none; margin: 0 0 12px; padding: 12px 14px; border-radius: var(--r-control, 10px);
	font-size: 14px; line-height: 1.55; font-weight: 500;
}
.aneya-standalone .woocommerce-error,
.aneya-standalone ul.woocommerce-error { background: var(--danger-bg); border: 1px solid var(--danger-line); color: var(--danger); }
.aneya-standalone .woocommerce-message { background: var(--ok-bg); border: 1px solid var(--ok-line); color: var(--ok); }
.aneya-standalone .woocommerce-info { background: var(--info-bg); border: 1px solid var(--info-line); color: var(--info); }
/* تحييد أيقونة ووكمرس المتسرّبة (::before بموضع LTR) التي تركب النصّ في RTL — الإشعار يكفيه اللون + النصّ */
.aneya-standalone .woocommerce-error::before, .aneya-standalone .woocommerce-message::before, .aneya-standalone .woocommerce-info::before { content: none; }
.aneya-standalone .woocommerce-error li,
.aneya-standalone .woocommerce-message li,
.aneya-standalone .woocommerce-info li { margin: 0; padding: 3px 0; list-style: none; }
.aneya-standalone .woocommerce-error li + li { border-top: 1px solid var(--danger-line); padding-top: 7px; margin-top: 4px; }
.aneya-standalone .woocommerce-NoticeGroup .button,
.aneya-standalone .woocommerce-error .button,
.aneya-standalone .woocommerce-message .button { display: none; }

/* ═════════ عناصر المكتبة الإضافية (توكن-بيور) ═════════ */

/* ── العناوين ── */
.ds-h1 { font-size: 23px; font-weight: 500; line-height: 1.4; margin: 0; color: var(--ink); }
.ds-h2 { font-size: 17px; font-weight: 500; line-height: 1.45; margin: 0; color: var(--ink); }
.ds-h3 { font-size: 15px; font-weight: 500; line-height: 1.5; margin: 0; color: var(--ink); }
.ds-eyebrow { font-size: 12px; font-weight: 500; color: var(--plum-600); letter-spacing: .02em; }
.ds-muted { color: var(--ink-secondary); font-size: 13.5px; line-height: 1.7; }

/* ── شبكات التخطيط ── */
.ds-grid { display: grid; gap: var(--s3); }
.ds-grid-2 { grid-template-columns: 1fr 1fr; }
.ds-grid-3, .ds-grid-4 { grid-template-columns: 1fr 1fr; }
.ds-row { display: flex; gap: var(--s3); align-items: center; }
.ds-stack { display: flex; flex-direction: column; gap: var(--s3); }
.ds-between { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
@media (min-width: 768px) { .ds-grid { gap: var(--s4); } .ds-grid-3 { grid-template-columns: repeat(3, 1fr); } .ds-grid-4 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .ds-grid-4 { grid-template-columns: repeat(4, 1fr); } }

/* ── الأزرار: القاعدة + المتغيّرات + الحالات ── */
.a-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); font-family: var(--font); font-size: 15px; font-weight: 500; line-height: 1.2; padding: 13px 20px; width: 100%; border: 1px solid transparent; border-radius: var(--r-control); cursor: pointer; text-align: center; transition: background .15s, color .15s, border-color .15s; }
.a-primary { background: var(--plum-600); color: #fff; }
.a-primary:hover { background: var(--plum-700); }
.a-primary:active { background: var(--plum-800); }
.a-btn-secondary { background: var(--surface-card); color: var(--plum-600); border-color: var(--plum-200); }
.a-btn-secondary:hover { background: var(--plum-50); }
.a-btn-ghost { background: transparent; color: var(--ink-secondary); border-color: var(--line); }
.a-btn-ghost:hover { background: var(--surface-page); color: var(--ink); }
.a-btn-ok { background: var(--ok); color: #fff; }
.a-btn-danger { background: var(--danger); color: #fff; }
.a-btn-sm { padding: 8px 14px; font-size: 13.5px; align-self: center; } /* الزرّ الصغير لا يتمطّط لارتفاع جيرانه */
.a-btn:disabled, .a-btn.is-disabled { opacity: .45; pointer-events: none; }
.a-btn.is-loading { position: relative; color: transparent !important; pointer-events: none; }
.a-btn.is-loading::after { content: ""; position: absolute; width: 18px; height: 18px; border: 2px solid #fff; border-top-color: transparent; border-radius: 999px; animation: ds-spin .7s linear infinite; }
@keyframes ds-spin { to { transform: rotate(360deg); } }

/* ── الحقول ── */
.ds-field { display: block; margin-bottom: var(--s4); }
.ds-label { display: block; font-size: 13px; color: var(--ink-secondary); margin-bottom: var(--s2); }
.ds-input, .ds-select, .ds-textarea { width: 100%; font-family: var(--font); font-size: 15px; color: var(--ink); background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-control); padding: 11px 13px; outline: none; transition: border-color .15s, box-shadow .15s; }
.ds-input::placeholder, .ds-textarea::placeholder { color: var(--ink-hint); }
.ds-input:focus, .ds-select:focus, .ds-textarea:focus { border-color: var(--focus); box-shadow: 0 0 0 3px var(--plum-50); }
.ds-textarea { min-height: 88px; resize: vertical; }
.ds-field.has-error .ds-input, .ds-field.has-error .ds-select, .ds-field.has-error .ds-textarea { border-color: var(--danger-line); }
.ds-field-err { font-size: 12.5px; color: var(--danger); margin-top: var(--s1); }
.ds-input:disabled, .ds-select:disabled { background: var(--surface-page); color: var(--ink-hint); cursor: not-allowed; }

/* ── الشارات ── */
.ds-badge { display: inline-flex; align-items: center; gap: var(--s1); font-size: 12px; font-weight: 500; padding: 3px 10px; border-radius: 999px; line-height: 1.6; }
.ds-badge-ok { background: var(--ok-bg); color: var(--ok); }
.ds-badge-warn { background: var(--warn-bg); color: var(--warn); }
.ds-badge-danger { background: var(--danger-bg); color: var(--danger); }
.ds-badge-info { background: var(--info-bg); color: var(--info); }
.ds-badge-neutral { background: var(--surface-page); color: var(--ink-secondary); }

/* ── toast ── */
.a-toast { position: fixed; left: 50%; bottom: var(--s6); transform: translateX(-50%) translateY(20px); background: var(--ink); color: #fff; font-size: 13.5px; padding: 11px 18px; border-radius: 999px; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 120; max-width: 88%; }
.a-toast.on { opacity: 1; transform: translateX(-50%) translateY(0); }
.a-toast:empty { display: none; }

/* ── حالات التحميل ── */
.ds-skel { background: linear-gradient(90deg, var(--surface-page) 25%, var(--plum-50) 37%, var(--surface-page) 63%); background-size: 400% 100%; animation: ds-shimmer 1.4s ease infinite; border-radius: var(--r-control); }
@keyframes ds-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
.ds-skel-line { height: 12px; margin-bottom: var(--s2); }
.ds-skel-img { aspect-ratio: 1/1; }
.ds-spinner { width: 26px; height: 26px; border: 2.5px solid var(--line); border-top-color: var(--plum-600); border-radius: 999px; animation: ds-spin .7s linear infinite; }

/* ── الحالات الفارغة ── */
.ds-empty { text-align: center; padding: var(--s12) var(--s4); color: var(--ink-secondary); }
.ds-empty-ic { width: 56px; height: 56px; border-radius: 999px; background: var(--surface-page); color: var(--ink-hint); display: flex; align-items: center; justify-content: center; margin: 0 auto var(--s4); }
.ds-empty-t { font-size: 16px; font-weight: 500; color: var(--ink); margin-bottom: var(--s1); }
.ds-empty-d { font-size: 13.5px; line-height: 1.7; max-width: 34ch; margin: 0 auto var(--s4); }

/* ── النافبار السفلي (موبايل فقط) ── */
.ds-bottomnav { position: fixed; bottom: 0; left: 0; right: 0; background: var(--surface-card); border-top: 1px solid var(--line); display: flex; justify-content: space-around; z-index: 40; padding: 6px 0 max(6px, env(safe-area-inset-bottom)); }
.ds-bnitem { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 10.5px; color: var(--ink-hint); padding: 4px 0; position: relative; }
.ds-bnitem.on { color: var(--plum-600); }
.ds-bnbadge { position: absolute; top: 0; inset-inline-start: calc(50% + 6px); background: var(--plum-600); color: #fff; font-size: 9px; min-width: 15px; height: 15px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding: 0 3px; }
@media (min-width: 768px) { .ds-bottomnav { display: none; } }

/* ══════════════════════════════════════════════════════════════════
   السلة الجانبية (درج السلة) — قشرة + حالات. مكوّن مكتبة. ربط Store API عند صفحة السلة.
   ══════════════════════════════════════════════════════════════════ */
.a-cart-veil { position: fixed; inset: 0; background: var(--veil); opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 70; }
.a-cart-veil.on { opacity: 1; pointer-events: auto; }
.a-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 360px; max-width: 88%; background: var(--surface-page); transform: translateX(105%); transition: transform .3s cubic-bezier(.32,.72,0,1); z-index: 80; display: flex; flex-direction: column; box-shadow: var(--shadow-drawer); }
.a-drawer.on { transform: translateX(0); }
/* رأس الدرج */
.a-dhead { background: var(--surface-card); padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); flex-shrink: 0; }
.a-dtitle { font-size: 17px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
.a-dcount { background: var(--plum-50); color: var(--plum-800); font-size: 12px; padding: 2px 10px; border-radius: 999px; font-weight: 400; }
.a-dcount:empty { display: none; }
.a-dx { color: var(--ink-hint); cursor: pointer; padding: 4px; display: flex; background: none; border: 0; }
/* شريط التوصيل المجاني */
.a-ship { background: var(--surface-card); padding: 11px 16px 13px; border-bottom: 1px solid var(--line); flex-shrink: 0; }
.a-shiptxt { font-size: 12px; color: var(--ink-secondary); margin-bottom: 7px; display: flex; align-items: center; gap: 6px; line-height: 1.5; }
.a-shiptxt b { color: var(--plum-800); font-weight: 500; }
.a-shipbar { height: 5px; background: var(--surface-page); border-radius: 999px; overflow: hidden; }
.a-shipfill { height: 100%; width: 0; background: var(--ok); border-radius: 999px; transition: width .4s ease; }
.a-ship.done .a-shiptxt { color: var(--ok); }
.a-ship.done .a-shiptxt b { color: var(--ok); }
/* جسم الدرج */
.a-dbody { flex: 1; overflow-y: auto; padding: 12px 16px; -webkit-overflow-scrolling: touch; }
/* عنصر السلة */
.a-ci { background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-card); padding: 11px; display: flex; gap: 11px; margin-bottom: 9px; }
.a-ciimg { width: 66px; height: 66px; background: var(--plum-50); border-radius: var(--r-control); flex-shrink: 0; overflow: hidden; }
.a-ciimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.a-cimain { flex: 1; min-width: 0; }
.a-cirow1 { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.a-ciname { font-size: 13.5px; line-height: 1.45; }
.a-civar { font-size: 11.5px; color: var(--ink-hint); margin-top: 2px; }
.a-cidel { color: var(--ink-hint); cursor: pointer; flex-shrink: 0; display: flex; padding: 2px; background: none; border: 0; }
.a-cidel:active { color: var(--danger); }
.a-cirow2 { display: flex; justify-content: space-between; align-items: center; margin-top: 9px; }
.a-ciqty { display: flex; align-items: center; border: 1px solid var(--line); border-radius: var(--r-control); overflow: hidden; }
.a-ciqb { padding: 5px 11px; color: var(--ink-secondary); cursor: pointer; user-select: none; font-size: 15px; line-height: 1; }
.a-ciqb:active { background: var(--plum-50); }
.a-ciqb.dis { opacity: .35; pointer-events: none; }
.a-ciqv { padding: 5px 2px; font-size: 13.5px; min-width: 26px; text-align: center; }
.a-ciprice { font-size: 15px; font-weight: 500; white-space: nowrap; }
.a-ci.a-busy { opacity: .55; pointer-events: none; }
/* قسم «يمشي وياه» (الأبسيل) */
.a-up { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.a-uphead { font-size: 14px; font-weight: 500; margin-bottom: 3px; }
.a-upsub { font-size: 11.5px; color: var(--ink-hint); margin-bottom: 11px; }
.a-upitem { background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-card); padding: 9px; display: flex; gap: 10px; align-items: center; margin-bottom: 8px; }
.a-upimg { width: 50px; height: 50px; background: var(--plum-50); border-radius: 6px; flex-shrink: 0; overflow: hidden; }
.a-upimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.a-upmain { flex: 1; min-width: 0; }
.a-upname { font-size: 13px; line-height: 1.4; }
.a-upprice { font-size: 13.5px; font-weight: 500; margin-top: 3px; }
.a-upprice del { color: var(--ink-hint); font-weight: 400; font-size: 11.5px; margin-left: 5px; }
.a-upprice ins { text-decoration: none; }
.a-upadd { background: var(--surface-card); color: var(--plum-600); border: 1px solid var(--plum-200); border-radius: var(--r-control); font-family: var(--font); font-size: 12.5px; font-weight: 500; padding: 8px 13px; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; gap: 5px; }
.a-upadd:active { background: var(--plum-50); }
.a-upadd.a-loading { opacity: .55; pointer-events: none; }
.a-upadd.done { background: var(--ok); color: #fff; border-color: var(--ok); }
.a-upadd.done svg { stroke: #fff; }
/* السلة الفارغة (نسخة الدرج المُدمجة) */
.a-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 46px 24px; text-align: center; color: var(--ink-secondary); }
.a-empty svg { color: var(--plum-200); margin-bottom: 14px; }
.a-empty .a-et { font-size: 15px; color: var(--ink); margin-bottom: 5px; }
.a-empty .a-es { font-size: 13px; line-height: 1.6; }
/* حالة تحميل */
.a-cload { padding: 40px 0; text-align: center; }
.a-cload::after { content: ""; display: inline-block; width: 24px; height: 24px; border: 2.5px solid var(--plum-200); border-top-color: var(--plum-600); border-radius: 50%; animation: ds-spin .7s linear infinite; }
/* تذييل الدرج */
.a-dfoot { background: var(--surface-card); border-top: 1px solid var(--line); padding: 14px 16px 16px; flex-shrink: 0; }
.a-sumtot { display: flex; justify-content: space-between; align-items: baseline; }
.a-sumtotl { font-size: 14px; }
.a-sumtotv { font-size: 20px; font-weight: 500; }
.a-shipnote { font-size: 11.5px; color: var(--ink-hint); margin-top: 5px; }
.a-dcheckout { margin-top: 12px; }
.a-dcont { display: block; text-align: center; font-size: 13px; color: var(--ink-secondary); margin-top: 10px; cursor: pointer; }
.a-dfine { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11px; color: var(--ink-hint); margin-top: 10px; }
@media (prefers-reduced-motion: reduce) { .a-drawer, .a-cart-veil, .a-shipfill { transition: none; } }

/* ══════════════════════════════════════════════════════════════════
   الورقة السفلية (bottom-sheet) — قشرة عامّة تستضيف أي محتوى + سحب للإغلاق (JS).
   ══════════════════════════════════════════════════════════════════ */
.a-veil { position: fixed; inset: 0; background: var(--veil); opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 40; }
.a-veil.on { opacity: 1; pointer-events: auto; }
.a-sheet { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%) translateY(100%); width: 100%; max-width: 480px; background: var(--surface-card); border-radius: 18px 18px 0 0; transition: transform .3s cubic-bezier(.32,.72,0,1); z-index: 50; max-height: 92vh; overflow-y: auto; }
.a-sheet.on { transform: translateX(-50%) translateY(0); }
.a-grab { width: 38px; height: 4px; background: var(--line); border-radius: 999px; margin: 10px auto 0; cursor: grab; touch-action: none; }
.a-sh { padding: 14px 18px 22px; }
.a-shead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; position: sticky; top: 0; background: var(--surface-card); padding-top: 4px; z-index: 2; cursor: grab; touch-action: none; }
.a-sttl { font-size: 18px; font-weight: 500; }
.a-sx { color: var(--ink-hint); cursor: pointer; padding: 4px; display: flex; background: none; border: 0; }
@media (prefers-reduced-motion: reduce) { .a-sheet, .a-veil { transition: none; } }

/* ══════════════════════════════════════════════════════════════════
   الشريط اللاصق السفلي (sticky CTA) — يظهر عند التمرير · موبايل فقط.
   ══════════════════════════════════════════════════════════════════ */
.a-stick { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%) translateY(100%); width: 100%; max-width: var(--container-max); background: var(--surface-card); border-top: 1px solid var(--line); padding: 11px 16px; display: flex; align-items: center; gap: 12px; transition: transform .25s ease; z-index: 30; }
.a-stick.on { transform: translateX(-50%) translateY(0); }
.a-sp { flex: 1; font-size: 17px; font-weight: 500; }
.a-sp del { display: none; }
.a-sb { background: var(--plum-600); color: #fff; padding: 12px 24px; border-radius: var(--r-control); font-size: 15px; font-weight: 500; border: none; font-family: var(--font); cursor: pointer; }
@media (min-width: 768px) { .a-stick { display: none; } }
@media (prefers-reduced-motion: reduce) { .a-stick { transition: none; } }

/* ══════════════════════════════════════════════════════════════════
   شارات الثقة (.a-trust) — تقرأ من نفس مصدر الإعدادات (عام + تجاوز لكل منتج).
   ══════════════════════════════════════════════════════════════════ */
.a-trust { display: flex; gap: 8px; margin-top: 16px; text-align: center; }
.a-tr { flex: 1; color: var(--plum-600); }
.a-trt { font-size: 11px; color: var(--ink-secondary); line-height: 1.45; margin-top: 6px; }
.a-warnote { display: flex; align-items: center; gap: 6px; margin-top: 10px; padding: 8px 11px; background: var(--plum-50); border-radius: var(--r-control); font-size: 12px; color: var(--plum-800); }
.a-warnote .i { color: var(--plum-600); flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ══════════════════════════════════════════════════════════════════
   ملخّص السلة (داخل الورقة/الدفع) — بطاقة مفردة أو كومة مائلة قابلة للطيّ.
   ══════════════════════════════════════════════════════════════════ */
.a-summ { margin-bottom: 16px; }
.a-single .a-card, .a-stack .a-card { background: var(--surface-page); border: 1px solid var(--line); border-radius: var(--r-control); padding: 11px 12px; display: flex; align-items: center; gap: 11px; }
.a-cimg { width: 46px; height: 46px; background: var(--plum-50); border-radius: 6px; flex-shrink: 0; overflow: hidden; }
.a-cimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.a-cinfo { min-width: 0; flex: 1; }
.a-cname { font-size: 13.5px; line-height: 1.4; }
.a-cqty { font-size: 12px; color: var(--ink-secondary); margin-top: 2px; }
.a-cprice { font-size: 15px; font-weight: 500; flex-shrink: 0; white-space: nowrap; }
/* كومة (منتجان فأكثر) */
.a-stackzone { cursor: pointer; user-select: none; }
.a-stack { position: relative; transition: height .42s cubic-bezier(.32,.72,0,1); padding: 0 3px; }
.a-stack .a-card { position: absolute; right: 0; left: 0; overflow: visible; transition: transform .42s cubic-bezier(.32,.72,0,1), opacity .34s ease, box-shadow .3s; will-change: transform; }
.a-stack.fold .a-card { box-shadow: none; }
.a-stack.fold .c1 { transform: rotate(-.35deg); z-index: 3; background: var(--surface-card); box-shadow: var(--shadow-fan); }
.a-stack.fold .c2 { transform: translateY(25px) rotate(-1.4deg) scale(.94); z-index: 2; opacity: .9; }
.a-stack.fold .c3 { transform: translateY(48px) rotate(1.8deg) scale(.885); z-index: 1; opacity: .75; }
.a-stack.fold .chide { transform: translateY(48px) scale(.885); z-index: 0; opacity: 0; }
.a-stack.open { overflow-y: auto; }
.a-stack.open .a-card { position: relative; transform: none !important; opacity: 1 !important; margin-bottom: 7px; box-shadow: none; background: var(--surface-page); }
.a-sbar { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 9px 12px; background: var(--plum-50); border-radius: var(--r-control); }
.a-sbcount { font-size: 12.5px; color: var(--plum-800); display: flex; align-items: center; gap: 7px; }
.a-sbchev { color: var(--plum-600); display: flex; transition: transform .38s cubic-bezier(.32,.72,0,1); }
.a-sbar.open-bar .a-sbchev { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .a-stack, .a-stack .a-card, .a-sbchev { transition: none; } }

/* ══════════════════════════════════════════════════════════════════
   تفصيل المجاميع (.a-breakdown / .a-tot) — منتج · خصم · شحن · إجمالي.
   ══════════════════════════════════════════════════════════════════ */
.a-breakdown { margin-top: 6px; }
.a-brow { display: flex; justify-content: space-between; align-items: baseline; padding: 5px 0; font-size: 14px; }
.a-brl { color: var(--ink-secondary); }
.a-brv { color: var(--ink); font-weight: 500; }
.a-brv.a-b-ship-neutral { color: var(--ink-hint); font-weight: 400; font-size: 12.5px; }
/* سطر الخصم (أخضر، قيمة سالبة) */
.a-brow-disc .a-brl, .a-brow-disc .a-b-disc { color: var(--ok) !important; }
/* سطر الإجمالي */
.a-tot { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0 6px; border-top: 1px solid var(--line); margin-top: 4px; }
.a-totl { font-size: 14px; color: var(--ink-secondary); }
.a-totv { font-size: 20px; font-weight: 500; color: var(--ink); }
.a-totv .woocommerce-Price-currencySymbol, .a-totv .woocommerce-Price-amount { color: var(--ink) !important; }
.a-totv .woocommerce-Price-currencySymbol { font-size: 14px; font-weight: 400; }
.a-breakdown .a-tot { margin-top: 6px; padding: 12px 0 0; }

/* ══════════════════════════════════════════════════════════════════
   كود الخصم (.a-coupon) — 4 حالات: مطويّ · مفتوح · خطأ · مُطبَّق.
   ══════════════════════════════════════════════════════════════════ */
.a-coupon { margin: 4px 0 10px; }
.a-coupon-toggle { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; padding: 4px 0; font-family: var(--font); font-size: 13px; color: var(--plum-600); cursor: pointer; }
.a-coupon-toggle svg { color: var(--plum-600); }
.a-coupon-form { display: flex; gap: 8px; align-items: stretch; }
.a-coupon-input { flex: 1; min-width: 0; border: 1px solid var(--line); border-radius: var(--r-control); padding: 11px 13px; font-family: var(--font); font-size: 14px; background: var(--surface-card); color: var(--ink); }
.a-coupon-input::placeholder { color: var(--ink-hint); }
.a-coupon-input:focus { outline: none; border-color: var(--plum-600); box-shadow: 0 0 0 3px var(--plum-50); }
.a-coupon-input.error { border-color: var(--danger) !important; box-shadow: 0 0 0 3px var(--danger-bg) !important; }
.a-coupon-apply { flex-shrink: 0; background: var(--surface-card); color: var(--plum-600); border: 1px solid var(--plum-200); border-radius: var(--r-control); font-family: var(--font); font-size: 14px; font-weight: 500; padding: 0 18px; cursor: pointer; position: relative; }
.a-coupon-apply:active { background: var(--plum-50); }
.a-coupon-apply.a-loading { color: transparent; pointer-events: none; }
.a-coupon-apply.a-loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; margin: -8px 0 0 -8px; border: 2px solid var(--plum-200); border-top-color: var(--plum-600); border-radius: 50%; animation: ds-spin .7s linear infinite; }
.a-coupon-err { font-size: 12px; color: var(--danger); margin-top: 6px; }
.a-coupon-applied { display: flex; align-items: center; justify-content: space-between; background: var(--ok-bg); border: 1px solid var(--ok-line); border-radius: var(--r-control); padding: 9px 12px; }
.a-coupon-applied-txt { display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--ok); font-weight: 500; }
.a-coupon-applied-txt b { font-weight: 500; }
.a-coupon-remove { background: none; border: 0; color: var(--ok); cursor: pointer; display: flex; padding: 2px; opacity: .85; }
.a-coupon-remove:active { opacity: 1; }

/* ══════════════════════════════════════════════════════════════════
   ملاحظة الطلب (اختيارية، مطويّة) — رابط هادئ يفتح حقل نصّ.
   ══════════════════════════════════════════════════════════════════ */
.a-ordernote-toggle { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; padding: 4px 0; font-family: var(--font); font-size: 13px; color: var(--plum-600); cursor: pointer; }
.a-ordernote-toggle svg { color: var(--plum-600); }

/* ══════════════════════════════════════════════════════════════════
   النجوم — عرض (SVG، للتقييمات) + إدخال (تفاعليّ). المصدر: aneya_stars_svg().
   ══════════════════════════════════════════════════════════════════ */
.a-stars { display: inline-flex; gap: 1px; vertical-align: middle; }
.a-star { fill: var(--line); }
.a-star.on { fill: var(--warn); }
/* صفّ التقييم: نجوم + متوسّط + عدد */
.a-rate { display: inline-flex; align-items: center; gap: 7px; }
.a-rate-val { font-weight: 500; font-size: 14px; color: var(--ink); }
.a-rate-count { font-size: 13px; color: var(--ink-secondary); }
/* إدخال التقييم: نجوم كبيرة تفاعليّة (تمرير/اختيار/لوحة مفاتيح) */
.a-askstars { display: inline-flex; gap: 6px; direction: ltr; cursor: pointer; }
.a-askstars .a-star { width: 32px; height: 32px; fill: var(--plum-200); transition: fill .12s, transform .12s; }
.a-askstars .a-star.on { fill: var(--warn); }
.a-askstars .a-star:hover { transform: scale(1.1); }
.a-askstars:focus-visible { outline: 2px solid var(--plum-600); outline-offset: 3px; border-radius: 6px; }

/* ══════════════════════════════════════════════════════════════════
   مكوّنات صفحة الشكر — شريط التقدّم · درج المراحل · قائمة تعريف · ملخّص الطلب.
   (صفحة الشكر ستنتقل لاستعمالها عند التوحيد، ويُحذف order-received-standalone.css.)
   ══════════════════════════════════════════════════════════════════ */
/* شريط التقدّم */
.ty-bar { height: 6px; background: var(--surface-page); border-radius: 999px; overflow: hidden; }
.ty-fill { height: 100%; background: var(--plum-600); border-radius: 999px; transition: width .6s ease; }
.ty-fill.late { background: var(--warn); }
/* درج المراحل */
.ty-steps { display: flex; justify-content: space-between; margin-top: 16px; }
.ty-step { flex: 1; text-align: center; position: relative; }
.ty-dot { width: 26px; height: 26px; border-radius: 999px; background: var(--surface-page); border: 2px solid var(--line); display: flex; align-items: center; justify-content: center; margin: 0 auto 7px; color: var(--ink-hint); position: relative; z-index: 2; transition: all .3s; }
.ty-step.done .ty-dot { background: var(--plum-600); border-color: var(--plum-600); color: #fff; }
.ty-step.now .ty-dot { background: var(--surface-card); border-color: var(--plum-600); color: var(--plum-600); }
.ty-step.now .ty-dot::after { content: ""; position: absolute; inset: -5px; border-radius: 999px; border: 2px solid var(--plum-200); animation: ty-pulse 2s ease-out infinite; }
@keyframes ty-pulse { 0% { transform: scale(.9); opacity: .9; } 100% { transform: scale(1.25); opacity: 0; } }
.ty-stxt { font-size: 11.5px; color: var(--ink-hint); line-height: 1.4; }
.ty-step.done .ty-stxt, .ty-step.now .ty-stxt { color: var(--ink); }
/* قائمة تعريف (مفتاح/قيمة) */
.ty-dl { display: flex; gap: 11px; padding: 10px 0; font-size: 14px; align-items: flex-start; }
.ty-dl + .ty-dl { border-top: 1px solid var(--line); }
.ty-dlk { color: var(--ink-secondary); width: 74px; flex-shrink: 0; font-size: 13px; }
.ty-dlv { flex: 1; line-height: 1.6; }
/* ملخّص الطلب: سطر منتج + مجاميع */
.ty-line { display: flex; align-items: center; gap: 12px; padding-bottom: 11px; border-bottom: 1px solid var(--line); }
.ty-line + .ty-line { padding-top: 11px; }
.ty-thumb { width: 52px; height: 52px; background: var(--plum-50); border-radius: var(--r-control); flex-shrink: 0; overflow: hidden; }
.ty-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ty-pname { font-size: 14px; line-height: 1.45; }
.ty-pqty { font-size: 12px; color: var(--ink-secondary); margin-top: 2px; }
.ty-pprice { font-size: 14.5px; font-weight: 500; margin-right: auto; white-space: nowrap; }
.ty-tot { display: flex; justify-content: space-between; font-size: 13.5px; color: var(--ink-secondary); padding: 6px 0; }
.ty-tot:first-of-type { padding-top: 13px; }
.ty-tot.grand { font-size: 18px; font-weight: 500; color: var(--ink); border-top: 1px solid var(--line); margin-top: 7px; padding-top: 12px; }
.ty-paynote { display: flex; align-items: center; gap: 8px; background: var(--surface-page); border-radius: var(--r-control); padding: 11px 13px; margin-top: 14px; font-size: 13px; color: var(--ink-secondary); }

/* ══════════════════════════════════════════════════════════════════════════
 * الأكورديون (accordion) — سؤال/جواب قابل للطيّ. مكوّن مشترك (2026-08-19).
 *   بنية: .a-acc > .a-acc-item > (button.a-acc-q + .a-acc-a > .a-acc-a-in)
 *   الفتح: يضيف JS الصنف .open على .a-acc-item (aneya-ds.js). token-pure.
 * ══════════════════════════════════════════════════════════════════════════ */
.a-acc{display:flex;flex-direction:column;gap:var(--s2)}
.a-acc-item{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.a-acc-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:none;border:0;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:500;color:var(--ink);text-align:start;line-height:1.5}
.a-acc-ico{flex-shrink:0;color:var(--ink-hint);display:flex;transition:transform .2s}
.a-acc-item.open .a-acc-ico{transform:rotate(180deg)}
.a-acc-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.a-acc-item.open .a-acc-a{max-height:600px}
.a-acc-a-in{padding:0 var(--s4) var(--s4);font-size:13px;color:var(--ink-secondary);line-height:1.75}

/* ── إصلاح 2026-08-19: زر داخل الدرج (#a-nav-cart) يحتاج تصفير مظهر الزر الافتراضي
 *    (كان يظهر بخلفية/حدّ رماديّة من المتصفّح فيبدو مختلفاً عن الروابط). مطابق لصفحة المنتج. ── */
.a-nit-btn { background: none; border: 0; font-family: var(--font); text-align: right; }

/* رابط عنصر الاقتراح (يجعل الاقتراح قابلاً للنقر للمنتج قبل ربط السلة الحيّ). 2026-08-19 */
.a-uplink { display: flex; gap: 10px; align-items: center; flex: 1; min-width: 0; color: inherit; text-decoration: none; }

/* [ZOHO-Z] فقاعة دردشة Zoho: z-index الأصلي عندها 1 (وموضعها bottom:10px) فتختفي تحت
 * الأشرطة الثابتة السفلية: شريط الشراء .a-stick (z30, ارتفاع 66) وشريط التنقّل #ds-bottomnav (z40, ارتفاع 63).
 * نرفعها إلى 45 (فوق الاثنين، وتحت الحُجُب 70 والأدراج 80 فتبقى الأدراج تغطّيها كما يجب)
 * ونُبعدها رأسيّاً 64px فتعلو الشريط بفجوة صغيرة بلا تداخل. */
body.aneya-standalone #zsiq_chat_wrap,
body.aneya-standalone .zsiq_floatmain { z-index: 45 !important; }
body.aneya-standalone #zsiq_float { bottom: 64px !important; }