/* =========================================================================
   de-seo — محتوای سئو با «مشاهده بیشتر» (zbn-de-seo) · طرح: 14-seo-content.html
   وابسته به: de-base.css
   ========================================================================= */

.deseo{position:relative;background:var(--zn-bg1);border-top:1px solid rgba(var(--zn-line),.10);padding:88px 40px;overflow:hidden;}
.deseo-ghost{bottom:-30px;left:-12px;font-size:150px;letter-spacing:4px;--ghost-stroke:1.5px;}
.deseo-wrap{position:relative;max-width:960px;margin:0 auto;}

.deseo-h2{margin:16px 0 24px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--so-h1,var(--zn-t1)) 35%,var(--so-h2,var(--zn-accent-head)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.deseo-box{position:relative;background:var(--so-box-bg,var(--zn-glass-60));border:1px solid var(--so-box-bd,rgba(var(--zn-line),.16));border-radius:var(--so-radius,24px);padding:30px 34px 26px;overflow:hidden;}
.deseo-text{font-size:14.5px;color:var(--zn-t3);line-height:2.4;font-weight:500;}
.deseo-text p{margin:0 0 18px;color:inherit;font-size:inherit;line-height:inherit;}
.deseo-text :last-child{margin-bottom:0;}
.deseo-text h2,.deseo-text h3,.deseo-text h4{color:var(--zn-t1);line-height:1.8;}
.deseo-text a{color:var(--zn-accent-soft);font-weight:700;}
.deseo-text ul,.deseo-text ol{margin:0 0 18px;padding-inline-start:22px;}
.deseo-text li{margin-bottom:8px;}
.deseo-text img{max-width:100%;height:auto;}

/* بخش بازشونده — بدون JS باز می‌ماند تا محتوا برای موتور جست‌وجو و
   کاربر بی‌جاوااسکریپت در دسترس بماند. */
.deseo-more{display:block;}
.deseo-root.is-ready .deseo-more{display:none;}
.deseo-root.is-open .deseo-more{display:block;}

.deseo-fade{position:absolute;bottom:64px;left:0;right:0;height:var(--so-fade-h,90px);background:linear-gradient(180deg,transparent,var(--zn-fade));pointer-events:none;display:none;}
.deseo-root.is-ready .deseo-fade{display:block;}
.deseo-root.is-open .deseo-fade{display:none;}

.deseo-actions{display:flex;justify-content:center;margin-top:22px;}
.de-scope .deseo-btn{display:none;align-items:center;gap:9px;background:var(--so-btn-bg,rgba(255,255,255,.05));border:1px solid var(--so-btn-bd,rgba(255,59,92,.34));color:var(--so-btn-color,var(--zn-accent-soft));font-size:13.5px;font-weight:900;font-family:inherit;padding:13px 28px;border-radius:999px;cursor:pointer;transition:border-color .15s ease,background .15s ease;}
.deseo-root.is-ready .deseo-btn{display:inline-flex;}
.de-scope .deseo-btn:hover{border-color:var(--so-btn-bd-h,var(--zn-rose));color:var(--so-btn-color,var(--zn-accent-soft));}
.de-scope .deseo-btn:focus-visible{outline:2px solid var(--zn-rose);outline-offset:3px;}
.deseo-arrow{font-size:15px;line-height:1;}

@media (prefers-reduced-motion:reduce){
  .de-scope .deseo-btn{transition:none;}
}

/* ===== محتوای سئو: سلسله‌مراتب عناوین، لیست و جدول (اختصاصی) ===== */
.deseo-text h2{font-size:24px;font-weight:900;color:var(--zn-t1);line-height:1.7;margin:34px 0 14px;padding-inline-start:14px;border-inline-start:4px solid var(--zn-accent-head,var(--zn-accent-soft));}
.deseo-text h3{font-size:20px;font-weight:800;color:var(--zn-t1);line-height:1.7;margin:28px 0 12px;}
.deseo-text h4{font-size:17px;font-weight:800;color:var(--zn-t2,var(--zn-t1));line-height:1.7;margin:22px 0 10px;}
.deseo-text h2:first-child,.deseo-text h3:first-child,.deseo-text h4:first-child{margin-top:0;}
.deseo-text ul{list-style:none;padding-inline-start:0;}
.deseo-text ul>li{position:relative;padding-inline-start:24px;margin-bottom:10px;}
.deseo-text ul>li::before{content:"";position:absolute;inset-inline-start:4px;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--zn-accent-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--zn-accent-soft) 14%,transparent);}
.deseo-text ol{padding-inline-start:22px;}
.deseo-text ol>li{margin-bottom:10px;}
.deseo-text ol>li::marker{color:var(--zn-accent-soft);font-weight:800;}
.deseo-text li>ul,.deseo-text li>ol{margin:10px 0 4px;}
.deseo-text table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px;background:var(--zn-card);border:1px solid rgba(var(--zn-line),.16);border-radius:14px;overflow:hidden;}
.deseo-text thead th{background:var(--zn-fill2,rgba(var(--zn-line),.06));color:var(--zn-t1);font-weight:800;text-align:start;}
.deseo-text th,.deseo-text td{padding:12px 14px;border:1px solid rgba(var(--zn-line),.14);line-height:1.8;vertical-align:top;}
.deseo-text tbody tr:nth-child(even){background:rgba(var(--zn-line),.04);}
.deseo-text tbody tr:hover{background:color-mix(in srgb,var(--zn-accent-soft) 6%,transparent);}
.deseo-text table caption{caption-side:bottom;font-size:12px;color:var(--zn-t5);padding-top:8px;text-align:start;}
@media (max-width:640px){.deseo-text table{display:block;overflow-x:auto;white-space:nowrap;}}

/* پولیش جزئی: جلوگیری از سرریز سلول‌ها و فاصلهٔ لنگرگاه برای عناوین */
.deseo-text th,.deseo-text td{overflow-wrap:anywhere;}
.deseo-text h2,.deseo-text h3,.deseo-text h4{scroll-margin-top:90px;}

/* CTA تبلیغاتی — هماهنگ با تم de-seo (شیشه‌ای + لهجهٔ برند) */
.deseo-text .zbn-cta{
  --cta-bg:var(--zn-glass-60,rgba(255,255,255,.55));
  --cta-fg:var(--zn-t1);
  --cta-sub:var(--zn-t3);
  --cta-accent:var(--zn-accent-head,var(--zn-accent-soft,#E11D48));
  --cta-btn-bg:linear-gradient(120deg,var(--zn-accent-head,#C8102E),var(--zn-accent-soft,#E11D48));
  --cta-btn-fg:#fff;
  --cta-border:rgba(var(--zn-line),.16);
  --cta-glow:rgba(120,55,30,.18);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}