/*! kalachasb — فاز ۵c: استایلِ بخش‌های کتابخانهٔ ویرایشگرِ زنده (server/services/sections/*.html)
   فقط پیشوندِ .kcs-؛ بقیهٔ ظاهر از کلاس‌های site.css (.kc-card, .kc-tile, .kc-grid, .kc-faq, .kc-table, .kc-plist, .kc-btn …) می‌آید.
   بعد از site.css بارگذاری می‌شود (پوستهٔ صفحه‌های محتوایی + صفحه‌های dc). */

/* دو ستونه: متن + عکس (RTL: فرزندِ اول سمتِ راست) */
.kc-card.kcs-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: center; }
.kcs-two-img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; background: var(--subtle); display: block; }
.kcs-two-body { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.kcs-two .kc-row { margin-top: 4px; }

/* سه کارتِ ویژگی / تماس */
.kcs-grid-3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

/* بنرِ عریض: عکس + لایهٔ تیره + متنِ روشن */
.kcs-banner { position: relative; overflow: hidden; border-radius: 14px; background: var(--ink); min-height: 280px; display: flex; align-items: center; isolation: isolate; }
.kcs-banner-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
/* لایهٔ تیره از سمتِ متن (راست در RTL) تا نوشته روی هر عکسی خوانا بماند */
.kcs-banner::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to left, rgba(16,36,62,.94) 0%, rgba(16,36,62,.82) 42%, rgba(16,36,62,.25) 100%); }
.kcs-banner-body { position: relative; padding: 36px 40px; max-width: 640px; display: flex; flex-direction: column; gap: 12px; color: #fff; }
.kcs-banner-body .kc-eyebrow { color: #6FC1F0; }
.kcs-banner-body h2 { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.5; color: #fff; text-wrap: pretty; }
.kcs-banner-body p { margin: 0; font-size: 14.5px; font-weight: 500; line-height: 2; color: var(--on-dark); }
.kcs-banner-body .kc-row { margin-top: 6px; }

/* گالریِ ۴ عکس */
.kcs-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.kcs-gallery figure { margin: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.kcs-gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; background: var(--subtle); display: block; }
.kcs-gallery figcaption { font-size: 12.5px; font-weight: 600; color: var(--muted); text-align: center; }

/* آمار (۴ عدد) */
.kcs-stats { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.kc-tile.kcs-stat { align-items: center; text-align: center; gap: 4px; }
.kc-tile.kcs-stat b { font-size: 30px; font-weight: 800; color: var(--blue); line-height: 1.3; }
.kc-tile.kcs-stat span { font-size: 13px; }

/* نظراتِ مشتریان */
blockquote.kcs-quote { margin: 0; gap: 6px; }
.kcs-quote p { margin: 0 0 6px; font-size: 13.5px; font-weight: 500; line-height: 2; color: var(--body); flex: 1; }
.kcs-quote b { font-size: 14px; }
.kcs-stars { color: var(--amber); font-size: 15px; letter-spacing: 2px; line-height: 1; }

/* ویدئو: پوستر (کتابخانه/پیش‌نویس) و embed (منتشرشده) */
.kcs-video { position: relative; display: block; overflow: hidden; border-radius: 12px; background: var(--ink); aspect-ratio: 16 / 9; max-width: 900px; }
.kcs-video img { width: 100%; height: 100%; object-fit: cover; opacity: .7; display: block; }
.kcs-video-play { position: absolute; inset-inline-start: 50%; top: 50%; transform: translate(50%, -50%); display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 22px 0 18px; border-radius: 999px; background: #fff; color: var(--ink); font-size: 14px; font-weight: 800; box-shadow: 0 10px 24px rgba(16,36,62,.28); }
.kcs-video-play::before { content: ""; width: 0; height: 0; border-block: 8px solid transparent; border-inline-end: 13px solid var(--blue); }
.kcs-video:hover .kcs-video-play { background: var(--blue); color: #fff; }
.kcs-video:hover .kcs-video-play::before { border-inline-end-color: #fff; }
.kcs-video-embed { position: relative; aspect-ratio: 16 / 9; max-width: 900px; border-radius: 12px; overflow: hidden; background: var(--ink); }
.kcs-video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* جداکننده / فاصله */
hr.kcs-divider { border: 0; border-top: 1px solid var(--line); margin: 8px 0; }
.kcs-spacer { height: 32px; }

/* ردیفِ کالا: ۵ کارت در یک ردیف در دسکتاپ */
.kcs-shelf .kc-plist { grid-template-columns: repeat(5, minmax(0, 1fr)); }

@media (max-width: 1100px) {
  .kcs-shelf .kc-plist { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .kcs-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .kc-card.kcs-two { grid-template-columns: minmax(0, 1fr); }
  .kcs-two-left .kcs-two-img { order: -1; }
  .kcs-banner { min-height: 220px; }
  .kcs-banner-body { padding: 24px; }
  .kcs-banner-body h2 { font-size: 22px; }
}