/* ========================================
   ویجت‌های حرفه‌ای تولید مقاله - Frontend
   تم پیش‌فرض: نارنجی (#f97316 / #ea580c) + متن مشکی
   ======================================== */

:root {
    --eaw-orange: #f97316;
    --eaw-orange-dark: #ea580c;
    --eaw-orange-light: #fff7ed;
    --eaw-orange-border: #fed7aa;
    --eaw-black: #1c1917;
    --eaw-gray: #57534e;
    --eaw-gray-light: #f5f5f4;
}



/* ========================================
   سیستم طراحی یکپارچه EAW Design System
   مینیمال · خاکستری · دکمه نارنجی · آیکون دایره‌ای سفید
   ======================================== */
:root {
  --eaw-d-shell-bg: #ffffff;
  --eaw-d-shell-border: #ececec;
  --eaw-d-body-bg: #e6e6e6;
  --eaw-d-body-bg-soft: #ebebeb;
  --eaw-d-radius-shell: 28px;
  --eaw-d-radius-body: 22px;
  --eaw-d-radius-pill: 9999px;
  --eaw-d-btn: #fbbc10;
  --eaw-d-btn-text: #111111;
  --eaw-d-icon-ring: #d0d0d0;
  --eaw-d-icon-bg: #ffffff;
  --eaw-d-arrow: #ffa200;
  --eaw-d-text: #1a1a1a;
  --eaw-d-muted: #6b6b6b;
  --eaw-d-title: #111111;
}

/* پوسته مشترک: باکس سفید بالا + بدنه خاکستری */
.eaw-d-shell {
  background: var(--eaw-d-shell-bg);
  border: 1px solid var(--eaw-d-shell-border);
  border-radius: var(--eaw-d-radius-shell);
  padding: 16px;
  box-sizing: border-box;
  direction: rtl;
  max-width: 100%;
}

.eaw-d-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 6px 14px;
  flex-wrap: nowrap;
}

.eaw-d-header-title {
  margin: 0;
  font-size: 1.1em;
  font-weight: 800;
  color: var(--eaw-d-title);
  line-height: 1.35;
}

/* آیکون داخل دایره سفید کادر‌دار */
.eaw-d-icon-circle {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--eaw-d-icon-bg);
  border: 1.5px solid var(--eaw-d-icon-ring);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 16px;
  line-height: 1;
}

.eaw-d-icon-circle .eaw-icon,
.eaw-d-icon-circle i,
.eaw-d-icon-circle svg {
  color: inherit !important;
  fill: currentColor !important;
  width: 1em;
  height: 1em;
}

/* بدنه خاکستری */
.eaw-d-body {
  background: var(--eaw-d-body-bg);
  border-radius: var(--eaw-d-radius-body);
  padding: 22px 22px 18px;
  box-sizing: border-box;
}

/* دکمه نارنجی طرح */
.eaw-d-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--eaw-d-btn);
  color: var(--eaw-d-btn-text) !important;
  font-weight: 800;
  font-size: 14px;
  padding: 12px 26px;
  border-radius: var(--eaw-d-radius-pill);
  text-decoration: none !important;
  border: none;
  white-space: nowrap;
  line-height: 1;
  transition: filter 0.15s, transform 0.15s;
  cursor: pointer;
}

.eaw-d-btn:hover {
  filter: brightness(0.96);
  transform: translateY(-1px);
  color: var(--eaw-d-btn-text) !important;
}

.eaw-d-btn-icon {
  display: inline-flex;
  line-height: 0;
}

.eaw-d-footer {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

/* فلش اشاره به متن از سمت راست */
.eaw-d-arrow {
  flex-shrink: 0;
  display: inline-flex;
  line-height: 0;
  color: var(--eaw-d-arrow);
}

.eaw-d-text {
  font-size: 15px;
  line-height: 2;
  color: var(--eaw-d-text);
}

.eaw-d-text p {
  margin: 0 0 1em;
}
.eaw-d-text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .eaw-d-shell {
    border-radius: 20px;
    padding: 12px;
  }
  .eaw-d-body {
    border-radius: 16px;
    padding: 16px 14px;
  }
  .eaw-d-btn {
    width: 100%;
  }
  .eaw-d-icon-circle {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
}

.eaw-box {
    direction: rtl;
    text-align: right;
    box-sizing: border-box;
    color: var(--eaw-black);
}


/* ---------- Title Box (طراحی کپسولی) ---------- */
.eaw-title-box.eaw-box,
.eaw-title-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 24px !important;
  overflow: visible !important;
}

.eaw-title-box .eaw-title-linked {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #e8e8e8 !important;
  border-radius: 999px !important;
  padding: 10px 12px 10px 14px !important;
  min-height: 72px;
  width: 100%;
  box-sizing: border-box;
}

.eaw-title-linked-right {
  display: flex !important;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1;
}

.eaw-title-icon-circle {
  flex-shrink: 0;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: #cfcfcf !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #111 !important;
  font-size: 1.3em;
  border: none !important;
}

.eaw-title-icon-circle .eaw-icon,
.eaw-title-icon-circle i,
.eaw-title-icon-circle svg {
  color: #111 !important;
  fill: #111 !important;
}

.eaw-title-linked-text {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: right;
}

.eaw-title-box .eaw-title-text,
.eaw-title-box h2.eaw-title-text,
.eaw-title-box h3.eaw-title-text {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.05em !important;
  font-weight: 800 !important;
  color: #0a0a0a !important;
  line-height: 1.45 !important;
  background: none !important;
  border: none !important;
}

.eaw-title-link-note {
  display: flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.eaw-title-note-arrow {
  color: #f5a623 !important;
  font-size: 1em;
  line-height: 1;
  flex-shrink: 0;
  font-weight: 700;
}

.eaw-title-note-text {
  font-size: 0.8em !important;
  color: #6b6b6b !important;
  font-weight: 400 !important;
  line-height: 1.4;
  text-decoration: none !important;
  background: none !important;
}

.eaw-title-visit-btn {
  flex-shrink: 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #f5c518 !important;
  color: #1a1a1a !important;
  font-weight: 800 !important;
  font-size: 0.95em !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  border: none !important;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(245, 197, 24, 0.35) !important;
  transition: background 0.2s, transform 0.2s;
  line-height: 1.2;
}

.eaw-title-visit-btn:hover {
  background: #e6b800 !important;
  color: #1a1a1a !important;
  transform: translateY(-1px);
}

.eaw-title-visit-icon {
  font-size: 0.95em;
  font-weight: 700;
}

/* بدون لینک */
.eaw-title-box:not(.eaw-title-box--linked) .eaw-title-inner {
  display: flex !important;
  align-items: center;
  gap: 14px;
  background: #e8e8e8 !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  min-height: 64px;
  width: 100%;
  box-sizing: border-box;
}

/* مخفی کردن استایل قدیمی link-box اگر جایی مانده */
.eaw-title-box .eaw-link-box {
  display: none !important;
}

@media (max-width: 767px) {
  .eaw-title-box .eaw-title-linked {
    flex-wrap: wrap !important;
    border-radius: 28px !important;
    padding: 14px !important;
  }
  .eaw-title-linked-right { width: 100%; }
  .eaw-title-icon-circle {
    width: 48px !important;
    height: 48px !important;
  }
  .eaw-title-visit-btn {
    width: 100% !important;
  }
}

/* ---------- Paragraph Box – ساختار جدید ---------- */
.eaw-paragraph-box {
    background: #fff;
    border-radius: 14px;
    padding: 20px 22px;
    margin-bottom: 24px;
    border: 1px solid #d6d3d1; /* خط کم‌رنگ مشکی/خاکستری */
    box-shadow: 0 2px 10px rgba(28, 25, 23, 0.04);
}

.eaw-para-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.eaw-para-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.eaw-para-icon-circle {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #fed7aa;
    background: #fff7ed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ea580c;
    font-size: 1.1em;
}

.eaw-para-icon-circle .eaw-icon {
    color: inherit;
}

.eaw-para-icon-circle svg {
    width: 1.1em;
    height: 1.1em;
    fill: currentColor;
}

.eaw-para-heading {
    font-weight: 700;
    font-size: 1.05em;
    color: #1c1917;
    line-height: 1.3;
}

.eaw-para-more-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9em;
    font-weight: 600;
    color: #ea580c;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s, gap 0.15s;
}

.eaw-para-more-link:hover {
    color: #c2410c;
    gap: 10px;
}

.eaw-para-more-arrow {
    font-size: 0.95em;
}

.eaw-para-divider {
    border: none;
    border-top: 1px solid #e7e5e4;
    margin: 14px 0 16px;
}

.eaw-para-content {
    line-height: 1.85;
    color: #1c1917;
    text-align: justify;
}

.eaw-para-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 18px;
}

.eaw-para-footer .eaw-more-btn {
    margin: 0;
}

.eaw-para-footer-link {
    /* inherits button style */
}

@media (max-width: 480px) {
    .eaw-para-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .eaw-para-more-link {
        margin-right: 56px;
    }
}

/* ---------- Summary Box ---------- */
.eaw-summary-box {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #fff;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 28px;
    box-shadow: 0 10px 30px rgba(249, 115, 22, 0.25);
}

.eaw-summary-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
}

.eaw-summary-title {
    margin: 0;
    color: #fff;
    font-size: 1.25em;
}

.eaw-summary-content {
    line-height: 1.85;
    text-align: justify;
    color: #fff;
}

.eaw-summary-box .eaw-icon {
    color: #fff;
}

/* ---------- Intro Box ---------- */
.eaw-intro-box {
    background: var(--eaw-orange-light);
    border-radius: 12px;
    padding: 22px 26px;
    margin-bottom: 24px;
    border-right: 4px solid var(--eaw-orange);
}

.eaw-intro-inner {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.eaw-intro-icon {
    flex-shrink: 0;
    color: var(--eaw-orange);
}

.eaw-intro-content {
    line-height: 1.8;
    flex: 1;
    color: var(--eaw-black);
}

/* ---------- Table ---------- */
.eaw-table-wrap {
    margin-bottom: 28px;
}

.eaw-table-title {
    margin: 0 0 14px;
    font-size: 1.15em;
    color: var(--eaw-black);
}

.eaw-table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.eaw-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 400px;
}

.eaw-table th,
.eaw-table td {
    padding: 12px 16px;
    border: 1px solid var(--eaw-orange-border);
    text-align: right;
    color: var(--eaw-black);
}

.eaw-table thead th {
    background: var(--eaw-orange);
    color: #fff;
    font-weight: 600;
}

.eaw-table tbody tr:nth-child(even) {
    background: var(--eaw-orange-light);
}

/* ---------- List ---------- */
.eaw-list-box {
    background: #fff;
    border-radius: 12px;
    padding: 22px 24px;
    margin-bottom: 24px;
    border: 1px solid var(--eaw-orange-border);
}

.eaw-list-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.eaw-list-title {
    margin: 0;
    font-size: 1.15em;
    color: var(--eaw-black);
}

.eaw-list-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eaw-list-item {
    position: relative;
    padding: 10px 0 10px 0;
    padding-right: 18px;
    line-height: 1.6;
    color: var(--eaw-black);
    border-bottom: 1px solid #f5f5f4;
}

.eaw-list-item:last-child {
    border-bottom: none;
}

.eaw-list-item::before {
    content: "•";
    position: absolute;
    right: 0;
    color: var(--eaw-orange);
    font-weight: bold;
    font-size: 1.2em;
}

.eaw-list-item-text {
    display: block;
}

.eaw-list-item-link {
    display: inline-block;
    margin-top: 4px;
    font-size: 0.85em;
    color: var(--eaw-orange);
    text-decoration: none;
    font-weight: 500;
}

.eaw-list-item-link:hover {
    color: var(--eaw-orange-dark);
    text-decoration: underline;
}

.eaw-hidden-item {
    display: none;
}

.eaw-list-box .eaw-more-btn {
    margin-top: 14px;
}

/* ---------- Expert Opinion ---------- */
.eaw-expert-box {
    border: 2px dashed var(--eaw-orange);
    border-radius: 14px;
    padding: 24px;
    margin-bottom: 24px;
    background: var(--eaw-orange-light);
    text-align: center;
}

.eaw-expert-icon-wrap {
    margin-bottom: 12px;
    color: var(--eaw-orange);
}

.eaw-expert-content {
    line-height: 1.8;
    margin-bottom: 16px;
    font-style: italic;
    color: var(--eaw-black);
}

.eaw-expert-meta {
    font-size: 0.95em;
}

.eaw-expert-name {
    color: var(--eaw-black);
}

.eaw-expert-role {
    color: var(--eaw-gray);
}

/* ---------- Comments Slider – قالب پیش‌فرض مدرن ---------- */
.eaw-comments-box {
    background: #fff;
    border: 1px solid var(--eaw-orange-border);
    border-radius: 16px;
    padding: 22px;
    margin-bottom: 28px;
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.06);
}

.eaw-comments-title {
    margin: 0 0 18px;
    color: var(--eaw-black);
    font-size: 1.15em;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.eaw-comments-title::before {
    content: "";
    width: 4px;
    height: 1.1em;
    background: linear-gradient(180deg, #f97316, #ea580c);
    border-radius: 4px;
}

.eaw-comments-slider {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding: 4px 4px 14px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.eaw-comments-slider::-webkit-scrollbar {
    height: 6px;
}
.eaw-comments-slider::-webkit-scrollbar-track {
    background: #fff7ed;
    border-radius: 99px;
}
.eaw-comments-slider::-webkit-scrollbar-thumb {
    background: #fdba74;
    border-radius: 99px;
}

.eaw-comment-card {
    flex: 0 0 280px;
    background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
    border: 1px solid #fed7aa;
    border-radius: 14px;
    padding: 18px;
    scroll-snap-align: start;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.eaw-comment-card::before {
    content: "“";
    position: absolute;
    top: 8px;
    left: 14px;
    font-size: 2.4em;
    line-height: 1;
    color: #fed7aa;
    font-family: Georgia, serif;
}

.eaw-comment-text {
    line-height: 1.75;
    margin-bottom: 14px;
    margin-top: 8px;
    font-size: 0.92em;
    color: var(--eaw-black);
}

.eaw-comment-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.78em;
    color: var(--eaw-gray);
    padding-top: 10px;
    border-top: 1px dashed #fed7aa;
}

.eaw-comment-author {
    font-weight: 700;
    color: #ea580c;
}

.eaw-no-comments {
    color: #78716c;
    margin: 0;
    text-align: center;
    padding: 12px;
}

/* ---------- AI Ask ---------- */
.eaw-ai-ask-box {
    background: linear-gradient(135deg, #1c1917 0%, #292524 100%);
    color: #fafaf9;
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 28px;
    border: 1px solid var(--eaw-orange);
}

.eaw-ai-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.eaw-ai-title {
    margin: 0;
    color: #fafaf9;
}

.eaw-ai-input-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eaw-ai-question {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #44403c;
    background: #292524;
    color: #fafaf9;
    padding: 12px 14px;
    font-family: inherit;
    resize: vertical;
}

.eaw-ai-answer-wrap {
    margin-top: 18px;
    background: #1c1917;
    border-radius: 10px;
    padding: 16px;
    border: 1px solid #44403c;
}

.eaw-ai-history {
    margin-top: 22px;
    border-top: 1px solid #44403c;
    padding-top: 16px;
}

.eaw-ai-history h4 {
    margin: 0 0 10px;
    font-size: 0.95em;
    color: #a8a29e;
}

.eaw-ai-history-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eaw-ai-history-list li {
    padding: 8px 0;
    border-bottom: 1px solid #292524;
    font-size: 0.9em;
}

/* ---------- AI Summary – مدرن با نشان AI ---------- */
.eaw-ai-summary-box {
    position: relative;
    background: linear-gradient(145deg, #fff7ed 0%, #ffffff 45%, #ffedd5 100%);
    border: 1px solid transparent;
    border-radius: 18px;
    padding: 28px 24px 24px;
    margin-bottom: 28px;
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.12), 0 0 0 1px #fed7aa;
    overflow: hidden;
}

.eaw-ai-summary-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #f97316, #fb923c, #ea580c);
}

.eaw-ai-summary-box .eaw-ai-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.eaw-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.35);
}

.eaw-ai-badge svg,
.eaw-ai-badge i {
    font-size: 1em;
}

.eaw-ai-summary-box .eaw-ai-title {
    margin: 0;
    font-size: 1.2em;
    color: var(--eaw-black);
    font-weight: 700;
}

.eaw-ai-summary-content {
    line-height: 1.9;
    margin-top: 8px;
    color: var(--eaw-black);
    background: rgba(255,255,255,0.7);
    border-radius: 12px;
    padding: 16px 18px;
    border: 1px solid #ffedd5;
}

.eaw-ai-summary-box .eaw-more-btn,
.eaw-ai-summary-box .eaw-generate-summary {
    margin-top: 16px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    border-radius: 10px;
    padding: 12px 28px;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.3);
}

.eaw-ai-summary-box .eaw-ai-loading {
    color: var(--eaw-orange);
    font-weight: 500;
}

.eaw-ai-spark {
    display: inline-block;
    animation: eaw-pulse 1.5s ease-in-out infinite;
}

@keyframes eaw-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.08); }
}

/* ---------- Related Posts – مدرن ---------- */
.eaw-related-posts {
    background: #fff;
    border-radius: 16px;
    padding: 22px;
    margin-bottom: 28px;
    border: 1px solid var(--eaw-orange-border);
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.06);
}

.eaw-related-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #ffedd5;
}

.eaw-related-title {
    margin: 0;
    color: var(--eaw-black);
    font-size: 1.15em;
    font-weight: 700;
}

.eaw-rp-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eaw-rp-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    text-decoration: none;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
    color: inherit;
}

.eaw-rp-card:hover {
    border-color: #f97316;
    box-shadow: 0 6px 18px rgba(249, 115, 22, 0.15);
    transform: translateY(-2px);
}

.eaw-rp-thumb {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: 12px;
    overflow: hidden;
    background: #fff7ed;
}

.eaw-rp-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eaw-rp-thumb-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #f97316;
    font-size: 1.4em;
    background: linear-gradient(145deg, #fff7ed, #ffedd5);
}

.eaw-rp-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.eaw-rp-cat {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 600;
    color: #ea580c;
    background: #fff7ed;
    padding: 2px 8px;
    border-radius: 999px;
    width: fit-content;
}

.eaw-rp-title {
    font-size: 0.95em;
    font-weight: 600;
    color: var(--eaw-black);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.eaw-rp-card:hover .eaw-rp-title {
    color: #ea580c;
}

.eaw-rp-link-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff7ed;
    color: #f97316;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    transition: background 0.2s, color 0.2s;
}

.eaw-rp-card:hover .eaw-rp-link-icon {
    background: #f97316;
    color: #fff;
}

.eaw-rp-link-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.eaw-rp-empty {
    color: #78716c;
    margin: 0;
    font-size: 0.9em;
}

/* Products keep simpler grid */
.eaw-related-products {
    background: #fff;
    border-radius: 12px;
    padding: 22px;
    margin-bottom: 24px;
    border: 1px solid var(--eaw-orange-border);
}

.eaw-related-products .eaw-related-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    border-bottom: none;
    padding-bottom: 0;
}

.eaw-related-products .eaw-related-title {
    margin: 0;
}

.eaw-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
}

.eaw-product-card {
    text-align: center;
}

.eaw-product-card img {
    border-radius: 8px;
    max-width: 100%;
    height: auto;
}

.eaw-product-title {
    font-size: 0.9em;
    margin: 8px 0 4px;
    color: var(--eaw-black);
}

.eaw-product-price {
    font-size: 0.85em;
    color: var(--eaw-orange);
    font-weight: 600;
}

/* ---------- TOC ---------- */
.eaw-toc-box {
    background: #fff;
    border: 1px solid var(--eaw-orange-border);
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 28px;
}

.eaw-toc-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.eaw-toc-header.eaw-toc-toggle {
    cursor: pointer;
    user-select: none;
}

.eaw-toc-title {
    margin: 0;
    flex: 1;
    font-size: 1.1em;
    color: var(--eaw-black);
}

.eaw-toc-arrow {
    font-size: 0.75em;
    color: var(--eaw-orange);
    transition: transform 0.25s;
}

.eaw-toc--closed .eaw-toc-arrow {
    transform: rotate(-90deg);
}

.eaw-toc-body {
    margin-top: 14px;
}

.eaw-toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eaw-toc-item {
    padding: 7px 0;
    border-bottom: 1px solid #f5f5f4;
}

.eaw-toc-item:last-child {
    border-bottom: none;
}

.eaw-toc-item a {
    display: flex;
    align-items: baseline;
    gap: 8px;
    text-decoration: none;
    color: var(--eaw-black);
    transition: color 0.15s;
    line-height: 1.5;
}

.eaw-toc-item a:hover {
    color: var(--eaw-orange);
}

.eaw-toc-item--main a {
    font-weight: 600;
}

.eaw-toc-item--sub a {
    font-weight: 400;
    font-size: 0.95em;
}

.eaw-toc-num {
    color: var(--eaw-orange);
    font-weight: 600;
    min-width: 1.8em;
    flex-shrink: 0;
}

.eaw-toc-loading {
    color: var(--eaw-gray);
    font-size: 0.9em;
    padding: 8px 0;
}

/* ---------- Icon ---------- */
.eaw-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: var(--eaw-orange);
}

.eaw-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
    .eaw-title-inner {
        flex-wrap: wrap;
    }

    .eaw-intro-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .eaw-comments-slider {
        gap: 12px;
    }

    .eaw-comment-card {
        flex: 0 0 240px;
    }

    .eaw-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---------- Sources – منابع مقاله ---------- */
.eaw-sources-box {
    background: #fff;
    border: 1px solid var(--eaw-orange-border);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 24px;
}

.eaw-sources-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.eaw-sources-title {
    font-weight: 700;
    font-size: 1em;
    color: var(--eaw-black);
}

.eaw-sources-icons {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; /* آیکون‌ها از چپ روی هم */
}

.eaw-source-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--eaw-orange);
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    margin-left: calc(var(--eaw-overlap, 8px) * -1);
    transition: transform 0.2s, z-index 0.2s;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.eaw-source-icon:first-child {
    margin-left: 0;
}

.eaw-source-icon:hover {
    transform: scale(1.15) translateY(-2px);
    z-index: 10;
}

.eaw-source-icon svg {
    width: 0.9em;
    height: 0.9em;
    fill: currentColor;
}

/* ---------- Keywords – کلمات کلیدی ---------- */
.eaw-keywords-box {
    background: #fff;
    border: 1px solid var(--eaw-orange-border);
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 24px;
}

.eaw-keywords-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.eaw-keywords-title {
    margin: 0;
    font-size: 1.05em;
    color: var(--eaw-black);
}

.eaw-keywords-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.eaw-keyword-item {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid var(--eaw-orange-border);
    background: var(--eaw-orange-light);
    color: var(--eaw-orange-dark);
    font-size: 0.9em;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    line-height: 1.4;
}

.eaw-keyword-item:hover {
    background: var(--eaw-orange);
    color: #fff;
    border-color: var(--eaw-orange);
}

.eaw-keywords--inline .eaw-keywords-list {
    gap: 0;
}

.eaw-keywords--inline .eaw-keyword-item {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0 6px;
    color: var(--eaw-orange-dark);
}

.eaw-keywords--inline .eaw-keyword-item:not(:last-child)::after {
    content: "·";
    margin-right: 6px;
    color: var(--eaw-gray);
}

.eaw-keywords--cloud .eaw-keyword-item:nth-child(3n+1) { font-size: 0.85em; }
.eaw-keywords--cloud .eaw-keyword-item:nth-child(3n+2) { font-size: 1em; }
.eaw-keywords--cloud .eaw-keyword-item:nth-child(3n)   { font-size: 1.1em; font-weight: 600; }

/* ---------- CTA ---------- */
.eaw-cta-box {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    border: 1px solid var(--eaw-orange-border);
    border-radius: 16px;
    padding: 32px 28px;
    margin-bottom: 28px;
    text-align: center;
}

.eaw-cta--right {
    text-align: right;
}

.eaw-cta--split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    text-align: right;
    flex-wrap: wrap;
}

.eaw-cta--split .eaw-cta-content {
    flex: 1;
    min-width: 200px;
}

.eaw-cta--split .eaw-cta-actions {
    flex-shrink: 0;
}

.eaw-cta-icon {
    margin-bottom: 12px;
    color: var(--eaw-orange);
}

.eaw-cta-title {
    margin: 0 0 10px;
    font-size: 1.35em;
    color: var(--eaw-black);
}

.eaw-cta-desc {
    margin: 0 0 20px;
    color: var(--eaw-gray);
    line-height: 1.7;
}

.eaw-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.eaw-cta--right .eaw-cta-actions,
.eaw-cta--split .eaw-cta-actions {
    justify-content: flex-start;
}

.eaw-cta-btn-primary {
    /* inherits .eaw-more-btn */
}

.eaw-cta-btn-secondary {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 8px;
    border: 2px solid var(--eaw-orange);
    color: var(--eaw-orange);
    background: transparent;
    text-decoration: none;
    font-size: 0.95em;
    transition: background 0.2s, color 0.2s;
}

.eaw-cta-btn-secondary:hover {
    background: var(--eaw-orange);
    color: #fff;
}

/* ---------- Infographic ---------- */
.eaw-infographic-box {
    background: #fff;
    border: 1px solid var(--eaw-orange-border);
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 28px;
}

.eaw-infographic-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.eaw-infographic-title {
    margin: 0;
    font-size: 1.1em;
    color: var(--eaw-black);
}

.eaw-infographic-img {
    text-align: center;
}

.eaw-infographic-img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
}

.eaw-infographic-img a {
    display: inline-block;
}

.eaw-infographic-caption {
    margin: 12px 0 0;
    text-align: center;
    font-size: 0.9em;
    color: var(--eaw-gray);
    line-height: 1.6;
}

.eaw-infographic-actions {
    text-align: center;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .eaw-cta--split {
        flex-direction: column;
        text-align: center;
    }
    .eaw-cta--split .eaw-cta-actions {
        justify-content: center;
    }
}

.eaw-kw-sm { font-size: 0.8em !important; opacity: 0.85; }
.eaw-kw-md { font-size: 0.95em !important; }
.eaw-kw-lg { font-size: 1.15em !important; font-weight: 700; }


/* AI Ask – نشان AI */
.eaw-ai-ask-box .eaw-ai-header {
    flex-wrap: wrap;
}
.eaw-ai-ask-box .eaw-ai-badge {
    margin-right: auto;
}

/* ========================================
   انیمیشن‌های نرم ویجت‌ها (EAW Animations)
   ======================================== */

/* --- Keyframes --- */
@keyframes eaw-fade-up {
  0%   { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes eaw-fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes eaw-scale-in {
  0%   { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes eaw-slide-in-right {
  0%   { opacity: 0; transform: translateX(12px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes eaw-bounce-soft {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.08); }
  70%  { transform: scale(0.97); }
  100% { transform: scale(1); }
}

@keyframes eaw-soft-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.3); }
  50%      { box-shadow: 0 0 0 10px rgba(249, 115, 22, 0); }
}

@keyframes eaw-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}

@keyframes eaw-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@keyframes eaw-spin-slow {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* --- ورود نرم باکس‌ها --- */
.eaw-box {
  animation: eaw-fade-up 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* --- انتقال‌های پایه --- */
.eaw-box,
.eaw-rp-card,
.eaw-keyword-item,
.eaw-source-icon,
.eaw-more-btn,
.eaw-comment-card,
.eaw-list-item,
.eaw-cta-btn-secondary,
.eaw-para-more-link,
.eaw-link-box,
.eaw-toc-item a,
.eaw-product-card,
.eaw-para-icon-circle,
.eaw-rp-link-icon,
.eaw-ai-badge {
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.28s ease,
    border-color 0.25s ease,
    background-color 0.25s ease,
    color 0.2s ease,
    opacity 0.25s ease,
    padding 0.2s ease,
    gap 0.2s ease;
}

/* --- دکمه‌ها --- */
.eaw-more-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3);
}

.eaw-more-btn:active {
  transform: translateY(-1px);
  animation: eaw-bounce-soft 0.35s ease;
}

/* --- مقالات پیشنهادی --- */
.eaw-rp-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(249, 115, 22, 0.16);
}

.eaw-rp-card:hover .eaw-rp-link-icon {
  transform: translateX(-4px);
  background: #f97316;
  color: #fff;
}

.eaw-rp-list .eaw-rp-card {
  animation: eaw-slide-in-right 0.4s ease both;
}
.eaw-rp-list .eaw-rp-card:nth-child(1) { animation-delay: 0.05s; }
.eaw-rp-list .eaw-rp-card:nth-child(2) { animation-delay: 0.12s; }
.eaw-rp-list .eaw-rp-card:nth-child(3) { animation-delay: 0.19s; }
.eaw-rp-list .eaw-rp-card:nth-child(4) { animation-delay: 0.26s; }
.eaw-rp-list .eaw-rp-card:nth-child(5) { animation-delay: 0.33s; }

/* --- کلمات کلیدی --- */
.eaw-keyword-item:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 6px 14px rgba(249, 115, 22, 0.2);
}

.eaw-keywords-list .eaw-keyword-item {
  animation: eaw-scale-in 0.35s ease both;
}
.eaw-keywords-list .eaw-keyword-item:nth-child(1) { animation-delay: 0.04s; }
.eaw-keywords-list .eaw-keyword-item:nth-child(2) { animation-delay: 0.08s; }
.eaw-keywords-list .eaw-keyword-item:nth-child(3) { animation-delay: 0.12s; }
.eaw-keywords-list .eaw-keyword-item:nth-child(4) { animation-delay: 0.16s; }
.eaw-keywords-list .eaw-keyword-item:nth-child(5) { animation-delay: 0.2s; }
.eaw-keywords-list .eaw-keyword-item:nth-child(6) { animation-delay: 0.24s; }

/* --- منابع مقاله --- */
.eaw-source-icon:hover {
  transform: scale(1.2) translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
  z-index: 5;
}

/* --- پاراگراف --- */
.eaw-paragraph-box:hover .eaw-para-icon-circle {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(249, 115, 22, 0.18);
  animation: eaw-bounce-soft 0.45s ease;
}

.eaw-para-more-link:hover {
  gap: 10px;
}

/* --- AI --- */
.eaw-ai-badge {
  animation: eaw-soft-pulse 2.8s ease-in-out infinite;
}

.eaw-ai-spark {
  display: inline-block;
  animation: eaw-float 2s ease-in-out infinite;
}

.eaw-ai-summary-box {
  animation: eaw-scale-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.eaw-ai-summary-content {
  animation: eaw-fade-in 0.5s ease 0.2s both;
}

.eaw-ai-loading {
  background: linear-gradient(90deg, #ffedd5 25%, #fff7ed 50%, #ffedd5 75%);
  background-size: 200% 100%;
  animation: eaw-shimmer 1.4s linear infinite;
  border-radius: 8px;
  padding: 8px 12px;
}

/* --- CTA --- */
.eaw-cta-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(249, 115, 22, 0.16);
}

.eaw-cta-btn-secondary:hover {
  transform: translateY(-2px);
}

/* --- لیست --- */
.eaw-list-item:hover {
  background-color: #fff7ed;
  padding-right: 24px;
  border-radius: 8px;
}

.eaw-list-item-link:hover {
  transform: translateX(-4px);
}

/* --- کامنت --- */
.eaw-comment-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

/* --- TOC --- */
.eaw-toc-item a:hover {
  padding-right: 8px;
}

.eaw-toc-arrow {
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* --- جدول --- */
.eaw-table tbody tr {
  transition: background-color 0.25s ease, transform 0.2s ease;
}

.eaw-table tbody tr:hover {
  background-color: #fff7ed !important;
}

/* --- کارشناس --- */
.eaw-expert-box:hover {
  border-color: #f97316;
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(249, 115, 22, 0.12);
}

/* --- اینفوگرافیک --- */
.eaw-infographic-img img {
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
}

.eaw-infographic-box:hover .eaw-infographic-img img {
  transform: scale(1.02);
}

/* --- لینک عنوان --- */
.eaw-link-box--clickable:hover {
  transform: translateY(-2px);
}

/* --- کلاس کمکی برای فعال‌سازی دستی --- */
.eaw-animate-fade-up  { animation: eaw-fade-up 0.5s ease both; }
.eaw-animate-fade-in  { animation: eaw-fade-in 0.4s ease both; }
.eaw-animate-scale-in { animation: eaw-scale-in 0.45s ease both; }
.eaw-animate-pulse    { animation: eaw-soft-pulse 2.5s ease-in-out infinite; }
.eaw-animate-float    { animation: eaw-float 2.2s ease-in-out infinite; }

/* --- دسترسی: کاهش حرکت --- */
@media (prefers-reduced-motion: reduce) {
  .eaw-box,
  .eaw-ai-badge,
  .eaw-ai-spark,
  .eaw-ai-summary-box,
  .eaw-ai-summary-content,
  .eaw-ai-loading,
  .eaw-rp-list .eaw-rp-card,
  .eaw-keywords-list .eaw-keyword-item,
  .eaw-animate-fade-up,
  .eaw-animate-fade-in,
  .eaw-animate-scale-in,
  .eaw-animate-pulse,
  .eaw-animate-float {
    animation: none !important;
  }

  * {
    transition-duration: 0.01ms !important;
  }
}

/* ========================================
   قالب‌های پیش‌فرض نمایش (Display Templates)
   ======================================== */

/* مدرن نارنجی – پیش‌فرض فعلی */
.eaw-tpl-modern {
  /* inherits current orange theme */
}

/* کلاسیک ساده */
.eaw-tpl-classic {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
.eaw-tpl-classic .eaw-related-header,
.eaw-tpl-classic .eaw-faq-header,
.eaw-tpl-classic .eaw-keywords-header {
  border-bottom-color: #e5e7eb !important;
}

/* مینیمال */
.eaw-tpl-minimal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.eaw-tpl-minimal .eaw-para-divider {
  border-top-color: #e7e5e4;
}

/* نرم و روشن */
.eaw-tpl-soft {
  background: linear-gradient(180deg, #fffbeb 0%, #fff 100%) !important;
  border: 1px solid #fde68a !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.1) !important;
}

/* برجسته و پررنگ */
.eaw-tpl-bold {
  background: #fff !important;
  border: 2px solid #f97316 !important;
  border-radius: 12px !important;
  box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12) !important;
}
.eaw-tpl-bold .eaw-related-title,
.eaw-tpl-bold .eaw-faq-title,
.eaw-tpl-bold .eaw-keywords-title,
.eaw-tpl-bold .eaw-list-title {
  color: #c2410c !important;
}

/* تیره */
.eaw-tpl-dark {
  background: linear-gradient(145deg, #1c1917 0%, #292524 100%) !important;
  border: 1px solid #44403c !important;
  border-radius: 14px !important;
  color: #fafaf9 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
.eaw-tpl-dark .eaw-related-title,
.eaw-tpl-dark .eaw-faq-title,
.eaw-tpl-dark .eaw-keywords-title,
.eaw-tpl-dark .eaw-list-title,
.eaw-tpl-dark .eaw-para-heading,
.eaw-tpl-dark .eaw-title-text,
.eaw-tpl-dark .eaw-rp-title,
.eaw-tpl-dark .eaw-faq-question,
.eaw-tpl-dark .eaw-para-content,
.eaw-tpl-dark .eaw-list-item {
  color: #fafaf9 !important;
}
.eaw-tpl-dark .eaw-rp-card {
  background: #292524 !important;
  border-color: #44403c !important;
}
.eaw-tpl-dark .eaw-keyword-item {
  background: #44403c !important;
  border-color: #57534e !important;
  color: #fdba74 !important;
}
.eaw-tpl-dark .eaw-para-divider,
.eaw-tpl-dark .eaw-related-header {
  border-color: #44403c !important;
}
.eaw-tpl-dark .eaw-para-icon-circle {
  background: #44403c !important;
  border-color: #f97316 !important;
  color: #fb923c !important;
}

/* فقط حاشیه */
.eaw-tpl-outline {
  background: transparent !important;
  border: 2px dashed #fdba74 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

/* ========================================
   FAQ – سوالات متداول
   ======================================== */
.eaw-faq-box {
  background: #fff;
  border: 1px solid var(--eaw-orange-border);
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 28px;
}

.eaw-faq-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ffedd5;
}

.eaw-faq-title {
  margin: 0;
  font-size: 1.15em;
  color: var(--eaw-black);
  font-weight: 700;
}

.eaw-faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.eaw-faq-item {
  border: 1px solid #fed7aa;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.eaw-faq-item.is-open {
  border-color: #f97316;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.1);
}

.eaw-faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: #fff7ed;
  border: none;
  cursor: pointer;
  text-align: right;
  font-family: inherit;
  font-size: 0.98em;
  font-weight: 600;
  color: #1c1917;
  transition: background 0.2s ease;
}

.eaw-faq-item.is-open .eaw-faq-question {
  background: #ffedd5;
}

.eaw-faq-toggle {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f97316;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1;
  transition: transform 0.3s ease, background 0.2s ease;
}

.eaw-faq-item.is-open .eaw-faq-toggle {
  transform: rotate(45deg);
  background: #ea580c;
}

.eaw-faq-answer {
  padding: 14px 16px 16px;
  line-height: 1.8;
  color: #44403c;
  border-top: 1px solid #ffedd5;
}

.eaw-faq-q-text {
  flex: 1;
}

/* ========================================
   پاراگراف تو در تو
   ======================================== */
.eaw-nested-box {
  background: #fff;
  border: 1px solid #d6d3d1;
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 24px;
  box-shadow: 0 2px 10px rgba(28, 25, 23, 0.04);
}

.eaw-np-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7e5e4;
}

.eaw-np-title {
  margin: 0;
  font-size: 1.1em;
  color: var(--eaw-black);
  font-weight: 700;
}

.eaw-np-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.eaw-np-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.eaw-np-parent .eaw-np-text {
  font-size: 1em;
  line-height: 1.85;
  color: #1c1917;
  text-align: justify;
}

.eaw-np-child {
  padding-right: 28px;
  margin-right: 8px;
  border-right: 2px solid #fed7aa;
}

.eaw-np-arrow {
  flex-shrink: 0;
  font-family: ui-monospace, monospace;
  font-size: 1em;
  color: #f97316;
  line-height: 1.7;
  margin-top: 2px;
  user-select: none;
}

.eaw-np-child .eaw-np-text {
  font-size: 0.95em;
  line-height: 1.8;
  color: #44403c;
  text-align: justify;
}

.eaw-np-body {
  flex: 1;
  min-width: 0;
}

.eaw-np-more {
  margin-top: 12px;
}

.eaw-np-more-btn {
  font-size: 0.88em !important;
  padding: 8px 18px !important;
}

/* ========================================
   باکس عنوان – آیکون لینک + فلش L
   ======================================== */
.eaw-title-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.eaw-title-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff7ed;
  color: #f97316;
  text-decoration: none;
  margin-right: auto;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  flex-shrink: 0;
}

.eaw-title-link-icon:hover {
  background: #f97316;
  color: #fff;
  transform: scale(1.08);
}

.eaw-title-link-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding-right: 4px;
}

.eaw-title-link-note .eaw-arrow-l {
  font-family: ui-monospace, monospace;
  color: #a8a29e;
  flex-shrink: 0;
  line-height: 1.5;
}

.eaw-title-note-text {
  font-size: 0.82em;
  line-height: 1.55;
  color: #78716c;
  text-decoration: none;
  transition: color 0.2s;
}

.eaw-title-note-text:hover {
  color: #ea580c;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ========================================
   فهرست مطالب – استایل پیش‌فرض گرد
   ======================================== */
.eaw-toc-box {
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 28px;
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.07);
}

.eaw-toc-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #ffedd5;
}

.eaw-toc-title {
  margin: 0;
  flex: 1;
  font-size: 1.12em;
  color: var(--eaw-black);
  font-weight: 700;
}

.eaw-toc-body {
  margin-top: 14px;
}

.eaw-toc-item {
  padding: 8px 0;
  border-bottom: 1px solid #f5f5f4;
}

.eaw-toc-item:last-child {
  border-bottom: none;
}

.eaw-toc-item a {
  display: flex;
  align-items: baseline;
  gap: 8px;
  text-decoration: none;
  color: var(--eaw-black);
  border-radius: 8px;
  padding: 4px 8px;
  margin: 0 -8px;
  transition: background 0.2s, color 0.2s, padding-right 0.2s;
}

.eaw-toc-item a:hover {
  background: #fff7ed;
  color: #ea580c;
  padding-right: 12px;
}

/* نظرات کاربران – آواتار و چیدمان‌ها */
.eaw-comment-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.eaw-comment-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fed7aa;
  flex-shrink: 0;
}

.eaw-comment-top-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.eaw-comment-top-meta .eaw-comment-author {
  font-weight: 700;
  color: #ea580c;
  font-size: 0.9em;
}

.eaw-comment-top-meta .eaw-comment-date {
  font-size: 0.75em;
  color: #a8a29e;
}

/* شبکه */
.eaw-comments--grid .eaw-comments-track {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  overflow: visible;
  scroll-snap-type: none;
  gap: 14px;
  padding-bottom: 4px;
}

.eaw-comments--grid .eaw-comment-card {
  flex: none;
  width: auto;
}

/* لیست عمودی */
.eaw-comments--list .eaw-comments-track {
  display: flex;
  flex-direction: column;
  overflow: visible;
  scroll-snap-type: none;
  gap: 12px;
}

.eaw-comments--list .eaw-comment-card {
  flex: none;
  width: 100%;
}

/* ========================================
   تنظیمات پیشرفته – انیمیشن، هاور، مخفی‌سازی
   ======================================== */

/* انیمیشن ورود */
.eaw-anim-none {
  animation: none !important;
}
.eaw-anim-fade-up {
  animation: eaw-fade-up 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.eaw-anim-fade-in {
  animation: eaw-fade-in 0.45s ease both;
}
.eaw-anim-scale-in {
  animation: eaw-scale-in 0.5s ease both;
}
.eaw-anim-slide-in {
  animation: eaw-slide-in-right 0.45s ease both;
}

/* افکت هاور */
.eaw-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(249, 115, 22, 0.14);
}
.eaw-hover-glow:hover {
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2), 0 8px 24px rgba(249, 115, 22, 0.18);
}
.eaw-hover-scale:hover {
  transform: scale(1.015);
}
.eaw-hover-border:hover {
  border-color: #f97316 !important;
}

/* مخفی واکنش‌گرا – کلاس روی wrapper المنتور */
@media (min-width: 1025px) {
  .eaw-hide-desktop-yes {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .eaw-hide-tablet-yes {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .eaw-hide-mobile-yes {
    display: none !important;
  }
}

/* ========================================
   اسلایدر عکس مدرن
   ======================================== */
.eaw-slider-box {
  background: #fff;
  border: 1px solid var(--eaw-orange-border);
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 28px;
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.06);
}

.eaw-slider-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.eaw-slider-title {
  margin: 0;
  font-size: 1.12em;
  font-weight: 700;
  color: var(--eaw-black);
}

.eaw-slider-viewport {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  height: 360px;
  background: #1c1917;
}

.eaw-slider-track {
  position: relative;
  width: 100%;
  height: 100%;
}

.eaw-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.eaw-slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.eaw-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.eaw-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.eaw-slide-caption {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 28px 18px 14px;
  background: linear-gradient(transparent, rgba(0,0,0,0.72));
  color: #fff;
  font-size: 0.95em;
  font-weight: 600;
  z-index: 2;
}

.eaw-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.92);
  color: #ea580c;
  font-size: 1.4em;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: background 0.2s, transform 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.eaw-slider-arrow:hover {
  background: #f97316;
  color: #fff;
  transform: translateY(-50%) scale(1.06);
}

.eaw-slider-prev { left: 12px; }
.eaw-slider-next { right: 12px; }

.eaw-slider-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.eaw-slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: #fdba74;
  cursor: pointer;
  padding: 0;
  transition: transform 0.2s, background 0.2s, width 0.25s;
}

.eaw-slider-dot.is-active {
  background: #f97316;
  width: 24px;
  border-radius: 99px;
}

/* ========================================
   ویدیو
   ======================================== */
.eaw-video-box {
  background: #fff;
  border: 1px solid var(--eaw-orange-border);
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 28px;
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.06);
}

.eaw-video-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.eaw-video-title {
  margin: 0;
  font-size: 1.12em;
  font-weight: 700;
  color: var(--eaw-black);
}

.eaw-video-frame {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #1c1917;
}

.eaw-ratio-16-9 { aspect-ratio: 16 / 9; }
.eaw-ratio-4-3  { aspect-ratio: 4 / 3; }
.eaw-ratio-1-1  { aspect-ratio: 1 / 1; }
.eaw-ratio-9-16 { aspect-ratio: 9 / 16; max-width: 360px; margin: 0 auto; }

.eaw-video-frame iframe,
.eaw-video-frame video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.eaw-video-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a8a29e;
  font-size: 0.95em;
  background: #292524;
}

.eaw-video-caption {
  margin: 12px 0 0;
  font-size: 0.9em;
  color: #78716c;
  line-height: 1.6;
  text-align: center;
}


/* ========================================
   محصولات مرتبط – CSS Grid مدرن
   ======================================== */
.eaw-related-products {
  background: #fff;
  border: 1px solid var(--eaw-orange-border);
  border-radius: 16px;
  padding: 22px;
  margin-bottom: 28px;
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.06);
}

.eaw-products-slider,
.eaw-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
  padding: 4px 0 0;
  overflow: visible;
  scroll-snap-type: none;
}

.eaw-product-card {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
  border: 1px solid #fed7aa;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  height: 100%;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.2s ease;
  flex: none;
  width: auto;
  min-width: 0;
}

.eaw-product-card:hover {
  transform: translateY(-4px);
  border-color: #f97316;
  box-shadow: 0 10px 24px rgba(249, 115, 22, 0.16);
}

.eaw-product-thumb {
  aspect-ratio: 1 / 1;
  height: auto;
  background: #ffedd5;
  overflow: hidden;
}

.eaw-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.eaw-product-card:hover .eaw-product-thumb img {
  transform: scale(1.06);
}

.eaw-product-thumb-ph {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 120px;
  color: #f97316;
  font-size: 2em;
  background: linear-gradient(145deg, #fff7ed, #ffedd5);
}

.eaw-product-body {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.eaw-product-title {
  font-size: 0.92em;
  font-weight: 600;
  color: var(--eaw-black);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.eaw-product-price {
  font-size: 0.95em;
  font-weight: 700;
  color: #ea580c;
}

.eaw-product-cta {
  margin-top: auto;
  font-size: 0.8em;
  font-weight: 600;
  color: #f97316;
  padding-top: 6px;
}

.eaw-product-card:hover .eaw-product-cta {
  color: #c2410c;
}

/* ریسپانسیو Grid */
@media (min-width: 1200px) {
  .eaw-products-slider,
  .eaw-products-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .eaw-products-slider,
  .eaw-products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media (max-width: 400px) {
  .eaw-products-slider,
  .eaw-products-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================
   لیست مدرن
   ======================================== */
.eaw-list-box {
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.06);
}

.eaw-list-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ffedd5;
}

.eaw-list-title {
  margin: 0;
  font-size: 1.12em;
  font-weight: 700;
  color: var(--eaw-black);
}

.eaw-list-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eaw-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  background: transparent;
  border: 1px solid transparent;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.eaw-list-item:hover {
  background: #fff7ed;
  border-color: #fed7aa;
  padding-right: 14px; /* override old indent */
  transform: translateX(-2px);
}

.eaw-list-bullet {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-top: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f97316, #ea580c);
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
}

.eaw-list-item-text {
  flex: 1;
  line-height: 1.7;
  color: var(--eaw-black);
  font-size: 0.98em;
}

.eaw-list-item-link {
  flex-shrink: 0;
  font-size: 0.85em;
  font-weight: 600;
  color: #ea580c;
  text-decoration: none;
  white-space: nowrap;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  transition: background 0.2s, color 0.2s;
}

.eaw-list-item-link:hover {
  background: #f97316;
  color: #fff;
  border-color: #f97316;
  transform: none;
}

.eaw-list-more-wrap {
  text-align: center;
  margin-top: 14px;
}

/* ========================================
   جدول مدرن – گوشه گرد + سطر یک‌درمیان
   ======================================== */
.eaw-table-wrap {
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 24px;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.06);
}

.eaw-table-title {
  margin: 0 0 14px;
  font-size: 1.1em;
  font-weight: 700;
  color: var(--eaw-black);
  padding-bottom: 10px;
  border-bottom: 2px solid #ffedd5;
}

.eaw-table-responsive {
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid #fed7aa;
}

.eaw-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: 0.95em;
}

.eaw-table thead th {
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: #fff;
  font-weight: 700;
  text-align: right;
  padding: 12px 14px;
  border: none;
  white-space: nowrap;
}

.eaw-table thead th:first-child {
  border-top-right-radius: 11px;
}

.eaw-table thead th:last-child {
  border-top-left-radius: 11px;
}

.eaw-table tbody td {
  padding: 11px 14px;
  border: none;
  border-bottom: 1px solid #ffedd5;
  color: #1c1917;
  vertical-align: middle;
}

.eaw-table tbody tr:nth-child(odd) {
  background: #fff7ed;
}

.eaw-table tbody tr:nth-child(even) {
  background: #ffffff;
}

.eaw-table tbody tr:hover {
  background: #ffedd5 !important;
}

.eaw-table tbody tr:last-child td {
  border-bottom: none;
}

.eaw-table tbody tr:last-child td:first-child {
  border-bottom-right-radius: 11px;
}

.eaw-table tbody tr:last-child td:last-child {
  border-bottom-left-radius: 11px;
}

/* ========================================
   ریسپانسیو عمومی – موبایل و دسکتاپ
   ======================================== */

/* پایه: جلوگیری از بیرون‌زدگی */
.eaw-box,
.eaw-box * {
  box-sizing: border-box;
  max-width: 100%;
}

.eaw-box img,
.eaw-box video,
.eaw-box iframe {
  max-width: 100%;
  height: auto;
}

.eaw-box iframe {
  height: 100%;
}

/* جداول و کد */
.eaw-table-responsive {
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

.eaw-table {
  min-width: 280px;
}

/* ---------- تبلت ---------- */
@media (max-width: 1024px) {
  .eaw-box {
    padding: 16px 18px;
  }

  .eaw-cta--split {
    flex-direction: column;
    text-align: center;
  }

  .eaw-cta--split .eaw-cta-actions {
    justify-content: center;
  }

  .eaw-rp-card {
    gap: 12px;
  }

  .eaw-slider-viewport {
    height: 300px !important;
  }
}

/* ---------- موبایل ---------- */
@media (max-width: 767px) {

  .eaw-box {
    padding: 14px 14px;
    margin-bottom: 18px;
    border-radius: 12px;
  }

  /* عنوان */
  .eaw-title-inner {
    gap: 8px;
  }

  .eaw-title-text {
    font-size: 1.05em;
    line-height: 1.4;
  }

  .eaw-title-link-icon {
    width: 30px;
    height: 30px;
    font-size: 0.85em;
  }

  .eaw-title-link-note {
    margin-top: 8px;
  }

  .eaw-title-note-text {
    font-size: 0.78em;
  }

  /* پاراگراف */
  .eaw-para-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .eaw-para-more-link {
    margin-right: 0;
    font-size: 0.85em;
  }

  .eaw-para-icon-circle {
    width: 38px;
    height: 38px;
  }

  .eaw-para-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .eaw-para-footer .eaw-more-btn {
    width: 100%;
    text-align: center;
  }

  /* پاراگراف تو در تو */
  .eaw-np-child {
    padding-right: 16px !important;
    margin-right: 4px;
  }

  .eaw-np-item {
    gap: 6px;
  }

  /* لیست */
  .eaw-list-item {
    flex-wrap: wrap;
    padding: 10px 12px;
  }

  .eaw-list-item-link {
    width: 100%;
    text-align: center;
    margin-top: 6px;
  }

  /* مقالات پیشنهادی */
  .eaw-rp-card {
    padding: 10px 12px;
    gap: 10px;
  }

  .eaw-rp-thumb {
    width: 56px !important;
    height: 56px !important;
  }

  .eaw-rp-title {
    font-size: 0.88em;
  }

  .eaw-rp-link-icon {
    width: 32px;
    height: 32px;
  }

  /* محصولات Grid */
  .eaw-products-grid,
  .eaw-products-slider {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .eaw-product-body {
    padding: 10px;
  }

  .eaw-product-title {
    font-size: 0.85em;
  }

  /* کامنت‌ها */
  .eaw-comments--slider .eaw-comment-card,
  .eaw-comments-slider .eaw-comment-card {
    flex: 0 0 85%;
    max-width: 280px;
  }

  .eaw-comments--grid .eaw-comments-track {
    grid-template-columns: 1fr;
  }

  /* کلمات کلیدی */
  .eaw-keywords-list {
    gap: 6px;
  }

  .eaw-keyword-item {
    font-size: 0.85em;
    padding: 5px 10px;
  }

  /* منابع */
  .eaw-sources-box {
    flex-wrap: wrap;
  }

  .eaw-sources-icons {
    margin-top: 8px;
  }

  /* FAQ */
  .eaw-faq-question {
    padding: 12px;
    font-size: 0.92em;
  }

  .eaw-faq-answer {
    padding: 12px;
    font-size: 0.9em;
  }

  /* اسلایدر عکس */
  .eaw-slider-viewport {
    height: 220px !important;
    border-radius: 10px;
  }

  .eaw-slider-arrow {
    width: 34px;
    height: 34px;
    font-size: 1.15em;
  }

  .eaw-slider-prev { left: 6px; }
  .eaw-slider-next { right: 6px; }

  .eaw-slide-caption {
    font-size: 0.85em;
    padding: 20px 12px 10px;
  }

  /* ویدیو */
  .eaw-ratio-9-16 {
    max-width: 100%;
  }

  /* CTA */
  .eaw-cta-box {
    padding: 22px 16px;
  }

  .eaw-cta-actions {
    flex-direction: column;
    width: 100%;
  }

  .eaw-cta-actions .eaw-more-btn,
  .eaw-cta-actions .eaw-cta-btn-secondary {
    width: 100%;
    text-align: center;
  }

  /* جدول */
  .eaw-table {
    font-size: 0.85em;
  }

  .eaw-table thead th,
  .eaw-table tbody td {
    padding: 8px 10px;
  }

  /* TOC */
  .eaw-toc-box {
    padding: 14px;
  }

  /* AI */
  .eaw-ai-header {
    gap: 8px;
  }

  .eaw-ai-badge {
    font-size: 0.7em;
  }

  .eaw-ai-summary-content {
    padding: 12px;
  }

  /* دکمه‌ها کلی */
  .eaw-more-btn {
    padding: 10px 18px;
    font-size: 0.9em;
  }

  /* اینفوگرافیک */
  .eaw-infographic-box {
    padding: 14px;
  }

  /* کارشناس */
  .eaw-expert-box {
    padding: 16px;
  }
}

/* ---------- موبایل خیلی کوچک ---------- */
@media (max-width: 400px) {
  .eaw-products-grid,
  .eaw-products-slider {
    grid-template-columns: 1fr;
  }

  .eaw-slider-viewport {
    height: 180px !important;
  }

  .eaw-rp-card {
    flex-wrap: wrap;
  }

  .eaw-rp-link-icon {
    margin-right: auto;
  }

  .eaw-para-header-right {
    width: 100%;
  }
}

/* جلوگیری از فونت خیلی بزرگ در موبایل */
@media (max-width: 767px) {
  .eaw-box h2.eaw-title-text,
  .eaw-box h3.eaw-title-text {
    font-size: clamp(1rem, 4.5vw, 1.25rem);
  }

  .eaw-related-title,
  .eaw-list-title,
  .eaw-faq-title,
  .eaw-comments-title,
  .eaw-slider-title,
  .eaw-video-title {
    font-size: 1.05em;
  }
}

/* Landscape موبایل */
@media (max-width: 900px) and (orientation: landscape) {
  .eaw-slider-viewport {
    height: 240px !important;
  }

  .eaw-ratio-9-16 {
    max-width: 220px;
  }
}

/* ========================================
   بهینه‌سازی عملکرد ریسپانسیو
   ======================================== */

/* لایه GPU فقط روی هاور دسکتاپ – نه مداوم */
@media (hover: hover) and (pointer: fine) {
  .eaw-product-card,
  .eaw-rp-card,
  .eaw-comment-card,
  .eaw-more-btn {
    will-change: transform;
  }

  .eaw-product-card:not(:hover),
  .eaw-rp-card:not(:hover),
  .eaw-comment-card:not(:hover),
  .eaw-more-btn:not(:hover) {
    will-change: auto;
  }
}

/* تصاویر و رسانه: رندر تنبل‌تر و بدون لایه‌های اضافه */
.eaw-box img {
  content-visibility: auto;
}

.eaw-slide img,
.eaw-product-thumb img,
.eaw-rp-thumb img,
.eaw-infographic-img img {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* اسکرول نرم فقط وقتی لازم است */
.eaw-comments-slider,
.eaw-products-slider {
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}

/* جدول: فقط ظرف اسکرول می‌شود */
.eaw-table-responsive {
  overscroll-behavior-x: contain;
  contain: content;
}

/* contain برای محدود کردن reflow */
.eaw-box {
  contain: layout style;
}

.eaw-slider-viewport,
.eaw-video-frame {
  contain: strict;
}

.eaw-comment-card,
.eaw-product-card,
.eaw-rp-card,
.eaw-faq-item {
  contain: layout style paint;
}

/* موبایل: انیمیشن سبک‌تر و کوتاه‌تر */
@media (max-width: 767px) {
  .eaw-box {
    animation-duration: 0.28s !important;
  }

  .eaw-rp-list .eaw-rp-card,
  .eaw-keywords-list .eaw-keyword-item {
    animation-duration: 0.22s !important;
    animation-delay: 0s !important;
  }

  /* بدون سایه سنگین در حالت عادی موبایل */
  .eaw-box {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  }

  .eaw-box:hover,
  .eaw-product-card:hover,
  .eaw-rp-card:hover,
  .eaw-comment-card:hover,
  .eaw-cta-box:hover,
  .eaw-expert-box:hover {
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.1);
  }

  /* کاهش transform سنگین */
  .eaw-product-card:hover .eaw-product-thumb img,
  .eaw-infographic-box:hover .eaw-infographic-img img {
    transform: none;
  }

  .eaw-hover-lift:hover,
  .eaw-hover-scale:hover {
    transform: none;
  }

  .eaw-hover-glow:hover {
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.18);
  }

  /* پالس AI در موبایل خاموش (باتری / CPU) */
  .eaw-ai-badge,
  .eaw-ai-spark {
    animation: none !important;
  }

  /* transition کوتاه‌تر */
  .eaw-box,
  .eaw-rp-card,
  .eaw-product-card,
  .eaw-keyword-item,
  .eaw-more-btn,
  .eaw-comment-card,
  .eaw-list-item {
    transition-duration: 0.15s !important;
  }

  /* اسلایدر: بدون transition opacity طولانی */
  .eaw-slide {
    transition-duration: 0.3s;
  }
}

/* دستگاه‌های weak / reduce data */
@media (max-width: 767px) and (prefers-reduced-data: reduce) {
  .eaw-box {
    animation: none !important;
    box-shadow: none !important;
  }
}

/* چاپ: بدون انیمیشن و سایه */
@media print {
  .eaw-box,
  .eaw-ai-badge,
  .eaw-slide {
    animation: none !important;
    box-shadow: none !important;
    break-inside: avoid;
  }

  .eaw-slider-arrow,
  .eaw-slider-dots {
    display: none !important;
  }
}

/* لینک نسخه AMP */
.eaw-amp-box {
  margin-bottom: 20px;
}

.eaw-amp--button {
  text-align: center;
}

.eaw-amp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.eaw-amp-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ea580c;
  font-weight: 600;
  text-decoration: none;
}

.eaw-amp-text-link:hover {
  text-decoration: underline;
}

.eaw-amp-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #fff7ed, #ffedd5);
  border: 1px solid #fed7aa;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s, box-shadow 0.2s;
}

.eaw-amp-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(249, 115, 22, 0.15);
}

.eaw-amp-card-icon {
  font-size: 1.4em;
  color: #f97316;
}

.eaw-amp-card-title {
  display: block;
  font-weight: 700;
  color: #1c1917;
}

.eaw-amp-card-hint {
  display: block;
  font-size: 0.8em;
  color: #78716c;
  margin-top: 2px;
}

.eaw-amp-card-arrow {
  margin-right: auto;
  color: #f97316;
  font-size: 1.1em;
}

.eaw-amp-hint,
.eaw-amp-url {
  display: block;
  margin-top: 8px;
  font-size: 0.8em;
  color: #a8a29e;
  word-break: break-all;
}

.eaw-amp-url-only {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}


/* دکمه نسخه سرعت نمایش */
.eaw-amp--button {
  text-align: center;
  padding: 8px 0;
}

.eaw-amp-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #f97316, #ea580c) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  font-size: 0.95em !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.3);
  text-decoration: none !important;
  border: none;
}

.eaw-amp-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(249, 115, 22, 0.4);
  color: #fff !important;
}

.eaw-amp-btn .eaw-icon {
  color: #fff !important;
}


/* ========================================
   باکس عنوان – دقیق مطابق طرح (eaw-tb)
   ======================================== */
.eaw-tb {
  margin-bottom: 24px;
  direction: rtl;
  width: 100%;
}

.eaw-tb-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #e6e6e6;
  border-radius: 9999px;
  padding: 10px 10px 10px 12px;
  min-height: 76px;
  box-sizing: border-box;
  width: 100%;
}

.eaw-tb-right {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1;
}

.eaw-tb-circle {
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #cfcfcf;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 22px;
  line-height: 1;
}

.eaw-tb-circle .eaw-icon,
.eaw-tb-circle i,
.eaw-tb-circle svg {
  color: #111 !important;
  fill: #111 !important;
  width: 1.15em;
  height: 1.15em;
}

.eaw-tb-texts {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: right;
}

.eaw-tb-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #0a0a0a;
  line-height: 1.4 !important;
  background: transparent !important;
  border: none !important;
}

.eaw-tb-note {
  display: flex;
  align-items: center;
  gap: 6px;
}

.eaw-tb-note-arrow {
  color: #f5a623;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

.eaw-tb-note-text {
  font-size: 12.5px;
  color: #6b6b6b;
  font-weight: 400;
  line-height: 1.4;
}

.eaw-tb-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #f5c518;
  color: #111 !important;
  font-weight: 800;
  font-size: 14.5px;
  padding: 13px 24px;
  border-radius: 9999px;
  text-decoration: none !important;
  border: none;
  white-space: nowrap;
  line-height: 1;
  transition: filter 0.15s, transform 0.15s;
}

.eaw-tb-btn:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
  color: #111 !important;
}

.eaw-tb-btn-icon {
  display: inline-flex;
  line-height: 0;
}

.eaw-tb-btn-icon svg {
  display: block;
}

/* موبایل */
@media (max-width: 767px) {
  .eaw-tb-bar {
    flex-wrap: wrap;
    border-radius: 28px;
    padding: 14px;
    min-height: 0;
  }
  .eaw-tb-right {
    width: 100%;
  }
  .eaw-tb-circle {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }
  .eaw-tb-title {
    font-size: 15px !important;
  }
  .eaw-tb-btn {
    width: 100%;
    padding: 12px 18px;
  }
}


/* ========================================
   باکس پاراگراف – مطابق طرح (eaw-pb)
   ======================================== */
.eaw-pb {
  margin-bottom: 24px;
  direction: rtl;
  width: 100%;
}

.eaw-pb-box {
  background: #dedede;
  border-radius: 28px;
  border: 1px solid #e2a61b;
  padding: 28px 32px 24px;
  box-sizing: border-box;
  position: relative;
}

.eaw-pb-top {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.eaw-pb-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.eaw-pb-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #c2c2c2;
  border: 1px solid #707070;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 18px;
  flex-shrink: 0;
}

.eaw-pb-circle .eaw-icon,
.eaw-pb-circle i,
.eaw-pb-circle svg {
  color: #111 !important;
  fill: #111 !important;
}

/* فلش کنار / زیر آیکون */
.eaw-pb-arrow {
  display: inline-flex;
  line-height: 0;
  position: absolute;
  top: 52px;
  right: 8px;
}

.eaw-pb-icon-wrap {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.eaw-pb-content {
  font-size: 15px;
  line-height: 2;
  text-align: justify;
  color: #2a2a2a;
}

.eaw-pb-content p {
  margin: 0 0 1.1em;
}

.eaw-pb-content p:last-child {
  margin-bottom: 0;
}

.eaw-pb-toggle-wrap {
  text-align: center;
  margin-top: 16px;
}

.eaw-pb-footer {
  display: flex;
  justify-content: center;
  margin-top: 22px;
  padding-top: 4px;
}

.eaw-pb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fbbc10;
  color: #111 !important;
  font-weight: 800;
  font-size: 14.5px;
  padding: 12px 26px;
  border-radius: 9999px;
  text-decoration: none !important;
  border: none;
  white-space: nowrap;
  transition: filter 0.15s, transform 0.15s;
}

.eaw-pb-btn:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
  color: #111 !important;
}

.eaw-pb-btn-icon {
  display: inline-flex;
  line-height: 0;
}

@media (max-width: 767px) {
  .eaw-pb-box {
    border-radius: 22px;
    padding: 20px 16px 18px;
  }
  .eaw-pb-content {
    font-size: 14px;
    line-height: 1.9;
    text-align: right;
  }
  .eaw-pb-btn {
    width: 100%;
  }
}


/* ========================================
   پاراگراف تو در تو – مطابق طرح (eaw-np2)
   ======================================== */
.eaw-np2 {
  margin-bottom: 24px;
  direction: rtl;
  width: 100%;
}

.eaw-np2-box {
  background: #dedede;
  border: 1px solid #e2a61b;
  border-radius: 28px;
  padding: 28px 28px 24px;
  box-sizing: border-box;
}

.eaw-np2-parent {
  margin-bottom: 16px;
}

.eaw-np2-parent-inner,
.eaw-np2-child-inner {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.eaw-np2-text {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  line-height: 2;
  text-align: justify;
  color: #2a2a2a;
}

.eaw-np2-text p {
  margin: 0 0 1em;
}

.eaw-np2-text p:last-child {
  margin-bottom: 0;
}

.eaw-np2-icon-col {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding-top: 4px;
}

.eaw-np2-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #c2c2c2;
  border: 1px solid #707070;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 16px;
}

.eaw-np2-circle .eaw-icon,
.eaw-np2-circle i,
.eaw-np2-circle svg {
  color: #111 !important;
  fill: #111 !important;
}

.eaw-np2-arrow {
  display: inline-flex;
  line-height: 0;
}

/* باکس داخلی زیرمجموعه */
.eaw-np2-child {
  background: #d4d4d4;
  border-radius: 22px;
  padding: 20px 20px 18px;
  margin: 8px 8px 16px 8px;
  box-sizing: border-box;
}

.eaw-np2-footer {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  padding-top: 8px;
}

.eaw-np2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fbbc10;
  color: #111 !important;
  font-weight: 800;
  font-size: 14.5px;
  padding: 12px 26px;
  border-radius: 9999px;
  text-decoration: none !important;
  border: none;
  white-space: nowrap;
  transition: filter 0.15s, transform 0.15s;
}

.eaw-np2-btn:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
  color: #111 !important;
}

.eaw-np2-btn-icon {
  display: inline-flex;
  line-height: 0;
}

@media (max-width: 767px) {
  .eaw-np2-box {
    border-radius: 22px;
    padding: 18px 14px 16px;
  }
  .eaw-np2-child {
    margin: 6px 0 12px;
    padding: 14px 12px;
    border-radius: 16px;
  }
  .eaw-np2-text {
    font-size: 14px;
    line-height: 1.9;
    text-align: right;
  }
  .eaw-np2-btn {
    width: 100%;
  }
  .eaw-np2-circle {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
}


/* ========================================
   سوالات متداول – مطابق طرح (eaw-faq2) v2
   ======================================== */
.eaw-faq2 {
  margin-bottom: 28px;
  direction: rtl;
  width: 100%;
}

.eaw-faq2-shell {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 32px;
  padding: 22px 20px 18px;
  box-sizing: border-box;
  box-shadow: 0 2px 12px rgba(0,0,0,0.03);
}

.eaw-faq2-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  padding: 0 6px;
}

.eaw-faq2-title {
  font-size: 1.2em;
  font-weight: 800;
  color: #111;
  letter-spacing: -0.01em;
}

/* دایره علامت سؤال نارنجی */
.eaw-faq2-qmark {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2.5px solid #f5a623;
  color: #f5a623;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 800;
  flex-shrink: 0;
  background: #fff;
}

.eaw-faq2-qmark .eaw-icon,
.eaw-faq2-qmark i,
.eaw-faq2-qmark svg {
  color: #f5a623 !important;
  fill: #f5a623 !important;
}

.eaw-faq2-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ردیف بسته – کپسول خاکستری */
.eaw-faq2-item {
  background: #e8e8e8;
  border-radius: 999px;
  overflow: hidden;
  transition: border-radius 0.25s ease, background 0.2s;
}

/* ردیف باز – کارت گرد یکپارچه */
.eaw-faq2-item.is-open {
  background: #e6e6e6;
  border-radius: 24px;
}

.eaw-faq2-question {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-align: right;
  color: #111;
}

.eaw-faq2-q-text {
  flex: 1;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

/* فلش چپ داخل دایره سفید */
.eaw-faq2-toggle-left {
  flex-shrink: 0;
  order: 0;
}

.eaw-faq2-chevron {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: #f5a623;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* + و − سمت راست سوال */
.eaw-faq2-toggle-right {
  flex-shrink: 0;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eaw-faq2-pm {
  font-size: 22px;
  font-weight: 300;
  color: #222;
  line-height: 1;
}

.eaw-faq2-answer {
  padding: 0 20px 18px;
}

.eaw-faq2-answer[hidden] {
  display: none !important;
}

.eaw-faq2-answer-body {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-top: 1px solid #c8c8c8;
  padding-top: 16px;
}

.eaw-faq2-answer-text {
  flex: 1;
  min-width: 0;
  font-size: 14.5px;
  line-height: 2.05;
  color: #333;
  text-align: justify;
}

.eaw-faq2-answer-text p {
  margin: 0 0 0.95em;
}

.eaw-faq2-answer-text p:last-child {
  margin-bottom: 0;
}

.eaw-faq2-arrow {
  flex-shrink: 0;
  display: inline-flex;
  line-height: 0;
  margin-top: 8px;
}

.eaw-faq2-answer-footer {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.eaw-faq2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fbbc10;
  color: #111 !important;
  font-weight: 800;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 9999px;
  text-decoration: none !important;
  border: none;
  white-space: nowrap;
  transition: filter 0.15s, transform 0.15s;
}

.eaw-faq2-btn:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
  color: #111 !important;
}

.eaw-faq2-btn-icon {
  display: inline-flex;
  line-height: 0;
}

@media (max-width: 767px) {
  .eaw-faq2-shell {
    border-radius: 22px;
    padding: 14px 12px;
  }
  .eaw-faq2-item {
    border-radius: 18px;
  }
  .eaw-faq2-item.is-open {
    border-radius: 18px;
  }
  .eaw-faq2-q-text {
    font-size: 0.9em;
  }
  .eaw-faq2-answer-text {
    font-size: 13.5px;
    text-align: right;
  }
  .eaw-faq2-btn {
    width: 100%;
  }
}


/* ========================================
   لغت‌نامه – مطابق طرح (eaw-gl)
   ======================================== */
.eaw-gl {
  margin-bottom: 28px;
  direction: rtl;
  width: 100%;
}

.eaw-gl-shell {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 32px;
  padding: 18px 18px 16px;
  box-sizing: border-box;
}

.eaw-gl-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 4px 8px 14px;
}

.eaw-gl-icon {
  color: #f5a623;
  font-size: 26px;
  display: inline-flex;
  line-height: 1;
}

.eaw-gl-icon .eaw-icon,
.eaw-gl-icon i,
.eaw-gl-icon svg {
  color: inherit !important;
  fill: currentColor !important;
}

.eaw-gl-title {
  margin: 0;
  font-size: 1.2em;
  font-weight: 800;
  color: #111;
}

.eaw-gl-body {
  background: #e4e4e4;
  border-radius: 24px;
  padding: 28px 28px 22px;
  box-sizing: border-box;
}

.eaw-gl-text {
  font-size: 16px;
  line-height: 2.1;
  color: #1a1a1a;
  text-align: center;
  font-weight: 600;
}

.eaw-gl-text p {
  margin: 0 0 0.8em;
}

.eaw-gl-text p:last-child {
  margin-bottom: 0;
}

.eaw-gl-footer {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.eaw-gl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fbbc10;
  color: #111 !important;
  font-weight: 800;
  font-size: 14.5px;
  padding: 12px 28px;
  border-radius: 9999px;
  text-decoration: none !important;
  border: none;
  white-space: nowrap;
  transition: filter 0.15s, transform 0.15s;
}

.eaw-gl-btn:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
  color: #111 !important;
}

.eaw-gl-btn-icon {
  display: inline-flex;
  line-height: 0;
}

@media (max-width: 767px) {
  .eaw-gl-shell { border-radius: 22px; padding: 12px; }
  .eaw-gl-body { border-radius: 18px; padding: 18px 14px; }
  .eaw-gl-text { font-size: 14.5px; text-align: right; font-weight: 500; }
  .eaw-gl-btn { width: 100%; }
}


/* ========================================
   ریست ظاهر طراحی‌شده – جلوگیری از به‌هم‌ریختگی
   ======================================== */
.eaw-designed,
.eaw-designed * {
  box-sizing: border-box;
}

.eaw-designed {
  max-width: 100%;
  direction: rtl;
  text-align: right;
  margin-bottom: 24px;
  /* خنثی‌سازی انیمیشن/هاور قدیمی */
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.eaw-designed:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* خنثی‌سازی استایل‌های قدیمی eaw-box روی فرزندان */
.eaw-designed .eaw-box {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* جلوگیری از بیرون‌زدگی در ستون المنتور */
.elementor-widget-eaw-title-box,
.elementor-widget-eaw-paragraph-box,
.elementor-widget-eaw-nested-paragraphs,
.elementor-widget-eaw-faq,
.elementor-widget-eaw-ai-summary,
.elementor-widget-eaw-glossary {
  overflow: visible;
}

.elementor-widget-eaw-title-box > .elementor-widget-container,
.elementor-widget-eaw-paragraph-box > .elementor-widget-container,
.elementor-widget-eaw-nested-paragraphs > .elementor-widget-container,
.elementor-widget-eaw-faq > .elementor-widget-container,
.elementor-widget-eaw-ai-summary > .elementor-widget-container,
.elementor-widget-eaw-glossary > .elementor-widget-container {
  overflow: visible;
}

/* آیکون خالی نشکند */
.eaw-tb-circle:empty,
.eaw-pb-circle:empty,
.eaw-np2-circle:empty {
  min-width: 48px;
  min-height: 48px;
}

/* فلکس پایدار */
.eaw-tb-bar,
.eaw-np2-parent-inner,
.eaw-np2-child-inner,
.eaw-faq2-question,
.eaw-ais-header,
.eaw-gl-header {
  min-width: 0;
}

.eaw-tb-texts,
.eaw-np2-text,
.eaw-faq2-q-text,
.eaw-faq2-answer-text {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* عنوان کپسولی – جلوگیری از شکستن دکمه */
.eaw-tb-bar {
  flex-wrap: nowrap;
}

@media (max-width: 767px) {
  .eaw-tb-bar {
    flex-wrap: wrap;
  }
}

/* FAQ – hidden attribute compatibility */
.eaw-faq2-answer[hidden] {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}


/* قالب‌های قدیمی روی ویجت‌های طراحی‌شده اثر نگذارند */
.eaw-designed.eaw-tpl-classic,
.eaw-designed.eaw-tpl-minimal,
.eaw-designed.eaw-tpl-soft,
.eaw-designed.eaw-tpl-bold,
.eaw-designed.eaw-tpl-modern,
.eaw-designed.eaw-tpl-dark {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* خودِ پوسته‌های طراحی */
.eaw-tb-bar,
.eaw-pb-box,
.eaw-np2-box,
.eaw-faq2-shell,
.eaw-ais-shell,
.eaw-gl-shell {
  max-width: 100%;
}

/* عنوان: دکمه جمع نشود */
.eaw-tb-btn {
  flex: 0 0 auto;
}

.eaw-tb-right {
  flex: 1 1 auto;
  min-width: 0;
}

/* پاراگراف: آیکون و فلش درست */
.eaw-pb-top {
  justify-content: flex-start;
}

.eaw-pb-icon-wrap {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

/* FAQ آیتم باز overflow */
.eaw-faq2-item.is-open {
  overflow: visible;
}

/* فاصله ویجت در المنتور */
.elementor-widget-eaw-title-box .eaw-tb,
.elementor-widget-eaw-paragraph-box .eaw-pb,
.elementor-widget-eaw-nested-paragraphs .eaw-np2,
.elementor-widget-eaw-faq .eaw-faq2,
.elementor-widget-eaw-ai-summary .eaw-ais,
.elementor-widget-eaw-glossary .eaw-gl {
  margin-bottom: 0;
}


/* ---- Title minimal bar ---- */
.eaw-tb-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: var(--eaw-d-body-bg, #e6e6e6);
  border-radius: 9999px;
  padding: 10px 12px 10px 14px;
  min-height: 70px;
}
.eaw-tb-right { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.eaw-tb-texts { min-width:0; flex:1; display:flex; flex-direction:column; gap:3px; }
.eaw-tb-title { margin:0 !important; font-size:1.05em !important; font-weight:800 !important; color:#111 !important; line-height:1.4 !important; }
.eaw-tb-note { display:flex; align-items:center; gap:6px; }
.eaw-tb-note-text { font-size:12.5px; color:#6b6b6b; }
.eaw-tb-btn { flex-shrink:0; }

/* ---- Paragraph layout: text + icon/arrow on RIGHT ---- */
.eaw-pb-layout {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.eaw-pb-content { flex:1; min-width:0; }
.eaw-pb-side {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-top: 2px;
}

/* ---- Nested ---- */
.eaw-np2-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.eaw-np2-text { flex:1; min-width:0; }
.eaw-np2-side {
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.eaw-np2-parent { margin-bottom: 14px; }
.eaw-np2-child {
  background: #d8d8d8;
  border-radius: 18px;
  padding: 16px;
  margin: 0 0 14px;
}

/* ---- List double bullets + nested ---- */
.eaw-ls-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eaw-ls-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 4px;
}
.eaw-ls-level-2 {
  padding-right: 28px;
}
.eaw-ls-bullets {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 6px;
}
.eaw-ls-dot {
  position: absolute;
  border-radius: 50%;
  border: 1.5px solid #999;
  background: #fff;
}
.eaw-ls-dot-outer {
  width: 16px;
  height: 16px;
  top: 0;
  right: 0;
}
.eaw-ls-dot-inner {
  width: 8px;
  height: 8px;
  top: 4px;
  right: 4px;
  background: #666;
  border-color: #666;
}
.eaw-ls-text {
  flex: 1;
  line-height: 1.8;
  color: #1a1a1a;
  font-size: 15px;
}
.eaw-ls-link {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: #111;
  background: #fbbc10;
  padding: 4px 12px;
  border-radius: 999px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .eaw-tb-bar { flex-wrap: wrap; border-radius: 24px; }
  .eaw-tb-btn { width: 100%; justify-content: center; }
  .eaw-ls-level-2 { padding-right: 16px; }
}

.eaw-cm-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
}
.eaw-cm-card {
  flex: 0 0 260px;
  scroll-snap-align: start;
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  display: flex;
  gap: 12px;
  border: 1px solid #ddd;
}
.eaw-cm-avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: #d4d4d4;
  border: 1.5px solid #c0c0c0;
}
.eaw-cm-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.eaw-cm-name {
  font-weight: 800;
  font-size: 0.92em;
  margin-bottom: 4px;
  color: #111;
}
.eaw-cm-text {
  font-size: 0.88em;
  line-height: 1.7;
  color: #444;
}


/* آیکون‌های مدرن SVG */
.eaw-micon-wrap,
.eaw-micon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: inherit;
}
.eaw-micon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.eaw-d-icon-circle .eaw-micon-wrap,
.eaw-d-icon-circle .eaw-micon {
  width: 18px;
  height: 18px;
}


/* ========================================
   حالت نمایش موبایل (اولویت اول – ۹۰٪ کاربران)
   Mobile-first layout for EAW widgets
   ======================================== */

@media (max-width: 767px) {

  /* ---- پایه ---- */
  .eaw-designed,
  .eaw-d-shell,
  .eaw-tb,
  .eaw-pb,
  .eaw-np2,
  .eaw-faq2,
  .eaw-ais,
  .eaw-gl,
  .eaw-ls,
  .eaw-cm {
    margin-bottom: 16px !important;
  }

  .eaw-d-shell {
    border-radius: 18px !important;
    padding: 12px !important;
  }

  .eaw-d-body {
    border-radius: 14px !important;
    padding: 14px 12px !important;
  }

  .eaw-d-header {
    padding: 2px 2px 12px !important;
    gap: 8px !important;
  }

  .eaw-d-header-title {
    font-size: 1em !important;
  }

  .eaw-d-icon-circle {
    width: 34px !important;
    height: 34px !important;
    font-size: 13px !important;
  }

  .eaw-d-text {
    font-size: 14px !important;
    line-height: 1.85 !important;
    text-align: right !important;
  }

  .eaw-d-btn {
    width: 100% !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    justify-content: center !important;
  }

  .eaw-d-footer {
    margin-top: 14px !important;
  }

  /* ---- عنوان: ستونی جذاب ---- */
  .eaw-tb-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    border-radius: 18px !important;
    padding: 14px !important;
    min-height: 0 !important;
    gap: 12px !important;
  }

  .eaw-tb-right {
    width: 100% !important;
    gap: 10px !important;
  }

  .eaw-tb-title {
    font-size: 0.98em !important;
    line-height: 1.5 !important;
  }

  .eaw-tb-note {
    flex-wrap: wrap;
  }

  .eaw-tb-note-text {
    font-size: 12px !important;
  }

  .eaw-tb-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  /* ---- پاراگراف: آیکون بالای متن در موبایل ---- */
  .eaw-pb-layout {
    flex-direction: column-reverse !important;
    gap: 10px !important;
  }

  .eaw-pb-side {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 0 !important;
    align-self: flex-start;
  }

  .eaw-pb-box {
    border-radius: 16px !important;
    padding: 14px 12px !important;
  }

  /* ---- تو در تو ---- */
  .eaw-np2-row {
    flex-direction: column-reverse !important;
    gap: 10px !important;
  }

  .eaw-np2-side {
    flex-direction: row !important;
    align-self: flex-start;
    gap: 8px !important;
  }

  .eaw-np2-child {
    margin: 0 0 12px !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .eaw-np2-box {
    border-radius: 16px !important;
    padding: 14px 12px !important;
  }

  /* ---- لیست ---- */
  .eaw-ls-item {
    gap: 10px !important;
    padding: 6px 0 !important;
  }

  .eaw-ls-level-2 {
    padding-right: 14px !important;
  }

  .eaw-ls-text {
    font-size: 14px !important;
  }

  .eaw-ls-link {
    font-size: 11px !important;
    padding: 4px 10px !important;
  }

  /* ---- FAQ ---- */
  .eaw-faq2-shell {
    border-radius: 18px !important;
    padding: 12px !important;
  }

  .eaw-faq2-item {
    border-radius: 14px !important;
  }

  .eaw-faq2-item.is-open {
    border-radius: 14px !important;
  }

  .eaw-faq2-question {
    padding: 12px !important;
    gap: 8px !important;
  }

  .eaw-faq2-q-text {
    font-size: 0.9em !important;
  }

  .eaw-faq2-chevron {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }

  .eaw-faq2-answer {
    padding: 0 12px 14px !important;
  }

  .eaw-faq2-answer-body {
    flex-direction: column-reverse !important;
    gap: 8px !important;
  }

  .eaw-faq2-answer-text {
    font-size: 13.5px !important;
    text-align: right !important;
    line-height: 1.85 !important;
  }

  .eaw-faq2-arrow {
    align-self: flex-start;
  }

  /* ---- خلاصه AI ---- */
  .eaw-ais-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .eaw-ais-badge {
    order: 2;
  }

  .eaw-ais-body {
    min-height: 120px !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  /* ---- لغت‌نامه ---- */
  .eaw-gl-text {
    font-size: 14px !important;
    text-align: right !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
  }

  /* ---- نظرات: کارت تمام‌عرض اسکرول ---- */
  .eaw-cm-track {
    gap: 10px !important;
    margin: 0 -4px;
    padding: 0 4px 8px !important;
  }

  .eaw-cm-card {
    flex: 0 0 85% !important;
    max-width: 280px;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .eaw-cm-avatar {
    width: 42px !important;
    height: 42px !important;
  }

  /* ---- محصولات / مقالات ---- */
  .eaw-products-grid,
  .eaw-products-slider {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .eaw-rp-card {
    padding: 10px !important;
  }

  /* ---- اسلایدر عکس ---- */
  .eaw-slider-viewport {
    height: 200px !important;
    border-radius: 12px !important;
  }

  .eaw-slider-arrow {
    width: 32px !important;
    height: 32px !important;
  }

  /* ---- جدول: اسکرول افقی نرم ---- */
  .eaw-table-responsive {
    margin: 0 -4px;
    padding: 0 4px;
  }

  .eaw-table {
    font-size: 12.5px !important;
  }

  .eaw-table thead th,
  .eaw-table tbody td {
    padding: 8px 10px !important;
  }

  /* ---- CTA ---- */
  .eaw-cta-box {
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }

  .eaw-cta-actions {
    flex-direction: column !important;
    width: 100%;
  }

  /* ---- کاهش انیمیشن سنگین ---- */
  .eaw-designed,
  .eaw-designed * {
    animation-duration: 0.2s !important;
  }

  .eaw-designed:hover,
  .eaw-d-btn:hover {
    transform: none !important;
  }
}

/* خیلی کوچک */
@media (max-width: 380px) {
  .eaw-products-grid,
  .eaw-products-slider {
    grid-template-columns: 1fr !important;
  }

  .eaw-cm-card {
    flex: 0 0 92% !important;
  }

  .eaw-d-header-title {
    font-size: 0.95em !important;
  }
}

/* تبلت – میانه */
@media (min-width: 768px) and (max-width: 1024px) {
  .eaw-d-shell {
    border-radius: 22px;
    padding: 14px;
  }

  .eaw-tb-bar {
    padding: 12px 14px;
  }

  .eaw-products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}


/* ---- لیست: فاصله کم + لینک توضیحات بیشتر انتهای خط ---- */
.eaw-ls-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.eaw-ls-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 2px;
  margin: 0;
}

.eaw-ls-level-2 {
  padding-right: 26px;
  opacity: 0.95;
}

.eaw-ls-bullets {
  position: relative;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 7px;
}

.eaw-ls-dot {
  position: absolute;
  border-radius: 50%;
  box-sizing: border-box;
}

.eaw-ls-dot-outer {
  width: 14px;
  height: 14px;
  top: 0;
  right: 0;
  border: 1.5px solid #888;
  background: transparent;
}

.eaw-ls-dot-inner {
  width: 6px;
  height: 6px;
  top: 4px;
  right: 4px;
  background: #555;
  border: none;
}

.eaw-ls-level-2 .eaw-ls-dot-outer {
  width: 11px;
  height: 11px;
  border-color: #aaa;
}

.eaw-ls-level-2 .eaw-ls-dot-inner {
  width: 4px;
  height: 4px;
  top: 3.5px;
  right: 3.5px;
  background: #888;
}

.eaw-ls-line {
  flex: 1;
  min-width: 0;
  line-height: 1.75;
  font-size: 14.5px;
  color: #1a1a1a;
}

.eaw-ls-text {
  display: inline;
}

/* لینک ریز انتهای همان خط */
.eaw-ls-more {
  display: inline;
  margin-right: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #c27d00;
  text-decoration: none;
  border-bottom: 1px dashed #e2a61b;
  white-space: nowrap;
}

.eaw-ls-more:hover {
  color: #8a5a00;
  border-bottom-style: solid;
}

/* FAQ لینک */
.eaw-faq2-answer-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.eaw-faq2-more-link {
  font-size: 12.5px;
  font-weight: 600;
  color: #c27d00;
  text-decoration: none;
  border-bottom: 1px dashed #e2a61b;
}

@media (max-width: 767px) {
  .eaw-ls-items { gap: 1px; }
  .eaw-ls-item { padding: 3px 0; gap: 8px; }
  .eaw-ls-level-2 { padding-right: 18px; }
  .eaw-ls-line { font-size: 13.5px; }
  .eaw-ls-more { font-size: 11.5px; display: inline-block; margin-top: 2px; }
}


/* ---- محصولات مرتبط: عکس سفید + کادر کم‌رنگ ---- */
.eaw-related-products,
.eaw-related-products.eaw-box {
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 24px !important;
  padding: 16px !important;
  box-shadow: none !important;
}

.eaw-related-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 0;
  border: none !important;
}

.eaw-related-title {
  margin: 0;
  font-size: 1.05em;
  font-weight: 800;
  color: #111 !important;
}

.eaw-products-grid,
.eaw-products-slider {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

.eaw-product-card {
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 14px !important;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: none !important;
  transform: none !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
}

.eaw-product-card:hover {
  border-color: #ccc !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
  transform: translateY(-2px) !important;
}

.eaw-product-thumb {
  aspect-ratio: 1 / 1;
  height: auto !important;
  background: #ffffff !important;
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eaw-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* برای عکس‌های زمینه سفید */
  display: block;
  transform: none !important;
  background: #fff;
}

.eaw-product-card:hover .eaw-product-thumb img {
  transform: none !important;
}

.eaw-product-thumb-ph {
  background: #f5f5f5 !important;
  color: #999 !important;
}

.eaw-product-body {
  padding: 10px 12px 12px;
  background: #f3f3f3;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.eaw-product-title {
  font-size: 0.88em;
  font-weight: 600;
  color: #1a1a1a !important;
  line-height: 1.4;
}

.eaw-product-price {
  font-size: 0.9em;
  font-weight: 700;
  color: #333 !important;
}

.eaw-product-cta {
  font-size: 0.78em;
  font-weight: 600;
  color: #888 !important;
  margin-top: auto;
  padding-top: 4px;
}

.eaw-product-card:hover .eaw-product-cta {
  color: #555 !important;
}

/* اینفوگرافیک */
.eaw-ig-frame {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
}

.eaw-ig-frame img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

.eaw-ig-caption {
  margin: 12px 0 0;
  font-size: 0.88em;
  color: #666;
  text-align: center;
  line-height: 1.6;
}

/* خنثی‌سازی رنگ‌های قدیمی CTA / AI / خلاصه */
.eaw-cta-box,
.eaw-infographic-box,
.eaw-ai-summary-box,
.eaw-summary-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (max-width: 767px) {
  .eaw-products-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .eaw-product-body {
    padding: 8px;
  }
}


/* ========================================
   لیست اسلایدی (eaw-sl)
   ======================================== */
.eaw-sl {
  margin-bottom: 24px;
  direction: rtl;
}

.eaw-sl-body {
  position: relative;
  padding-bottom: 12px !important;
}

.eaw-sl-viewport {
  overflow: hidden;
  width: 100%;
}

.eaw-sl-track {
  display: flex;
  gap: 12px;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.eaw-sl-card {
  flex: 0 0 calc( (100% - (var(--eaw-sl-desk, 5) - 1) * 12px) / var(--eaw-sl-desk, 5) );
  max-width: calc( (100% - (var(--eaw-sl-desk, 5) - 1) * 12px) / var(--eaw-sl-desk, 5) );
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 14px;
  padding: 16px 14px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 110px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.eaw-sl-card--link {
  cursor: pointer;
}

.eaw-sl-card--link:hover {
  border-color: #ccc;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
}

.eaw-sl-card-text {
  flex: 1;
  font-size: 14px;
  line-height: 1.75;
  color: #1a1a1a;
  font-weight: 500;
}

.eaw-sl-card-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}

.eaw-sl-card-more-label {
  font-size: 12px;
  font-weight: 700;
  color: #9a6b00;
}

.eaw-sl-card-more-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff8e7;
  border: 1px solid #f0d78c;
  color: #c27d00;
  flex-shrink: 0;
}

.eaw-sl-card-more-icon svg {
  display: block;
}

.eaw-sl-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}

.eaw-sl-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: background 0.15s, border-color 0.15s;
}

.eaw-sl-btn:hover {
  background: #f5f5f5;
  border-color: #bbb;
}

.eaw-sl-btn:disabled {
  opacity: 0.35;
  cursor: default;
}

@media (max-width: 767px) {
  .eaw-sl-card {
    flex: 0 0 calc( (100% - (var(--eaw-sl-mob, 2) - 1) * 10px) / var(--eaw-sl-mob, 2) );
    max-width: calc( (100% - (var(--eaw-sl-mob, 2) - 1) * 10px) / var(--eaw-sl-mob, 2) );
    min-height: 100px;
    padding: 12px;
    border-radius: 12px;
  }
  .eaw-sl-track {
    gap: 10px;
  }
  .eaw-sl-card-text {
    font-size: 13px;
  }
}