.apd-frontend-wrap { direction: rtl; text-align: right; margin-top: 40px; }
.apd-section { margin-bottom: 36px; }
.apd-section-title { font-size: 22px; font-weight: 700; margin-bottom: 18px; border-inline-start: 4px solid var(--apd-notes-color, #b08d57); padding-inline-start: 12px; }

/* افکت ورود ملایم هنگام اسکرول */
.apd-section.apd-animate { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.apd-section.apd-animate.apd-in-view { opacity: 1; transform: translateY(0); }

/* ---------- هرم رایحه ---------- */
.apd-pyramid { display: flex; flex-direction: column; gap: 20px; }
.apd-layout-grid .apd-pyramid { flex-direction: row; flex-wrap: wrap; gap: 28px; }
.apd-layout-grid .apd-pyramid-tier { flex: 1; min-width: 200px; }

.apd-pyramid-tier h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #6b4f2a; }
.apd-note-list { display: flex; flex-wrap: wrap; gap: 16px; }

.apd-note-item { display: flex; flex-direction: column; align-items: center; width: 90px; text-align: center; background: none; border: none; padding: 0; font-family: inherit; cursor: default; }
button.apd-note-item { cursor: pointer; }
button.apd-note-item:hover .apd-note-img { transform: scale(1.06); box-shadow: 0 4px 14px rgba(176,141,87,.35); }
button.apd-note-item:hover .apd-note-label { color: var(--apd-notes-color, #b08d57); }

.apd-note-img { width: 72px; height: 72px; object-fit: cover; border: 2px solid #eee2d0; margin-bottom: 6px; transition: transform .25s ease, box-shadow .25s ease; }
.apd-shape-circle .apd-note-img, .apd-shape-circle.apd-note-item .apd-note-img { border-radius: 50%; }
.apd-shape-square .apd-note-img, .apd-shape-square.apd-note-item .apd-note-img { border-radius: 10px; }
.apd-note-label { font-size: 13px; color: #333; transition: color .2s ease; }

/* ---------- عطار ---------- */
.apd-perfumer-card { display: flex; gap: 20px; align-items: center; background: #faf7f2; border-radius: 10px; padding: 20px; border: none; text-align: right; width: 100%; font-family: inherit; cursor: default; }
button.apd-perfumer-card { cursor: pointer; transition: box-shadow .2s ease; }
button.apd-perfumer-card:hover { box-shadow: 0 4px 18px rgba(0,0,0,.08); }
.apd-perfumer-left { flex-direction: row-reverse; text-align: left; }
.apd-perfumer-photo { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; flex-shrink: 0; }
.apd-perfumer-name { margin: 0 0 2px; font-size: 18px; }
.apd-perfumer-role { display: block; font-size: 13px; color: #8a6d3b; margin-bottom: 6px; }
.apd-perfumer-bio { margin: 0; color: #555; line-height: 1.8; }
.apd-perfumer-more { font-size: 13px; color: var(--apd-notes-color, #b08d57); }

/* ---------- عملکرد رایحه ---------- */
.apd-performance-meters { display: flex; flex-direction: column; gap: 14px; max-width: 420px; }
.apd-meter-row { display: flex; align-items: center; gap: 12px; }
.apd-meter-label { width: 110px; font-size: 14px; }
.apd-meter-bar { flex: 1; height: 10px; background: #eee; border-radius: 6px; overflow: hidden; }
.apd-meter-fill { height: 100%; background: var(--apd-perf-color, #b08d57); border-radius: 6px; transition: width .8s ease; }
.apd-meter-stars { flex: 1; color: var(--apd-perf-color, #b08d57); letter-spacing: 2px; font-size: 16px; }
.apd-meter-value { width: 36px; font-size: 13px; color: #666; }

/* ---------- مودال یادداشت ---------- */
.apd-modal-overlay { position: fixed; inset: 0; background: rgba(20,15,10,.55); display: flex; align-items: center; justify-content: center; z-index: 100000; opacity: 0; transition: opacity .2s ease; padding: 16px; }
.apd-modal-overlay.apd-modal-open { opacity: 1; }
.apd-modal-box { direction: rtl; text-align: center; background: #fff; border-radius: 12px; padding: 28px 24px; max-width: 380px; width: 100%; position: relative; transform: translateY(10px); transition: transform .2s ease; }
.apd-modal-overlay.apd-modal-open .apd-modal-box { transform: translateY(0); }
.apd-modal-close { position: absolute; top: 10px; left: 12px; background: none; border: none; font-size: 16px; cursor: pointer; color: #888; }
.apd-modal-close:hover { color: #000; }
.apd-modal-image { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; margin: 0 auto 14px; display: block; }
.apd-modal-title { margin: 0 0 10px; font-size: 18px; }
.apd-modal-desc { margin: 0; color: #555; line-height: 1.9; font-size: 14px; white-space: pre-line; }

@media (max-width: 600px) {
	.apd-perfumer-card, .apd-perfumer-left { flex-direction: column; align-items: center; text-align: center; }
}