/* پرورش برتر — main.css — توکن‌محور، پیشوندِ pb- */

@font-face{
  font-family:"PB Cinema";
  src:url("../fonts/Cinema-Font.ttf") format("truetype");
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("../fonts/IRANSansXFaNum-Regular.ttf") format("truetype");
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("../fonts/IRANSansXFaNum-Bold.ttf") format("truetype");
  font-weight:700;
  font-display:swap;
}

:root{
  --pb-red:#C0181D;
  --pb-blue:#29ABE2;
  --pb-gold:#D4AF37; /* فقط برای اشارهٔ متادیتا؛ در CSS مصرف نمی‌شود جز جایی‌که صراحتاً برای لوگو کامنت شده */
  --pb-ink:#1C1C1E;
  --pb-bg-light:#F6FCFE;
  --pb-bg-warm:#FFFBF0;
  --pb-accent-bg:#E1F5FC;
  --pb-muted:#5C5C5C;
  --pb-line:#D4D4CF;

  --pb-radius:16px;
  --pb-radius-sm:10px;
  --pb-max:1120px;
  --pb-font-body:"IRANSansXFaNum", Tahoma, sans-serif;
  --pb-font-brand:"PB Cinema", "IRANSansXFaNum", Tahoma, sans-serif;
  --pb-shadow:0 8px 28px rgba(28,28,30,.10);
  --pb-shadow-sm:0 2px 10px rgba(28,28,30,.08);
}

*,*::before,*::after{ box-sizing:border-box; }
html{
  scroll-behavior:smooth;
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
}
body{
  margin:0;
  font-family:var(--pb-font-body);
  color:var(--pb-ink);
  background:white;
  line-height:1.7;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,p,figure{ margin:0; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
input,select,textarea{ font:inherit; }

h1,h2,h3,h4{ font-weight:700; line-height:1.3; letter-spacing:normal; }
h1{ font-size:32px; line-height:1.2; }
h2{ font-size:24px; line-height:1.3; }
h3{ font-size:20px; line-height:1.4; }
p{ line-height:1.75; }
small,.pb-caption{ font-size:14px; color:var(--pb-muted); }
.pb-legal{ font-size:12px; color:var(--pb-muted); line-height:1.6; }

@media (min-width:720px){
  h1{ font-size:40px; }
  h2{ font-size:28px; }
}

/* ==== ابزارهای عمومی ==== */
.pb-container{
  max-width:var(--pb-max);
  margin-inline:auto;
  padding-inline:20px;
}
.pb-section{ padding-block:56px; }
.pb-section--warm{ background:var(--pb-bg-warm); }
.pb-section--light{ background:var(--pb-bg-light); }
.pb-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--pb-red);
  font-weight:700;
  font-size:14px;
  margin-block-end:10px;
}
.pb-eyebrow::before{
  content:"";
  width:22px; height:3px;
  background:var(--pb-blue);
  border-radius:2px;
  display:inline-block;
}
.pb-lead{ color:var(--pb-muted); font-size:18px; line-height:1.8; }

.pb-skip-link{
  position:absolute;
  inset-inline-start:12px;
  top:-60px;
  background:var(--pb-ink);
  color:white;
  padding:10px 16px;
  border-radius:var(--pb-radius-sm);
  z-index:200;
  transition:top .2s ease;
}
.pb-skip-link:focus{ top:12px; }

/* حالتِ پیش‌فرض: همه‌چیز مرئی؛ فقط با کلاسِ pb-js (که فقط از main.js اضافه می‌شود) انیمیشن فعال می‌شود */
.pb-rev{ opacity:1; transform:none; }
html.pb-js .pb-rev{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .5s ease, transform .5s ease;
}
html.pb-js .pb-rev.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  html.pb-js .pb-rev{ opacity:1; transform:none; transition:none; }
}

:focus-visible{ outline:3px solid var(--pb-blue); outline-offset:2px; }

/* ==== دکمه‌ها ==== */
.pb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 26px;
  border-radius:999px;
  font-weight:700;
  font-size:16px;
  line-height:1;
  transition:transform .15s ease, background .15s ease;
  border:2px solid transparent;
}
.pb-btn:active{ transform:scale(.98); }
.pb-btn--primary{
  background:var(--pb-red);
  color:white;
}
.pb-btn--primary:hover,.pb-btn--primary:focus-visible{
  background:linear-gradient(rgba(28,28,30,.16),rgba(28,28,30,.16)),var(--pb-red);
}
.pb-btn--secondary{
  background:transparent;
  color:var(--pb-ink);
  border-color:var(--pb-ink);
}
.pb-btn--secondary:hover,.pb-btn--secondary:focus-visible{
  background:linear-gradient(rgba(28,28,30,.08),rgba(28,28,30,.08)),transparent;
}
.pb-btn--onblue{
  background:white;
  color:var(--pb-ink);
}
.pb-btn--onblue:hover,.pb-btn--onblue:focus-visible{
  background:linear-gradient(rgba(28,28,30,.08),rgba(28,28,30,.08)),white;
}
.pb-btn--lg{ padding:16px 34px; font-size:17px; }
.pb-btn-row{ display:flex; flex-wrap:wrap; gap:14px; margin-block-start:26px; }

/* ==== هدر ==== */
.pb-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(246,252,254,.92);
  backdrop-filter:blur(8px);
  border-block-end:1px solid var(--pb-line);
  transition:box-shadow .2s ease;
}
.pb-header.is-scrolled{ box-shadow:var(--pb-shadow-sm); }
.pb-header__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-block:12px;
}
.pb-logo{ display:flex; align-items:center; }
.pb-logo img{ height:44px; width:auto; }
.pb-nav{
  display:none;
  align-items:center;
  gap:28px;
}
.pb-nav__link{
  font-weight:600;
  color:var(--pb-ink);
  padding-block:6px;
  border-block-end:2px solid transparent;
}
.pb-nav__link:hover{ color:var(--pb-red); }
.pb-nav__link.is-active{
  color:var(--pb-red);
  border-block-end-color:var(--pb-red);
}
.pb-header__cta{ display:flex; align-items:center; gap:12px; }
.pb-header__cta .pb-btn{ padding:11px 22px; font-size:15px; }
.pb-burger{
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:40px; height:40px;
  align-items:center;
}
.pb-burger span{
  width:22px; height:2px;
  background:var(--pb-ink);
  border-radius:2px;
  transition:transform .2s ease, opacity .2s ease;
}
.pb-mnav{
  display:none;
  flex-direction:column;
  gap:2px;
  padding-block:10px 18px;
  border-block-start:1px solid var(--pb-line);
}
.pb-mnav.is-open{ display:flex; }
.pb-mnav__list{ display:flex; flex-direction:column; }
.pb-mnav__link{
  padding:12px 4px;
  font-weight:600;
  border-block-end:1px solid var(--pb-line);
}
.pb-mnav__link.is-active{ color:var(--pb-red); }
.pb-mnav__cta{ margin-block-start:12px; }

@media (min-width:960px){
  .pb-nav{ display:flex; }
  .pb-burger{ display:none; }
  .pb-mnav{ display:none !important; }
}

/* ==== هیرو ==== */
.pb-hero{
  position:relative;
  padding-block:64px 56px;
  background:linear-gradient(180deg,var(--pb-bg-light),white);
  overflow:hidden;
}
.pb-hero__inner{ max-width:760px; }
.pb-hero--home .pb-hero__title{
  font-family:var(--pb-font-brand);
  font-weight:400;
  font-size:38px;
  line-height:1.25;
  color:var(--pb-ink);
}
@media (min-width:720px){
  .pb-hero--home .pb-hero__title{ font-size:40px; }
}
.pb-hero__title mark{
  background:none;
  color:var(--pb-red);
}
.pb-hero--inner{
  background:var(--pb-ink);
  color:white;
  padding-block:52px;
}
.pb-hero--inner .pb-hero__title{ color:white; font-size:32px; }
.pb-hero--inner .pb-lead{ color:rgba(255,255,255,.82); }
.pb-hero--inner::before{
  content:"";
  position:absolute;
  inset:-4%;
  background-image:linear-gradient(180deg, rgba(28,28,30,.72), rgba(28,28,30,.86)), url("../images/cover.png");
  background-size:cover;
  background-position:center 42%;
  animation:pb-kenburns 24s ease-in-out infinite alternate;
  z-index:0;
}
.pb-hero--inner .pb-hero__inner{ position:relative; z-index:1; }
.pb-hero--hub{ text-align:center; padding-block:76px; }
.pb-hero--hub .pb-hero__inner{
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.pb-hero--hub .pb-lead{ margin-inline:auto; }
.pb-hero--hub .pb-btn-row{ justify-content:center; }
.pb-hero--photo-library::before{ background-image:linear-gradient(180deg, rgba(28,28,30,.72), rgba(28,28,30,.86)), url("../images/photos/library-hero.jpg"); }
.pb-hero--photo-start::before{ background-image:linear-gradient(180deg, rgba(28,28,30,.68), rgba(28,28,30,.84)), url("../images/photos/start-hero.jpg"); }

.pb-hero--home.pb-hero--photo-farm{
  color:white;
  padding-block:110px 0;
  text-align:center;
  background-image:none;
}
.pb-hero--home.pb-hero--photo-farm::before{
  content:"";
  position:absolute;
  inset:-4%;
  background-image:linear-gradient(180deg, rgba(28,28,30,.5) 0%, rgba(28,28,30,.7) 55%, rgba(28,28,30,.92) 100%), url("../images/photos/farm-aerial.jpg");
  background-size:cover;
  background-position:center 40%;
  animation:pb-kenburns 24s ease-in-out infinite alternate;
  z-index:0;
}
.pb-hero--home .pb-hero__inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.pb-hero--home .pb-btn-row{ justify-content:center; }
.pb-hero--home.pb-hero--photo-farm .pb-hero__title{ color:white; }
.pb-hero--home.pb-hero--photo-farm .pb-lead{ color:rgba(255,255,255,.85); margin-inline:auto; }
.pb-hero--home.pb-hero--photo-farm .pb-badge{ background:rgba(255,255,255,.14); color:white; }
.pb-hero--home.pb-hero--photo-farm .pb-btn--secondary{ color:white; border-color:white; }
.pb-hero--home.pb-hero--photo-farm .pb-btn--secondary:hover,
.pb-hero--home.pb-hero--photo-farm .pb-btn--secondary:focus-visible{
  background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),transparent;
}
@keyframes pb-kenburns{
  0%{ transform:scale(1.04); }
  100%{ transform:scale(1.14) translateX(-1.5%); }
}

/* نوارِ متحرکِ موضوعات (زیرِ هیرویِ خانه) */
.pb-marquee{
  position:relative;
  z-index:1;
  margin-block-start:60px;
  overflow:hidden;
  border-block:1px solid rgba(255,255,255,.16);
  background:rgba(28,28,30,.28);
}
.pb-marquee__track{
  display:flex;
  width:max-content;
  gap:36px;
  padding-block:16px;
  animation:pb-marquee-scroll 26s linear infinite;
}
.pb-marquee__item{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.85);
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
}
.pb-marquee__dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--pb-red);
  display:inline-block;
  flex-shrink:0;
}
@keyframes pb-marquee-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-6.25%); }
}
/* تمپلیتِ B — قابِ کناری (درباره/تماس/تیم/نظرات) */
.pb-hero--split{
  background:var(--pb-bg-light);
  padding-block:0;
}
.pb-hero--split .pb-hero__row{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  min-height:320px;
}
.pb-hero--split .pb-hero__text{ padding-block:42px; max-width:440px; }
.pb-hero--split .pb-hero__title{ color:var(--pb-ink); font-size:26px; line-height:1.5; }
.pb-hero--split .pb-lead{ color:var(--pb-muted); }
.pb-hero--split .pb-hero__photo{
  position:relative;
  overflow:hidden;
  align-self:stretch;
  margin-block:18px;
  margin-inline-end:18px;
  border-radius:20px;
}
.pb-hero--split .pb-hero__photo::before{
  content:"";
  position:absolute;
  inset:-4%;
  background-size:cover;
  background-position:center;
  animation:pb-kenburns 20s ease-in-out infinite alternate;
}
.pb-hero__photo--about::before{ background-image:url("../images/photos/about-hero.jpg"); }
.pb-hero__photo--contact::before{ background-image:url("../images/photos/contact-hero.jpg"); }
.pb-hero__photo--team::before{ background-image:url("../images/photos/team-hero.jpg"); }
.pb-hero__photo--testimonials::before{ background-image:url("../images/photos/testimonials-hero.jpg"); }
@media(max-width:640px){
  .pb-hero--split .pb-hero__row{ grid-template-columns:1fr; }
  .pb-hero--split .pb-hero__photo{ min-height:180px; margin-inline-end:0; margin-block-end:18px; }
}

/* تمپلیتِ C — بنرِ فشرده با لهجهٔ رنگی (مقالاتِ بلاگ) */
.pb-hero--banner{
  background:var(--pb-ink);
  color:white;
  padding-block:34px;
}
.pb-hero--banner .pb-hero__row{
  display:flex;
  align-items:flex-start;
  gap:24px;
}
.pb-hero--banner .pb-hero__text{ flex:1; min-width:0; }
.pb-hero--banner .pb-hero__accent-photo{
  width:76px;
  height:76px;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  flex-shrink:0;
  box-shadow:0 0 0 3px rgba(41,171,226,.35);
}
.pb-hero--banner .pb-hero__accent-photo::before{
  content:"";
  position:absolute;
  inset:-6%;
  background-size:cover;
  background-position:center;
  animation:pb-kenburns 18s ease-in-out infinite alternate;
}
.pb-hero__accent-photo--silos::before{ background-image:url("../images/photos/farm-silos.jpg"); }
.pb-hero__accent-photo--heat::before{ background-image:url("../images/photos/brooding-heat.jpg"); }
.pb-hero__accent-photo--barn::before{ background-image:url("../images/photos/barn-wide.jpg"); }
.pb-hero__accent-photo--feeder::before{ background-image:url("../images/photos/feeder-trough.jpg"); }
.pb-hero__accent-photo--broiler::before{ background-image:url("../images/photos/broiler-closeup.jpg"); }
.pb-hero--banner .pb-badge{ background:rgba(41,171,226,.18); color:var(--pb-blue); margin-block-end:10px; }
.pb-hero--banner .pb-hero__title{ color:white; font-size:21px; line-height:1.5; }
.pb-hero--banner .pb-lead{ color:rgba(255,255,255,.68); font-size:14.5px; max-width:560px; }
@media(max-width:640px){
  .pb-hero--banner .pb-hero__row{ flex-direction:column; align-items:flex-start; gap:14px; }
}

/* تمپلیتِ D — مینیمالِ بدونِ عکس (حریمِ خصوصی) */
.pb-hero--plain{
  background:var(--pb-bg-warm);
  color:var(--pb-ink);
  text-align:center;
  padding-block:52px;
}
.pb-hero--plain::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.5;
  background-image:radial-gradient(var(--pb-line) 1.4px, transparent 1.4px);
  background-size:16px 16px;
  animation:pb-dotdrift 30s linear infinite;
}
.pb-hero--plain .pb-hero__inner{ position:relative; z-index:1; margin-inline:auto; }
.pb-hero--plain .pb-badge{ background:white; box-shadow:0 2px 8px rgba(28,28,30,.06); }
.pb-hero--plain .pb-hero__title{ color:var(--pb-ink); font-size:26px; }
.pb-hero--plain .pb-lead{ color:var(--pb-muted); max-width:420px; margin-inline:auto; }
@keyframes pb-dotdrift{ from{ background-position:0 0; } to{ background-position:160px 160px; } }

/* تمپلیتِ مقاله — هدرِ ادیتوریال */
.pb-hero--editorial{
  background:white;
  padding-block:44px 0;
}
.pb-hero--editorial .pb-hero__meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-block-end:18px;
}
.pb-hero--editorial .pb-badge{ gap:8px; }
.pb-hero--editorial .pb-badge i{
  width:6px; height:6px;
  border-radius:50%;
  background:var(--pb-blue);
  display:inline-block;
  animation:pb-pulse-dot 2s infinite;
}
@keyframes pb-pulse-dot{
  0%{ box-shadow:0 0 0 0 rgba(41,171,226,.55); }
  70%{ box-shadow:0 0 0 7px rgba(41,171,226,0); }
  100%{ box-shadow:0 0 0 0 rgba(41,171,226,0); }
}
.pb-hero__readtime{ font-size:13px; color:var(--pb-muted); }
.pb-hero__readtime::before{ content:"·"; margin-inline-end:10px; color:var(--pb-line); }
.pb-hero--editorial .pb-hero__title{
  position:relative;
  display:inline-block;
  max-width:680px;
}
.pb-hero--editorial .pb-hero__title::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:-8px;
  height:4px;
  width:0;
  background:var(--pb-red);
  border-radius:2px;
  animation:pb-underline 1s cubic-bezier(.16,1,.3,1) .5s forwards;
}
@keyframes pb-underline{ to{ width:64px; } }
.pb-hero--editorial .pb-lead{ color:var(--pb-muted); margin-block-start:26px; }
.pb-hero__photo-band{
  position:relative;
  overflow:hidden;
  border-radius:var(--pb-radius);
  aspect-ratio:16/8;
  margin-block:28px 0;
  box-shadow:0 16px 34px rgba(28,28,30,.16);
  transition:transform .1s linear;
  will-change:transform;
}
.pb-hero__photo-band::before{
  content:"";
  position:absolute;
  inset:-6%;
  background-size:cover;
  background-position:center;
  animation:pb-kenburns 22s ease-in-out infinite alternate;
}
.pb-hero__photo-band::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg, rgba(28,28,30,.35), transparent 40%);
}
.pb-hero__photo-band--heat::before{ background-image:url("../images/photos/brooding-heat.jpg"); }
.pb-hero__photo-band--barn::before{ background-image:url("../images/photos/barn-wide.jpg"); }
.pb-hero__photo-band--feeder::before{ background-image:url("../images/photos/feeder-trough.jpg"); }
.pb-hero__photo-band--broiler::before{ background-image:url("../images/photos/broiler-closeup.jpg"); }
.pb-hero__photo-band--silos::before{ background-image:url("../images/photos/farm-silos.jpg"); }

/* نوارِ پیشرفتِ مطالعه */
.pb-progress{
  position:fixed;
  inset-block-start:0;
  inset-inline:0;
  z-index:110;
  height:3px;
  background:transparent;
}
.pb-progress__bar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg, var(--pb-red), var(--pb-gold));
  transition:width .1s linear;
}

@media (prefers-reduced-motion: reduce){
  .pb-hero--home.pb-hero--photo-farm::before{ animation:none; }
  .pb-hero--inner::before{ animation:none; }
  .pb-hero--split .pb-hero__photo::before{ animation:none; }
  .pb-hero--banner .pb-hero__accent-photo::before{ animation:none; }
  .pb-hero--plain::before{ animation:none; }
  .pb-hero__photo-band::before{ animation:none; }
  .pb-hero--editorial .pb-hero__title::after{ animation:none; width:64px; }
  .pb-hero--editorial .pb-badge i{ animation:none; }
}

.pb-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--pb-accent-bg);
  color:var(--pb-ink);
  padding:8px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  margin-block-end:16px;
}
.pb-hero--inner .pb-badge{ background:rgba(255,255,255,.14); color:white; }

/* ==== کارت‌ها ==== */
.pb-grid{
  display:grid;
  gap:22px;
  grid-template-columns:1fr;
}
@media (min-width:640px){ .pb-grid--2{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:900px){
  .pb-grid--3{ grid-template-columns:repeat(3,1fr); }
  .pb-grid--5{ grid-template-columns:repeat(3,1fr); }
}
@media (min-width:1100px){ .pb-grid--5{ grid-template-columns:repeat(5,1fr); } }

.pb-feature-card{
  background:white;
  border:1px solid var(--pb-line);
  border-radius:var(--pb-radius);
  padding:26px 22px;
  box-shadow:var(--pb-shadow-sm);
}
.pb-feature-card__icon{
  width:52px; height:52px;
  border-radius:14px;
  background:var(--pb-accent-bg);
  display:flex; align-items:center; justify-content:center;
  color:var(--pb-blue);
  margin-block-end:16px;
}
.pb-feature-card h3{ margin-block-end:8px; }
.pb-feature-card p{ color:var(--pb-muted); font-size:15px; }
.pb-feature-card__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--pb-red);
  font-weight:700;
  font-size:14px;
  margin-block-start:14px;
}

.pb-article-card{
  display:flex;
  flex-direction:column;
  background:white;
  border:1px solid var(--pb-line);
  border-radius:var(--pb-radius);
  overflow:hidden;
  box-shadow:var(--pb-shadow-sm);
  height:100%;
  transition:box-shadow .3s ease, transform .3s ease;
}
.pb-article-card:hover{ box-shadow:var(--pb-shadow); transform:translateY(-3px); }
.pb-article-card__thumb{
  aspect-ratio:16/10;
  background-size:cover;
  background-position:center;
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.pb-article-card:hover .pb-article-card__thumb{ transform:scale(1.06); }
.pb-article-card__thumb--heat{ background-image:url("../images/photos/brooding-heat.jpg"); }
.pb-article-card__thumb--barn{ background-image:url("../images/photos/barn-wide.jpg"); }
.pb-article-card__thumb--feeder{ background-image:url("../images/photos/feeder-trough.jpg"); }
.pb-article-card__thumb--broiler{ background-image:url("../images/photos/broiler-closeup.jpg"); }
.pb-article-card__thumb--silos{ background-image:url("../images/photos/farm-silos.jpg"); }
.pb-article-card__body{ padding:20px 20px 24px; display:flex; flex-direction:column; gap:10px; flex:1; }
.pb-article-card__cat{
  align-self:flex-start;
  background:var(--pb-accent-bg);
  color:var(--pb-ink);
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
}
.pb-article-card h3{ font-size:20px; }
.pb-article-card p{ color:var(--pb-muted); font-size:14px; flex:1; }
.pb-article-card__meta{
  display:flex;
  align-items:center;
  font-size:13px;
  color:var(--pb-muted);
  margin-block-start:6px;
}
.pb-article-card__read{ color:var(--pb-red); font-weight:700; }

/* ==== کالاوت / منبع ==== */
.pb-callout{
  position:relative;
  background:var(--pb-bg-warm);
  border-radius:var(--pb-radius-sm);
  padding:26px 30px 22px;
  margin-block:26px;
  overflow:hidden;
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;
}
.pb-callout:hover{ transform:translateY(-4px); box-shadow:var(--pb-shadow); }
.pb-callout::before{
  content:"”";
  position:absolute;
  top:2px;
  inset-inline-end:20px;
  font-family:var(--pb-font-brand);
  font-size:56px;
  color:var(--pb-gold);
  opacity:.45;
  line-height:1;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1), opacity .35s ease;
}
.pb-callout:hover::before{ transform:scale(1.15) rotate(-6deg); opacity:.65; }
.pb-callout p{ margin:0; position:relative; z-index:1; font-size:16.5px; line-height:1.9; }
.pb-callout strong{ color:var(--pb-ink); }

.pb-source{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:var(--pb-bg-light);
  border:1px solid var(--pb-line);
  border-radius:10px;
  padding:12px 16px;
  margin-block:8px 18px;
  font-size:12.5px;
  color:var(--pb-muted);
  line-height:1.8;
  transition:border-color .3s ease, transform .3s ease;
}
.pb-source:hover{ border-color:var(--pb-blue); transform:translateY(-2px); }
.pb-source b{ color:var(--pb-blue); flex-shrink:0; }

/* ==== فیلترِ کتابخانه ==== */
.pb-filter{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-block-end:30px;
}
.pb-chip{
  padding:9px 18px;
  border-radius:999px;
  border:1px solid var(--pb-line);
  background:white;
  color:var(--pb-ink);
  font-weight:600;
  font-size:14px;
}
.pb-chip.is-active{
  background:var(--pb-red);
  border-color:var(--pb-red);
  color:white;
}
.pb-empty-state{
  display:none;
  text-align:center;
  padding:56px 20px;
  color:var(--pb-muted);
  background:var(--pb-bg-light);
  border-radius:var(--pb-radius);
  border:1px dashed var(--pb-line);
}
.pb-empty-state.is-visible{ display:block; }

/* ==== CTA بلاک ==== */
.pb-cta-block{
  display:grid;
  gap:26px;
  background:var(--pb-ink);
  color:white;
  border-radius:var(--pb-radius);
  padding:36px 30px;
}
.pb-cta-block h2,.pb-cta-block p{ color:white; }
.pb-cta-block p{ color:rgba(255,255,255,.78); }
@media (min-width:800px){
  .pb-cta-block{
    grid-template-columns:1.3fr 1fr;
    align-items:center;
    padding:44px 40px;
  }
}
.pb-cta-block__action{ display:flex; flex-direction:column; gap:12px; }
.pb-cta-block__note{ font-size:13px; color:rgba(255,255,255,.6); }
.pb-cta-block .pb-btn--secondary{ color:white; border-color:white; }
.pb-cta-block .pb-btn--secondary:hover,.pb-cta-block .pb-btn--secondary:focus-visible{
  background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),transparent;
}

/* ==== پروسِ مقاله ==== */
.pb-prose{ max-width:760px; margin-inline:auto; }
.pb-section .pb-prose > p:first-of-type::first-letter{
  float:inline-start;
  font-family:var(--pb-font-brand);
  font-weight:400;
  font-size:64px;
  line-height:.85;
  color:var(--pb-red);
  margin:4px 0 0 12px;
}
.pb-prose h2{ margin-block:38px 14px; }
.pb-prose h3{ margin-block:26px 10px; }
.pb-prose p{ margin-block-end:16px; color:var(--pb-ink); }
.pb-prose ul{ margin-block-end:16px; display:flex; flex-direction:column; gap:10px; }
.pb-prose ul li{
  position:relative;
  padding-inline-start:24px;
}
.pb-prose ul li::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:9px;
  width:8px; height:8px;
  border-radius:50%;
  background:var(--pb-blue);
}
.pb-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-block-end:18px;
}

/* ==== جدول ==== */
.pb-table-wrap{ overflow-x:auto; border-radius:var(--pb-radius-sm); border:1px solid var(--pb-line); }
.pb-table{
  width:100%;
  border-collapse:collapse;
  min-width:480px;
}
.pb-table th,.pb-table td{
  padding:12px 16px;
  text-align:start;
  border-block-end:1px solid var(--pb-line);
  font-size:14px;
}
.pb-table thead th{
  background:var(--pb-bg-light);
  color:var(--pb-ink);
  font-weight:700;
}
.pb-table tbody tr:last-child td{ border-block-end:none; }
.pb-table--placeholder td{ color:var(--pb-muted); }

/* ==== جای‌نگهدار صادقانه ==== */
.pb-placeholder-note{
  background:var(--pb-bg-warm);
  border:1px dashed var(--pb-line);
  border-radius:var(--pb-radius-sm);
  padding:16px 18px;
  color:var(--pb-muted);
  font-size:14px;
}
.pb-team-card,.pb-testi-card{
  background:white;
  border:1px solid var(--pb-line);
  border-radius:var(--pb-radius);
  padding:24px;
  text-align:center;
}
.pb-team-card__avatar{
  width:76px; height:76px;
  border-radius:50%;
  background:var(--pb-accent-bg);
  display:flex; align-items:center; justify-content:center;
  margin-inline:auto;
  margin-block-end:14px;
  color:var(--pb-blue);
}
.pb-testi-card{ text-align:start; }
.pb-testi-card__tag{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:var(--pb-muted);
  background:var(--pb-bg-light);
  padding:4px 10px;
  border-radius:999px;
  margin-block-end:10px;
}

/* ==== FAQ (details بومی) ==== */
.pb-faq details{
  border:1px solid var(--pb-line);
  border-radius:var(--pb-radius-sm);
  padding:14px 18px;
  margin-block-end:12px;
}
.pb-faq summary{
  cursor:pointer;
  font-weight:700;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.pb-faq summary::-webkit-details-marker{ display:none; }
.pb-faq summary::after{
  content:"+";
  color:var(--pb-red);
  font-weight:700;
}
.pb-faq details[open] summary::after{ content:"−"; }
.pb-faq p{ margin-block-start:10px; color:var(--pb-muted); }

/* ==== مراحلِ عددی (contact.html) ==== */
.pb-steps{ counter-reset:pb-step; display:flex; flex-direction:column; gap:18px; }
.pb-steps li{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.pb-steps li::before{
  counter-increment:pb-step;
  content:counter(pb-step);
  flex:none;
  width:34px; height:34px;
  border-radius:50%;
  background:var(--pb-red);
  color:white;
  font-weight:700;
  display:flex; align-items:center; justify-content:center;
}

/* ==== فوتر ==== */
.pb-footer{
  background:var(--pb-bg-light);
  border-block-start:1px solid var(--pb-line);
  padding-block:44px 26px;
  margin-block-start:64px;
}
.pb-footer__grid{
  display:grid;
  gap:28px;
  grid-template-columns:1fr;
  margin-block-end:28px;
}
@media (min-width:720px){
  .pb-footer__grid{ grid-template-columns:1.4fr 1fr 1fr; }
}
.pb-footer__logo img{ height:38px; margin-block-end:12px; }
.pb-footer h4{ font-size:15px; margin-block-end:12px; }
.pb-footer__links{ display:flex; flex-direction:column; gap:9px; }
.pb-footer__links a{ color:var(--pb-muted); font-size:14px; }
.pb-footer__links a:hover{ color:var(--pb-red); }
.pb-disclaimer{
  font-size:13px;
  color:var(--pb-muted);
  border-block-start:1px solid var(--pb-line);
  padding-block-start:18px;
  line-height:1.7;
}
.pb-footer__legal{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:space-between;
  margin-block-start:14px;
  font-size:12px;
  color:var(--pb-muted);
}

/* ==== ابزارهای فاصله‌گذاری (به‌جایِ style= این‌لاین) ==== */
.pb-mt-sm{ margin-block-start:8px; }
.pb-mt-md{ margin-block-start:20px; }
.pb-mt-lg{ margin-block-start:32px; }
.pb-lead--narrow{ max-width:640px; }
.pb-underline{ text-decoration:underline; }
.pb-section__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  flex-wrap:wrap;
}

/* ==== ویجتِ مشاورِ هوشمند (فعلاً غیرفعال — بدونِ اتصال به هیچ API) ==== */
.pb-adv-btn{
  position:fixed;
  inset-block-end:20px;
  inset-inline-end:20px;
  z-index:150;
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--pb-red);
  color:white;
  padding:14px 20px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  box-shadow:var(--pb-shadow);
}
.pb-adv-btn:hover,.pb-adv-btn:focus-visible{
  background:linear-gradient(rgba(28,28,30,.16),rgba(28,28,30,.16)),var(--pb-red);
}
.pb-adv-panel{
  position:fixed;
  inset-block-end:88px;
  inset-inline-end:20px;
  z-index:150;
  width:min(360px, calc(100vw - 40px));
  background:white;
  border:1px solid var(--pb-line);
  border-radius:var(--pb-radius);
  box-shadow:var(--pb-shadow);
  overflow:hidden;
  display:none;
}
.pb-adv-panel.is-open{ display:block; }
.pb-adv-panel__head{
  background:var(--pb-ink);
  color:white;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.pb-adv-panel__head h3{ color:white; font-size:15px; }
.pb-adv-panel__close{ color:white; font-size:20px; line-height:1; padding:4px; }
.pb-adv-panel__body{ padding:18px; }
.pb-adv-panel__msg{
  background:var(--pb-bg-light);
  border-radius:var(--pb-radius-sm);
  padding:12px 14px;
  font-size:14px;
  color:var(--pb-ink);
  line-height:1.7;
}
.pb-adv-panel__soon{
  display:inline-flex;
  margin-block-start:10px;
  background:var(--pb-accent-bg);
  color:var(--pb-ink);
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
}
.pb-adv-panel__form{
  display:flex;
  gap:8px;
  margin-block-start:14px;
}
.pb-adv-panel__input{
  flex:1;
  border:1px solid var(--pb-line);
  border-radius:999px;
  padding:10px 16px;
  font-family:var(--pb-font-body);
  font-size:14px;
  background:var(--pb-bg-light);
  color:var(--pb-muted);
}
.pb-adv-panel__send{
  background:var(--pb-line);
  color:var(--pb-muted);
  border-radius:999px;
  padding:10px 18px;
  font-weight:700;
  font-size:14px;
}

/* ==== شکاف داده / آیتم باز ==== */
.pb-gap-note{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--pb-red);
  font-weight:700;
}

/* ==== گریدِ ریلزها ==== */
.pb-reels-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
@media (max-width:900px){ .pb-reels-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .pb-reels-grid{ grid-template-columns:1fr; max-width:320px; margin-inline:auto; } }

.pb-reel-card{
  display:flex;
  flex-direction:column;
  background:white;
  border:1px solid var(--pb-line);
  border-radius:var(--pb-radius);
  overflow:hidden;
  box-shadow:var(--pb-shadow-sm);
  transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease;
}
.pb-reel-card:hover{ transform:translateY(-5px); box-shadow:var(--pb-shadow); }
.pb-reel-card video{
  display:block;
  width:100%;
  aspect-ratio:9/16;
  object-fit:cover;
  background:var(--pb-ink);
}
.pb-reel-card__body{ padding:16px 18px 20px; }
.pb-reel-card__body h3{ font-size:15px; line-height:1.65; margin-block-start:10px; }
