/* ==========================================================
   فتوحات — الطبقة التراثية فوق القالب المبدئي
   ========================================================== */
html:root {
  --fh-ink: #21140b;
  --fh-ink-soft: #6a5847;
  --fh-brown: #160b05;
  --fh-brown-2: #26160c;
  --fh-gold: #c8a04a;
  --fh-gold-bright: #ecd08a;
  --fh-gold-deep: #8f6a22;
  --fh-paper: #fbf7ee;
  --fh-paper-2: #f1e9d6;
  --fh-paper-3: #e7dcc2;
  --fh-line: #e0d2b0;
  --fh-seal: #1f4a3d;
  --fh-display: "Amiri", "Noto Naskh Arabic", "Traditional Arabic", serif;
  --fh-font: "Almarai", "Segoe UI", Tahoma, sans-serif;
  /* لوحة ألوان المنصة: قيم افتراضية تراثية */
  --body-bg: #fbf7ee;
  --body-text: #21140b;
  --hd-bg: #160b05;
  --hd-text: #ecd08a;
  --ann-bg: #0c0603;
  --ann-text: #ecd08a;
  --ft-bg: #160b05;
  --ft-text: #eadfc6;
  --product-name-text: #21140b;
  --product-price-text: #8f6a22;
  --product-sale-price-text: #1f4a3d;
  --buy-btn-bg: #160b05;
  --buy-btn-text: #ecd08a;
  --buy-btn-border: #c9a24b;
  --crt-btn-bg: transparent;
  --crt-btn-text: #24160d;
  --crt-btn-border: #9c7227;
  --input-border: #d9c79f;
  --input-bg: #fffdf7;
  --input-text: #24160d;
  --checkout-form-bg: #f3ead4;
  --checkout-heading-text: #24160d;
}

/* العربية: لا تباعد حروف ولا أحرف كبيرة */
[class*="ab-"], [class*="ab-"] * {
  letter-spacing: normal !important;
  text-transform: none !important;
}

body {
  background-color: var(--fh-paper);
  color: var(--fh-ink);
  font-family: var(--fh-font);
}
[class*="ab-"] { font-family: var(--fh-font); }

/* ── العناوين: خط نسخي كلاسيكي ── */
.ab-categories-title,
.ab-plist-title,
.ab-featured-section-title,
.ab-pgrid-hero-title,
.ab-pd-name,
.ab-reviews-title,
.category_section_header_title,
.ab-thanks-title,
.ab-footer-heading,
.ft-title {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  color: var(--fh-ink);
}

/* عنوان القسم مع فاصل زخرفي */
.ab-categories-title,
.ab-featured-section-title,
.ft-title {
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.5 !important;
  text-align: center;
  margin: 0 0 6px !important;
}
/* عنوان القوائم الأفقية */
.ab-plist-title {
  font-size: clamp(22px, 2.4vw, 30px) !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
  padding-inline-start: 18px;
}
.ab-plist-title::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  background: var(--fh-gold);
}
.ab-plist-header {
  border-bottom: 1px solid var(--fh-line);
  padding-bottom: 12px;
  margin-bottom: 18px;
}
.ab-plist-viewall-btn,
.ab-plist-arrow {
  border-color: var(--fh-line) !important;
  color: var(--fh-ink) !important;
  background: transparent !important;
}
.ab-plist-viewall-btn:hover,
.ab-plist-arrow:hover {
  background: var(--fh-brown) !important;
  color: var(--fh-gold-bright) !important;
  border-color: var(--fh-brown) !important;
}

/* ── شريط الإعلان ── */
.ab-announce {
  font-family: var(--fh-display);
  font-size: 14px !important;
  height: 34px !important;
  border-bottom: 1px solid rgba(201, 162, 75, 0.35);
}
.ab-ann-marquee-item { padding-inline: 28px; position: relative; }
.ab-ann-marquee-item::after {
  content: "";
  position: absolute;
  inset-inline-end: -4px;
  top: 50%;
  width: 6px;
  height: 6px;
  transform: translateY(-50%) rotate(45deg);
  background: var(--fh-gold);
  opacity: 0.8;
}

/* ── الهيدر ── */
div:has(> .ab-header) {
  position: sticky !important;
  background: var(--fh-brown) !important;
  pointer-events: auto !important;
  border-bottom: 1px solid rgba(201, 162, 75, 0.45);
  box-shadow: 0 6px 24px rgba(26, 14, 7, 0.18);
}
.ab-header {
  background: transparent !important;
  color: var(--fh-gold-bright) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
}
.ab-header-inner {
  height: 76px !important;
  padding-inline: 20px !important;
}
.ab-logo img {
  max-height: 60px !important;
  height: 60px !important;
  max-width: none !important;
}
.ab-nav { gap: 4px; }
.ab-nav a,
.ab-dropdown-trigger {
  color: var(--fh-gold-bright) !important;
  font-family: var(--fh-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  padding: 8px 12px !important;
  white-space: nowrap;
  position: relative;
  opacity: 0.92;
}
.ab-nav > a::after,
.ab-nav > .ab-dropdown > .ab-dropdown-trigger::after {
  content: "";
  position: absolute;
  inset-inline: 12px;
  bottom: 2px;
  height: 1px;
  background: var(--fh-gold);
  transform: scaleX(0);
  transition: transform 0.25s ease;
}
.ab-nav > a:hover::after,
.ab-nav > .ab-dropdown:hover > .ab-dropdown-trigger::after { transform: scaleX(1); }
.ab-nav a:hover { opacity: 1; }
.ab-dropdown-panel {
  background: var(--fh-paper) !important;
  border: 1px solid var(--fh-line) !important;
  border-top: 2px solid var(--fh-gold) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 18px 40px rgba(26, 14, 7, 0.22) !important;
  padding: 8px !important;
}
.ab-dropdown-panel a {
  color: var(--fh-ink) !important;
  font-family: var(--fh-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 9px 12px !important;
  border-radius: 6px;
  opacity: 1;
}
.ab-dropdown-panel a:hover { background: var(--fh-paper-2); color: var(--fh-gold-deep) !important; }
.ab-icon-btn, .ab-hamburger { color: var(--fh-gold-bright) !important; }
.ab-cart-count, .ab-wishlist-count, .ab-compare-count {
  background: var(--fh-gold) !important;
  color: var(--fh-brown) !important;
}
/* شريط الأقسام على الموبايل */
.ab-header-category {
  background: var(--fh-brown-2) !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(201, 162, 75, 0.25);
  justify-content: flex-start !important;
}
.ab-header-category a {
  color: var(--fh-gold-bright) !important;
  font-family: var(--fh-display) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 12px 14px !important;
}
/* القائمة الجانبية */
.ab-mobile-menu { background: var(--fh-paper) !important; color: var(--fh-ink) !important; }
.ab-mobile-menu-header { background: var(--fh-brown) !important; border-bottom: 1px solid var(--fh-gold); }
.ab-mobile-close { color: var(--fh-gold-bright) !important; }
.ab-mobile-nav > a,
.ab-mobile-accordion-trigger {
  font-family: var(--fh-display) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--fh-ink) !important;
  border-bottom: 1px solid var(--fh-line) !important;
}
.ab-mobile-accordion-panel a { color: var(--fh-ink-soft) !important; font-size: 15px !important; }

/* ── البانر ── */
.ab-slider { border-radius: 0 !important; margin-bottom: 0 !important; }
.ab-slider-slide img { border-radius: 0 !important; }

/* ── كارت الكتاب ── */
.ab-pgrid-card,
.ab-plist-card,
.ab-featured-card {
  background: #fffdf7 !important;
  border: 1px solid var(--fh-line);
  border-radius: 6px !important;
  box-shadow: 0 1px 0 rgba(156, 114, 39, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.ab-pgrid-card:hover,
.ab-plist-card:hover,
.ab-featured-card:hover {
  transform: translateY(-4px);
  border-color: var(--fh-gold);
  box-shadow: 0 14px 30px rgba(26, 14, 7, 0.14);
}
.ab-pgrid-media,
.ab-plist-media,
.ab-featured-media {
  aspect-ratio: 3 / 4 !important;
  background: var(--fh-paper-2) !important;
  border-bottom: 1px solid var(--fh-line);
}
.ab-pgrid-media img,
.ab-plist-media img,
.ab-featured-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.ab-pgrid-info,
.ab-plist-info,
.ab-featured-info { padding: 12px 14px 14px !important; }
.ab-pgrid-name,
.ab-plist-name,
.ab-featured-name {
  font-family: var(--fh-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  color: var(--fh-ink) !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(17px * 1.55 * 2);
}
.ab-pgrid-price,
.ab-plist-price,
.ab-featured-price {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--fh-gold-deep) !important;
  direction: ltr;
  unicode-bidi: isolate;
}
.ab-price-old {
  color: var(--fh-ink-soft) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  opacity: 0.75;
  direction: ltr;
  unicode-bidi: isolate;
}
.ab-price-sale { color: var(--fh-seal) !important; }
.ab-plist-badge, .ab-pgrid-badge, .ab-sale-badge {
  background: var(--fh-seal) !important;
  color: #fff7e6 !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}
.ab-pgrid-add-btn,
.ab-plist-add-btn,
.ab-featured-add-btn {
  background: var(--fh-brown) !important;
  color: var(--fh-gold-bright) !important;
  border: 1px solid var(--fh-gold) !important;
}
.ab-pgrid-add-btn:hover,
.ab-plist-add-btn:hover,
.ab-featured-add-btn:hover { background: var(--fh-gold-deep) !important; color: #fff !important; }

/* ── صفحة القسم ── */
.category_section_header_title {
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.6 !important;
}
.category_section_header { border-bottom: 1px solid var(--fh-line) !important; }

/* ── صفحة الكتاب ── */
.ab-pd-name { font-size: clamp(26px, 3vw, 36px) !important; line-height: 1.6 !important; }
.ab-pd-price, .ab-pd-price-sale { color: var(--fh-gold-deep) !important; font-weight: 800 !important; direction: ltr; unicode-bidi: isolate; }
.ab-pd-price-sale { color: var(--fh-seal) !important; }
.ab-pd-price-old { direction: ltr; unicode-bidi: isolate; }
.ab-pd-divider { border-color: var(--fh-line) !important; background: var(--fh-line) !important; }
.ab-breadcrumbs, .ab-breadcrumbs a { color: var(--fh-ink-soft) !important; font-size: 13px !important; }
.ab-breadcrumbs-current { color: var(--fh-gold-deep) !important; }
.ab-pd-description, .product_description {
  font-size: 16px;
  line-height: 2.05;
  color: var(--fh-ink);
}
.ab-gallery-media, .ab-gallery-slide { border-radius: 6px !important; }
.ab-review-card { background: #fffdf7 !important; border: 1px solid var(--fh-line) !important; border-radius: 6px !important; }
.ab-pd-star-filled, .ab-review-stars, .ab-reviews-avg-stars { color: var(--fh-gold) !important; }

/* ── الفوتر ── */
.ab-footer {
  background: var(--fh-brown) !important;
  color: var(--ft-text, #eadfc6) !important;
  border-top: 3px double var(--fh-gold);
}
.ab-footer a { color: #eadfc6 !important; }
.ab-footer a:hover { color: var(--fh-gold-bright) !important; }
.ab-footer-heading { color: var(--fh-gold-bright) !important; font-size: 20px !important; }
.ab-footer-bottom { border-top: 1px solid rgba(201, 162, 75, 0.3) !important; }

/* ── شبكة الكتب: أعمدة أكتر وكروت أصغر ── */
.ab-pgrid-wrap { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 18px !important; }
@media (max-width: 1200px) { .ab-pgrid-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 900px) { .ab-pgrid-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .ab-pgrid-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } }
.ab-pgrid, .ab-categories, .ab-plist, .ab-featured-products { max-width: 1320px; margin-inline: auto; padding-inline: 16px; }
.ab-plist-card { flex: 0 0 calc(20% - 14px) !important; min-width: 190px !important; }
@media (max-width: 640px) { .ab-plist-card { flex: 0 0 46% !important; min-width: 0 !important; } }

/* مسافة أعلى صفحة القسم */
.collection_container { padding-top: 28px !important; }

/* قائمة التنقل: حجم أهدى */

.ab-footer-subscribe-input { font-family: var(--fh-font) !important; }

/* ══════════ تعديلات خاصة بأساس Hype ══════════ */
/* فاصل زخرفي تحت عنوان القسم */
.ab-categories-title::after,
.ab-featured-section-title::after,
.ft-title::after {
  content: "";
  display: block;
  width: 170px;
  height: 11px;
  margin: 6px auto 22px;
  background:
    linear-gradient(var(--fh-gold), var(--fh-gold)) left center / calc(50% - 12px) 1px no-repeat,
    linear-gradient(var(--fh-gold), var(--fh-gold)) right center / calc(50% - 12px) 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 5-5 5-5-5z' fill='%238f6a22'/%3E%3C/svg%3E") center / 10px 10px no-repeat;
}
/* الهيدر: كل الروابط والأيقونات ذهبي، والقائمة سطر واحد */
.ab-header a, .ab-header button, .ab-header svg { color: var(--fh-gold-bright) !important; }
.ab-nav { gap: 2px !important; flex-wrap: nowrap !important; }
.ab-nav a, .ab-nav .ab-dropdown-trigger, .ab-nav-category-link {
  font-size: 15.5px !important;
  padding: 8px 8px !important;
}
.ab-dropdown-panel a, .ab-dropdown-panel .ab-dropdown-cat-name { color: var(--fh-ink) !important; }
/* كروت الأقسام */
.ab-cat-card {
  border: 1px solid var(--fh-line);
  border-radius: 6px !important;
  background: var(--fh-brown) !important;
}
.ab-cat-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(22, 11, 5, 0.15) 30%, rgba(22, 11, 5, 0.88) 100%);
  pointer-events: none;
}
.ab-cat-copy { z-index: 2; }
.ab-cat-kicker { display: none !important; }
.ab-cat-label {
  font-family: var(--fh-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #fff7e6 !important;
  border-bottom: 1px solid var(--fh-gold);
  padding-bottom: 2px !important;
}
/* شبكة الكتب تبدأ من اليمين */
.ab-pgrid-wrap, .ab-categories-track, .ab-plist-track, .ab-featured-grid { direction: rtl; }
.ab-pgrid-card, .ab-plist-card, .ab-featured-card { text-align: right; }
.ab-categories-title:empty, .ab-categories-header:not(:has(h2)) { display: none !important; }
.collection_container .ab-categories { margin-top: 22px; }

/* ══════════ أقسام فتوحات للصفحة الرئيسية ══════════ */
.fh-ornament {
  display: block;
  width: 170px;
  height: 11px;
  margin: 8px auto 14px;
  background:
    linear-gradient(var(--fh-gold), var(--fh-gold)) left center / calc(50% - 12px) 1px no-repeat,
    linear-gradient(var(--fh-gold), var(--fh-gold)) right center / calc(50% - 12px) 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 5-5 5-5-5z' fill='%238f6a22'/%3E%3C/svg%3E") center / 10px 10px no-repeat;
}
.fh-ornament--light {
  background:
    linear-gradient(var(--fh-gold-bright), var(--fh-gold-bright)) left center / calc(50% - 12px) 1px no-repeat,
    linear-gradient(var(--fh-gold-bright), var(--fh-gold-bright)) right center / calc(50% - 12px) 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 5-5 5-5-5z' fill='%23ecd08a'/%3E%3C/svg%3E") center / 10px 10px no-repeat;
}
.fh-section-head { text-align: center; margin-bottom: 26px; }
.fh-title {
  font-family: var(--fh-display);
  font-weight: 700;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.5;
  color: var(--fh-ink);
  margin: 0;
}
.fh-subtitle { color: var(--fh-ink-soft); font-size: 15px; line-height: 1.9; margin: 0; }
.fh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 28px;
  border-radius: 4px;
  font-family: var(--fh-font);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.fh-btn:hover { transform: translateY(-2px); }
.fh-btn--gold { background: linear-gradient(180deg, var(--fh-gold-bright), var(--fh-gold)); color: var(--fh-brown) !important; border: 1px solid var(--fh-gold); }
.fh-btn--ghost { background: transparent; color: var(--fh-gold-bright) !important; border: 1px solid rgba(236, 208, 138, 0.65); }
.fh-btn--ghost:hover { background: rgba(236, 208, 138, 0.12); }
.fh-btn--dark { background: var(--fh-brown); color: var(--fh-gold-bright) !important; border: 1px solid var(--fh-gold); }

/* الافتتاحية */
.fh-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(200, 160, 74, 0.22), transparent 60%),
    repeating-linear-gradient(45deg, rgba(236, 208, 138, 0.035) 0 2px, transparent 2px 26px),
    repeating-linear-gradient(-45deg, rgba(236, 208, 138, 0.035) 0 2px, transparent 2px 26px),
    linear-gradient(180deg, #1d1008, var(--fh-brown));
  color: #f7ecd2;
  text-align: center;
  padding: clamp(44px, 7vw, 92px) 20px clamp(48px, 7vw, 96px);
}
.fh-hero__bg { position: absolute; inset: 0; z-index: -2; }
.fh-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.fh-hero--image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(22, 11, 5, 0.72), rgba(22, 11, 5, 0.86));
}
.fh-hero__frame {
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(200, 160, 74, 0.45);
  outline: 1px solid rgba(200, 160, 74, 0.18);
  outline-offset: 5px;
  pointer-events: none;
}
.fh-hero__inner { position: relative; max-width: 860px; margin: 0 auto; }
.fh-hero__logo { width: clamp(84px, 9vw, 120px); height: auto; margin: 0 auto 10px; display: block; }
.fh-hero__kicker {
  font-family: var(--fh-font);
  font-size: 14px;
  font-weight: 700;
  color: var(--fh-gold-bright);
  margin: 0 0 6px;
}
.fh-hero__title {
  font-family: var(--fh-display);
  font-weight: 700;
  font-size: clamp(30px, 5vw, 58px);
  line-height: 1.45;
  color: #fff7e6;
  margin: 0;
}
.fh-hero__sub { font-size: clamp(15px, 1.5vw, 18px); line-height: 2; color: #eadfc6; margin: 0 auto 24px; max-width: 640px; }
.fh-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

/* دور النشر */
.fh-publishers { max-width: 1320px; margin: 0 auto; padding: clamp(36px, 5vw, 64px) 16px; text-align: center; }
.fh-publishers__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  direction: rtl;
}
@media (max-width: 1000px) { .fh-publishers__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 640px) { .fh-publishers__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
.fh-publisher { display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; color: var(--fh-ink); }
.fh-publisher--extra { display: none; }
.fh-publishers__grid--all .fh-publisher--extra { display: flex; }
.fh-publisher__logo {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #fffdf7;
  border: 1px solid var(--fh-line);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.fh-publisher:hover .fh-publisher__logo { border-color: var(--fh-gold); box-shadow: 0 10px 24px rgba(22, 11, 5, 0.12); transform: translateY(-3px); }
.fh-publisher__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.fh-publisher__name { font-family: var(--fh-display); font-size: 16px; font-weight: 700; line-height: 1.6; }
@media (max-width: 640px) { .fh-publisher__name { font-size: 14px; } }
.fh-publisher--skeleton { aspect-ratio: 1 / 1; background: var(--fh-paper-2); border-radius: 6px; }
.fh-publishers__more { margin-top: 26px; }

/* ══════════ ضبط التفاصيل ══════════ */
/* القسم المميز: صورة القسم بطبقة غامقة والعنوان فوقها مقروء */
.ab-featured-hero { position: relative; border-radius: 6px !important; overflow: hidden; border: 1px solid var(--fh-line); }
.ab-featured-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(22, 11, 5, 0.78), rgba(22, 11, 5, 0.9));
  pointer-events: none;
}
.ab-featured-hero-title-wrap { z-index: 2; }
.ab-featured-hero-title-wrap, .ab-featured-hero-title-wrap * {
  font-family: var(--fh-display) !important;
  color: #fff7e6 !important;
}
/* كروت القسم المميز (صف) */
.ab-featured-row-card {
  background: #fffdf7 !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
.ab-featured-row-card:hover { border-color: var(--fh-gold) !important; }
.ab-featured-row-btn {
  border-radius: 4px !important;
  font-family: var(--fh-font) !important;
  font-weight: 700 !important;
}
.ab-featured-row-btn-view {
  background: transparent !important;
  color: var(--fh-ink) !important;
  border: 1px solid var(--fh-gold-deep) !important;
}
.ab-featured-row-btn-add {
  background: var(--fh-brown) !important;
  color: var(--fh-gold-bright) !important;
  border: 1px solid var(--fh-gold) !important;
}
.ab-featured-row-btn-add:hover { background: var(--fh-gold-deep) !important; color: #fff !important; }
.ab-featured-row-wishlist, .ab-pd-wishlist-btn { color: var(--fh-gold-deep) !important; border-color: var(--fh-line) !important; }

/* أزرار الكارت العائمة (مفضلة/عرض/إضافة) */
.ab-card-actions button, .ab-card-actions a {
  background: #fffdf7 !important;
  color: var(--fh-ink) !important;
  border: 1px solid var(--fh-line) !important;
}
.ab-card-actions button:hover, .ab-card-actions a:hover { background: var(--fh-brown) !important; color: var(--fh-gold-bright) !important; }

/* وصف الكتاب والأسئلة الشائعة */
.lq-desc-wrap, .lq-desc-item, .lq-desc-accordion {
  border-color: var(--fh-line) !important;
  box-shadow: none !important;
}
.lq-desc-item {
  background: #fffdf7 !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
}
.lq-desc-toggle { background: transparent !important; color: var(--fh-ink) !important; }
.lq-desc-toggle-title, .lq-desc-tab {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  color: var(--fh-ink) !important;
}
.lq-desc-tab.is-active { border-color: var(--fh-gold) !important; color: var(--fh-gold-deep) !important; }
.lq-desc-toggle-icon { background: var(--fh-brown) !important; color: var(--fh-gold-bright) !important; border-radius: 4px !important; }
.lq-desc-content, .lq-desc-body, .product_description, .ql-editor {
  font-family: var(--fh-font) !important;
  font-size: 16px !important;
  line-height: 2.05 !important;
  color: var(--fh-ink) !important;
}
.product_description h1, .product_description h2, .product_description h3,
.ql-editor h1, .ql-editor h2, .ql-editor h3 {
  font-family: var(--fh-display) !important;
  color: var(--fh-ink) !important;
  line-height: 1.7 !important;
}
/* أي صندوق بإطار أسود تقيل جوه الوصف (الأسئلة الشائعة اللي جاية من محتوى المنتج) */
.product_description details, .ql-editor details,
.product_description [style*="border: 2px solid"], .product_description [style*="border:2px solid"],
.product_description [style*="box-shadow"] {
  border: 1px solid var(--fh-line) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  background: #fffdf7 !important;
}

/* زر الشراء الثابت: يظهر بعد النزول فقط، وعلى الموبايل شريط واحد */
.ab-fixed-buy { background: #fffdf7 !important; border-top: 1px solid var(--fh-gold) !important; box-shadow: 0 -8px 24px rgba(22, 11, 5, 0.1) !important; }
.ab-fixed-buy-btn { background: var(--fh-brown) !important; color: var(--fh-gold-bright) !important; border: 1px solid var(--fh-gold) !important; border-radius: 4px !important; }
.ab-fixed-buy-name { font-family: var(--fh-display) !important; font-weight: 700 !important; }

/* أزرار عامة */
.checkout_btn, .add_to_cart_btn, .form_checkout_btn { border-radius: 4px !important; font-family: var(--fh-font) !important; font-weight: 700 !important; }
.ab-plist-viewall-btn, .ab-pgrid-loadmore, [class*="load-more"], [class*="loadmore"] {
  border-radius: 4px !important;
  font-family: var(--fh-font) !important;
}
/* شريط التنقل السفلي على الموبايل */
[class*="ab-bottom-nav"], [class*="ab-mobile-bottom"] { border-top: 1px solid var(--fh-gold) !important; }
/* حقل النشرة في الفوتر */
.ab-footer-subscribe-form, .ab-footer-input-wrapper { border-radius: 4px !important; }
.ab-footer-subscribe-btn { background: var(--fh-gold) !important; color: var(--fh-brown) !important; }

/* الأقسام الرئيسية: خمسة في صف واحد على الكمبيوتر */
@media (min-width: 1000px) {
  .ab-categories:not(.collection_container .ab-categories) .ab-categories-track { flex-wrap: nowrap !important; }
  .ab-categories .ab-categories-track > .ab-cat-card { flex: 1 1 0 !important; min-width: 0 !important; max-width: 300px !important; aspect-ratio: 1 / 1 !important; min-height: 0 !important; }
  .collection_container .ab-categories .ab-categories-track { flex-wrap: wrap !important; }
  .collection_container .ab-categories .ab-categories-track > .ab-cat-card { flex: 0 0 calc(20% - 16px) !important; }
}
.ab-categories { padding-block: clamp(28px, 4vw, 52px) 8px; }
.ab-categories-title { display: block; }
/* عناوين الأقسام الجاهزة في Hype */
.eo-home-section h2, .newsletter-luxe h2, [class*="newsletter"] h2, .trust-promise h3 {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
}
.fh-hero { margin-inline: 0; }

/* ══════════ صفحة الكتاب ══════════ */
.product_container { padding-top: 18px !important; }
@media (min-width: 1024px) {
  .p_content_container {
    display: grid !important;
    grid-template-columns: minmax(0, 44%) minmax(0, 1fr) !important;
    gap: 44px !important;
    align-items: start !important;
    max-width: 1180px;
    margin-inline: auto;
  }
  .p_gallery_container, .p_details_container { width: auto !important; max-width: none !important; margin: 0 !important; }
  .p_details_container { position: sticky; top: 132px; }
}
/* الصورة: كاملة من غير قص، على خلفية ورقية */
.ab-gallery-main {
  background: var(--fh-paper-2) !important;
  border: 1px solid var(--fh-line);
  border-radius: 6px !important;
  overflow: hidden;
}
.ab-gallery-main-media { aspect-ratio: 4 / 5 !important; max-height: 640px; }
.ab-gallery-main-media img, .ab-gallery-main-media video { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.ab-gallery-thumb { border: 1px solid var(--fh-line) !important; border-radius: 4px !important; overflow: hidden; background: var(--fh-paper-2); }
.ab-gallery-thumb.is-active, .ab-gallery-thumb[aria-current="true"], .ab-gallery-thumb.ab-active { border-color: var(--fh-gold-deep) !important; box-shadow: 0 0 0 1px var(--fh-gold-deep); }
.ab-gallery-nav, .ab-gallery-zoom { background: #fffdf7 !important; color: var(--fh-ink) !important; border: 1px solid var(--fh-line) !important; }
@media (max-width: 1023px) {
  .ab-gallery-main-media { aspect-ratio: 1 / 1 !important; max-height: 62vh; }
  .p_details_container { margin-top: 18px !important; }
}
/* بطاقة بيانات الكتاب */
.p_details_container {
  background: #fffdf7;
  border: 1px solid var(--fh-line);
  border-radius: 6px;
  padding: 26px 26px 22px !important;
}
@media (max-width: 640px) { .p_details_container { padding: 18px 16px !important; } }
.ab-pd { position: relative; }
.ab-pd-name { padding-inline-end: 54px; margin-bottom: 6px !important; }
.ab-pd-actions { position: absolute !important; top: 2px; inset-inline-end: 0; margin: 0 !important; }
.ab-pd-wishlist-btn { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: var(--fh-paper) !important; }
.ab-pd-price-row {
  margin-top: 12px !important;
  padding: 14px 0 !important;
  border-block: 1px solid var(--fh-line);
  align-items: center;
}
.ab-pd-price { font-size: 30px !important; }
.ab-pd-sale-badge { background: var(--fh-seal) !important; color: #fff7e6 !important; border-radius: 3px !important; }
.ab-sale-label-en { display: none !important; }
.ab-sale-label-ar { display: inline !important; }
/* أزرار الشراء (من المنصة) */
.p_details_container .flex-col-reverse > button,
.p_details_container .flex-col-reverse button {
  border-radius: 4px !important;
  font-family: var(--fh-font) !important;
  font-weight: 700 !important;
  min-height: 52px;
}
.p_details_container .flex-col-reverse > button { font-size: 17px !important; }
/* سطور الطمأنة تحت الأزرار */
.fh-pd-assure { list-style: none; margin: 18px 0 0; padding: 14px 0 0; border-top: 1px dashed var(--fh-line); display: grid; gap: 10px; }
.fh-pd-assure li { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.7; color: var(--fh-ink-soft); }
.fh-pd-assure li::before { content: ""; flex: 0 0 8px; width: 8px; height: 8px; transform: rotate(45deg); background: var(--fh-gold); }
.fh-pd-assure a { color: var(--fh-gold-deep) !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
/* المشاركة */
.ab-pd-social { margin-top: 16px !important; gap: 6px !important; justify-content: flex-start !important; }
.ab-pd-share-btn { color: var(--fh-ink-soft) !important; opacity: 0.85; transform: scale(0.86); }
.ab-pd-share-btn:hover { color: var(--fh-gold-deep) !important; opacity: 1; }
/* الوصف: عمود مقروء في المنتصف */
.lq-desc-wrap { max-width: 920px !important; margin: 34px auto 0 !important; }
.lq-desc-tabs-nav { justify-content: flex-start !important; border-bottom: 1px solid var(--fh-line) !important; gap: 4px !important; margin-bottom: 0 !important; }
.lq-desc-tab {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  font-size: 22px !important;
}
.lq-desc-tab.is-active { border-bottom-color: var(--fh-gold) !important; color: var(--fh-ink) !important; }
.lq-desc-tabs-panels, .lq-desc-panel, .lq-desc-tabpanel {
  background: #fffdf7;
  border: 1px solid var(--fh-line);
  border-top: 0;
  border-radius: 0 0 6px 6px;
}
.lq-desc-tabpanel, .lq-desc-body { padding: 22px 24px !important; }
.lq-desc-tabs-panels .lq-desc-tabpanel { border: 0; }
/* الشريط الثابت: يظهر بعد تجاوز أزرار الشراء فقط */
.ab-fixed-buy { transform: translateY(130%); opacity: 0; pointer-events: none; transition: transform 0.3s ease, opacity 0.3s ease; }
.ab-fixed-buy.fh-show { transform: none; opacity: 1; pointer-events: auto; }
/* عناوين أقسام صفحة الكتاب */
.ab-reviews-title, .ab-plist--related .ab-plist-title { font-family: var(--fh-display) !important; font-weight: 700 !important; }

/* زر المفضلة داخل بطاقة البيانات */
.ab-pd { position: relative !important; }
/* الأسئلة الشائعة (مكوّن المنصة) بهوية المكتبة */
div:has(> .pointer-events-auto .szh-accordion),
div[class*="bg-white"]:has(.szh-accordion),
section:has(.szh-accordion) { background: transparent !important; }
.szh-accordion { max-width: 920px; margin-inline: auto; }
.szh-accordion__item,
.szh-accordion > div > div,
.szh-accordion [class*="item"] {
  border-color: var(--fh-line) !important;
  box-shadow: none !important;
}
.szh-accordion__item {
  background: #fffdf7 !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
  overflow: hidden;
}
.szh-accordion__item-btn {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  color: var(--fh-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.szh-accordion__item-content, .szh-accordion__item-panel { color: var(--fh-ink-soft) !important; line-height: 2 !important; }
div:has(> .szh-accordion) h3, div:has(> div > .szh-accordion) h3 { font-family: var(--fh-display) !important; font-weight: 700 !important; font-size: 30px !important; color: var(--fh-ink) !important; }
.szh-accordion { width: 100% !important; }
.szh-accordion > div, .szh-accordion__item { width: 100% !important; }
.szh-accordion__item-btn { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 16px 20px !important; text-align: start !important; }
.p_details_container .ab-pd-actions { top: 22px !important; inset-inline-end: 22px !important; }
.p_details_container { position: relative; }
@media (min-width: 1024px) { .p_details_container { position: sticky !important; } }
.p_details_container .ab-pd { position: static !important; }

/* خلفيات المنصة البيضاء → ورقية */
html body { background-color: var(--fh-paper) !important; }
div:has(> div > .szh-accordion), div:has(> .szh-accordion) { background: transparent !important; }
.ab-pd-social { padding-top: 0 !important; margin-top: 14px !important; }

/* ══════════ السلة وإتمام الطلب ══════════ */
.checkout_bg_left, .checkout_bg_right { background: var(--fh-paper) !important; }
.checkout_container { background: transparent !important; }
.checkout_form, .checkout_order_summary {
  background: #fffdf7 !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 6px !important;
  padding: 26px !important;
}
@media (max-width: 640px) { .checkout_form, .checkout_order_summary { padding: 18px 14px !important; } }
.checkout_form h1, .checkout_form h2, .checkout_form h3,
.checkout_order_summary h1, .checkout_order_summary h2, .checkout_order_summary h3 {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 1.6 !important;
  color: var(--fh-ink) !important;
  background: none !important;
  text-decoration: none !important;
}
.global_input, .global_textarea, .gov_select {
  border: 1px solid var(--fh-line) !important;
  border-radius: 4px !important;
  background: #fffefb !important;
  color: var(--fh-ink) !important;
  font-family: var(--fh-font) !important;
}
.global_input:focus, .global_textarea:focus { border-color: var(--fh-gold-deep) !important; box-shadow: 0 0 0 3px rgba(200, 160, 74, 0.18) !important; outline: 0 !important; }
.payment_card {
  border: 1px solid var(--fh-line) !important;
  border-radius: 6px !important;
  background: #fffefb !important;
  box-shadow: none !important;
}
.payment_card:has(input:checked), .payment_card[aria-checked="true"], .payment_card.selected { border-color: var(--fh-gold-deep) !important; box-shadow: 0 0 0 1px var(--fh-gold-deep) !important; }
.payment_card_name { font-weight: 700 !important; color: var(--fh-ink) !important; }
.payment_card_description { color: var(--fh-ink-soft) !important; }
.form_checkout_btn, .checkout_buy_now, .checkout_btn {
  background: var(--fh-brown) !important;
  color: var(--fh-gold-bright) !important;
  border: 1px solid var(--fh-gold) !important;
  border-radius: 4px !important;
  min-height: 54px;
  font-size: 17px !important;
}
.total_price_container, .total_price { font-weight: 800 !important; color: var(--fh-ink) !important; }
.total_price { color: var(--fh-gold-deep) !important; }
/* درج السلة */
[id^="headlessui-dialog-panel"] h2, [id^="headlessui-dialog-title"] {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: var(--fh-ink) !important;
}
[id^="headlessui-dialog-panel"] { background: var(--fh-paper) !important; }
/* السعر التقريبي بعملة الزائر */
.fh-approx {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--fh-ink-soft);
}
.fh-approx b { color: var(--fh-ink); font-weight: 700; direction: ltr; unicode-bidi: isolate; }
.fh-approx small { display: block; font-size: 12px; opacity: 0.85; }
/* إتمام الطلب: خلفية واحدة وبطاقات بارتفاعها الطبيعي */
.checkout_bg_left, .checkout_bg_right { background: transparent !important; }
body:has(.checkout_form), body:has(.checkout_form) .app_container, body:has(.checkout_form) main, .checkout_container { background: var(--fh-paper) !important; }
.checkout_order_summary { align-self: start !important; height: auto !important; min-height: 0 !important; }
.checkout_container { align-items: start !important; gap: 22px; }
.payments_container > *, .payments_container .payment_card, .payments_container label {
  border-color: var(--fh-line) !important;
  border-width: 1px !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
.payments_container > *:has(input:checked), .payments_container > *:has([data-checked]), .payments_container > *:has(svg) { border-color: var(--fh-gold-deep) !important; }
.radio_circle { border-color: var(--fh-gold-deep) !important; }

/* ══════════ طبقة فوق Hype الأصلي (لما القالب يتركب كملف تنسيقات فقط) ══════════ */
/* افتتاحية Hype بهوية فتوحات */
.rnw-hero {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(200, 160, 74, 0.22), transparent 60%),
    repeating-linear-gradient(45deg, rgba(236, 208, 138, 0.035) 0 2px, transparent 2px 26px),
    repeating-linear-gradient(-45deg, rgba(236, 208, 138, 0.035) 0 2px, transparent 2px 26px),
    linear-gradient(180deg, #1d1008, var(--fh-brown)) !important;
}
.rnw-hero .rnw-placeholder { background: transparent !important; }
.rnw-hero::after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(200, 160, 74, 0.45);
  outline: 1px solid rgba(200, 160, 74, 0.18);
  outline-offset: 5px;
  pointer-events: none;
  z-index: 3;
}
.rnw-hero__kicker { font-family: var(--fh-font) !important; font-weight: 700 !important; font-size: 14px !important; color: var(--fh-gold-bright) !important; }
.rnw-hero__title { font-family: var(--fh-display) !important; font-weight: 700 !important; line-height: 1.45 !important; color: #fff7e6 !important; }
.rnw-hero__title::after {
  content: "";
  display: block;
  width: 170px;
  height: 11px;
  margin: 10px auto 0;
  background:
    linear-gradient(var(--fh-gold-bright), var(--fh-gold-bright)) left center / calc(50% - 12px) 1px no-repeat,
    linear-gradient(var(--fh-gold-bright), var(--fh-gold-bright)) right center / calc(50% - 12px) 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 5-5 5-5-5z' fill='%23ecd08a'/%3E%3C/svg%3E") center / 10px 10px no-repeat;
}
.rnw-hero__lede { font-family: var(--fh-font) !important; line-height: 2 !important; color: #eadfc6 !important; }
.rnw-hero .rnw-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 30px !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, var(--fh-gold-bright), var(--fh-gold)) !important;
  color: var(--fh-brown) !important;
  border: 1px solid var(--fh-gold) !important;
  font-family: var(--fh-font) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
/* ألوان بتتحدد من بيانات الثيم في اللوحة — نثبتها هنا كاحتياط */
.ab-pd-star-filled, .ab-pd-star-half { color: var(--fh-gold) !important; background-color: var(--fh-gold) !important; }
.ab-pd { --pd-star-color: #c8a04a !important; --pd-price-color: #8f6a22 !important; --pd-name-color: #21140b !important; }
.ab-mobile-bottom-nav { background: var(--fh-brown) !important; border-top: 1px solid var(--fh-gold) !important; }
.ab-mobile-bottom-nav a, .ab-mobile-bottom-nav button, .ab-mobile-bottom-nav span, .ab-mobile-bottom-nav svg { color: var(--fh-gold-bright) !important; }
.ab-theme-toggle, [class*="ab-theme-toggle"], .ab-header [aria-label*="dark" i], .ab-header [aria-label*="theme" i] { display: none !important; }
.ab-plist-title { padding-inline-start: 22px !important; }
.ab-plist-header { text-align: start; }
.rnw-hero__title, .rnw-hero__title * { font-family: var(--fh-display) !important; }

/* ══════════ إصلاحات بعد التركيب على الموقع الحي ══════════ */
/* قسم من غير كتب: رسالة بدل الفراغ */
.fh-empty {
  max-width: 620px;
  margin: 46px auto 64px;
  padding: 34px 26px;
  text-align: center;
  background: #fffdf7;
  border: 1px solid var(--fh-line);
  border-radius: 6px;
}
.fh-empty h2 { font-family: var(--fh-display); font-weight: 700; font-size: 26px; line-height: 1.6; color: var(--fh-ink); margin: 0; }
.fh-empty p { font-size: 15px; line-height: 2; color: var(--fh-ink-soft); margin: 6px 0 20px; }
.fh-empty__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.fh-btn--outline { background: transparent; color: var(--fh-ink) !important; border: 1px solid var(--fh-gold-deep); }
/* عدّاد السلة والمفضلة في الشريط السفلي */
.ab-mobile-bottom-count, .ab-mobile-bottom-nav .ab-mobile-bottom-count {
  background: var(--fh-gold) !important;
  color: var(--fh-brown) !important;
  font-weight: 700 !important;
}
/* زر الوضع الليلي */
.ab-header *:has(> .ab-theme-toggle-label), .ab-mobile-menu *:has(> .ab-theme-toggle-label), .ab-theme-toggle-label { display: none !important; }

/* ══════════ النسخة 3: شبكة موحّدة وعناوين مقروءة ══════════ */
:root { --fh-wrap: 1320px; --fh-gutter: 20px; --fh-version: "3"; }
/* حاوية واحدة لكل أجزاء الصفحة */
.collection_container, .product_container {
  max-width: var(--fh-wrap) !important;
  margin-inline: auto !important;
  padding-inline: var(--fh-gutter) !important;
  box-sizing: border-box;
}
.collection_container > *, .collection_container .ab-categories, .collection_container .ab-pgrid {
  max-width: none !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}
.ab-categories, .ab-pgrid, .ab-plist, .ab-featured-products, .fh-publishers, .trust-promise {
  max-width: var(--fh-wrap) !important;
  margin-inline: auto !important;
  padding-inline: var(--fh-gutter) !important;
  box-sizing: border-box;
}
.collection_container .category_section_header { padding-inline: 0 !important; margin-bottom: 0 !important; }

/* كروت الأقسام: الاسم على شريط غامق أسفل الصورة فيفضل مقروء دائمًا */
.ab-cat-card::after { display: none !important; }
.ab-cat-copy {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 12px 14px !important;
  background: rgba(22, 11, 5, 0.92) !important;
  border-top: 1px solid var(--fh-gold);
  align-items: center !important;
  text-align: center;
  z-index: 2;
}
.ab-cat-label { border-bottom: 0 !important; padding: 0 !important; text-shadow: none !important; white-space: normal !important; }

/* الأقسام الفرعية داخل صفحة القسم: بطاقات نصية صغيرة في شبكة منتظمة */
.collection_container .ab-categories { padding-block: 26px 6px !important; margin-top: 0 !important; }
.collection_container .ab-categories::before,
.collection_container .ab-pgrid::before {
  display: block;
  font-family: var(--fh-display);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.6;
  color: var(--fh-ink);
  padding-inline-start: 20px;
  margin-bottom: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 5-5 5-5-5z' fill='%23c8a04a'/%3E%3C/svg%3E") right center / 10px 10px no-repeat;
}
.collection_container .ab-categories::before { content: "الأقسام الفرعية"; }
.collection_container .ab-pgrid::before { content: "الكتب"; }
.collection_container .ab-categories .ab-categories-header { display: none !important; }
.collection_container .ab-categories .ab-categories-track {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  direction: rtl;
}
@media (max-width: 1000px) { .collection_container .ab-categories .ab-categories-track { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .collection_container .ab-categories .ab-categories-track { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } }
.collection_container .ab-categories .ab-categories-track > .ab-cat-card {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: 84px !important;
  aspect-ratio: auto !important;
  background: #fffdf7 !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}
.collection_container .ab-categories .ab-cat-card:hover { border-color: var(--fh-gold) !important; box-shadow: 0 10px 22px rgba(22, 11, 5, 0.1); transform: translateY(-2px); }
.collection_container .ab-categories .ab-cat-card img { display: none !important; }
.collection_container .ab-categories .ab-cat-copy {
  position: static !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 12px !important;
}
.collection_container .ab-categories .ab-cat-label { color: var(--fh-ink) !important; font-size: 19px !important; line-height: 1.5 !important; }

/* شبكة الكتب: نفس الأعمدة في كل الصفحات */
.collection_container .ab-pgrid { padding-block: 26px 40px !important; }
.ab-pgrid-wrap { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 18px !important; width: 100% !important; }
@media (max-width: 1200px) { .ab-pgrid-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 900px) { .ab-pgrid-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .ab-pgrid-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } }
/* عنوان الصفحة */
.category_section_header_title { margin: 0 !important; }
.fh-empty { margin-top: 30px; }

/* ══════════ النسخة 4: افتتاحية فتوحات ══════════ */
:root { --fh-version: "4"; }
.rnw-hero {
  background:
    radial-gradient(ellipse 60% 70% at 50% 42%, rgba(200, 160, 74, 0.26), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23c8a04a' stroke-opacity='.17' stroke-width='1'%3E%3Cpath d='M40 4l10.5 25.5L76 40 50.5 50.5 40 76 29.5 50.5 4 40l25.5-10.5z'/%3E%3Cpath d='M14.5 14.5L40 25l25.5-10.5L55 40l10.5 25.5L40 55 14.5 65.5 25 40z'/%3E%3Ccircle cx='40' cy='40' r='5'/%3E%3Cpath d='M0 0l8 8M80 0l-8 8M0 80l8-8M80 80l-8-8'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, #221309 0%, #160b05 55%, #0e0703 100%) !important;
  min-height: clamp(520px, 78vh, 760px) !important;
  overflow: hidden;
}
.rnw-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 45%, rgba(8, 4, 2, 0.72) 100%);
  pointer-events: none;
  z-index: 1;
}
.rnw-hero__overlay { display: none !important; }
.rnw-hero__inner { position: relative; z-index: 4; max-width: 780px !important; margin-inline: auto !important; padding-block: 34px !important; }
.fh-hero-emblem {
  width: clamp(92px, 9vw, 132px);
  height: auto;
  display: block;
  margin: 0 auto 6px;
  filter: drop-shadow(0 8px 24px rgba(200, 160, 74, 0.35));
}
.rnw-hero__title { font-size: clamp(34px, 5.4vw, 66px) !important; text-shadow: 0 2px 26px rgba(0, 0, 0, 0.5); }
.rnw-hero__lede { font-size: clamp(15px, 1.5vw, 19px) !important; max-width: 620px; margin-inline: auto !important; }
.rnw-hero__actions { display: flex !important; flex-wrap: wrap; gap: 12px; justify-content: center; }
.rnw-hero .rnw-btn.fh-hero-btn2 {
  background: transparent !important;
  color: var(--fh-gold-bright) !important;
  border: 1px solid rgba(236, 208, 138, 0.7) !important;
}
.rnw-hero .rnw-btn.fh-hero-btn2:hover { background: rgba(236, 208, 138, 0.12) !important; }
.fh-hero-chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 26px;
  margin: 26px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid rgba(200, 160, 74, 0.32);
}
.fh-hero-chips li {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--fh-font);
  font-size: 14px;
  font-weight: 700;
  color: #eadfc6;
}
.fh-hero-chips li::before { content: ""; width: 7px; height: 7px; transform: rotate(45deg); background: var(--fh-gold); flex: 0 0 7px; }
/* كتب من المكتبة على جانبي الافتتاحية */
.fh-hero-books { position: absolute; inset: 0; z-index: 2; pointer-events: none; display: none; }
@media (min-width: 1180px) { .fh-hero-books { display: block; } }
.fh-hero-book {
  position: absolute;
  top: 50%;
  width: clamp(150px, 13vw, 210px);
  aspect-ratio: 3 / 4;
  border: 1px solid var(--fh-gold);
  outline: 1px solid rgba(200, 160, 74, 0.35);
  outline-offset: 6px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--fh-brown-2);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.6);
  pointer-events: auto;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.fh-hero-book img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fh-hero-book::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(14, 7, 3, 0.55)); }
.fh-hero-book--1 { inset-inline-start: 5%; transform: translateY(-62%) rotate(5deg); }
.fh-hero-book--2 { inset-inline-start: 13%; transform: translateY(-30%) rotate(-4deg); z-index: 2; }
.fh-hero-book--3 { inset-inline-end: 13%; transform: translateY(-30%) rotate(4deg); z-index: 2; }
.fh-hero-book--4 { inset-inline-end: 5%; transform: translateY(-62%) rotate(-5deg); }
.fh-hero-book:hover { transform: translateY(-50%) rotate(0deg) scale(1.04); z-index: 5; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.7); }
@media (max-width: 1180px) { .rnw-hero { min-height: 0 !important; } }
/* السلايدر القديم: لو لسه موجود مع الافتتاحية الجديدة مايتكررش */
body:has(.rnw-hero) .ab-slider { display: none !important; }

/* ══════════ النسخة 5 ══════════ */
:root { --fh-version: "5"; }
.collection_container > .fh-empty, .fh-empty { max-width: 620px !important; margin: 30px auto 64px !important; padding-inline: 26px !important; }
/* الافتتاحية: الكتب الجانبية أصغر وأبعد عن العنوان */
.rnw-hero__inner { max-width: 700px !important; }
.rnw-hero__title { font-size: clamp(32px, 4.6vw, 58px) !important; }
.fh-hero-books { display: none; }
@media (min-width: 1280px) { .fh-hero-books { display: block; } }
.fh-hero-book { width: clamp(128px, 10.5vw, 184px); }
.fh-hero-book--1 { inset-inline-start: 2.5%; }
.fh-hero-book--2 { inset-inline-start: 9.5%; }
.fh-hero-book--3 { inset-inline-end: 9.5%; }
.fh-hero-book--4 { inset-inline-end: 2.5%; }
.rnw-hero[data-fh-injected] { display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; box-sizing: border-box; }
.rnw-hero[data-fh-injected] .rnw-hero__bg { position: absolute; inset: 0; }
.rnw-hero[data-fh-injected] .rnw-hero__kicker { margin: 0 0 8px; }
.rnw-hero[data-fh-injected] .rnw-hero__title { margin: 0; }
.rnw-hero[data-fh-injected] .rnw-hero__lede { margin-block: 14px 24px !important; }
/* البانر القديم يختفي: الافتتاحية الجديدة مكانه */
.ab-slider { display: none !important; }

/* ══════════ النسخة 6: الفوتر ══════════ */
:root { --fh-version: "6"; }
.ab-footer {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23c8a04a' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M40 4l10.5 25.5L76 40 50.5 50.5 40 76 29.5 50.5 4 40l25.5-10.5z'/%3E%3Cpath d='M14.5 14.5L40 25l25.5-10.5L55 40l10.5 25.5L40 55 14.5 65.5 25 40z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, #1b0f08, #120904) !important;
  border-top: 0 !important;
  position: relative;
}
.ab-footer::before {
  content: "";
  display: block;
  height: 14px;
  background:
    linear-gradient(var(--fh-gold), var(--fh-gold)) center top / 100% 1px no-repeat,
    linear-gradient(rgba(200, 160, 74, 0.4), rgba(200, 160, 74, 0.4)) center 5px / 100% 1px no-repeat;
}
.ab-footer-inner, .ab-footer-desktop { max-width: var(--fh-wrap) !important; margin-inline: auto !important; }
.ab-footer-main-row { gap: 40px !important; align-items: start !important; padding-block: 44px 34px !important; }
@media (min-width: 1000px) {
  .ab-footer-main-row { display: grid !important; grid-template-columns: minmax(280px, 1.5fr) 1fr 1fr minmax(260px, 1.25fr) !important; }
  .ab-footer-main-row > * { width: auto !important; max-width: none !important; min-width: 0 !important; }
}
.ab-footer-logo img { height: 96px !important; width: auto !important; max-height: none !important; max-width: none !important; }
.fh-footer-tagline {
  font-family: var(--fh-display);
  font-size: 17px;
  line-height: 1.9;
  color: #eadfc6;
  margin: 14px 0 18px;
  max-width: 360px;
}
.ab-footer-contact { display: grid !important; gap: 12px !important; font-style: normal !important; margin: 0 0 18px !important; }
.ab-footer-contact-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: #eadfc6 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-decoration: none !important;
}
.ab-footer-contact-item:hover { color: var(--fh-gold-bright) !important; }
.ab-footer-contact-icon, .fh-fci { color: var(--fh-gold) !important; background-color: var(--fh-gold); flex: 0 0 18px; }
.fh-fci { width: 18px; height: 18px; margin-top: 4px; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.fh-fci--pin { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.fh-fci--phone { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.fh-fci--mail { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M22 7l-10 6L2 7'/%3E%3C/svg%3E"); }
.fh-footer-quick { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.fh-footer-quick .fh-btn { min-height: 42px; padding: 8px 18px; font-size: 14px; }
.ab-footer-heading, .ab-footer-heading--column, .ab-footer-newsletter-title, .ab-footer-disclosure-title {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  font-size: 21px !important;
  color: var(--fh-gold-bright) !important;
}
.ab-footer-heading--column, .ab-footer-newsletter-title { padding-bottom: 10px; margin-bottom: 14px !important; border-bottom: 1px solid rgba(200, 160, 74, 0.3); }
.ab-footer-links a { font-size: 15px !important; line-height: 2.2 !important; }
.ab-footer-newsletter-desc { color: #eadfc6 !important; font-size: 14px !important; line-height: 1.9 !important; font-family: var(--fh-font) !important; }
.ab-footer-subscribe-bar, .ab-footer-subscribe-form { border-radius: 4px !important; overflow: hidden; border: 1px solid rgba(200, 160, 74, 0.5) !important; background: #fffdf7 !important; }
.ab-footer-subscribe-submit { background: var(--fh-gold) !important; color: var(--fh-brown) !important; font-weight: 700 !important; }
.ab-footer-subscribe-submit * { color: var(--fh-brown) !important; }
.ab-footer-social-icons a { border-color: rgba(200, 160, 74, 0.6) !important; color: var(--fh-gold-bright) !important; }
.ab-footer-social-icons a:hover { background: var(--fh-gold) !important; }
.ab-footer-payment img { max-height: 30px !important; width: auto !important; border-radius: 3px; }
.ab-footer-bottom { border-top: 1px solid rgba(200, 160, 74, 0.25) !important; padding-block: 16px !important; }
.ab-footer-copy, .ab-footer-powered { color: rgba(234, 223, 198, 0.75) !important; font-size: 13px !important; }
.ab-footer-mobile .fh-footer-tagline { max-width: none; }
.ab-footer-disclosure { border-bottom: 1px solid rgba(200, 160, 74, 0.2) !important; }

/* ══════════ النسخة 7: واتساب بهويته، وتنظيف الهيدر ══════════ */
:root { --fh-version: "7"; --fh-wa: #25d366; --fh-wa-dark: #128c7e; }
.fh-wa__icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  background: currentColor;
  -webkit-mask: var(--fh-wa-glyph) center / contain no-repeat;
  mask: var(--fh-wa-glyph) center / contain no-repeat;
}
:root { --fh-wa-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E"); }
/* زر واتساب */
a.fh-wa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px 22px;
  border-radius: 4px;
  background: var(--fh-wa);
  color: #06301a !important;
  border: 1px solid #1fb858;
  font-family: var(--fh-font);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
a.fh-wa:hover { background: #1fbe5c; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(37, 211, 102, 0.28); }
a.fh-wa--block { display: flex; width: 100%; margin-top: 12px; min-height: 52px; font-size: 16px; }
.fh-footer-quick a.fh-wa { min-height: 42px; padding: 8px 18px; font-size: 14px; }
/* الزر العائم: أيقونة فقط، فوق الشريط السفلي ومن غير ما يغطي المحتوى */
.fh-wa-float {
  position: fixed;
  z-index: 45;
  inset-inline-end: 20px;
  bottom: 22px;
  height: 56px;
  min-width: 56px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  border-radius: 999px;
  background: var(--fh-wa);
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(6, 48, 26, 0.35);
  text-decoration: none !important;
  transition: gap 0.25s ease, padding 0.25s ease, transform 0.2s ease, bottom 0.3s ease;
}
.fh-wa-float .fh-wa__icon { width: 26px; height: 26px; flex-basis: 26px; }
.fh-wa-float__label {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-family: var(--fh-font);
  font-size: 14px;
  font-weight: 800;
  transition: max-width 0.3s ease;
}
@media (hover: hover) {
  .fh-wa-float:hover { gap: 10px; transform: translateY(-2px); }
  .fh-wa-float:hover .fh-wa-float__label { max-width: 180px; }
}
body:has(.ab-fixed-buy.fh-show) .fh-wa-float { bottom: 96px; }
@media (max-width: 1023px) {
  .fh-wa-float { inset-inline-end: 14px; bottom: 76px; height: 52px; min-width: 52px; padding: 0 14px; }
  body:has(.ab-fixed-buy.fh-show) .fh-wa-float { bottom: 150px; }
}
body:has(.checkout_form) .fh-wa-float { display: none; }
[id^="headlessui-dialog"] ~ .fh-wa-float, body:has([id^="headlessui-dialog-panel"]) .fh-wa-float { display: none; }
/* الهيدر: من غير زر الوضع الليلي ومن غير صفحات السياسات */
#header-theme-toggle, .theme-toggle-btn { display: none !important; }
.ab-nav a[href^="/pages/"], .ab-nav-more-panel a[href^="/pages/"] { display: none !important; }
/* لمسات عامة */
::selection { background: var(--fh-gold); color: var(--fh-brown); }
.ab-pgrid-card .ab-pgrid-name, .ab-plist-card .ab-plist-name { transition: color 0.2s ease; }
.ab-pgrid-card:hover .ab-pgrid-name, .ab-plist-card:hover .ab-plist-name { color: var(--fh-gold-deep) !important; }
.ab-pgrid-media img, .ab-plist-media img { transition: transform 0.5s ease !important; }
.ab-pgrid-card:hover .ab-pgrid-media img, .ab-plist-card:hover .ab-plist-media img { transform: scale(1.04); }
.category_section_header_title::after {
  content: "";
  display: block;
  width: 120px;
  height: 11px;
  margin-top: 2px;
  background:
    linear-gradient(var(--fh-gold), var(--fh-gold)) right center / calc(100% - 18px) 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 5-5 5-5-5z' fill='%238f6a22'/%3E%3C/svg%3E") left center / 10px 10px no-repeat;
}
/* في صفحة الكتاب: زر واتساب بإطار أخضر عشان زر الشراء يفضل هو الأساسي */
a.fh-wa--block { background: #f3fcf6; color: #0b6b3a !important; border: 1.5px solid var(--fh-wa); }
a.fh-wa--block .fh-wa__icon { color: var(--fh-wa); }
a.fh-wa--block:hover { background: var(--fh-wa); color: #06301a !important; }
a.fh-wa--block:hover .fh-wa__icon { color: #06301a; }

/* ══════════ النسخة 8: خط الافتتاحية، وقسم أحدث الكتب ══════════ */
:root { --fh-version: "8"; }
/* قالب الافتتاحية بيفرض خط لاتيني على العنوان والوصف؛ نرجّع خط المكتبة */
html body .rnw-hero .rnw-hero__title, html body .rnw-hero .rnw-hero__title * {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
html body .rnw-hero .rnw-hero__lede {
  font-family: var(--fh-font) !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  opacity: 1 !important;
}
html body .rnw-hero .rnw-hero__kicker { font-family: var(--fh-font) !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: none !important; }
html body .rnw-hero .rnw-btn { font-family: var(--fh-font) !important; border-radius: 4px !important; }
/* أحدث الكتب */
.fh-latest { max-width: var(--fh-wrap); margin: 0 auto; padding: clamp(36px, 5vw, 64px) var(--fh-gutter) 8px; box-sizing: border-box; }
.fh-latest .fh-section-head { margin-bottom: 22px; }
.fh-latest .ab-pgrid-card { opacity: 1 !important; transform: none; }
.fh-latest .ab-pgrid-price-row { display: flex; gap: 8px; align-items: baseline; justify-content: center; flex-wrap: wrap; }
.fh-latest .ab-pgrid-info { text-align: center; }
/* الهيدر ثابت دائمًا: القالب بيخبّيه عند النزول، فنلغي الحركة دي */
html body .ab-header { transform: none !important; transition: none !important; }
html body div:has(> .ab-header) { position: sticky !important; top: 0 !important; z-index: 60 !important; transform: none !important; }

/* ══════════ النسخة 9: أقسام التركيز، صفوف الكتب، ودور النشر التي لها كتب ══════════ */
:root { --fh-version: "9"; }
.fh-home { display: block; }
.fh-focus { max-width: var(--fh-wrap); margin: 0 auto; padding: clamp(36px, 5vw, 64px) var(--fh-gutter) 0; box-sizing: border-box; }
.fh-focus__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; direction: rtl; }
@media (max-width: 820px) { .fh-focus__grid { grid-template-columns: 1fr; gap: 14px; } }
.fh-focus__card {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  border: 1px solid var(--fh-gold);
  outline: 1px solid rgba(200, 160, 74, 0.3);
  outline-offset: 5px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--fh-brown);
  text-decoration: none !important;
  isolation: isolate;
}
@media (max-width: 820px) { .fh-focus__card { aspect-ratio: 16 / 8; } }
.fh-focus__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 0.6s ease; }
.fh-focus__card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(22, 11, 5, 0.25) 0%, rgba(22, 11, 5, 0.9) 78%); }
.fh-focus__card:hover img { transform: scale(1.06); }
.fh-focus__body { position: absolute; inset-inline: 0; bottom: 0; padding: 20px 22px; display: grid; gap: 4px; text-align: start; }
.fh-focus__name { font-family: var(--fh-display); font-weight: 700; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.5; color: #fff7e6; }
.fh-focus__blurb { font-size: 14px; line-height: 1.8; color: #eadfc6; }
.fh-focus__count {
  justify-self: start;
  margin-top: 8px;
  padding: 4px 12px;
  border: 1px solid var(--fh-gold);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: var(--fh-gold-bright);
  background: rgba(22, 11, 5, 0.55);
}
.fh-row__more { text-align: center; margin-top: 22px; }
.fh-row .fh-btn--outline { min-height: 44px; }
.fh-publisher__count { font-size: 13px; font-weight: 700; color: var(--fh-gold-deep); margin-top: -4px; }
/* لما عدد الدور قليل: بطاقات في المنتصف بحجم ثابت بدل شبكة من ست أعمدة */
.fh-publishers__grid--few { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 22px; }
.fh-publishers__grid--few .fh-publisher { width: 190px; }
@media (max-width: 640px) { .fh-publishers__grid--few .fh-publisher { width: 42%; } }
.collection_container .ab-categories .ab-categories-track > .ab-cat-card.fh-hidden, .ab-cat-card.fh-hidden { display: none !important; }

/* ── الافتتاحية: مقاسات متناسقة مع طول الجملة ──
   الحجم المكتوب في اللوحة بيتطبق، لكن بحد أقصى حسب طول العنوان عشان مايكسرش التصميم:
   قصير (حتى 40 حرف): 58 / 34 — متوسط (حتى 80): 44 / 28 — طويل: 34 / 22  (كمبيوتر / موبايل) */
.rnw-hero { --fh-title-cap-dt: 58px; --fh-title-cap-mb: 34px; --fh-title-width: 700px; --fh-title-lh: 1.45; }
.rnw-hero[data-fh-title="medium"] { --fh-title-cap-dt: 44px; --fh-title-cap-mb: 28px; --fh-title-width: 740px; --fh-title-lh: 1.6; }
.rnw-hero[data-fh-title="long"] { --fh-title-cap-dt: 34px; --fh-title-cap-mb: 22px; --fh-title-width: 760px; --fh-title-lh: 1.9; }
html body .rnw-hero .rnw-hero__inner { max-width: var(--fh-title-width) !important; gap: 0 !important; }
html body .rnw-hero .rnw-hero__title, html body .rnw-hero .rnw-hero__title * {
  font-size: min(var(--rnw-t-mb, 34px), var(--fh-title-cap-mb)) !important;
  line-height: var(--fh-title-lh) !important;
  text-wrap: balance;
}
html body .rnw-hero .rnw-hero__lede {
  font-size: min(var(--rnw-d-mb, 15px), 16px) !important;
  max-width: 600px;
  margin: 12px auto 22px !important;
  color: #e0d3b6 !important;
}
html body .rnw-hero .rnw-hero__kicker { font-size: 13px !important; margin: 0 0 10px !important; }
html body .rnw-hero .rnw-hero__title { margin: 0 !important; }
@media (min-width: 769px) {
  html body .rnw-hero .rnw-hero__title, html body .rnw-hero .rnw-hero__title * { font-size: min(var(--rnw-t-dt, 58px), var(--fh-title-cap-dt)) !important; }
  html body .rnw-hero .rnw-hero__lede { font-size: min(var(--rnw-d-dt, 18px), 18px) !important; }
  html body .rnw-hero .rnw-hero__kicker { font-size: 14px !important; }
}
.rnw-hero .fh-hero-emblem { width: clamp(84px, 8vw, 116px); margin-bottom: 10px; }
.rnw-hero[data-fh-title="long"] .fh-hero-emblem { width: clamp(76px, 7vw, 100px); }
.rnw-hero .fh-hero-chips { margin-top: 22px; padding-top: 16px; }
/* ارتفاع الافتتاحية: على قد المحتوى، من غير ما تاخد الشاشة كلها */
html body .rnw-hero { min-height: clamp(460px, 68vh, 700px) !important; height: auto !important; padding-block: clamp(28px, 4vw, 48px) !important; }
@media (max-width: 768px) { html body .rnw-hero { min-height: 0 !important; padding-block: 34px 30px !important; } }

/* ══════════ النسخة 10: مسافات قبل الفوتر، وصفحة إتمام الطلب ══════════ */
:root { --fh-version: "10"; }
/* مسافة مريحة بين آخر محتوى الصفحة والفوتر */
.collection_container { padding-bottom: clamp(56px, 7vw, 96px) !important; }
.product_container { padding-bottom: clamp(40px, 5vw, 72px) !important; }
.collection_container .ab-pgrid { padding-bottom: 8px !important; }
.collection_container .ab-categories:last-child { padding-bottom: 8px !important; }
.fh-home { padding-bottom: clamp(48px, 6vw, 88px); }
.fh-home .fh-publishers { padding-bottom: 0; }
/* زر «تحميل المزيد» */
.collection_container button[class*="load"], .ab-pgrid-loadmore, .ab-pgrid + div > button, .ab-pgrid ~ button,
.collection_container > div > button:only-child {
  margin-block: 34px 0 !important;
}
.collection_container .ab-pgrid ~ *:has(> button), .collection_container .ab-pgrid ~ div:has(button) { margin-top: 34px !important; padding-bottom: 6px; }
.collection_container button:not(.fh-btn):not([id^="headlessui"]) {
  border-radius: 4px !important;
}

/* ── إتمام الطلب ── */
.checkout_bg_left, .checkout_bg_right { display: none !important; }
div.bg-white:has(> .checkout_container), div:has(> .checkout_container) { background: var(--fh-paper) !important; }
body:has(form.checkout_form) { background: var(--fh-paper) !important; }
div.checkout_container:not(form) {
  max-width: 1180px !important;
  padding: 0 var(--fh-gutter) clamp(48px, 6vw, 88px) !important;
  gap: 28px 32px !important;
  align-items: start !important;
  background: transparent !important;
}
@media (min-width: 1024px) { div.checkout_container:not(form) { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important; } }
.fh-co-head { grid-column: 1 / -1; padding: 34px 0 6px; text-align: center; }
.fh-co-title { font-family: var(--fh-display); font-weight: 700; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.5; color: var(--fh-ink); margin: 0 0 14px; }
.fh-co-steps { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; gap: 0; flex-wrap: wrap; }
.fh-co-steps li { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--fh-ink-soft); }
.fh-co-steps li + li::before { content: ""; width: clamp(22px, 5vw, 64px); height: 1px; background: var(--fh-line); margin-inline: 12px; }
.fh-co-steps span {
  width: 28px; height: 28px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--fh-line); background: #fffdf7; font-size: 13px; color: var(--fh-ink-soft);
}
.fh-co-steps .is-done span { background: var(--fh-gold); border-color: var(--fh-gold); color: var(--fh-brown); }
.fh-co-steps .is-current { color: var(--fh-ink); }
.fh-co-steps .is-current span { background: var(--fh-brown); border-color: var(--fh-gold); color: var(--fh-gold-bright); }
@media (max-width: 640px) { .fh-co-head { padding-top: 22px; } .fh-co-steps li { font-size: 12px; gap: 6px; } .fh-co-steps span { width: 24px; height: 24px; } }
/* البطاقتان */
form.checkout_form, .checkout_order_summary {
  background: #fffdf7 !important;
  border: 1px solid var(--fh-line) !important;
  border-top: 3px solid var(--fh-gold) !important;
  border-radius: 6px !important;
  padding: 26px 26px 28px !important;
  box-shadow: 0 10px 30px rgba(22, 11, 5, 0.05);
  max-width: none !important;
  margin: 0 !important;
}
@media (max-width: 640px) { form.checkout_form, .checkout_order_summary { padding: 20px 16px 22px !important; } form.checkout_form { padding-bottom: 110px !important; } }
@media (min-width: 1024px) { .checkout_order_summary { position: sticky !important; top: 100px; align-self: start !important; height: auto !important; } }
form.checkout_form > div, .checkout_order_summary > div { max-width: none !important; }
form.checkout_form h2, .checkout_order_summary h2 {
  font-family: var(--fh-display) !important;
  font-weight: 700 !important;
  font-size: 25px !important;
  line-height: 1.6 !important;
  color: var(--fh-ink) !important;
  margin: 0 0 16px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--fh-line);
}
form.checkout_form label { font-size: 14px !important; font-weight: 700 !important; color: var(--fh-ink) !important; margin-bottom: 6px !important; display: inline-block; }
form.checkout_form .global_input, form.checkout_form input:not([type="radio"]):not([type="checkbox"]), form.checkout_form select {
  min-height: 50px;
  font-size: 15px !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 4px !important;
  background: #fffefb !important;
  color: var(--fh-ink) !important;
}
form.checkout_form textarea, form.checkout_form .global_textarea {
  min-height: 96px !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 4px !important;
  background: #fffefb !important;
  font-size: 15px !important;
}
form.checkout_form input:focus, form.checkout_form textarea:focus, form.checkout_form select:focus {
  border-color: var(--fh-gold-deep) !important;
  box-shadow: 0 0 0 3px rgba(200, 160, 74, 0.2) !important;
  outline: 0 !important;
}
form.checkout_form [class*="control"] { border-color: var(--fh-line) !important; border-radius: 4px !important; min-height: 50px !important; background: #fffefb !important; box-shadow: none !important; }
/* وسيلة الدفع */
form.checkout_form span.text-lg.font-bold {
  display: block;
  font-family: var(--fh-display) !important;
  font-size: 23px !important;
  color: var(--fh-ink) !important;
  background: none !important;
  margin: 22px 0 10px !important;
  padding-top: 18px;
  border-top: 1px solid var(--fh-line);
}
.payments_container { gap: 10px !important; margin-top: 4px !important; }
.payments_container > * + * { margin-top: 10px !important; }
.payment_card {
  border: 1.5px solid var(--fh-line) !important;
  border-radius: 6px !important;
  background: #fffefb !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
.payment_card:hover { border-color: var(--fh-gold) !important; }
.payment_card.border-blue-600, .payment_card[class*="border-blue-600"] { border-color: var(--fh-gold-deep) !important; background: #fdf6e3 !important; box-shadow: 0 0 0 1px var(--fh-gold-deep) !important; }
.payment_card .payment_card_img, .payment_card img { max-height: 44px !important; width: auto !important; }
/* ملخص الطلب */
.checkout_order_summary h3 { font-family: var(--fh-display) !important; font-weight: 700 !important; font-size: 19px !important; line-height: 1.6 !important; color: var(--fh-ink) !important; }
.checkout_order_summary img { border-radius: 4px !important; border: 1px solid var(--fh-line); }
.checkout_order_summary button.rounded-md.border { border-color: var(--fh-line) !important; border-radius: 4px !important; }
.checkout_order_summary dl, .checkout_order_summary [class*="border-t"] { border-color: var(--fh-line) !important; }
.checkout_order_summary .total_price, .checkout_order_summary [class*="font-bold"], .checkout_order_summary [class*="font-semibold"] { color: var(--fh-ink) !important; }
/* زر الإتمام */
form.checkout_form button[type="submit"], form.checkout_form .form_checkout_btn, form.checkout_form .fixed button {
  background: var(--fh-brown) !important;
  color: var(--fh-gold-bright) !important;
  border: 1px solid var(--fh-gold) !important;
  border-radius: 4px !important;
  min-height: 56px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  font-family: var(--fh-font) !important;
}
form.checkout_form button[type="submit"]:hover, form.checkout_form .fixed button:hover { background: var(--fh-gold-deep) !important; color: #fff !important; }
@media (min-width: 1024px) { form.checkout_form .fixed.bottom-0 { background: transparent !important; border: 0 !important; margin-top: 22px !important; } }
@media (max-width: 1023px) { form.checkout_form .fixed.bottom-0 { background: #fffdf7 !important; border-top: 1px solid var(--fh-gold) !important; padding: 10px 14px !important; box-shadow: 0 -8px 24px rgba(22, 11, 5, 0.1); } }
/* صندوق الطمأنة */
.fh-co-trust { margin-top: 20px; padding-top: 18px; border-top: 1px dashed var(--fh-line); }
.fh-co-trust__title { font-family: var(--fh-display); font-weight: 700; font-size: 20px; color: var(--fh-ink); margin: 0 0 8px; }
.fh-co-trust ul { list-style: none; margin: 0 0 4px; padding: 0; display: grid; gap: 8px; }
.fh-co-trust li { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.8; color: var(--fh-ink-soft); }
.fh-co-trust li::before { content: ""; flex: 0 0 8px; width: 8px; height: 8px; transform: rotate(45deg); background: var(--fh-gold); }
/* إتمام الطلب: العنوان والخطوات أول الصفحة، ثم البطاقتان */
@media (min-width: 1024px) {
  div.checkout_container:not(form) > .fh-co-head { grid-row: 1 !important; grid-column: 1 / -1 !important; }
  div.checkout_container:not(form) > form.checkout_form { grid-row: 2 !important; grid-column: 1 !important; }
  div.checkout_container:not(form) > .checkout_order_summary { grid-row: 2 !important; grid-column: 2 !important; }
}
@media (max-width: 1023px) { div.checkout_container:not(form) > .fh-co-head { order: -1; } div.checkout_container:not(form) { display: flex !important; flex-direction: column; } }
html body .payments_container .payment_card { border: 1.5px solid var(--fh-line) !important; box-shadow: none !important; }
html body .payments_container .payment_card[class*="border-blue-600"] { border-color: var(--fh-gold) !important; background: #fdf6e3 !important; box-shadow: 0 0 0 1px var(--fh-gold) !important; }
form.checkout_form [class*="bottom-0"] { background: transparent !important; }
@media (max-width: 1023px) { form.checkout_form [class*="bottom-0"] { background: #fffdf7 !important; } }
@media (max-width: 640px) {
  .fh-co-steps { flex-wrap: nowrap; }
  .fh-co-steps li { font-size: 11px; gap: 5px; white-space: nowrap; }
  .fh-co-steps li + li::before { width: 12px; margin-inline: 6px; }
  .fh-co-steps span { width: 22px; height: 22px; font-size: 12px; }
}
/* الهيدر الثابت: الخلفية على الهيدر نفسه (القالب بيثبّته هو، مش الحاوية)، فمايبقاش شفاف وإنت نازل */
html body .ab-header {
  background: var(--fh-brown) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 60 !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-bottom: 1px solid rgba(200, 160, 74, 0.45) !important;
  box-shadow: 0 6px 24px rgba(22, 11, 5, 0.18) !important;
}
html body .ab-header .ab-header-inner { max-width: var(--fh-wrap) !important; margin-inline: auto !important; }
html body div:has(> .ab-header) { position: relative !important; top: auto !important; border-bottom: 0 !important; box-shadow: none !important; background: var(--fh-brown) !important; }
html { overflow-x: clip; }

/* ══════════ النسخة 11: قائمة الدولة بإطار واحد ══════════ */
:root { --fh-version: "11"; }
html body form.checkout_form .gov_select {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
html body form.checkout_form .gov_select .select__control {
  border: 1px solid var(--fh-line) !important;
  border-radius: 4px !important;
  background: #fffefb !important;
  min-height: 50px !important;
  box-shadow: none !important;
  cursor: pointer;
}
html body form.checkout_form .gov_select .select__control--is-focused,
html body form.checkout_form .gov_select .select__control:hover { border-color: var(--fh-gold-deep) !important; box-shadow: 0 0 0 3px rgba(200, 160, 74, 0.2) !important; }
html body form.checkout_form .gov_select .select__indicator-separator { display: none !important; }
html body form.checkout_form .gov_select .select__dropdown-indicator { color: var(--fh-gold-deep) !important; padding-inline: 12px !important; }
html body form.checkout_form .gov_select .select__value-container { padding-inline: 14px !important; }
html body form.checkout_form .gov_select .select__single-value { color: var(--fh-ink) !important; font-size: 15px !important; }
html body form.checkout_form .gov_select input { border: 0 !important; box-shadow: none !important; min-height: 0 !important; background: transparent !important; }
html body .select__menu { border: 1px solid var(--fh-line) !important; border-radius: 4px !important; box-shadow: 0 14px 30px rgba(22, 11, 5, 0.14) !important; background: #fffdf7 !important; overflow: hidden; z-index: 80 !important; }
html body .select__option { font-size: 15px !important; color: var(--fh-ink) !important; cursor: pointer; }
html body .select__option--is-focused { background: var(--fh-paper-2) !important; }
html body .select__option--is-selected { background: var(--fh-brown) !important; color: var(--fh-gold-bright) !important; }

/* صفحة الكتاب: زرّا الشراء بألوان واضحة في الحالة العادية وعند الوقوف عليهما */
html body .p_details_container .flex-col-reverse .flex-row-reverse { align-items: stretch !important; gap: 10px !important; margin-top: 0 !important; }
html body .p_details_container .flex-col-reverse .flex-row-reverse > * { margin: 0 !important; }
html body .p_details_container .flex-col-reverse .flex-row-reverse > button {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  background: #fffdf7 !important;
  color: var(--fh-ink) !important;
  border: 1.5px solid var(--fh-gold-deep) !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
html body .p_details_container .flex-col-reverse .flex-row-reverse > button *,
html body .p_details_container .flex-col-reverse .flex-row-reverse > button svg { color: inherit !important; stroke: currentColor; }
html body .p_details_container .flex-col-reverse .flex-row-reverse > button:hover,
html body .p_details_container .flex-col-reverse .flex-row-reverse > button:focus-visible {
  background: var(--fh-paper-2) !important;
  color: var(--fh-ink) !important;
  border-color: var(--fh-gold) !important;
}
html body .p_details_container .flex-col-reverse .flex-row-reverse > button:active { background: var(--fh-paper-3) !important; }
html body .p_details_container .flex-col-reverse .flex-row-reverse > div,
html body .p_details_container .flex-col-reverse .flex-row-reverse > .quantity_container { height: 54px !important; min-height: 54px !important; flex: 0 0 auto !important; border-radius: 4px !important; }
html body .p_details_container .flex-col-reverse > button {
  height: 54px !important;
  min-height: 54px !important;
  background: var(--fh-brown) !important;
  color: var(--fh-gold-bright) !important;
  border: 1.5px solid var(--fh-gold) !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
html body .p_details_container .flex-col-reverse > button:hover,
html body .p_details_container .flex-col-reverse > button:focus-visible { background: var(--fh-gold-deep) !important; color: #fff7e6 !important; }
html body .p_details_container .flex-col-reverse > button:hover * { color: inherit !important; }
/* القائمة المفتوحة: المؤشر على عنصر واحد فقط، والباقي على خلفية فاتحة */
html body .select__menu, html body .select__menu-list { background: #fffdf7 !important; }
html body .select__option { background: transparent !important; color: var(--fh-ink) !important; padding: 11px 16px !important; }
html body .select__option--is-focused { background: var(--fh-paper-2) !important; }
html body .select__option--is-selected { background: var(--fh-brown) !important; color: var(--fh-gold-bright) !important; }
/* القائمة: الروابط المرفوعة تظهر مرة واحدة فقط، والقائمة تفضل في سطر واحد */
.fh-nav-moved { display: none !important; }
.ab-nav { gap: 0 !important; }
html body .ab-nav a, html body .ab-nav .ab-dropdown-trigger, html body .ab-nav .ab-nav-category-link { font-size: 15px !important; padding: 8px 7px !important; }
@media (max-width: 1280px) { html body .ab-nav a, html body .ab-nav .ab-dropdown-trigger { font-size: 14px !important; padding: 8px 5px !important; } }
/* القائمة المنسدلة: بطاقات نصية بدل صور الشعار المكررة */
html body .ab-nav > .ab-dropdown:not(.ab-nav-more) > .ab-dropdown-panel { display: flex !important; flex-direction: column !important; min-width: 220px !important; width: max-content !important; padding: 8px !important; gap: 2px !important; }
html body .ab-dropdown-panel .ab-dropdown-cat-img-wrap { display: none !important; }
html body .ab-nav > .ab-dropdown:not(.ab-nav-more) > .ab-dropdown-panel > a { width: 100% !important; padding: 10px 14px !important; text-align: start !important; display: block !important; }
html body .ab-dropdown-panel .ab-dropdown-cat-name { font-family: var(--fh-display) !important; font-size: 17px !important; font-weight: 700 !important; color: var(--fh-ink) !important; }
html body .ab-nav .ab-dropdown-panel a.fh-nav-moved, html body .ab-mobile-nav a.fh-nav-moved { display: none !important; }
html body .ab-nav .ab-dropdown.fh-nav-flat > .ab-dropdown-panel { display: none !important; }
html body .ab-nav .ab-dropdown.fh-nav-flat > .ab-dropdown-trigger::after { display: none !important; }

/* ══════════ النسخة 12: فوتر مضغوط، وشعار أكبر في الافتتاحية ══════════ */
:root { --fh-version: "12"; }
.rnw-hero .fh-hero-emblem { width: clamp(112px, 10.5vw, 156px) !important; margin-bottom: 12px !important; }
.rnw-hero[data-fh-title="long"] .fh-hero-emblem { width: clamp(104px, 9.5vw, 140px) !important; }

/* الفوتر على الكمبيوتر: أربعة أعمدة متقاربة الارتفاع ومسافات أقل */
html body .ab-footer::before { height: 10px; }
html body .ab-footer-main-row { padding-block: 30px 22px !important; gap: 34px !important; }
@media (min-width: 1000px) {
  html body .ab-footer-main-row { grid-template-columns: minmax(300px, 1.55fr) 0.9fr 0.9fr minmax(250px, 1.15fr) !important; }
  html body .ab-footer-nav-col .ab-footer-links { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; }
  /* عمود «تسوق»: سبع روابط في عمودين بدل عمود طويل */
  html body .ab-footer-nav-col:not(.ab-footer-nav-col--wide) .ab-footer-links { grid-template-columns: 1fr 1fr !important; column-gap: 18px !important; }
}
html body .ab-footer-logo img { height: 64px !important; }
html body .fh-footer-tagline { font-size: 15px; line-height: 1.8; margin: 8px 0 12px; max-width: 340px; }
html body .ab-footer-contact { gap: 6px !important; margin-bottom: 12px !important; }
html body .ab-footer-contact-item { font-size: 13.5px !important; line-height: 1.7 !important; }
html body .fh-fci { width: 16px; height: 16px; flex-basis: 16px; margin-top: 3px; }
html body .fh-footer-quick { margin-bottom: 0; gap: 8px; }
html body .fh-footer-quick .fh-btn, html body .fh-footer-quick a.fh-wa { min-height: 38px; padding: 6px 14px; font-size: 13px; }
html body .fh-footer-quick .fh-wa__icon { width: 18px; height: 18px; flex-basis: 18px; }
html body .ab-footer-heading--column, html body .ab-footer-newsletter-title { font-size: 19px !important; padding-bottom: 8px; margin-bottom: 8px !important; }
html body .ab-footer-links a { font-size: 14px !important; line-height: 1.6 !important; padding-block: 5px !important; display: block; }
html body .ab-footer-links li { margin: 0 !important; }
html body .ab-footer-newsletter-desc { font-size: 13px !important; line-height: 1.7 !important; margin-bottom: 10px !important; }
html body .ab-footer-subscribe-input { min-height: 42px !important; height: 42px !important; }
html body .ab-footer-subscribe-submit { min-height: 30px !important; }
html body .ab-footer-payment { margin-top: 12px !important; }
html body .ab-footer-payment img { max-height: 24px !important; }
html body .ab-footer-bottom { padding-block: 10px !important; display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 18px; }
html body .ab-footer-bottom > * { margin: 0 !important; }
html body .ab-footer-copy, html body .ab-footer-powered { font-size: 12px !important; }
/* الفوتر على الموبايل: بيانات التواصل ظاهرة، والباقي مطوي */
@media (max-width: 999px) {
  html body .ab-footer-mobile .ab-footer-disclosure-summary { padding-block: 12px !important; }
  html body .ab-footer-mobile .fh-footer-tagline { font-size: 15px; margin: 8px 0 12px; }
  html body .ab-footer-mobile .ab-footer-logo img { height: 60px !important; }
}
@media (min-width: 1000px) {
  html body .ab-footer-nav-col:not(.ab-footer-nav-col--wide) .ab-footer-links { grid-template-columns: 1fr !important; }
  html body .ab-footer-main-row { grid-template-columns: minmax(300px, 1.6fr) 1fr 1fr minmax(250px, 1.2fr) !important; align-items: start !important; }
}
html body .ab-footer-links a { padding-block: 4px !important; white-space: nowrap; }
html body .ab-footer-main-row { padding-block: 28px 20px !important; }

/* صورة الكتاب تفضل ظاهرة عند الوقوف عليها: التبديل يحصل فقط لو للكتاب صورة ثانية */
html body .ab-pgrid-media:not(:has(.ab-pgrid-img-hover)) .ab-pgrid-img-primary,
html body .ab-plist-media:not(:has(.ab-plist-img-hover)) .ab-plist-img-primary,
html body .ab-featured-media:not(:has(.ab-featured-img-hover)) .ab-featured-img-primary,
html body .fh-home .ab-pgrid-card .ab-pgrid-img-primary { opacity: 1 !important; visibility: visible !important; }
/* عنوان صفحة القسم من غير الخط الجانبي */
html body .category_section_header_title::after { content: none !important; display: none !important; }
:root { --fh-version: "13"; }
/* سطر الاعتماد: يظهر بعد ما النص يتبدّل، فمايلمحش الزائر النص القديم */
.ab-footer .ab-footer-powered:not([data-fh-credit]) { visibility: hidden; }

/* ══════════ النسخة 14: الأداء ══════════ */
:root { --fh-version: "14"; }
/* الافتتاحية تظهر مرة واحدة مكتملة (شعار + أزرار + مميزات) بدل ما تتبني قدام الزائر؛ ولو الملف اتأخر تظهر بعد ثانيتين ونص */
@keyframes fhReveal { to { visibility: visible; } }
.rnw-hero:not([data-fh-ready]) .rnw-hero__inner { visibility: hidden; animation: fhReveal 0s 2.5s forwards; }
html body .rnw-hero .rnw-hero__inner, html body .rnw-hero .ab-anim-el { opacity: 1 !important; transform: none !important; transition: none !important; animation-name: none; }
.rnw-hero:not([data-fh-ready]) .rnw-hero__inner { animation-name: fhReveal !important; }
/* نحجز مكان أقسام الرئيسية قبل ما تتحمل، عشان الفوتر مايقفزش لتحت */
@keyframes fhCollapse { to { min-height: 0; } }
/* مكان الافتتاحية محجوز في حاوية المحتوى نفسها، ومكان باقي الأقسام محجوز قبل الفوتر */
html[data-fh-home] main.container_class { min-height: 795px; }
html[data-fh-home] div:has(> footer.ab-footer):not(:has(> .fh-home))::before {
  content: "";
  display: block;
  min-height: 5500px;
  animation: fhCollapse 0s 12s forwards;
}
@media (max-width: 768px) {
  html[data-fh-home] main.container_class { min-height: 836px; }
  html[data-fh-home] div:has(> footer.ab-footer):not(:has(> .fh-home))::before { min-height: 6600px; }
}
.fh-hero-emblem { aspect-ratio: 1 / 1; height: auto !important; }
.fh-hero-book { content-visibility: auto; }
.fh-home .fh-latest, .fh-home .fh-publishers, .ab-footer { content-visibility: auto; contain-intrinsic-size: auto 900px; }

/* إتمام الطلب على الموبايل: الشريط السفلي يختفي، وزر «إتمام الطلب» ثابت وظاهر كامل فوق كل شيء */
html body:has(form.checkout_form) .ab-mobile-bottom-nav { display: none !important; }
@media (max-width: 1023px) {
  html body form.checkout_form .fixed.bottom-0 {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 90 !important;
    margin: 0 !important;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    background: #fffdf7 !important;
    border-top: 1px solid var(--fh-gold) !important;
    box-shadow: 0 -8px 24px rgba(22, 11, 5, 0.12) !important;
  }
  html body form.checkout_form .fixed.bottom-0 button { min-height: 52px !important; height: 52px !important; width: 100% !important; }
  html body form.checkout_form { padding-bottom: 120px !important; }
}
/* الهيدر ثابت بقاعدتنا نحن في كل الصفحات (القالب كان بيثبّته في الصفحات الطويلة بس) */
html body .ab-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; }
html body div:has(> .ab-header) { min-height: 77px !important; }


/* ══════════ النسخة 15: لا شيء يغطي زرًا — قاعدة واحدة لكل الطبقات الثابتة ══════════ */
:root { --fh-version: "15"; --fh-bottom-bar: 0px; }
@media (max-width: 1023px) { :root { --fh-bottom-bar: 58px; } }
/* 1) أي نافذة أو درج مفتوح (السلة، العرض السريع، القوائم): تختفي كل الأشرطة الثابتة تحته، والهيدر ينزل تحته */
html body:has([id^="headlessui-dialog"]) .ab-mobile-bottom-nav,
html body:has([role="dialog"]) .ab-mobile-bottom-nav,
html body:has([id^="headlessui-dialog"]) .fh-wa-float,
html body:has([role="dialog"]) .fh-wa-float,
html body:has([id^="headlessui-dialog"]) .ab-fixed-buy,
html body:has([role="dialog"]) .ab-fixed-buy { display: none !important; }
html body:has([id^="headlessui-dialog"]) .ab-header,
html body:has([role="dialog"]) .ab-header { z-index: 1 !important; }
html body [role="dialog"] { z-index: 200 !important; }
/* درج السلة: الزر الأخير ظاهر كامل مع مسافة أمان تحت */
html body [id^="headlessui-dialog-panel"] { padding-bottom: env(safe-area-inset-bottom, 0px) !important; }
html body [id^="headlessui-dialog-panel"] button, html body [id^="headlessui-dialog-panel"] a[href*="checkout"] { border-radius: 4px !important; }
/* 2) قائمة الموبايل الجانبية فوق كل شيء، والشريط السفلي يختفي وهي مفتوحة */
html body:has(.ab-mobile-menu.ab-active) .ab-mobile-bottom-nav,
html body:has(.ab-mobile-menu.is-open) .ab-mobile-bottom-nav,
html body:has(.ab-mobile-menu.open) .ab-mobile-bottom-nav,
html body:has(.ab-mobile-overlay.ab-active) .ab-mobile-bottom-nav,
html body:has(.ab-mobile-menu.ab-active) .fh-wa-float,
html body:has(.ab-mobile-overlay.ab-active) .fh-wa-float { display: none !important; }
/* 3) آخر الصفحة: مساحة فاضية بارتفاع الأشرطة الثابتة، عشان آخر محتوى يطلع فوقها ومايتغطاش */
@media (max-width: 1023px) {
  html body .ab-footer { padding-bottom: calc(var(--fh-bottom-bar) + 10px + env(safe-area-inset-bottom, 0px)) !important; }
  html body:has(.ab-fixed-buy) .ab-footer { padding-bottom: calc(var(--fh-bottom-bar) + 96px + env(safe-area-inset-bottom, 0px)) !important; }
  html body:has(form.checkout_form) .ab-footer { padding-bottom: 0 !important; }
}
/* 4) زر واتساب العائم أعلى من الأشرطة دائمًا */
@media (max-width: 1023px) {
  html body .fh-wa-float { bottom: calc(var(--fh-bottom-bar) + 16px) !important; }
  html body:has(.ab-fixed-buy.fh-show) .fh-wa-float { bottom: calc(var(--fh-bottom-bar) + 92px) !important; }
}

/* أي عنصر في المحتوى بيلزق أعلى الشاشة (زي شريط البحث) ينزل تحت الهيدر الثابت بدل ما يستخبى وراه */
html body .app_container .sticky.top-0:not(.ab-header) { top: 77px !important; }


/* صفحة الشكر وملخص الطلب بهوية المكتبة */
html body .ab-thanks { background: var(--fh-paper) !important; padding-block: clamp(34px, 6vw, 64px) 26px !important; }
html body .ab-thanks-title, html body .ab-thanks h1, html body .ab-thanks h2 { font-family: var(--fh-display) !important; font-weight: 700 !important; font-size: clamp(26px, 4vw, 36px) !important; line-height: 1.6 !important; color: var(--fh-ink) !important; }
html body .ab-thanks-message, html body .ab-thanks p { color: var(--fh-ink-soft) !important; font-size: 16px !important; line-height: 1.9 !important; }
html body .ab-thanks-home-btn { background: var(--fh-brown) !important; color: var(--fh-gold-bright) !important; border: 1px solid var(--fh-gold) !important; border-radius: 4px !important; min-height: 50px; font-weight: 700 !important; }
html body .ab-invoice, html body .ab-invoice-shell, html body .ab-invoice-layout, html body .order_invoice_container, html body .thanks_container, html body .thanks_content { background: var(--fh-paper) !important; }
html body div:has(> .ab-invoice), html body section:has(> .ab-invoice) { background: var(--fh-paper) !important; }
html body .ab-invoice-card { background: #fffdf7 !important; border: 1px solid var(--fh-line) !important; border-top: 3px solid var(--fh-gold) !important; border-radius: 6px !important; box-shadow: none !important; }
html body .ab-invoice-page-title, html body .ab-invoice-card-heading { font-family: var(--fh-display) !important; font-weight: 700 !important; color: var(--fh-ink) !important; }
html body .ab-invoice-page-title { font-size: 26px !important; }
html body .ab-invoice-card-heading { font-size: 21px !important; }
html body .ab-invoice-title-underline { background: var(--fh-gold) !important; }
html body .ab-invoice-track-btn { background: transparent !important; color: var(--fh-ink) !important; border: 1px solid var(--fh-gold-deep) !important; border-radius: 4px !important; }
html body .ab-invoice-status-badge { background: #fdf3d8 !important; color: #7a5a10 !important; border-radius: 3px !important; font-weight: 700 !important; }
html body .ab-invoice-item-name { font-family: var(--fh-display) !important; font-weight: 700 !important; font-size: 18px !important; color: var(--fh-ink) !important; }
html body .ab-invoice-summary-total { color: var(--fh-ink) !important; font-weight: 800 !important; }
html body .ab-invoice-kv-label, html body .ab-invoice-summary-label { color: var(--fh-ink-soft) !important; }
html body .ab-invoice-item-img { border-radius: 4px !important; border: 1px solid var(--fh-line); }
html body .ab-invoice [class*="border"], html body .ab-invoice hr { border-color: var(--fh-line) !important; }