/* seo-pages.css — ক্যাটাগরি / আইটেম / এলাকা পেজ (সার্ভার-রেন্ডার) */
.seo-page { padding: var(--space-4, 16px) var(--space-3, 12px) var(--space-5, 32px); }
.seo-wrap { width: 100%; max-width: 1040px; margin: 0 auto; }

/* ── breadcrumb ── */
.seo-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 var(--space-3, 12px); padding: 0; font-size: var(--font-size-sm, .875rem); color: var(--color-text-secondary, #6b7280); }
.seo-crumbs li + li::before { content: "›"; margin-right: 6px; }
.seo-crumbs a { color: var(--color-text-secondary, #6b7280); }
.seo-crumbs a:hover { color: var(--color-primary, #f05d35); }
.seo-crumbs [aria-current] { color: var(--color-text, #111827); font-weight: 600; }

/* ── hero ── */
.seo-hero { display: flex; gap: var(--space-3, 12px); align-items: flex-start; padding: var(--space-3, 12px); margin-bottom: var(--space-4, 16px); background: var(--color-bg-alt, #f9fafb); border: 1px solid var(--color-border, #e5e7eb); border-radius: 16px; }
.seo-hero__img { flex: none; width: 72px; height: 72px; object-fit: cover; border-radius: 14px; background: #fff; }
.seo-hero__img--wide { width: 120px; height: 90px; }
.seo-hero__body { min-width: 0; flex: 1; }
.seo-hero__title { margin: 0 0 6px; font-size: 1.5rem; font-weight: 800; line-height: 1.3; }
.seo-hero__intro { margin: 0 0 var(--space-3, 12px); color: var(--color-text-secondary, #4b5563); line-height: 1.7; }
.seo-hero__count { margin: 0 0 var(--space-3, 12px); font-weight: 700; color: var(--color-primary-dark, #c4451f); }
.seo-facts { list-style: none; margin: 0 0 var(--space-3, 12px); padding: 0; display: grid; gap: 4px; font-size: var(--font-size-sm, .9rem); }
.seo-facts strong { color: var(--color-text, #111827); }

/* ── বিভাগ ── */
.seo-section { margin-bottom: var(--space-4, 20px); }
.seo-section__title { margin: 0 0 var(--space-2, 8px); font-size: 1.125rem; font-weight: 800; }
.seo-empty { padding: var(--space-4, 20px) 0; color: var(--color-text-secondary, #6b7280); }

/* ── আইটেম কার্ড ── */
.seo-grid { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-2, 8px); margin: 0; padding: 0; }
.seo-card { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 12px 8px 8px; border: 1px solid var(--color-border, #e5e7eb); border-radius: 12px; background: var(--color-bg, #fff); color: var(--color-text, #111827); height: 100%; }
.seo-card:hover, .seo-card:focus-visible { border-color: var(--color-primary, #f05d35); }
.seo-card__thumb { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; overflow: hidden; background: var(--color-bg-alt, #f3f4f6); }
.seo-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.seo-card__thumb--icon { font-size: 1.3rem; }
.seo-card__text { display: flex; flex-direction: column; min-width: 0; }
.seo-card__name { font-size: var(--font-size-sm, .9rem); font-weight: 700; line-height: 1.35; }
.seo-card__price { font-size: .8125rem; color: var(--color-primary-dark, #c4451f); font-weight: 700; }

/* ── এলাকা চিপ ── */
.seo-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.seo-chips a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--color-border, #e5e7eb); border-radius: 999px; font-size: var(--font-size-sm, .9rem); font-weight: 600; color: var(--color-text, #111827); background: var(--color-bg, #fff); }
.seo-chips a:hover { border-color: var(--color-primary, #f05d35); color: var(--color-primary, #f05d35); }

/* ── FAQ ── */
.seo-faq { display: grid; gap: 8px; }
.seo-faq__item { border: 1px solid var(--color-border, #e5e7eb); border-radius: 12px; background: var(--color-bg, #fff); }
.seo-faq__item summary { cursor: pointer; padding: 14px 16px; font-weight: 700; line-height: 1.5; list-style-position: inside; }
.seo-faq__item[open] summary { border-bottom: 1px solid var(--color-border, #e5e7eb); }
.seo-faq__item p { margin: 0; padding: 12px 16px 14px; line-height: 1.75; color: var(--color-text-secondary, #374151); }

.seo-back { margin-top: var(--space-4, 20px); font-weight: 600; }
.seo-back a { color: var(--color-primary, #f05d35); }

@media (min-width: 768px) {
    .seo-page { padding-top: 32px; }
    .seo-hero { padding: 24px; gap: 24px; }
    .seo-hero__img { width: 96px; height: 96px; }
    .seo-hero__img--wide { width: 180px; height: 135px; }
    .seo-hero__title { font-size: 2rem; }
    .seo-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) { .seo-grid { grid-template-columns: repeat(4, 1fr); } }

/* ── About / লেখা-ভিত্তিক পেজ ── */
.seo-wrap--narrow { max-width: 760px; }
.seo-article p { margin: 0 0 var(--space-3, 12px); line-height: 1.85; color: var(--color-text, #1f2937); }
.seo-article .seo-section__title { margin-top: var(--space-4, 20px); }
.seo-article__tagline { margin: 0 0 var(--space-3, 12px); font-weight: 700; color: var(--color-primary-dark, #c4451f); }
.seo-article .seo-facts a { color: var(--color-primary, #f05d35); font-weight: 600; }
.seo-cta-row { margin-top: var(--space-4, 20px); }