@charset "UTF-8";
/* ===========================================================================
   سکانس برتر — لایهٔ شخصی‌سازی پوستهٔ کلاکت فیلم
   ---------------------------------------------------------------------------
   نسخهٔ ۲.۲: رنگ آبی سایت برگشت. --primaryColor دقیقاً همان #0066bf قبلی است و
   رنگ تأکیدی هم آبی است. سبز لوگو به‌صورت کامنت در بلوک رنگ پایین نگه داشته شده،
   اگر روزی خواستی امتحانش کنی.

   چیزی که برنگشت و عمداً اصلاح‌شده مانده: --bg_darker که #0a0000 بود (مشکیِ
   قرمززده وسط سایتی سرمه‌ای)، --text که #f7fff4 بود (سفیدِ سبززده)، و
   .button-orange که در پنل تنظیمات مقدار خالی دارد.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   ۰) توکن‌های رنگ
   گزینشگر html:root body از استایل inline پنل تنظیمات قالب قوی‌تر است، پس
   مقادیر زیر همیشه برنده می‌شوند — بدون نیاز به !important.
   --------------------------------------------------------------------------- */
/* ===========================================================================
   رنگ تأکیدی — تنها جایی که برای عوض کردن رنگ سایت باید دست بزنی
   ---------------------------------------------------------------------------
   پیش‌فرض: آبیِ خودِ سایت. اگر خواستی سبز لوگو را امتحان کنی، این چهار مقدار
   را با خط‌های کامنت‌شدهٔ زیرشان عوض کن.
   =========================================================================== */
html:root body {
  /* --- برند --- */
  --kb-accent: #2f9bff;        /* آبی روشن، خوانا روی سرمه‌ای */
  --kb-accent-strong: #1b7fe0; /* حالت hover */
  --kb-accent-soft: #a8d6ff;
  --kb-accent-dim: rgba(47, 155, 255, 0.16);
  --kb-ink: #ffffff;           /* متنی که روی رنگ تأکیدی می‌نشیند */

  /* نسخهٔ سبز لوگو — برای فعال کردن، چهار خط بالا را کامنت کن و این‌ها را باز:
  --kb-accent: #4cff8f;
  --kb-accent-strong: #22e874;
  --kb-accent-dim: rgba(76, 255, 143, 0.14);
  --kb-ink: #04122a;
  */

  --kb-accent-legacy-soft: #a6ffc8;

  /* --- سطوح سرمه‌ای، هم‌خانواده با سرمه‌ای لوگو --- */
  --kb-navy-950: #02001c;
  --kb-navy-900: #040030;
  --kb-navy-850: #070446;
  --kb-navy-800: #0b0a55;
  --kb-navy-750: #121466;
  --kb-navy-700: #1b2180;

  /* --- متن --- */
  --kb-text: #eaf0ff;
  --kb-text-muted: #a3b0d6;
  --kb-text-faint: #7c88b0;

  /* --- وضعیت --- */
  --kb-danger: #ff5a63;
  --kb-imdb: #f5c518;

  /* --- شکل و حرکت --- */
  --kb-radius: 16px;
  --kb-radius-sm: 10px;
  --kb-radius-pill: 999px;
  --kb-ring: 0 0 0 3px var(--kb-accent-dim);
  --kb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --kb-shadow: 0 18px 44px -18px rgba(2, 0, 28, 0.85);
  --kb-border: 1px solid rgba(163, 176, 214, 0.16);

  /* ===== بازنویسی متغیرهای خود پوسته ===== */
  --bg: var(--kb-navy-900);
  --bg2: var(--kb-navy-850);
  --bg_darker: var(--kb-navy-950);   /* قبلاً #0a0000 بود — مشکیِ قرمززده و ناهماهنگ */
  --bg_darker2: var(--kb-navy-900);
  --bg_lighter: var(--kb-navy-800);
  --bg_lighter2: var(--kb-navy-750);
  --stickyHeader: rgba(4, 0, 48, 0.82);
  --primaryColor: #0066bf;           /* همان آبی اصلی سایت — دست‌نخورده */
  --text: var(--kb-text);            /* قبلاً #f7fff4 بود — سفیدِ سبززده */
  --shadow_color: rgba(2, 0, 28, 0.55);
  --plyr-color-main: var(--kb-accent);

  /* کارت فیلم نسخهٔ ۵ و ۶ پوسته */
  --fc5-bg: var(--kb-navy-850);
  --fc5-text: var(--kb-text);
  --fc5-text-muted: var(--kb-text-muted);
  --fc5-radius: var(--kb-radius);
  --fc5-primary-grad: linear-gradient(135deg, var(--kb-accent), var(--kb-accent-strong));
  --fc5-accent-grad: linear-gradient(135deg, var(--kb-accent-strong), var(--primaryColor));
  --fc5-shadow: var(--kb-shadow);
  --fc6-radius: var(--kb-radius-sm);
  --fc6-rate-high: #3ecf6a;
}

/* ---------------------------------------------------------------------------
   ۱) ترمیم — خنثی‌سازی CSS معیوبی که از پنل تنظیمات/المنتور تزریق شده
   --------------------------------------------------------------------------- */

/* در CSS سفارشی سایت قاعدهٔ `.heading{width:5px}` وجود دارد و هر عنصر با این
   کلاس را به عرض ۵ پیکسل له می‌کند. */
.heading {
  width: auto !important;
}

/* `.button-orange` در پنل تنظیمات مقدار خالی دارد و رنگ بی‌اعتبار تولید می‌کند. */
.button-orange {
  background-color: #b4601a !important;
  color: #fff !important;
}
.button-orange:hover {
  background-color: #cf7326 !important;
}

/* ---------------------------------------------------------------------------
   ۲) پایه و ریتم تایپوگرافی
   (فونت دست‌نخورده می‌ماند — فقط وزن، فاصله و اندازه‌ها یکدست می‌شود)
   --------------------------------------------------------------------------- */
html:root body {
  background-color: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body h1,
body h2,
body h3,
body h4 {
  line-height: 1.55;
  letter-spacing: 0;
}

body p {
  line-height: 2;
}

::selection {
  background: var(--kb-accent);
  color: var(--kb-ink);
}

/* نوار اسکرول هماهنگ با برند */
* {
  scrollbar-color: var(--kb-navy-700) transparent;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--kb-navy-950);
}
::-webkit-scrollbar-thumb {
  background: var(--kb-navy-700);
  border-radius: var(--kb-radius-pill);
  border: 2px solid var(--kb-navy-950);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primaryColor);
}

/* ---------------------------------------------------------------------------
   ۳) دکمه‌ها — یکدست‌سازی
   وضعیت قبلی: هر دکمه یک رنگ بی‌ربط داشت (#0066bf آبی، #81d742 سبز روشن،
   #4027e5 بنفش، hover های #75d600 و #00b2ff و #00a1ff). دکمهٔ «پخش آنلاین» هم
   متن سفید روی سبز روشن داشت که نسبت کنتراستش ۱.۷۹ بود — عملاً ناخوانا.
   --------------------------------------------------------------------------- */

/* CTA اصلی: سبز لوگو با متن سرمه‌ای (کنتراست ۱۴.۲) */
.button-green,
.button_online,
.button.button-green,
.plan_checkout a,
.watch_btn,
.download_btn,
.single_btn--watch {
  background-color: var(--kb-accent) !important;
  background-image: none !important;
  color: var(--kb-ink) !important;
  stroke: var(--kb-ink) !important;
  fill: currentColor;
  font-weight: 800;
  border: 0;
  border-radius: var(--kb-radius-sm);
  box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.45);
  transition: background-color 0.22s var(--kb-ease), transform 0.14s var(--kb-ease),
    box-shadow 0.22s var(--kb-ease);
}

.button-green:hover,
.button_online:hover,
.plan_checkout a:hover,
.watch_btn:hover,
.download_btn:hover,
.single_btn--watch:hover {
  background-color: var(--kb-accent-strong) !important;
  color: var(--kb-ink) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px -12px rgba(0, 0, 0, 0.55);
}

.button-green:active,
.button_online:active,
.plan_checkout a:active {
  transform: translateY(0) scale(0.985);
}

/* دکمهٔ ثانویه: سبز عمیق با متن روشن */
.button-blue,
.button.button-blue,
.btn-primary,
.button_trailer {
  background-color: var(--primaryColor) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0;
  border-radius: var(--kb-radius-sm);
  font-weight: 700;
  transition: background-color 0.22s var(--kb-ease), transform 0.14s var(--kb-ease);
}

.button-blue:hover,
.btn-primary:hover,
.button_trailer:hover {
  background-color: var(--kb-accent-strong) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* دکمهٔ سوم: بدون پرکننده، فقط خط دور */
.button-outline,
.btn-outline,
.more_btn,
.show_all_btn {
  background: transparent !important;
  color: var(--kb-accent) !important;
  border: 1px solid var(--kb-accent) !important;
  border-radius: var(--kb-radius-pill);
  font-weight: 700;
  transition: background-color 0.22s var(--kb-ease), border-color 0.22s var(--kb-ease);
}

.button-outline:hover,
.btn-outline:hover,
.more_btn:hover,
.show_all_btn:hover {
  background: var(--kb-accent-dim) !important;
  border-color: var(--kb-accent) !important;
}

/* ---------------------------------------------------------------------------
   ۴) نشان‌ها و امتیازها
   --------------------------------------------------------------------------- */
.imdb,
.imdb_rate,
._imdb {
  background: var(--kb-imdb) !important;
  color: #0b0b0b !important;
  font-weight: 800;
  border-radius: 6px;
}

.kb-badge,
.quality,
.dubbed,
.subtitle_badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: var(--kb-radius-pill);
  background: var(--kb-accent-dim);
  color: var(--kb-accent);
  border: 1px solid var(--kb-accent-dim);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8;
}

/* ---------------------------------------------------------------------------
   ۵) کارت فیلم
   --------------------------------------------------------------------------- */
.film_card,
.film_card2,
.film_card3,
.film_card4,
.film_card5,
.film_card6,
.serial_card {
  border-radius: var(--kb-radius);
  overflow: hidden;
  background: var(--kb-navy-850);
  transition: transform 0.35s var(--kb-ease), box-shadow 0.35s var(--kb-ease);
}

.film_card:hover,
.film_card2:hover,
.film_card3:hover,
.film_card4:hover,
.film_card6:hover,
.serial_card:hover {
  transform: translateY(-5px);
  box-shadow: var(--kb-shadow);
}

/* خط نازک سبز پایین کارت هنگام hover — امضای بصری برند */
.film_card,
.film_card2,
.film_card5,
.film_card6 {
  position: relative;
}

.film_card::after,
.film_card2::after,
.film_card5::after,
.film_card6::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--kb-accent), transparent);
  opacity: 0;
  transition: opacity 0.3s var(--kb-ease);
  pointer-events: none;
  z-index: 5;
}

.film_card:hover::after,
.film_card2:hover::after,
.film_card5:hover::after,
.film_card6:hover::after {
  opacity: 1;
}

/* ---------------------------------------------------------------------------
   ۶) هدر و ناوبری
   --------------------------------------------------------------------------- */
.header {
  border-bottom: var(--kb-border);
}

.header.sticky {
  background: var(--stickyHeader) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  border-bottom: 1px solid var(--kb-accent-dim);
}

.header .top_nav li a {
  transition: color 0.2s var(--kb-ease);
}

.header .top_nav li a:hover,
.header .sub-menu li a:hover {
  color: var(--kb-accent) !important;
}

/* زیرمنوها */
.header .top_nav li ul {
  background: var(--kb-navy-850) !important;
  border: var(--kb-border) !important;
  border-radius: var(--kb-radius-sm);
  box-shadow: var(--kb-shadow) !important;
  overflow: hidden;
}

/* ---------------------------------------------------------------------------
   ۸) صفحهٔ اصلی
   --------------------------------------------------------------------------- */

/* عنوان بخش‌ها: یک ریتم واحد برای همهٔ ردیف‌ها */
.cat_title,
.series_week__title,
.home_blog .title,
.section_title {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 18px;
  padding-inline-start: 14px;
  font-weight: 800;
}

.cat_title::before,
.series_week__title::before,
.home_blog .title::before,
.section_title::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.35em;
  width: 4px;
  height: 1.1em;
  border-radius: var(--kb-radius-pill);
  background: var(--kb-accent);
}

.cat_title small,
.section_title small {
  color: var(--kb-text-muted);
  font-size: 13px;
  font-weight: 500;
}

/* فاصلهٔ یکسان بین ردیف‌های صفحهٔ اصلی */
.after_fe .row > [class*="col-"] + [class*="col-"],
.after_fe .row > .row {
  margin-top: 6px;
}

.after_fe .row .row {
  margin-bottom: 34px;
}

/* جستجوی پیشرفته: جعبه‌اش با بقیهٔ صفحه یکدست شود */
.advanced_search,
.mobile_adv_trigger,
.new_searchform {
  background: var(--kb-navy-850) !important;
  border: var(--kb-border);
  border-radius: var(--kb-radius);
}

/* جایگاه‌های تبلیغات وقتی خالی‌اند نباید فضا بگیرند.
   در پنل تنظیمات پوسته، ویرایشگر برای این فیلدها `<p><br></p>` ذخیره کرده، پس
   عنصر از نظر مرورگر خالی نیست و حدود ۹۰ پیکسل فضای بی‌استفاده می‌سازد —
   دو بار دیگر هم پایین‌تر در صفحه تکرار می‌شود. */
._sliderBanner:empty,
._banner:empty,
._sliderBanner:has(> p:only-child > br:only-child),
._banner:has(> p:only-child > br:only-child) {
  display: none !important;
}

/* سریال‌های بروز شده */
.series_week__header li {
  border-radius: var(--kb-radius-pill);
  transition: background-color 0.2s var(--kb-ease), color 0.2s var(--kb-ease);
}

.series_week__header li.active {
  background: var(--primaryColor) !important;
  color: #fff !important;
}

/* ---------------------------------------------------------------------------
   ۹) صفحهٔ پلن‌های اشتراک
   ساختار تازه در page-templates/page-plans.php تولید می‌شود؛ این بخش ظاهرش را
   می‌سازد و روی نشانهٔ تخفیف، پلن پیشنهادی و قیمت ماهانه کار می‌کند.
   --------------------------------------------------------------------------- */
.kelaket_plans {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
  align-items: stretch;
  margin: 26px 0 40px;
}

.kelaket_plans__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px 20px 22px;
  background: linear-gradient(180deg, var(--kb-navy-850), var(--kb-navy-900));
  border: var(--kb-border);
  border-radius: var(--kb-radius);
  text-align: center;
  transition: transform 0.28s var(--kb-ease), border-color 0.28s var(--kb-ease),
    box-shadow 0.28s var(--kb-ease);
}

.kelaket_plans__item:hover {
  transform: translateY(-4px);
  border-color: var(--kb-accent);
  box-shadow: var(--kb-shadow);
}

/* پلن پیشنهادی */
.kelaket_plans__item.is-featured {
  border-color: var(--kb-accent);
  box-shadow: 0 0 0 1px var(--kb-accent), var(--kb-shadow);
}

.kelaket_plans__item.is-featured {
  padding-top: 32px;
}

/* از left/transform فیزیکی استفاده می‌کنیم؛ inset-inline-start در RTL برچسب را
   به‌جای وسط، به چپِ کارت می‌برد. */
.kelaket_plans__item .kb-plan-flag {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 14px;
  border-radius: var(--kb-radius-pill);
  background: var(--kb-accent);
  color: var(--kb-ink);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

/* نشان درصد تخفیف */
.kelaket_plans__item .kb-plan-off {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  padding: 3px 9px;
  border-radius: var(--kb-radius-pill);
  background: var(--kb-danger);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.kelaket_plans__item .time {
  font-size: 17px;
  font-weight: 800;
  color: var(--kb-text);
}

.kelaket_plans__item .price {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: auto;
}

.kelaket_plans__item .before_discount_price {
  color: var(--kb-text-faint);
  font-size: 14px;
  text-decoration: line-through;
  text-decoration-color: var(--kb-danger);
}

.kelaket_plans__item .price_now {
  font-size: 26px;
  font-weight: 800;
  color: var(--kb-accent);
  line-height: 1.5;
}

.kelaket_plans__item .price_now .currency {
  font-size: 13px;
  font-weight: 600;
  color: var(--kb-text-muted);
}

/* قیمت ماهانه — کمک می‌کند کاربر پلن بلندمدت را بهتر بسنجد */
.kelaket_plans__item .kb-plan-monthly {
  font-size: 12.5px;
  color: var(--kb-text-muted);
}

.kelaket_plans__item .kb-plan-features {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  text-align: start;
  display: grid;
  gap: 7px;
}

.kelaket_plans__item .kb-plan-features li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 13px;
  color: var(--kb-text-muted);
  line-height: 1.9;
}

.kelaket_plans__item .kb-plan-features li::before {
  content: "✓";
  flex: 0 0 auto;
  color: var(--kb-accent);
  font-weight: 800;
}

.kelaket_plans__item .plan_checkout {
  margin-top: 4px;
}

.kelaket_plans__item .plan_checkout a {
  display: block;
  padding: 12px 16px;
  text-align: center;
}

/* پلن‌های غیرپیشنهادی: دکمهٔ آرام‌تر تا پلن پیشنهادی دیده شود */
.kelaket_plans__item:not(.is-featured) .plan_checkout a {
  background-color: transparent !important;
  color: var(--kb-accent) !important;
  border: 1px solid var(--kb-accent) !important;
  box-shadow: none;
}

.kelaket_plans__item:not(.is-featured) .plan_checkout a:hover {
  background-color: var(--kb-accent-dim) !important;
  color: var(--kb-accent) !important;
}

/* ---------------------------------------------------------------------------
   ۱۰) پنل کاربری
   --------------------------------------------------------------------------- */
.panel_layout .sidebar {
  background: var(--kb-navy-850);
  border-inline-start: var(--kb-border);
  border-radius: var(--kb-radius);
}

.panel_layout .nav_panel ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: var(--kb-radius-sm);
  color: var(--kb-text-muted);
  transition: background-color 0.2s var(--kb-ease), color 0.2s var(--kb-ease);
}

.panel_layout .nav_panel ul li a:hover {
  background: rgba(163, 176, 214, 0.08);
  color: var(--kb-text);
}

.panel_layout .nav_panel ul li.active a {
  background: var(--kb-accent-dim);
  color: var(--kb-accent);
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--kb-accent);
}

.panel_layout .nav_panel ul li a i {
  width: 20px;
  text-align: center;
}

/* کارت‌های داشبورد */
.panel_card,
.dashboard_card,
.panel_box,
.subscription_box {
  background: var(--kb-navy-850);
  border: var(--kb-border);
  border-radius: var(--kb-radius);
  padding: 18px;
}

/* وضعیت اشتراک — برجسته‌تر */
.subscription_box .remaining,
.panel_sub__remaining {
  color: var(--kb-accent);
  font-weight: 800;
}

/* ---------------------------------------------------------------------------
   ۱۱) فرم‌ها و ورودی‌ها
   --------------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select,
.nice-select {
  background: var(--kb-navy-900) !important;
  color: var(--kb-text) !important;
  border: var(--kb-border) !important;
  border-radius: var(--kb-radius-sm) !important;
  transition: border-color 0.2s var(--kb-ease), box-shadow 0.2s var(--kb-ease);
}

input::placeholder,
textarea::placeholder {
  color: var(--kb-text-faint);
}

input:focus,
textarea:focus,
select:focus,
.nice-select.open {
  border-color: var(--kb-accent) !important;
  box-shadow: var(--kb-ring) !important;
  outline: none;
}

/* ---------------------------------------------------------------------------
   ۱۲) دسترس‌پذیری و حرکت
   --------------------------------------------------------------------------- */
:focus-visible {
  outline: 2px solid var(--kb-accent);
  outline-offset: 2px;
  border-radius: 4px;
}

a {
  text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------------------------------------------------------------------------
   ۱۳) حالت روشن (پوسته کلاس html.dark را برای تم روشن می‌گذارد)
   --------------------------------------------------------------------------- */
html:root.dark body {
  --kb-text: #1c2a4a;
  --kb-text-muted: #55688f;
  --kb-text-faint: #8493b5;

  --bg: #f7f9ff;
  --bg2: #ffffff;
  --bg_darker: #c9d6ef;
  --bg_darker2: #dee7f8;
  --bg_lighter: #e8eefb;
  --bg_lighter2: #f1f5fd;
  --stickyHeader: rgba(247, 249, 255, 0.85);
  --text: var(--kb-text);
  --shadow_color: rgba(28, 42, 74, 0.1);

  --kb-navy-950: #eef3fd;
  --kb-navy-900: #f7f9ff;
  --kb-navy-850: #ffffff;
  --kb-navy-800: #e8eefb;
  --kb-navy-750: #dce6f8;
  --kb-navy-700: #c3d2ee;

  --kb-accent: #0b63c5;        /* آبی عمیق‌تر، چون روی پس‌زمینهٔ روشن است */
  --kb-accent-strong: #094e9c;
  --kb-accent-dim: rgba(11, 99, 197, 0.1);
  --kb-ink: #ffffff;
  --kb-border: 1px solid rgba(28, 42, 74, 0.12);
  --kb-shadow: 0 16px 38px -20px rgba(28, 42, 74, 0.35);
  --kb-ring: 0 0 0 3px rgba(11, 99, 197, 0.25);
}

/* در حالت روشن، CTA متن سفید می‌گیرد */
html:root.dark body .button-green,
html:root.dark body .button_online,
html:root.dark body .plan_checkout a {
  background-color: #0b63c5 !important;
  color: #ffffff !important;
}

html:root.dark body .button-green:hover,
html:root.dark body .button_online:hover,
html:root.dark body .plan_checkout a:hover {
  background-color: #094e9c !important;
  color: #ffffff !important;
}

/* ---------------------------------------------------------------------------
   ۱۴) موبایل
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .kelaket_plans {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .cat_title,
  .section_title {
    font-size: 17px;
  }

  .kelaket_plans__item {
    padding: 22px 18px 18px;
  }
}

/* ===========================================================================
   نسخهٔ ۳.۰ — بزرگ‌تر کردن متن‌ها
   ---------------------------------------------------------------------------
   عمداً font-size کلی body را تغییر نمی‌دهم؛ این کار در یک پوستهٔ ۴۴۰ کیلوبایتی
   چیدمان‌های زیادی را جابه‌جا می‌کند. به‌جایش اجزایی که واقعاً خوانده می‌شوند
   بزرگ‌تر شده‌اند.
   =========================================================================== */

body p,
.post_details p,
.story p {
  font-size: 16px;
  line-height: 2.1;
}

/* ساختار واقعی این عنوان‌ها:
     <div class="cat_title"><h3 class="star_title_c title1">
        جدیدترین فیلم ها <span>زیرعنوان</span>
     </h3><a class="cat_title_more">مشاهده بیشتر</a></div>
   یعنی خود متن داخل h3 است نه روی .cat_title، و زیرعنوان یک <span> است نه
   <small>. نسخهٔ قبل .cat_title را هدف گرفته بود و برای همین اندازه‌ها عوض
   نشده بود. */
.cat_title h3,
.cat_title .star_title_c,
.star_title_c.title1,
.series_week__title,
.section_title,
.home_blog .title {
  font-size: 23px;
  font-weight: 800;
  line-height: 1.7;
}

.cat_title h3 span,
.star_title_c.title1 span,
.section_title span {
  display: block;
  margin-top: 2px;
  font-size: 15px;
  font-weight: 500;
  color: var(--kb-text-muted);
}

.cat_title_more {
  font-size: 14.5px;
  font-weight: 600;
  white-space: nowrap;
}

.page__heading h1,
.single_title h1,
.post_details h1 {
  font-size: 24px;
}

.series_week__header li {
  font-size: 15px;
  padding: 7px 14px;
}

.nav-tabs .nav-link,
.single_tabs .nav-link {
  font-size: 15px;
}

.panel_layout .nav_panel ul li a {
  font-size: 15px;
}

.kelaket_plans__item .time {
  font-size: 18px;
}

.kelaket_plans__item .kb-plan-features li,
.kelaket_plans__item .kb-plan-monthly {
  font-size: 13.5px;
}

.breadcrumbs,
.breadcrumb {
  font-size: 14px;
}

@media (max-width: 576px) {
  .cat_title h3,
  .cat_title .star_title_c,
  .star_title_c.title1,
  .series_week__title,
  .section_title {
    font-size: 19px;
  }

  .cat_title h3 span,
  .star_title_c.title1 span {
    font-size: 13.5px;
  }

  .cat_title_more {
    font-size: 13px;
  }

  .page__heading h1,
  .single_title h1 {
    font-size: 20px;
  }
}