/*
 * @almadah-clean-room — كُتب من الصفر من وصف السلوك، لا نسخًا من كود المورّد (12/11/2026)
 *
 * تنسيق صفحات المحتوى الجديدة (resources/views/almadah/pages): الصفحات الثابتة والسياسات واتصل بنا ومن نحن،
 * والمدونة، ومجموعات المنتجات (عروض اليوم · الأكثر مبيعًا · المميزة · منتجات المادة · العروض السريعة)، والكوبونات،
 * والعلامات والأقسام، والمتاجر وصفحة المتجر، وتتبّع الطلب، وصفحات الأخطاء.
 *
 * القواعد نفسها في am-layout.css وam-plp.css (قرار المالك 25/10/2026 — almadah-clean.css):
 *   - الألوان من متغيرات القالب (--am-*) فقط؛ لون فعل أصفر واحد، والتركوازي للهيدر والفوتر وبانر المتجر الافتراضي.
 *   - كل محدد يبدأ بـ.am- فلا يمسّ غيره؛ خصائص منطقية (inline-start/end) فتعمل العربية والإنجليزية بلا تكرار.
 *   - الواجهة فاتحة دائمًا مثل بقية المتجر (لا وضع داكن في الواجهة) — color-scheme: light.
 *   - بطاقة المنتج والشبكة والترقيم من am-plp.css (.am-card · .am-grid · .am-pager) فتبقى البطاقة واحدة في كل الواجهة.
 */

.am-pg { --am-gap: 16px; color-scheme: light; color: var(--am-ink); padding-block: 8px 32px; }
.am-pg *, .am-pg *::before, .am-pg *::after { box-sizing: border-box; }
.am-pg img { max-width: 100%; }
.am-prose a, .am-panel a, .am-side a, .am-pg-sec__head a, .am-pg__sub a { color: var(--am-link); }
.am-prose a:hover, .am-panel a:hover, .am-side a:hover { color: var(--am-link-h); }
.am-pg h1, .am-pg h2, .am-pg h3 { color: var(--am-ink); }
.am-pg :focus-visible { outline: 2px solid var(--am-link); outline-offset: 2px; }

/* ─────────── الرأس: المسار والعنوان ─────────── */

.am-pg__crumbs ol { list-style: none; margin: 8px 0 6px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 12px; }
.am-pg__crumbs li { color: var(--am-ink-2); }
.am-pg__crumbs li + li::before { content: "\203A"; margin-inline-end: 4px; }
.am-pg__crumbs a { color: var(--am-ink-2) !important; text-decoration: none; }
.am-pg__crumbs a:hover { color: var(--am-ink) !important; text-decoration: underline; }
.am-pg__crumbs [aria-current] { color: var(--am-ink); font-weight: 700; }

.am-pg__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: 4px 0 16px; }
.am-pg__title { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.am-pg__sub { margin: 4px 0 0; font-size: 13px; color: var(--am-ink-2); }
.am-pg__h2 { margin: 24px 0 12px; font-size: 18px; font-weight: 700; line-height: 1.35; }
.am-pg__h2:first-child { margin-top: 0; }
@media (min-width: 768px) { .am-pg__title { font-size: 24px; } }

/* ─────────── الألواح والنص المنسّق ─────────── */

.am-panel { background: #fff; border: 1px solid var(--am-line-soft); border-radius: var(--am-r); padding: 16px; }
.am-panel + .am-panel { margin-top: 16px; }
.am-panel--band { background: var(--am-band); }
@media (min-width: 768px) { .am-panel { padding: 24px; } }

/* محتوى من محرر الإدارة (صفحات · سياسات · مقالات · سياسات المتجر): عناوين وقوائم وجداول وصور لا تتجاوز العرض */
.am-prose { font-size: 15px; line-height: 1.9; overflow-wrap: anywhere; }
.am-prose > :first-child { margin-top: 0; }
.am-prose > :last-child { margin-bottom: 0; }
.am-prose h1, .am-prose h2, .am-prose h3, .am-prose h4, .am-prose h5, .am-prose h6 { margin: 1.4em 0 .5em; font-weight: 700; line-height: 1.4; }
.am-prose h1 { font-size: 22px; }
.am-prose h2 { font-size: 19px; }
.am-prose h3 { font-size: 17px; }
.am-prose h4, .am-prose h5, .am-prose h6 { font-size: 15px; }
.am-prose p { margin: 0 0 .9em; }
.am-prose ul, .am-prose ol { margin: 0 0 1em; padding-inline-start: 1.6em; }
.am-prose li { margin-bottom: .35em; }
.am-prose img, .am-prose video, .am-prose iframe { max-width: 100%; height: auto; }
.am-prose table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 0 0 1em; display: block; overflow-x: auto; }
.am-prose th, .am-prose td { border: 1px solid var(--am-line); padding: 8px 10px; text-align: start; vertical-align: top; }
.am-prose th { background: var(--am-band); font-weight: 700; }
.am-prose blockquote { margin: 0 0 1em; padding: 8px 14px; border-inline-start: 4px solid var(--am-line); background: var(--am-band); }
.am-prose pre { white-space: pre-wrap; background: var(--am-band); padding: 10px; border-radius: 6px; }
.am-prose a { text-decoration: underline; }
.am-prose--sm { font-size: 14px; }
.am-prose__updated { margin: -8px 0 16px; font-size: 13px; color: var(--am-ink-2); }

/* سطور «الاسم: القيمة» (من نحن) */
.am-pg-kv { list-style: none; margin: 0 0 1em; padding: 0; }
.am-pg-kv li { padding: 6px 0; border-bottom: 1px dashed var(--am-line-soft); }
.am-pg-kv li:last-child { border-bottom: 0; }
.am-pg-kv b { font-weight: 600; }
.am-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 1em; padding: 0; list-style: none; }

/* ─────────── اتصل بنا ─────────── */

.am-contact { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 992px) { .am-contact { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; } }
.am-contact__lead { margin: 0 0 20px; font-size: 15px; line-height: 1.8; color: var(--am-ink-2); }
.am-contact__item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 18px; }
.am-contact__ico { flex: 0 0 44px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--am-line); border-radius: 50%; color: var(--am-ink-2); }
.am-contact__item b { display: block; font-size: 15px; margin-bottom: 2px; }
.am-contact__item span { font-size: 14px; color: var(--am-ink-2); overflow-wrap: anywhere; }

/* ─────────── النماذج ─────────── */

.am-pg-field { margin-bottom: 14px; }
.am-pg-field > label, .am-label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; }
.am-pg-field textarea.am-input { height: auto; min-height: 110px; padding: 10px 12px; resize: vertical; line-height: 1.6; }
.am-pg-field__err { display: block; margin-top: 6px; padding: 8px 10px; border-radius: 6px; background: #fdecef; color: var(--am-sale); font-size: 13px; }
.am-form-row { display: flex; flex-wrap: wrap; gap: 8px; }
.am-form-row > .am-input { flex: 1 1 220px; }
.am-form-row > .am-btn { flex: 0 0 auto; min-width: 150px; }

/* ─────────── الشبكات العامة ─────────── */

.am-pg .am-grid { --am-cols: 2; }
@media (min-width: 576px) { .am-pg .am-grid { --am-cols: 2; } }
@media (min-width: 768px) { .am-pg .am-grid { --am-cols: 3; } }
@media (min-width: 992px) { .am-pg .am-grid { --am-cols: 4; } }
@media (min-width: 1200px) { .am-pg .am-grid { --am-cols: 5; } }
@media (min-width: 1400px) { .am-pg .am-grid { --am-cols: 6; } }
@media (min-width: 992px) { .am-pg .am-grid--narrow { --am-cols: 3; } }
@media (min-width: 1400px) { .am-pg .am-grid--narrow { --am-cols: 4; } }

.am-pg-empty { padding: 40px 16px; text-align: center; color: var(--am-ink-2); font-size: 15px; background: #fff; border: 1px solid var(--am-line-soft); border-radius: var(--am-r); }
.am-pg-empty svg { display: block; margin: 0 auto 12px; color: var(--am-line); }
.am-pg-empty__title { margin: 0 0 6px; font-size: 18px; font-weight: 700; color: var(--am-ink); }

.am-pg-banner { display: block; margin-bottom: 16px; border-radius: var(--am-r); overflow: hidden; }
.am-pg-banner img { display: block; width: 100%; height: auto; }
.am-pg-banner--m { display: block; }
.am-pg-banner--d { display: none; }
@media (min-width: 768px) { .am-pg-banner--m { display: none; } .am-pg-banner--d { display: block; } }

/* ─────────── العروض السريعة ─────────── */

.am-deals { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 768px) { .am-deals { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .am-deals { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.am-deal { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 260px; padding: 16px; border-radius: var(--am-r); overflow: hidden; background: var(--am-band) center / cover no-repeat; text-decoration: none !important; }
.am-deal::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 60%); }
.am-deal > * { position: relative; z-index: 1; }
.am-deal__title { margin: 0 0 8px; font-size: 17px; font-weight: 700; color: #fff; }
.am-flashd { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 992px) { .am-flashd { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } .am-flashd__side { position: sticky; top: 96px; } }
.am-flashd__banner { display: flex; align-items: flex-start; justify-content: center; min-height: 240px; padding: 24px 12px; border-radius: var(--am-r); background: var(--am-band) center / cover no-repeat; }
@media (min-width: 992px) { .am-flashd__banner { min-height: 420px; } }
.am-countdown { display: inline-flex; gap: 6px; direction: ltr; }
.am-countdown span { min-width: 48px; padding: 6px 4px; border-radius: 6px; background: rgba(0, 0, 0, .65); color: #fff; text-align: center; font-weight: 700; font-size: 16px; line-height: 1.1; }
.am-countdown small { display: block; font-size: 10px; font-weight: 400; opacity: .8; }

/* ─────────── الكوبونات ─────────── */

.am-cpns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 768px) { .am-cpns { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .am-cpns { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.am-cpn { position: relative; display: flex; flex-direction: column; gap: 12px; min-height: 210px; padding: 20px 22px; border-radius: 18px; color: #fff; overflow: hidden; }
.am-cpn--store { background: linear-gradient(to left, #b4233a, #d9583e); }
.am-cpn--seller { background: linear-gradient(to left, #3f8786, #6db8b7); }
.am-cpn--welcome { background: linear-gradient(to left, #5a4a87, #8fa8cb); }
.am-cpn a { color: #fff !important; text-decoration: underline; }
.am-cpn__top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font-size: 13px; }
.am-cpn__off { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.2; }
.am-cpn__cut { position: relative; height: 0; border-top: 2px dashed rgba(255, 255, 255, .45); margin-inline: -22px; }
.am-cpn__cut::before, .am-cpn__cut::after { content: ""; position: absolute; top: -13px; width: 24px; height: 24px; border-radius: 50%; background: #fff; }
.am-cpn__cut::before { inset-inline-start: -12px; }
.am-cpn__cut::after { inset-inline-end: -12px; }
.am-cpn__terms { margin: 0; font-size: 13px; line-height: 1.6; }
.am-cpn__prods { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.am-cpn__prods a { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 6px; overflow: hidden; background: #fff; }
.am-cpn__prods img { width: 100%; height: 100%; object-fit: contain; }
.am-cpn__code { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: auto; font-size: 13px; }
.am-cpn__code b { font-size: 15px; letter-spacing: .5px; }
.am-cpn__copy { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border: 1px solid rgba(255, 255, 255, .6); border-radius: var(--am-pill); background: rgba(255, 255, 255, .12); color: #fff; font-size: 12px; font-weight: 600; cursor: pointer; }
.am-cpn__copy:hover { background: rgba(255, 255, 255, .25); }

/* ─────────── العلامات والأقسام ─────────── */

.am-pg-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--am-line-soft); border-inline-start: 1px solid var(--am-line-soft); background: #fff; }
@media (min-width: 768px) { .am-pg-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .am-pg-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.am-pg-tile { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 8px; border-inline-end: 1px solid var(--am-line-soft); border-bottom: 1px solid var(--am-line-soft); text-align: center; text-decoration: none !important; color: var(--am-ink) !important; min-width: 0; }
.am-pg-tile:hover { background: var(--am-hover); }
.am-pg-tile__img { width: 100%; max-width: 110px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; }
.am-pg-tile__img img { width: 100%; height: 100%; object-fit: contain; }
.am-pg-tile__name { font-size: 13px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
@media (min-width: 768px) { .am-pg-tile__name { font-size: 14px; } }
.am-letter { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 8px; color: #1f1f1f; font-weight: 700; line-height: 1; }

.am-cats { display: grid; gap: 16px; }
.am-cat { background: #fff; border: 1px solid var(--am-line-soft); border-radius: var(--am-r); }
.am-cat__head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; text-decoration: none !important; color: var(--am-ink) !important; }
.am-cat__head:hover .am-cat__name { color: var(--am-link-h); }
.am-cat__img { flex: 0 0 56px; width: 56px; height: 56px; border: 1px solid var(--am-line-soft); border-radius: 6px; overflow: hidden; background: #fff; }
.am-cat__img img { width: 100%; height: 100%; object-fit: contain; }
.am-cat__name { font-size: 17px; font-weight: 700; }
@media (min-width: 768px) { .am-cat__name { font-size: 20px; } }
.am-cat__subs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 16px; padding: 4px 16px 14px; border-top: 1px solid var(--am-line-soft); }
@media (min-width: 576px) { .am-cat__subs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .am-cat__subs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .am-cat__subs { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.am-cat__sub { padding-top: 10px; min-width: 0; }
.am-cat__sub > a { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; color: var(--am-ink) !important; text-decoration: none; }
.am-cat__sub ul { list-style: none; margin: 0; padding: 0; }
.am-cat__sub li a { display: block; padding: 3px 0; font-size: 14px; color: var(--am-ink-2) !important; text-decoration: none; }
.am-cat__sub a:hover { color: var(--am-link-h) !important; text-decoration: underline; }
.am-cat__sub li.is-extra { display: none; }
.am-cat__sub.is-open li.is-extra { display: list-item; }
.am-pg-more { padding: 2px 0; border: 0; background: none; color: var(--am-link); font-size: 12px; font-weight: 700; cursor: pointer; }

/* ─────────── المدونة ─────────── */

.am-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
@media (min-width: 1200px) { .am-split { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .am-split--article { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } }
.am-posts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 576px) { .am-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .am-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.am-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--am-line-soft); border-radius: var(--am-r); overflow: hidden; }
.am-post__img { display: block; aspect-ratio: 16 / 9; background: var(--am-band); overflow: hidden; }
.am-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.am-post:hover .am-post__img img { transform: scale(1.03); }
.am-post__body { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 14px; }
.am-post__title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.am-post__title a { color: var(--am-ink) !important; text-decoration: none; }
.am-post__title a:hover { color: var(--am-link-h) !important; text-decoration: underline; }
.am-post__desc { margin: 0; font-size: 14px; color: var(--am-ink-2); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.am-post__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--am-ink-2); }
.am-post__cat { color: var(--am-link); }
.am-post__more { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; text-decoration: none !important; }

.am-side { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-content: start; min-width: 0; }
.am-side__box { background: #fff; border: 1px solid var(--am-line-soft); border-radius: var(--am-r); padding: 14px; }
.am-side__title { margin: 0 0 10px; font-size: 16px; font-weight: 700; }
.am-search-box { display: flex; }
.am-search-box .am-input { border-start-end-radius: 0; border-end-end-radius: 0; }
.am-search-box button { flex: 0 0 46px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--am-line); border-inline-start: 0; border-start-end-radius: var(--am-r); border-end-end-radius: var(--am-r); background: var(--am-band); color: var(--am-ink); cursor: pointer; }
.am-search-box button:hover { background: var(--am-line-soft); }
.am-pg-checks { display: grid; gap: 8px; }
.am-pg-checks label { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
.am-pg-checks input { width: 17px; height: 17px; accent-color: var(--am-ink); flex: 0 0 auto; }
.am-minis { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 576px) and (max-width: 1199.98px) { .am-minis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.am-pg-mini { display: flex; gap: 10px; align-items: flex-start; }
.am-pg-mini__img { flex: 0 0 80px; width: 80px; height: 80px; border-radius: 6px; overflow: hidden; background: var(--am-band); }
.am-pg-mini__img img { width: 100%; height: 100%; object-fit: cover; }
.am-pg-mini__title { margin: 0 0 4px; font-size: 14px; font-weight: 700; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.am-pg-mini__title a { color: var(--am-ink) !important; text-decoration: none; }
.am-pg-mini__title a:hover { text-decoration: underline; }

.am-article__title { margin: 0 0 8px; font-size: 22px; font-weight: 700; line-height: 1.4; }
@media (min-width: 768px) { .am-article__title { font-size: 26px; } }
.am-article__alt { margin: 0 0 12px; font-size: 13px; font-weight: 600; }
.am-article__lead { margin: 0 0 16px; font-size: 16px; font-weight: 500; line-height: 1.9; }
.am-article__img { display: block; width: 100%; height: auto; margin-bottom: 20px; border-radius: var(--am-r); background: var(--am-band); }
.am-article__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--am-line-soft); }
.am-share { display: flex; flex-wrap: wrap; gap: 6px; }
.am-share a, .am-share button { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--am-line); border-radius: 50%; background: #fff; color: var(--am-ink) !important; cursor: pointer; text-decoration: none !important; }
.am-share a:hover, .am-share button:hover { background: var(--am-hover); }

/* ─────────── الفلاتر الجانبية (المدونة · متجر البائع) على الشاشات الضيقة ─────────── */

.am-filters-toggle { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 1px solid var(--am-line); border-radius: var(--am-pill); background: #fff; color: var(--am-ink); font-size: 14px; font-weight: 600; cursor: pointer; }
@media (min-width: 1200px) { .am-filters-toggle { display: none; } }
@media (max-width: 1199.98px) {
    .am-pg-filters { display: none; }
    .am-pg-filters.is-open { display: grid; grid-template-columns: minmax(0, 1fr); }
}

/* ─────────── المتاجر ─────────── */

.am-pg-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.am-pg-tabs a { display: inline-flex; align-items: center; height: 34px; padding: 0 16px; border: 1px solid var(--am-line); border-radius: var(--am-pill); background: #fff; color: var(--am-ink) !important; font-size: 13px; font-weight: 700; text-decoration: none !important; }
.am-pg-tabs a:hover { background: var(--am-hover); }
.am-pg-tabs a[aria-current] { background: var(--am-ink); border-color: var(--am-ink); color: #fff !important; }

.am-pg-shops { display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--am-line-soft); border-inline-start: 1px solid var(--am-line-soft); background: #fff; }
@media (min-width: 576px) { .am-pg-shops { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .am-pg-shops { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .am-pg-shops { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.am-shopc { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px 14px; border-inline-end: 1px solid var(--am-line-soft); border-bottom: 1px solid var(--am-line-soft); text-align: center; min-width: 0; }
.am-shopc__logo { position: relative; width: 104px; height: 104px; }
.am-shopc__logo > a { display: block; width: 100%; height: 100%; border: 1px solid var(--am-line-soft); border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 8px 18px rgba(0, 0, 0, .06); }
.am-shopc__logo img { width: 100%; height: 100%; object-fit: cover; }
.am-shopc__logo .am-letter { border-radius: 50%; }
.am-shopc__mark { position: absolute; top: 2px; inset-inline-end: 2px; display: inline-flex; border-radius: 50%; background: #fff; }
.am-shopc__name { margin: 8px 0 0; font-size: 14px; font-weight: 700; line-height: 1.4; min-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.am-shopc__name a { color: var(--am-ink) !important; text-decoration: none; }
.am-shopc__name a:hover { text-decoration: underline; }
.am-shopc__meta { font-size: 12px; color: var(--am-ink-2); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* النجوم من almadah.home.partials.stars (الألوان نفسها في am-home.css) */
.am-pg .am-stars { display: inline-flex; gap: 2px; vertical-align: -2px; }
.am-pg .am-star { fill: #d5d9d9; }
.am-pg .am-star--full { fill: #ffa41c; }
.am-pg .am-star--half { fill: #ffcf87; }
.am-rating { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--am-ink-2); }

.am-shop-nav { display: flex; gap: 4px 20px; overflow-x: auto; scrollbar-width: none; margin-bottom: 12px; border-bottom: 1px solid var(--am-line-soft); }
.am-shop-nav::-webkit-scrollbar { display: none; }
.am-shop-nav a { flex: 0 0 auto; padding: 10px 0; border-bottom: 2px solid transparent; color: var(--am-ink-2) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; white-space: nowrap; }
.am-shop-nav a:hover { color: var(--am-ink) !important; }
.am-shop-nav a[aria-current] { color: var(--am-ink) !important; border-bottom-color: var(--am-orange); }

.am-shop-top { display: block; margin-bottom: 12px; border-radius: var(--am-r); overflow: hidden; }
.am-shop-top img { display: block; width: 100%; height: 160px; object-fit: cover; }
@media (min-width: 768px) { .am-shop-top img { height: 220px; } }
@media (min-width: 1200px) { .am-shop-top img { height: 300px; } }

.am-shophd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; margin-bottom: 16px; background: var(--am-band); border: 1px solid var(--am-line-soft); border-radius: var(--am-r); }
.am-shophd__id { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 280px; }
.am-shophd__logo { flex: 0 0 64px; width: 64px; height: 64px; border: 1px solid var(--am-line-soft); border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 8px 18px rgba(0, 0, 0, .06); }
.am-shophd__logo img { width: 100%; height: 100%; object-fit: cover; }
.am-shophd__logo .am-letter { border-radius: 50%; }
.am-shophd__name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-size: 18px; font-weight: 700; line-height: 1.35; }
.am-shophd__addr { margin-top: 2px; font-size: 12px; color: var(--am-ink-2); }
.am-shophd__side { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.am-shophd__since small { display: block; font-size: 11px; color: var(--am-ink-2); }
.am-shophd__since b { font-size: 15px; }
.am-verified { display: inline-block; padding: 1px 8px; border-radius: 4px; background: #e8f5e9; color: #1b7a33; font-size: 11px; font-weight: 700; vertical-align: middle; }
.am-pg-social { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.am-pg-social a { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--am-ink); color: #fff !important; }
.am-pg-social a:hover { background: var(--am-ink-2); }
.am-follow { min-width: 190px; }
.am-follow.is-on { background: #e7f6f0; border-color: #067d62; color: #067d62 !important; }

.am-shop-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 140px; margin-bottom: 16px; padding: 24px 28px; border-radius: var(--am-r); background: linear-gradient(135deg, var(--am-brand) 0%, var(--am-brand-2) 60%, #f4ab00 160%); color: #fff !important; text-decoration: none !important; }
.am-shop-banner b { display: block; font-size: 20px; margin-bottom: 4px; }
.am-shop-banner span { font-size: 14px; opacity: .85; }
.am-shop-banner img { display: none; height: 64px; width: auto; filter: brightness(0) invert(1); }
@media (min-width: 768px) { .am-shop-banner b { font-size: 24px; } .am-shop-banner img { display: block; } }
.am-slides { position: relative; margin-bottom: 16px; border-radius: var(--am-r); overflow: hidden; }
.am-slides__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.am-slides__track::-webkit-scrollbar { display: none; }
.am-slides__slide { flex: 0 0 100%; scroll-snap-align: start; }
.am-slides__slide img { display: block; width: 100%; height: 140px; object-fit: cover; }
@media (min-width: 768px) { .am-slides__slide img { height: 300px; } }
@media (min-width: 1200px) { .am-slides__slide img { height: 450px; } }
.am-slides__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .9); color: var(--am-ink); font-size: 20px; line-height: 1; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.am-slides__btn--prev { inset-inline-start: 10px; }
.am-slides__btn--next { inset-inline-end: 10px; }
.am-shop-banners { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 16px; }
@media (min-width: 768px) { .am-shop-banners--half { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.am-shop-banners img { display: block; width: 100%; height: auto; border-radius: var(--am-r); }

.am-pg-sec { margin-bottom: 24px; }
.am-pg-sec__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.am-pg-sec__title { margin: 0; font-size: 18px; font-weight: 700; }
@media (min-width: 768px) { .am-pg-sec__title { font-size: 20px; } }
.am-pg-sec__head a { font-size: 13px; font-weight: 700; }
.am-strip { display: grid; grid-auto-flow: column; grid-auto-columns: 46%; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; border-top: 1px solid var(--am-line-soft); border-inline-start: 1px solid var(--am-line-soft); }
.am-strip > * { scroll-snap-align: start; border-inline-end: 1px solid var(--am-line-soft); border-bottom: 1px solid var(--am-line-soft); }
@media (min-width: 768px) { .am-strip { grid-auto-columns: 33.333%; } }
@media (min-width: 992px) { .am-strip { grid-auto-columns: 25%; } }
@media (min-width: 1200px) { .am-strip { grid-auto-columns: 20%; } }
@media (min-width: 1400px) { .am-strip { grid-auto-columns: 16.666%; } }
.am-strip--cpns { grid-auto-columns: 88%; gap: 16px; border: 0; }
.am-strip--cpns > * { border: 0; }
@media (min-width: 768px) { .am-strip--cpns { grid-auto-columns: calc(50% - 8px); } }
@media (min-width: 1200px) { .am-strip--cpns { grid-auto-columns: calc(33.333% - 11px); } }

.am-shop-all { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 1200px) { .am-shop-all { grid-template-columns: 260px minmax(0, 1fr); } }
.am-shop-all__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.am-shop-all__bar .am-select { width: auto; min-width: 190px; height: 38px; }
.am-pg-price { display: flex; align-items: center; gap: 6px; }
.am-pg-price .am-input { flex: 1 1 0; width: auto; height: 38px; padding: 0 8px; min-width: 0; }
.am-pg-price .am-btn { flex: 0 0 auto; }
.am-brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.am-brandopt { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px; border: 1px solid var(--am-line-soft); border-radius: 6px; text-align: center; font-size: 13px; cursor: pointer; }
.am-brandopt input { position: absolute; opacity: 0; pointer-events: none; }
.am-brandopt img { width: 100%; height: 48px; object-fit: contain; }
.am-brandopt:has(input:checked) { border-color: var(--am-ink); box-shadow: 0 0 0 1px var(--am-ink); }
.am-brandopt:has(input:focus-visible) { outline: 2px solid var(--am-link); outline-offset: 2px; }

.am-policy-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.am-policy-chips a { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: var(--am-pill); background: var(--am-band); border: 1px solid var(--am-line-soft); color: var(--am-ink) !important; font-size: 13px; text-decoration: none !important; }
.am-policy { scroll-margin-top: 96px; }

/* ─────────── تتبّع الطلب ─────────── */

.am-track { max-width: 720px; margin-inline: auto; }
.am-track .am-pg__title { text-align: center; margin-bottom: 16px; }
.am-route { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--am-line-soft); }
.am-route > div { flex: 0 1 40%; font-size: 12px; color: var(--am-ink-2); overflow-wrap: anywhere; }
.am-route > div:last-child { text-align: end; }
.am-route b { display: block; margin-bottom: 4px; font-size: 15px; font-weight: 600; color: var(--am-ink); }
.am-route__line { flex: 1 1 auto; align-self: center; border-top: 2px dashed var(--am-line); margin-top: 8px; }
.am-carrier { display: flex; align-items: center; gap: 12px; padding: 8px 14px; border-radius: var(--am-pill); background: #e8f1fb; }
.am-carrier img { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #fff; }
.am-carrier b { display: block; font-size: 15px; }
.am-carrier span { font-size: 13px; color: var(--am-ink-2); }
.am-steps { list-style: none; margin: 16px 0 0; padding: 0; }
.am-step { position: relative; display: flex; gap: 14px; padding-bottom: 22px; }
.am-step:last-child { padding-bottom: 0; }
.am-step::before { content: ""; position: absolute; top: 20px; bottom: 0; inset-inline-start: 11px; border-inline-start: 2px dashed var(--am-line); }
.am-step:last-child::before { display: none; }
.am-step.is-done::before { border-inline-start-style: solid; border-color: #067d62; }
.am-step.is-cancel::before { border-inline-start-style: solid; border-color: var(--am-sale); }
.am-step__dot { position: relative; flex: 0 0 24px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; }
.am-step__dot::after { content: ""; width: 14px; height: 14px; border-radius: 50%; background: var(--am-line); border: 2px solid var(--am-line); }
.am-step.is-done .am-step__dot::after { background: #067d62; border-color: #067d62; }
.am-step.is-cancel .am-step__dot::after { background: var(--am-sale); border-color: var(--am-sale); }
.am-step.is-now .am-step__dot::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--am-ink-2); animation: am-ping 1.6s ease-out infinite; }
.am-step.is-now .am-step__dot::after { background: var(--am-ink-2); border-color: var(--am-ink-2); }
@keyframes am-ping { from { transform: scale(.7); opacity: 1; } to { transform: scale(1.5); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .am-step.is-now .am-step__dot::before { animation: none; } }
.am-step__label { margin: 0; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.am-step.is-cancel .am-step__label { color: var(--am-sale); }
.am-step__time { display: flex; flex-wrap: wrap; gap: 0 12px; font-size: 12px; color: var(--am-ink-2); }
.am-cod { display: inline-block; padding: 0 10px; border-radius: var(--am-pill); background: var(--am-orange); color: #fff; font-size: 10px; font-weight: 700; line-height: 1.8; }
.am-summary { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px; }
.am-summary h2 { margin: 0 0 10px; font-size: 16px; font-weight: 700; }
.am-summary dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; font-size: 14px; }
.am-summary dt { font-weight: 400; color: var(--am-ink-2); }
.am-summary dd { margin: 0; }
.am-summary__acts { display: grid; gap: 6px; min-width: 180px; }
.am-pg-note { margin-top: 14px; padding: 12px 14px; border-radius: 6px; background: #e8f1fb; font-size: 15px; text-align: center; }
.am-msg-err { margin: 8px 0 0; color: var(--am-sale); font-size: 14px; text-align: center; }
.am-track__art { display: block; margin: 20px auto 0; color: var(--am-line); }

/* ─────────── صفحات الأخطاء ─────────── */

.am-err { max-width: 560px; margin: 0 auto; padding: 40px 16px 56px; text-align: center; }
.am-err__code { display: block; margin: 0 auto 12px; font-size: 88px; font-weight: 800; line-height: 1; letter-spacing: 2px; color: var(--am-line); direction: ltr; }
.am-err__art { display: block; margin: 0 auto 16px; color: var(--am-ink-2); }
.am-err h1 { margin: 0 0 8px; font-size: 24px; font-weight: 700; }
.am-err p { margin: 0 0 20px; font-size: 16px; color: var(--am-ink-2); line-height: 1.7; }
.am-err__acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }

/* ─────────── دليل الخدمات ─────────── */

.am-pg-tile__link { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; color: var(--am-ink) !important; text-decoration: none !important; }
.am-pg-tile.is-soon .am-svc-ico { opacity: .6; }
.am-svc-ico { max-width: 48px; }
.am-svc-count { font-size: 12px; color: var(--am-ink-2) !important; }
a.am-svc-count:hover { text-decoration: underline; }
.am-svc-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.am-svc-side { display: none; align-self: start; }
@media (min-width: 1200px) { .am-svc-layout { grid-template-columns: 260px minmax(0, 1fr); } .am-svc-side { display: block; margin-top: 12px; } }
.am-svc-side ul { list-style: none; margin: 0; padding: 0; }
.am-svc-side li a { display: block; padding: 4px 0; font-size: 14px; color: var(--am-ink) !important; text-decoration: none; }
.am-svc-side li a:hover { text-decoration: underline; }
.am-svc-side li a[aria-current] { font-weight: 700; }
.am-svc-side .am-side__title a { color: var(--am-ink) !important; text-decoration: none; }
.am-svc-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 24px; }
.am-svc-cta > div:first-child { flex: 1 1 320px; }
.am-svc-cta__acts { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.am-svc-tpl { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 8px; }
@media (min-width: 992px) { .am-svc-tpl { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.am-svc-tpl__img { display: flex; align-items: center; justify-content: center; }
.am-svc-tpl__img img { max-height: 420px; width: auto; object-fit: contain; }
.am-svc-providers { list-style: none; margin: 0; padding: 0; }
.am-svc-providers li + li { border-top: 1px solid var(--am-line-soft); }
.am-svc-providers a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; color: var(--am-ink) !important; text-decoration: none !important; }
.am-svc-providers b { display: block; font-size: 14px; }
.am-svc-providers small { display: block; font-size: 12px; color: var(--am-ink-2); }
.am-svc-providers .am-svc-providers__go { color: var(--am-link); font-weight: 600; }
.am-svc-prov { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.am-svc-prov > div { display: grid; gap: 16px; align-content: start; }
.am-svc-prov .am-panel + .am-panel { margin-top: 0; }
@media (min-width: 992px) { .am-svc-prov { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.am-svc-invite { margin-bottom: 16px; background: #fff8e6; border-color: #f4ab00; }
.am-svc-claim summary { cursor: pointer; color: #8a5300; font-size: 14px; font-weight: 700; }
.am-svc-list { list-style: none; margin: 0; padding: 0; }
.am-svc-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; font-size: 14px; }
.am-svc-list li + li { border-top: 1px solid var(--am-line-soft); }
.am-svc-list a { color: var(--am-ink) !important; }

.am-cand { padding: 10px 0; border-bottom: 1px solid var(--am-line-soft); }
.am-cand:last-child { border-bottom: 0; }
.am-cand__name { display: block; font-size: 15px; font-weight: 700; color: var(--am-ink) !important; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-cand__name:hover { text-decoration: underline; }
.am-cand__meta, .am-cand__svc { margin-top: 2px; font-size: 12px; color: var(--am-ink-2); }
.am-cand__svc a { color: var(--am-ink) !important; }
.am-cand__visit { color: #8a5300 !important; font-weight: 600; font-size: 12px; white-space: nowrap; }
.am-cand__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.am-cand--mini { display: block; padding: 8px 0; border-top: 1px solid var(--am-line-soft); color: var(--am-ink) !important; text-decoration: none !important; }
.am-cand--mini b { display: block; font-size: 13px; }
.am-cand--mini span { font-size: 12px; color: var(--am-ink-2); }
.am-chip { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 12px; border: 1px solid var(--am-line); border-radius: var(--am-pill); background: #fff; color: var(--am-ink) !important; font-size: 12px; font-weight: 600; text-decoration: none !important; cursor: pointer; }
.am-chip:hover { background: var(--am-hover); }
.am-chip--gold { border-color: #f4ab00; color: #8a5300 !important; }
.am-chip--wa { background: #e7f8ee; border-color: #25d366; color: #0f6b4c !important; }

/* ─────────── اطلب عرض سعر ─────────── */

.am-rfq { max-width: 880px; margin: 16px auto 0; }
.am-rfq--wide { max-width: 980px; }
.am-rfq .am-panel + .am-panel, .am-rfq form.am-panel { margin-top: 16px; }
.am-rfq__hero { padding: 26px 24px; border-radius: 16px; background: linear-gradient(135deg, #f4a50b, #f8bb14); color: #010100; }
.am-rfq__hero h1 { margin: 0 0 6px; font-size: 24px; font-weight: 800; color: #010100; }
.am-rfq__hero p { margin: 0; font-size: 14px; opacity: .85; }
.am-rfq__feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
@media (min-width: 768px) { .am-rfq__feats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.am-rfq__feats > div { padding: 12px; border: 1px solid #f1e6c8; border-radius: 12px; background: #fff; font-size: 13px; line-height: 1.5; }
.am-rfq__feats b { display: block; margin-bottom: 2px; font-size: 14px; }
.am-rfq__or { margin: 8px 0; text-align: center; font-size: 12px; color: var(--am-ink-2); }
.am-rfq__drop { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px; border: 2px dashed #e0c78a; border-radius: 12px; background: #fffaf0; color: #6b5a2e; font-size: 13px; text-align: center; cursor: pointer; }
.am-rfq__drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.am-rfq__drop:focus-within { outline: 2px solid var(--am-link); outline-offset: 2px; }
.am-rfq__drop.has-file { border-style: solid; border-color: #f4a50b; }
.am-rfq__biz { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 10px; }
@media (min-width: 768px) { .am-rfq__biz { grid-template-columns: repeat(2, minmax(0, 1fr)); } .am-rfq__wide { grid-column: 1 / -1; } }
.am-rfq__wait { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 26px 10px; text-align: center; }
.am-rfq__wait[hidden] { display: none; }
.am-rfq__wait b { font-size: 16px; }
.am-rfq__wait span:last-child { font-size: 13px; color: var(--am-ink-2); }
.am-rfq__mine { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.am-rfq__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.am-rfq__no { margin: 0; font-size: 22px; font-weight: 800; }
.am-rfq__total { font-size: 24px; font-weight: 800; }
.am-rfq__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.am-rfq__acts form { margin: 0; }
.am-rfq__table { overflow-x: auto; }
.am-rfq__table table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 14px; }
.am-rfq__table td:nth-child(2) { min-width: 220px; }
.am-rfq__table th, .am-rfq__table td { padding: 10px 8px; border-bottom: 1px solid var(--am-line-soft); text-align: start; vertical-align: middle; }
.am-rfq__table th { font-size: 13px; color: var(--am-ink-2); font-weight: 600; }
.am-rfq__table img { width: 52px; height: 52px; object-fit: contain; border: 1px solid var(--am-line-soft); border-radius: 8px; background: #fff; }
.am-rfq__item { font-weight: 600; color: var(--am-ink) !important; }
.am-rfq__warn { font-size: 12px; color: #7a4b00; }
.am-rfq__qty { width: 84px; height: 36px; text-align: center; }
.am-rfq__foot { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-top: 12px; }
.am-rfq__sum { display: grid; grid-template-columns: auto auto; gap: 4px 24px; margin: 0; min-width: 260px; font-size: 14px; }
.am-rfq__sum dt { font-weight: 400; color: var(--am-ink-2); }
.am-rfq__sum dd { margin: 0; text-align: end; }
.am-rfq__notes { padding: 12px 14px; border: 1px solid #f6e2b5; border-radius: 12px; background: #fff8e6; display: grid; gap: 8px; }