/* =========================================================
   استایل بخش‌هایی که کاربر خودش با «الگوهای آماده» می‌سازد
   ======================================================= */

.drs-content{max-width:1160px;margin:0 auto;padding:0 24px}
.drs-content > *{margin-bottom:26px}
.drs-content > *:last-child{margin-bottom:0}

/* عنوان‌ها و متن */
.drs-content .eyebrow{font-size:13px;letter-spacing:.08em;color:var(--lilac);font-weight:700;margin-bottom:12px}
.drs-content .sec-title{font-size:clamp(22px,3.2vw,32px);font-weight:800;margin-bottom:0}
.drs-content .sec-lead{color:var(--muted);max-width:60ch}
.drs-content p{line-height:2.1;color:var(--plum)}
.drs-content h2{font-size:clamp(22px,3.2vw,32px);font-weight:800}
.drs-content h3{font-size:19px;font-weight:800}
.drs-content a{color:var(--lilac);font-weight:600}
.drs-content img{border-radius:16px;height:auto}
.drs-content ul,.drs-content ol{padding-inline-start:22px;color:var(--plum);line-height:2.1}

/* ---- سه کارت ---- */
.wp-block-columns.drs-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}
.drs-cards .wp-block-column{flex-basis:auto!important;margin:0!important}
.drs-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 24px;
  border-top:3px solid var(--lilac);transition:.25s}
.drs-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -26px rgba(59,40,83,.45)}
.drs-card-teal{border-top-color:var(--teal)}
.drs-card-pink{border-top-color:#C08BB8}
.drs-card h3{margin-bottom:10px;font-size:18px}
.drs-card p{font-size:14.5px;color:var(--muted);margin-bottom:0}

/* ---- فهرست کادرهای کوچک ---- */
.drs-signs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.drs-signs .sign{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;
  font-size:15px;color:var(--plum);font-weight:600;position:relative;padding-inline-start:44px;margin:0}
.drs-signs .sign::before{content:"";position:absolute;inset-inline-start:20px;top:24px;
  width:9px;height:9px;border-radius:50%;background:var(--lilac)}

/* ---- متن کنار عکس ---- */
.drs-media{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);
  gap:0!important;align-items:center}
.drs-media .wp-block-media-text__content{padding:clamp(24px,4vw,40px)}
.drs-media img{border-radius:0}
.drs-media h3{margin-bottom:12px}
.drs-media p{margin-bottom:0;color:var(--muted);font-size:15px}

/* ---- سؤالات متداول ---- */
.drs-faq{display:grid;gap:12px}
.drs-faq .wp-block-details{background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:0;overflow:hidden;transition:.2s}
.drs-faq .wp-block-details[open]{border-color:var(--lilac)}
.drs-faq summary{cursor:pointer;padding:18px 22px;font-weight:700;font-size:15.5px;color:var(--plum);
  list-style:none;position:relative;padding-inline-end:48px}
.drs-faq summary::-webkit-details-marker{display:none}
.drs-faq summary::after{content:"+";position:absolute;inset-inline-end:22px;top:50%;
  transform:translateY(-50%);font-size:20px;color:var(--lilac);font-weight:400;transition:.2s}
.drs-faq .wp-block-details[open] summary::after{content:"−"}
.drs-faq .wp-block-details > *:not(summary){padding:0 22px 20px;margin:0;color:var(--muted);font-size:14.5px}

/* ---- جعبه تأکید ---- */
.drs-note{background:linear-gradient(165deg,#FBF8FE,#F2EBFA);border:1px solid var(--line);
  border-radius:22px;padding:clamp(26px,4vw,40px);position:relative;overflow:hidden}
.drs-note::before{content:"";position:absolute;top:0;inset-inline-start:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--lilac),var(--teal))}
.drs-note h3{color:var(--ink);margin-bottom:12px}
.drs-note p{color:var(--muted);margin-bottom:0}
.drs-note a{color:var(--lilac)}

/* ---- دکمه ---- */
.drs-content .wp-block-button__link{background:var(--plum);color:#fff;border-radius:999px;
  padding:14px 30px;font-family:inherit;font-size:15px;font-weight:700;transition:.22s;text-decoration:none}
.drs-content .wp-block-button__link:hover{background:var(--ink);transform:translateY(-1px)}

/* ---- برچسب‌ها ---- */
.drs-chips{display:flex;flex-wrap:wrap;gap:10px}
.drs-chips .chip{margin:0;font-size:13px;padding:8px 15px;border-radius:999px;background:#fff;
  border:1px solid var(--line);color:var(--plum);font-weight:600}

/* ---- عرض کامل ---- */
.drs-content .alignwide{max-width:1160px}
.drs-content .alignfull{max-width:none;margin-inline:calc(50% - 50vw);width:100vw}

@media(max-width:900px){
  .wp-block-columns.drs-cards{grid-template-columns:1fr}
}
