*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy:#1a2744; --navy-dark:#0f1829; --navy-mid:#243260; --gold:#c9a96e; --gold-light:#e8d5b0;
  --gold-pale:#f7f0e3; --cream:#FAFAF7; --warm:#f5f0e8; --text:#1a2744; --muted:#6b7a99;
  --border:#e2ddd5; --white:#ffffff; --sale:#c0392b; --success:#2d6a4f; --shadow:0 4px 24px rgba(26,39,68,.10); --shadow-lg:0 12px 48px rgba(26,39,68,.18);
}
html { scroll-behavior:smooth; }
body { font-family:'Cairo', sans-serif; background:var(--cream); color:var(--text); direction:rtl; }
a { text-decoration:none; color:inherit; }
img { display:block; max-width:100%; }
ul { list-style:none; }
.container { max-width:1340px; margin:0 auto; padding:0 24px; }

.announce { background:var(--gold); color:var(--navy-dark); text-align:center; padding:10px; font-size:13px; font-weight:700; }
.announce a { color:var(--navy-dark); text-decoration:underline; margin-inline-start:8px; }

.topbar { background:var(--navy-dark); color:rgba(255,255,255,.75); font-size:13px; padding:8px 0; }
.topbar-inner { max-width:1340px; margin:0 auto; padding:0 24px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.topbar-links { display:flex; gap:24px; flex-wrap:wrap; }
.topbar-links li { list-style:none; }
.topbar-links a { color:rgba(255,255,255,.7); transition:color .2s; }
.topbar-links a:hover { color:var(--gold); }
.topbar-promo { color:var(--gold-light); font-weight:600; }

.site-header { background:var(--white); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:100; box-shadow:0 2px 16px rgba(26,39,68,.07); }
.header-inner { max-width:1340px; margin:0 auto; padding:0 24px; display:flex; align-items:center; gap:32px; min-height:72px; }
.site-logo { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.logo-mark { width:44px; height:44px; background:var(--navy); border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:22px; font-weight:900; }
.logo-text { line-height:1.1; }
.logo-text .name { font-size:22px; font-weight:800; color:var(--navy); letter-spacing:-.5px; }
.logo-text .sub { font-size:11px; color:var(--muted); font-weight:400; }
.custom-logo-link { display:inline-flex; align-items:center; }
.site-logo img.custom-logo { max-height:58px; width:auto; }

.site-nav { display:flex; gap:4px; flex:1; }
.site-nav .aafaq-primary-menu { display:flex; gap:4px; margin:0; padding:0; }
.site-nav .menu-item a { padding:8px 14px; font-size:14px; font-weight:600; color:var(--text); border-radius:8px; transition:all .2s; white-space:nowrap; display:inline-block; }
.site-nav .menu-item a:hover, .site-nav .current-menu-item>a, .site-nav .current_page_item>a { background:var(--gold-pale); color:var(--navy); }

.header-actions { display:flex; align-items:center; gap:8px; margin-right:auto; }
.header-search { display:flex; align-items:center; background:var(--warm); border-radius:40px; padding:8px 18px; gap:10px; min-width:220px; }
.header-search input { border:none; background:none; font-family:'Cairo', sans-serif; font-size:14px; color:var(--text); direction:rtl; width:100%; }
.header-search input:focus { outline:none; }
.header-search input::placeholder { color:var(--muted); }
.header-search svg { color:var(--muted); flex-shrink:0; }

.icon-btn { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:transparent; border:none; cursor:pointer; color:var(--navy); transition:background .2s; position:relative; }
.icon-btn:hover { background:var(--warm); }
.icon-btn .badge { position:absolute; top:6px; left:6px; background:var(--gold); color:var(--navy-dark); font-size:10px; font-weight:700; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; }

.aafaq-mobile-toggle { display:none; width:44px; height:44px; border:1px solid var(--border); border-radius:12px; background:var(--white); color:var(--navy); align-items:center; justify-content:center; flex-direction:column; gap:5px; cursor:pointer; }
.aafaq-mobile-toggle span { width:18px; height:2px; background:var(--navy); border-radius:999px; display:block; }
.aafaq-mobile-panel { display:none; border-top:1px solid var(--border); background:var(--white); box-shadow:0 10px 30px rgba(26,39,68,.08); }
.aafaq-mobile-panel[hidden] { display:none !important; }
.aafaq-mobile-panel-inner { max-width:1340px; margin:0 auto; padding:18px 24px 22px; }
.aafaq-mobile-search { display:flex; gap:10px; margin-bottom:18px; }
.aafaq-mobile-search input { flex:1; min-height:44px; border:1px solid var(--border); border-radius:999px; padding:0 16px; font-family:'Cairo', sans-serif; }
.aafaq-mobile-search button { min-height:44px; padding:0 18px; border-radius:999px; border:0; background:var(--navy); color:var(--white); font-family:'Cairo', sans-serif; font-weight:700; }
.aafaq-mobile-menu, .aafaq-mobile-menu li { list-style:none; margin:0; padding:0; }
.aafaq-mobile-menu { display:grid; gap:8px; }
.aafaq-mobile-menu a { display:block; padding:12px 14px; border-radius:12px; background:var(--cream); color:var(--navy); font-weight:700; }
.aafaq-mobile-links { display:flex; gap:10px; margin-top:16px; flex-wrap:wrap; }
.aafaq-mobile-links a { min-height:42px; padding:0 16px; border-radius:999px; border:1px solid var(--border); background:var(--warm); color:var(--navy); display:inline-flex; align-items:center; justify-content:center; font-weight:700; }

.hero { background:var(--navy); position:relative; overflow:hidden; min-height:88vh; display:flex; align-items:center; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 20% 50%, rgba(201,169,110,.12) 0%, transparent 60%), radial-gradient(ellipse 50% 80% at 80% 30%, rgba(201,169,110,.07) 0%, transparent 50%); }
.hero-pattern { position:absolute; inset:0; opacity:.04; background-image:repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(255,255,255,1) 40px, rgba(255,255,255,1) 41px), repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(255,255,255,1) 40px, rgba(255,255,255,1) 41px); }
.hero-inner { max-width:1340px; margin:0 auto; padding:80px 24px; display:grid; grid-template-columns:1fr 480px; gap:80px; align-items:center; position:relative; z-index:1; }
.hero-label { display:inline-flex; align-items:center; gap:8px; background:rgba(201,169,110,.15); border:1px solid rgba(201,169,110,.3); color:var(--gold); padding:6px 16px; border-radius:40px; font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:24px; }
.hero-title { font-size:clamp(36px,5vw,64px); font-weight:900; color:var(--white); line-height:1.15; margin-bottom:20px; }
.hero-title em { color:var(--gold); font-style:normal; }
.hero-subtitle { font-size:18px; color:rgba(255,255,255,.65); line-height:1.8; margin-bottom:40px; max-width:520px; font-family:'IBM Plex Arabic', sans-serif; font-weight:300; }
.hero-actions { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:56px; }
.btn-primary { background:var(--gold); color:var(--navy-dark); padding:14px 32px; border-radius:50px; font-family:'Cairo', sans-serif; font-size:15px; font-weight:700; border:none; cursor:pointer; transition:all .25s; display:inline-flex; align-items:center; gap:8px; }
.btn-primary:hover { background:#dbbe83; transform:translateY(-2px); box-shadow:0 8px 24px rgba(201,169,110,.4); }
.btn-outline-light { background:transparent; color:var(--white); padding:14px 32px; border-radius:50px; font-family:'Cairo', sans-serif; font-size:15px; font-weight:600; border:1px solid rgba(255,255,255,.3); cursor:pointer; transition:all .25s; }
.btn-outline-light:hover { border-color:var(--gold); color:var(--gold); }

.hero-stats { display:flex; gap:40px; }
.stat-num { font-size:28px; font-weight:900; color:var(--gold); display:block; line-height:1; }
.stat-lbl { font-size:13px; color:rgba(255,255,255,.5); margin-top:4px; }

.hero-visual { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:auto auto; gap:12px; align-items:end; }
.hero-book { border-radius:8px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.5); transition:transform .4s; }
.hero-book:hover { transform:translateY(-8px) rotate(-1deg); }
.hero-book:nth-child(2) { transform:translateY(-24px); }
.hero-book:nth-child(2):hover { transform:translateY(-32px); }
.hero-book-cover { width:100%; aspect-ratio:2/3; display:flex; align-items:flex-end; padding:14px 12px; position:relative; overflow:hidden; background-size:cover; background-position:center; }
.hero-book-cover::after { content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 60%); }
.hero-book-cover span { position:relative; z-index:1; font-size:11px; color:rgba(255,255,255,.85); font-weight:600; line-height:1.3; }
.book-c1 { background:linear-gradient(135deg, #2d1b4e 0%, #5e2d8e 100%); }
.book-c2 { background:linear-gradient(135deg, #1a3a2a 0%, #2d6a4f 100%); }
.book-c3 { background:linear-gradient(135deg, #4a1c1c 0%, #8b3a3a 100%); }
.book-c4 { background:linear-gradient(135deg, #1c2d4a 0%, #2d5a8b 100%); }
.book-c5 { background:linear-gradient(135deg, #3a2d1c 0%, #8b6a2d 100%); }
.book-c6 { background:linear-gradient(135deg, #1c3a3a 0%, #2d7a7a 100%); }

.section { padding:80px 0; }
.section-head, .tabs-header { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; margin-bottom:36px; }
.section-label { font-size:11px; font-weight:700; letter-spacing:2px; color:var(--gold); text-transform:uppercase; margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.section-label::before { content:''; width:24px; height:2px; background:var(--gold); }
.section-title { font-size:clamp(22px,3vw,32px); font-weight:800; color:var(--navy); line-height:1.2; }
.view-all { font-size:13px; font-weight:600; color:var(--gold); display:flex; align-items:center; gap:6px; transition:gap .2s; white-space:nowrap; }
.view-all:hover { gap:10px; }

.categories-section { background:var(--white); }
.cats-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:16px; }
.cat-card { border-radius:16px; padding:24px 16px; text-align:center; transition:transform .25s, box-shadow .25s; }
.cat-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.cat-icon { font-size:32px; margin-bottom:10px; display:block; }
.cat-name { font-size:13px; font-weight:700; line-height:1.3; }
.cat-count { font-size:11px; opacity:.7; margin-top:4px; }
.cat-card:nth-child(1){background:#fef3e2;color:#92400e}.cat-card:nth-child(2){background:#ede9fe;color:#5b21b6}.cat-card:nth-child(3){background:#dcfce7;color:#14532d}.cat-card:nth-child(4){background:#fee2e2;color:#7f1d1d}.cat-card:nth-child(5){background:#dbeafe;color:#1e3a8a}.cat-card:nth-child(6){background:#fce7f3;color:#831843}.cat-card:nth-child(7){background:#f0fdf4;color:#166534}.cat-card:nth-child(8){background:#f0f9ff;color:#0c4a6e}

.tabs-nav { display:flex; gap:4px; background:var(--warm); padding:4px; border-radius:12px; }
.tab-btn { padding:9px 20px; font-family:'Cairo', sans-serif; font-size:13px; font-weight:600; border:none; background:transparent; cursor:pointer; border-radius:8px; color:var(--muted); transition:all .2s; }
.tab-btn.active { background:white; color:var(--navy); box-shadow:0 2px 8px rgba(0,0,0,.08); }

.books-grid, .woocommerce ul.products { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px; }
.book-card { background:var(--white); border-radius:16px; overflow:hidden; transition:transform .3s, box-shadow .3s; border:1px solid var(--border); }
.book-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.book-cover { aspect-ratio:2/3; position:relative; overflow:hidden; background:var(--warm); }
.book-img { width:100%; height:100%; object-fit:cover; display:block; }
.book-cover-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.book-badge { position:absolute; top:10px; right:10px; padding:4px 10px; border-radius:20px; font-size:11px; font-weight:700; z-index:2; }
.badge-new { background:var(--navy); color:var(--gold); }
.badge-sale { background:var(--sale); color:white; }
.badge-feat { background:var(--gold); color:var(--navy-dark); }
.book-actions { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(26,39,68,.95) 0%, transparent 100%); padding:32px 12px 12px; display:flex; gap:8px; justify-content:center; transform:translateY(100%); transition:transform .3s; z-index:3; }
.book-card:hover .book-actions { transform:translateY(0); }
.action-btn { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.15); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s; color:white; }
.action-btn:hover { background:var(--gold); border-color:var(--gold); color:var(--navy-dark); }
.book-info { padding:14px 14px 16px; }
.book-title { font-size:14px; font-weight:700; line-height:1.4; margin-bottom:4px; color:var(--navy); }
.book-title a:hover { color:var(--gold); }
.book-author { font-size:12px; color:var(--muted); margin-bottom:10px; }
.book-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.book-price { font-size:15px; font-weight:800; color:var(--navy); }
.book-price del { opacity:.5; margin-inline-end:6px; font-size:12px; font-weight:400; }
.book-price ins { text-decoration:none; }
.book-stars { display:flex; gap:2px; margin-bottom:8px; }
.star { font-size:11px; color:var(--gold); }
.star.empty { color:var(--border); }
.cart-btn { width:32px; height:32px; border-radius:50%; background:var(--navy); color:var(--white); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.cart-btn:hover { background:var(--gold); color:var(--navy-dark); }

.editorial-section { background:var(--navy); padding:80px 0; }
.editorial-grid { display:grid; grid-template-columns:2fr 1fr 1fr; grid-template-rows:auto auto; gap:24px; }
.editorial-main { grid-row:1 / 3; border-radius:20px; overflow:hidden; position:relative; background:linear-gradient(135deg, #2d3f6e 0%, #1a2744 100%); min-height:500px; display:flex; flex-direction:column; justify-content:flex-end; padding:32px; }
.editorial-main::before { content:'اختيار المحرر'; position:absolute; top:20px; right:20px; background:var(--gold); color:var(--navy-dark); font-size:11px; font-weight:700; padding:6px 14px; border-radius:20px; z-index:2; }
.editorial-main-cat { font-size:12px; color:var(--gold); font-weight:600; margin-bottom:10px; }
.editorial-main-title { font-size:26px; font-weight:800; color:white; line-height:1.3; margin-bottom:8px; }
.editorial-main-author { font-size:14px; color:rgba(255,255,255,.65); margin-bottom:20px; }
.editorial-main-price { font-size:20px; font-weight:800; color:var(--gold); }
.editorial-item { border-radius:16px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); padding:16px; display:flex; gap:14px; }
.editorial-item-cover { width:64px; height:96px; border-radius:6px; flex-shrink:0; overflow:hidden; }
.editorial-item-info { flex:1; display:flex; flex-direction:column; justify-content:center; }
.editorial-item-title { font-size:13px; font-weight:700; color:white; margin-bottom:4px; line-height:1.3; }
.editorial-item-author { font-size:12px; color:rgba(255,255,255,.5); margin-bottom:8px; }
.editorial-item-price { font-size:14px; font-weight:800; color:var(--gold); }

.events-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.event-card { border-radius:20px; overflow:hidden; border:1px solid var(--border); transition:box-shadow .3s, transform .3s; background:var(--white); }
.event-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px); }
.event-cover { height:200px; position:relative; overflow:hidden; }
.event-cover-bg { width:100%; height:100%; }
.event-type { position:absolute; top:14px; right:14px; background:var(--navy); color:var(--gold); font-size:11px; font-weight:700; padding:5px 12px; border-radius:20px; }
.event-date-badge { position:absolute; bottom:14px; right:14px; background:var(--white); border-radius:12px; width:52px; height:52px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:var(--shadow); }
.event-day { font-size:20px; font-weight:900; color:var(--navy); line-height:1; }
.event-month { font-size:10px; color:var(--muted); font-weight:600; }
.event-body { padding:20px; }
.event-title { font-size:15px; font-weight:700; color:var(--navy); margin-bottom:8px; line-height:1.4; }
.event-meta { display:flex; gap:16px; margin-bottom:14px; flex-wrap:wrap; }
.event-meta-item { font-size:12px; color:var(--muted); }
.event-excerpt { font-size:13px; color:var(--muted); line-height:1.7; margin-bottom:16px; }
.btn-event { font-size:13px; font-weight:600; color:var(--navy); border:1.5px solid var(--border); border-radius:8px; padding:8px 18px; display:inline-block; transition:all .2s; }
.btn-event:hover { border-color:var(--navy); background:var(--navy); color:white; }

.cafe-section { background:var(--navy-dark); padding:100px 0; position:relative; overflow:hidden; }
.cafe-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.cafe-label { font-size:11px; font-weight:700; letter-spacing:2px; color:var(--gold); margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.cafe-label::before { content:''; width:24px; height:2px; background:var(--gold); }
.cafe-title { font-size:42px; font-weight:900; color:white; line-height:1.15; margin-bottom:8px; }
.cafe-subtitle { font-size:18px; color:var(--gold); font-weight:500; margin-bottom:20px; }
.cafe-desc { font-size:15px; color:rgba(255,255,255,.6); line-height:1.9; margin-bottom:32px; font-family:'IBM Plex Arabic', sans-serif; }
.cafe-features { display:flex; flex-direction:column; gap:14px; margin-bottom:36px; }
.cafe-feat { display:flex; align-items:center; gap:14px; color:rgba(255,255,255,.75); font-size:14px; }
.cafe-feat-icon { width:36px; height:36px; background:rgba(201,169,110,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--gold); flex-shrink:0; }
.btn-cafe { background:var(--gold); color:var(--navy-dark); padding:14px 32px; border-radius:50px; font-family:'Cairo', sans-serif; font-size:15px; font-weight:700; display:inline-block; }
.cafe-gallery { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:12px; }
.cafe-photo { border-radius:16px; overflow:hidden; }
.cafe-photo:first-child { grid-row:1/3; }
.cafe-photo-inner { width:100%; height:100%; min-height:180px; display:flex; align-items:center; justify-content:center; font-size:32px; opacity:.5; }
.cp1 { background:linear-gradient(135deg, #2d3a1a 0%, #4a6b2a 100%); }
.cp2 { background:linear-gradient(135deg, #3a2d1a 0%, #6b4a2a 100%); }
.cp3 { background:linear-gradient(135deg, #1a2d3a 0%, #2a4a6b 100%); }
.cp4 { background:linear-gradient(135deg, #3a1a2d 0%, #6b2a4a 100%); }

.newsletter-section { background:var(--gold-pale); border-top:1px solid var(--gold-light); border-bottom:1px solid var(--gold-light); padding:64px 0; }
.newsletter-wrap { display:flex; align-items:center; gap:60px; }
.newsletter-icon { width:72px; height:72px; background:var(--navy); border-radius:20px; display:flex; align-items:center; justify-content:center; color:var(--gold); flex-shrink:0; }
.newsletter-content { flex:1; }
.newsletter-title { font-size:24px; font-weight:800; color:var(--navy); margin-bottom:6px; }
.newsletter-sub { font-size:14px; color:var(--muted); }
.newsletter-form { display:flex; gap:12px; min-width:380px; }
.newsletter-input { flex:1; padding:14px 20px; border:1.5px solid var(--gold-light); border-radius:50px; font-family:'Cairo', sans-serif; font-size:14px; background:white; color:var(--text); direction:rtl; }
.newsletter-btn { background:var(--navy); color:white; padding:14px 28px; border-radius:50px; font-family:'Cairo', sans-serif; font-size:14px; font-weight:700; border:none; cursor:pointer; }

.site-footer { background:var(--navy-dark); color:rgba(255,255,255,.65); }
.footer-top { padding:64px 0 48px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr; gap:32px; }
.footer-brand .logo-wrap { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.footer-brand .logo-name { font-size:20px; font-weight:800; color:white; }
.footer-brand p { font-size:14px; line-height:1.8; margin-bottom:24px; }
.footer-socials { display:flex; gap:10px; }
.social-btn { width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; transition:all .2s; color:rgba(255,255,255,.6); font-size:14px; font-weight:700; }
.social-btn:hover { background:var(--gold); color:var(--navy-dark); }
.footer-col h4, .footer-widget-title { font-size:14px; font-weight:700; color:white; margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-links, .footer-col .menu, .footer-col .sub-menu { display:grid; gap:10px; margin:0; padding:0; }
.footer-links a, .footer-col .menu a, .footer-col .sub-menu a { font-size:13px; color:rgba(255,255,255,.55); transition:color .2s; }
.footer-links a:hover, .footer-col .menu a:hover, .footer-col .sub-menu a:hover, .footer-widget a:hover { color:var(--gold); }
.footer-widget, .footer-widget * { color:rgba(255,255,255,.78); }
.footer-widget ul, .footer-widget ol { list-style:none; margin:0; padding:0; }
.footer-widget li { margin-bottom:10px; }
.footer-widget p, .footer-widget .textwidget { line-height:1.9; }
.footer-widget input, .footer-widget textarea, .footer-widget select { width:100%; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff; border-radius:10px; padding:12px 14px; font-family:'Cairo', sans-serif; }
.footer-widget input::placeholder, .footer-widget textarea::placeholder { color:rgba(255,255,255,.45); }
.footer-widget button, .footer-widget input[type="submit"] { min-height:42px; padding:0 18px; border-radius:999px; border:0; background:var(--gold); color:var(--navy-dark); font-family:'Cairo', sans-serif; font-weight:700; cursor:pointer; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.footer-bottom-text, .footer-bottom-links a { font-size:12px; color:rgba(255,255,255,.4); }

.aafaq-woo-main, .aafaq-search-page, .aafaq-archive-page, .aafaq-single-post-page, .aafaq-404-page, .aafaq-page-default, .comments-area { padding:34px 0 60px; }

.aafaq-shop-header { padding:24px 0 36px; }
.aafaq-shop-header-inner { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; border-bottom:1px solid var(--border); padding-bottom:24px; }
.aafaq-shop-description { margin-top:12px; color:var(--muted); max-width:760px; line-height:1.9; }
.aafaq-shop-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:26px 0 30px; padding:14px 18px; background:var(--white); border:1px solid var(--border); border-radius:14px; }
.aafaq-shop-toolbar .woocommerce-result-count { margin:0; color:var(--muted); font-size:14px; }
.aafaq-shop-toolbar .woocommerce-ordering { margin:0; }
.aafaq-shop-toolbar select.orderby { min-width:220px; border:1px solid var(--border); background:var(--warm); border-radius:10px; padding:10px 14px; font-family:'Cairo', sans-serif; color:var(--text); }

.woocommerce ul.products { list-style:none; margin:0; padding:0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { content:none !important; }
.woocommerce ul.products li.product.aafaq-shop-card { width:auto !important; float:none !important; margin:0 !important; }
.aafaq-card-meta { margin-bottom:10px; }
.aafaq-stock { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; padding:5px 10px; border-radius:20px; }
.aafaq-stock.in-stock { background:rgba(45,106,79,.1); color:var(--success); }
.aafaq-stock.out-of-stock { background:rgba(192,57,43,.08); color:var(--sale); }
.aafaq-pagination-wrap { margin-top:36px; }
.woocommerce nav.woocommerce-pagination ul, .aafaq-pagination-wrap .nav-links { border:0; display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.woocommerce nav.woocommerce-pagination ul li { border:0; }
.woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .aafaq-pagination-wrap .page-numbers { border:1px solid var(--border); background:var(--white); color:var(--navy); min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; padding:0 12px; }
.woocommerce nav.woocommerce-pagination ul li span.current, .aafaq-pagination-wrap .page-numbers.current { background:var(--navy); color:var(--gold); border-color:var(--navy); }
.aafaq-no-products { padding:60px 0; text-align:center; }

.book-actions .yith-wcwl-add-to-wishlist, .book-actions .compare, .book-actions .yith-compare-btn, .book-actions .yith-wcqv-button, .book-actions .button, .book-actions a { margin:0 !important; }
.book-actions .yith-wcwl-add-to-wishlist a, .book-actions .compare, .book-actions .yith-compare-btn, .book-actions .yith-wcqv-button, .book-actions a.button, .book-actions>a, .book-actions>button { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.15); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.25); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s; color:white !important; text-indent:-9999px; overflow:hidden; position:relative; }
.book-actions .yith-wcwl-add-to-wishlist a::before { content:"♡"; text-indent:0; position:absolute; font-size:16px; line-height:1; }
.book-actions .compare::before, .book-actions .yith-compare-btn::before { content:"◉"; text-indent:0; position:absolute; font-size:14px; line-height:1; }
.book-actions .yith-wcqv-button::before { content:"👁"; text-indent:0; position:absolute; font-size:14px; line-height:1; }
.book-actions .yith-wcwl-add-to-wishlist a:hover, .book-actions .compare:hover, .book-actions .yith-compare-btn:hover, .book-actions .yith-wcqv-button:hover, .book-actions a.button:hover, .book-actions>a:hover, .book-actions>button:hover { background:var(--gold); border-color:var(--gold); color:var(--navy-dark) !important; }

.single-product .aafaq-woo-main { padding-top:34px; padding-bottom:60px; }
.aafaq-single-top { display:grid; grid-template-columns:minmax(320px, 520px) 1fr; gap:48px; align-items:start; margin-bottom:48px; }
.aafaq-single-gallery, .aafaq-single-summary, .woocommerce div.product .woocommerce-tabs, .aafaq-single-post, .comments-area, .aafaq-search-card, .aafaq-post-card, .aafaq-empty-state { background:var(--white); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); }
.aafaq-single-gallery { padding:18px; }
.aafaq-single-gallery .woocommerce-product-gallery__wrapper { border-radius:16px; overflow:hidden; }
.aafaq-single-gallery .woocommerce-product-gallery__image img { width:100%; border-radius:14px; }
.aafaq-single-summary { padding:28px; }
.aafaq-single-breadcrumbs { margin-bottom:14px; }
.aafaq-single-breadcrumbs .woocommerce-breadcrumb { margin:0; font-size:13px; color:var(--muted); }
.aafaq-single-title { font-size:clamp(24px, 3vw, 38px); line-height:1.3; color:var(--navy); margin-bottom:16px; font-weight:800; }
.aafaq-single-price { margin-bottom:14px; }
.aafaq-single-price .price { font-size:24px; font-weight:800; color:var(--navy); }
.aafaq-single-price .price del { opacity:.5; margin-inline-end:8px; font-size:18px; }
.aafaq-single-price .price ins { text-decoration:none; }
.aafaq-single-short-description { color:var(--muted); line-height:1.95; margin-bottom:24px; font-size:15px; }
.aafaq-single-attributes-card { background:var(--cream); border:1px solid var(--border); border-radius:18px; padding:20px; margin-bottom:24px; }
.aafaq-attr-title { margin:0 0 16px; font-size:18px; font-weight:800; color:var(--navy); }
.aafaq-attributes-grid { display:grid; gap:10px; }
.aafaq-attr-row { display:grid; grid-template-columns:180px 1fr; gap:16px; align-items:start; padding:10px 0; border-bottom:1px dashed var(--border); }
.aafaq-attr-row:last-child { border-bottom:0; padding-bottom:0; }
.aafaq-attr-label { font-size:13px; font-weight:700; color:var(--navy); }
.aafaq-attr-value { font-size:14px; color:var(--text); line-height:1.8; }
.aafaq-single-cart-box { margin-bottom:18px; }
.aafaq-single-cart-box input.qty { min-height:48px; border:1px solid var(--border); border-radius:10px; background:var(--white); font-family:'Cairo', sans-serif; }
.aafaq-single-cart-box .single_add_to_cart_button { min-height:48px; border-radius:999px !important; background:var(--navy) !important; color:var(--white) !important; border:0 !important; padding:0 28px !important; font-family:'Cairo', sans-serif !important; font-weight:700 !important; }
.aafaq-single-cart-box .single_add_to_cart_button:hover { background:var(--gold) !important; color:var(--navy-dark) !important; }
.aafaq-single-extra-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:22px; }
.aafaq-single-extra-actions .yith-wcwl-add-to-wishlist a, .aafaq-single-extra-actions .compare, .aafaq-single-extra-actions .yith-compare-btn, .aafaq-single-extra-actions a.button, .aafaq-single-extra-actions>a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border-radius:999px; border:1px solid var(--border); background:var(--warm); color:var(--navy) !important; text-decoration:none; font-size:13px; font-weight:700; text-indent:0 !important; overflow:visible !important; }
.aafaq-single-meta { border-top:1px solid var(--border); padding-top:18px; color:var(--muted); font-size:13px; }
.aafaq-single-tabs-wrap { margin-top:28px; }
.woocommerce div.product .woocommerce-tabs { padding:24px; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding:0; margin:0 0 24px; border-bottom:1px solid var(--border); display:flex; gap:10px; flex-wrap:wrap; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display:none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border:0 !important; background:transparent !important; margin:0 !important; padding:0 !important; border-radius:0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border-radius:999px; border:1px solid var(--border); background:var(--warm); color:var(--navy) !important; font-size:13px; font-weight:700; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background:var(--navy); color:var(--gold) !important; border-color:var(--navy); }
.woocommerce table.shop_attributes { border:1px solid var(--border); border-radius:14px; overflow:hidden; margin:0; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding:12px 16px; border-bottom:1px solid var(--border); font-size:14px; }
.woocommerce table.shop_attributes th { background:var(--warm); color:var(--navy); font-weight:700; width:220px; }
.woocommerce table.shop_attributes td { background:var(--white); color:var(--text); }
.related.products, .up-sells.upsells, .aafaq-same-author-wrap { margin-top:42px; }
.related.products>h2, .up-sells.upsells>h2, .aafaq-related-heading { font-size:26px; color:var(--navy); margin-bottom:22px; font-weight:800; position:relative; padding-bottom:10px; }
.related.products>h2::after, .up-sells.upsells>h2::after, .aafaq-related-heading::after { content:""; width:72px; height:3px; background:var(--gold); border-radius:999px; position:absolute; bottom:0; right:0; }
.single-product .related.products ul.products, .single-product .up-sells.upsells ul.products, .single-product .aafaq-same-author-wrap ul.products { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px; }

.aafaq-page-hero { padding:24px 0 30px; border-bottom:1px solid var(--border); margin-bottom:28px; }
.aafaq-page-subtitle { margin-top:12px; color:var(--muted); line-height:1.9; }
.aafaq-search-form-wrap { margin-bottom:28px; }
.aafaq-search-form-large { display:flex; gap:12px; background:var(--white); border:1px solid var(--border); border-radius:18px; padding:14px; box-shadow:var(--shadow); }
.aafaq-search-form-large input { flex:1; min-height:48px; border:1px solid var(--border); border-radius:999px; padding:0 18px; font-family:'Cairo', sans-serif; }
.aafaq-search-form-large button { min-height:48px; padding:0 22px; border-radius:999px; border:0; background:var(--navy); color:var(--white); font-family:'Cairo', sans-serif; font-weight:700; }
.aafaq-search-results { display:grid; gap:22px; }
.aafaq-search-card-inner { display:grid; grid-template-columns:220px 1fr; gap:22px; align-items:stretch; }
.aafaq-search-thumb a { display:block; height:100%; }
.aafaq-search-thumb img, .aafaq-search-placeholder, .aafaq-post-thumb img, .aafaq-post-placeholder { width:100%; height:100%; min-height:220px; object-fit:cover; }
.aafaq-search-placeholder, .aafaq-post-placeholder { display:flex; align-items:center; justify-content:center; background:var(--warm); font-size:48px; }
.aafaq-search-content { padding:22px 22px 22px 0; }
.aafaq-search-type { display:inline-flex; align-items:center; min-height:28px; padding:0 12px; border-radius:999px; background:var(--gold-pale); color:var(--navy); font-size:12px; font-weight:700; margin-bottom:12px; }
.aafaq-search-title, .aafaq-post-title { font-size:24px; line-height:1.4; margin-bottom:8px; color:var(--navy); }
.aafaq-search-title a:hover, .aafaq-post-title a:hover { color:var(--gold); }
.aafaq-search-meta, .aafaq-post-meta { color:var(--muted); margin-bottom:12px; font-size:14px; }
.aafaq-search-excerpt, .aafaq-post-excerpt { color:var(--text); line-height:1.9; margin-bottom:18px; }
.aafaq-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.aafaq-post-thumb { display:block; }
.aafaq-post-thumb img, .aafaq-post-placeholder { height:240px; }
.aafaq-post-content { padding:20px; }

.aafaq-single-post { padding:26px; border-radius:24px; }
.aafaq-single-post-thumb { margin-bottom:24px; border-radius:18px; overflow:hidden; }
.aafaq-single-post-content { color:var(--text); line-height:2; font-size:16px; }
.aafaq-single-post-content h2, .aafaq-single-post-content h3, .aafaq-single-post-content h4 { color:var(--navy); margin:28px 0 12px; }
.aafaq-single-post-content p, .aafaq-single-post-content ul, .aafaq-single-post-content ol, .aafaq-single-post-content blockquote { margin-bottom:16px; }
.aafaq-single-post-content blockquote { border-right:4px solid var(--gold); background:var(--gold-pale); padding:16px 18px; border-radius:14px; }

.aafaq-empty-state { text-align:center; padding:42px 26px; border-radius:24px; }
.aafaq-empty-icon { font-size:54px; margin-bottom:14px; }
.aafaq-empty-state h1, .aafaq-empty-state h2 { color:var(--navy); margin-bottom:12px; }
.aafaq-empty-state p { color:var(--muted); line-height:1.9; max-width:720px; margin:0 auto 18px; }
.aafaq-404-box h1 { font-size:64px; line-height:1; }
.aafaq-404-actions { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.comments-area .comment-list { margin:18px 0; padding:0; list-style:none; }
.comments-area .comment-list li { margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--border); }
.comments-area .comment-respond { margin-top:24px; padding-top:18px; border-top:1px solid var(--border); }
.comments-area input, .comments-area textarea { width:100%; border:1px solid var(--border); border-radius:10px; padding:12px 14px; font-family:'Cairo', sans-serif; background:var(--white); }
.comments-area input[type="submit"], .comments-area button { min-height:44px; padding:0 22px; border-radius:999px; background:var(--navy); color:var(--white); border:0; font-family:'Cairo', sans-serif; font-weight:700; }

.elementor-page .site-main, .page-template-elementor_canvas .site-main, .page-template-elementor_header_footer .site-main, .aafaq-elementor-layout .site-main { padding-top:0; padding-bottom:0; }
.page-template-elementor_canvas .announce, .page-template-elementor_canvas .topbar, .page-template-elementor_canvas .site-header, .page-template-elementor_canvas .site-footer { display:none !important; }
.page-template-elementor_canvas #page { margin:0; padding:0; }

.scroll-top { position:fixed; bottom:32px; left:32px; width:44px; height:44px; border-radius:12px; background:var(--navy); color:var(--gold); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-lg); z-index:99; opacity:0; transform:translateY(10px); transition:all .3s; pointer-events:none; }
.scroll-top.visible { opacity:1; transform:translateY(0); pointer-events:all; }

.screen-reader-text { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }

@media (max-width:1200px) {
  .hero-inner, .cafe-layout, .footer-grid { grid-template-columns:1fr; }
  .cats-grid { grid-template-columns:repeat(4,1fr); }
  .books-grid, .woocommerce ul.products, .single-product .related.products ul.products, .single-product .up-sells.upsells ul.products, .single-product .aafaq-same-author-wrap ul.products { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .events-grid { grid-template-columns:1fr; }
  .editorial-grid { grid-template-columns:1fr 1fr; }
  .newsletter-wrap { flex-direction:column; align-items:stretch; }
  .newsletter-form { min-width:auto; }
}

@media (max-width:980px) {
  .aafaq-mobile-toggle { display:inline-flex; }
  .site-nav { display:none; }
  .header-actions .header-search { display:none; }
  .aafaq-mobile-panel:not([hidden]) { display:block; }
  .header-inner { flex-wrap:wrap; padding-top:16px; padding-bottom:16px; }
  .topbar-inner, .aafaq-shop-header-inner, .aafaq-shop-toolbar, .tabs-header { flex-direction:column; align-items:flex-start; }
  .hero-inner, .aafaq-single-top { grid-template-columns:1fr; gap:48px; }
  .books-grid, .woocommerce ul.products, .single-product .related.products ul.products, .single-product .up-sells.upsells ul.products, .single-product .aafaq-same-author-wrap ul.products { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cats-grid { grid-template-columns:repeat(2,1fr); }
  .editorial-grid { grid-template-columns:1fr; }
  .aafaq-search-card-inner { grid-template-columns:1fr; }
  .aafaq-search-content { padding:0 18px 18px; }
  .aafaq-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .aafaq-attr-row { grid-template-columns:1fr; gap:6px; }
}

@media (max-width:640px) {
  .hero-title { font-size:34px; }
  .hero-stats { flex-wrap:wrap; gap:20px; }
  .aafaq-search-form-large, .newsletter-form { flex-direction:column; }
  .books-grid, .woocommerce ul.products, .aafaq-post-grid, .single-product .related.products ul.products, .single-product .up-sells.upsells ul.products, .single-product .aafaq-same-author-wrap ul.products { grid-template-columns:1fr; }
  .aafaq-single-summary, .aafaq-single-gallery, .woocommerce div.product .woocommerce-tabs, .aafaq-single-post { padding:18px; }
  .aafaq-single-title { font-size:28px; }
  .aafaq-single-extra-actions { flex-direction:column; align-items:stretch; }
}