/* ═══ بخش‌ها ═══ */
#hp-page .section{padding:40px 0}
#hp-page .sec-head{text-align:center;margin-bottom:24px}
#hp-page .sec-head h2{font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:900;color:#1a4b2b}
#hp-page .orn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;color:#c9a227}
#hp-page .orn::before,#hp-page .orn::after{content:"";width:56px;height:1px}
#hp-page .orn::before{background:linear-gradient(90deg,transparent,#c9a227)}
#hp-page .orn::after{background:linear-gradient(90deg,#c9a227,transparent)}
#hp-page .panel{background:#fff;border:1px solid #eadfc4;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(26,75,43,.1)}
#hp-page .panel-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed #e3d7b8}
#hp-page .panel-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(135deg,rgba(201,162,39,.18),rgba(35,79,46,.1));color:#234f2e;border:1px solid rgba(201,162,39,.3)}
#hp-page .panel-icon .icon{width:19px;height:19px}
#hp-page .panel-head h2{font-size:1.05rem;font-weight:900;color:#1a4b2b}

/* ═══ آثار + CD ═══ */
#hp-page .works-cd-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:stretch}
#hp-page .books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
#hp-page .book-card{background:#faf6ed;border:1px solid #eadfc4;border-radius:14px;overflow:hidden;transition:.35s}
#hp-page .book-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(26,75,43,.1)}
#hp-page .book-cover{height:140px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#234f2e,#14381f);overflow:hidden}
#hp-page .book-cover img{width:100%;height:100%;object-fit:cover}
#hp-page .book-cover .icon{width:42px;height:42px;color:rgba(236,217,160,.6)}
#hp-page .book-body{padding:12px;text-align:center}
#hp-page .book-body h3{font-size:.85rem;font-weight:800;color:#1a4b2b;line-height:1.6}
#hp-page .cd-list{display:flex;flex-direction:column;gap:12px}
#hp-page .cd-mini{display:flex;align-items:center;gap:12px;background:#faf6ed;border:1px solid #eadfc4;border-radius:12px;padding:12px;transition:.35s}
#hp-page .cd-mini:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,75,43,.1)}
#hp-page .cd-disc{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle,#faf6ed 18%,#234f2e 19%,#1a4b2b 100%);border:2px solid #c9a227;transition:.35s}
#hp-page .cd-disc img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#hp-page .cd-disc .icon{width:19px;height:19px;color:#ecd9a0}
#hp-page .cd-mini:hover .cd-disc{transform:rotate(20deg)}
#hp-page .cd-info{flex:1;min-width:0}
#hp-page .cd-info h3{font-size:.82rem;font-weight:800;color:#1a4b2b;line-height:1.6}
#hp-page .cd-info span{font-size:.68rem;color:#6b7a68}
#hp-page .cd-btn{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;
  background:linear-gradient(135deg,#234f2e,#1a4b2b);color:#ecd9a0;transition:.35s}
#hp-page .cd-btn .icon{width:15px;height:15px}

/* ═══ اسلایدر ═══ */
#hp-page .slider-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(26,75,43,.16)}
#hp-page .slider-track{display:flex;transition:transform .6s cubic-bezier(.22,1,.36,1)}
#hp-page .slider-slide{flex:0 0 100%;min-height:400px}
#hp-page .slider-slide a{display:block;height:100%;position:relative}
#hp-page .slider-img{width:100%;height:400px;object-fit:cover}
#hp-page .slider-caption{position:absolute;bottom:0;left:0;right:0;padding:30px 40px;
  background:linear-gradient(to top,rgba(20,56,31,.95),transparent);color:#fff}
#hp-page .slider-caption h3{font-size:1.3rem;font-weight:900;margin-bottom:4px}
#hp-page .slider-caption p{font-size:.88rem;color:rgba(250,246,237,.9)}
#hp-page .slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  background:rgba(250,246,237,.2);backdrop-filter:blur(8px);color:#fff;z-index:3;display:grid;place-items:center;
  border:1px solid rgba(250,246,237,.3);transition:.3s}
#hp-page .slider-btn:hover{background:#c9a227;color:#241b09}
#hp-page .slider-btn .icon{width:18px;height:18px}
#hp-page .slider-prev{right:16px}
#hp-page .slider-next{left:16px}
#hp-page .slider-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
#hp-page .slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(250,246,237,.4);cursor:pointer;transition:.3s;border:none}
#hp-page .slider-dot.active{background:#c9a227;width:26px;border-radius:5px}

/* ═══ اخبار ═══ */
#hp-page .news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
#hp-page .news-card{background:#fff;border:1px solid #eadfc4;border-radius:16px;overflow:hidden;transition:.35s;display:flex;flex-direction:column}
#hp-page .news-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(26,75,43,.1)}
#hp-page .news-thumb{height:160px;background:linear-gradient(145deg,#234f2e,#14381f);display:grid;place-items:center;overflow:hidden}
#hp-page .news-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}
#hp-page .news-thumb .icon{width:48px;height:48px;color:rgba(236,217,160,.6)}
#hp-page .news-body{padding:14px 16px;flex:1}
#hp-page .news-body time{font-size:.72rem;color:#c9a227;font-weight:700}
#hp-page .news-body h3{font-size:.95rem;font-weight:900;color:#1a4b2b;margin:6px 0 8px;line-height:1.6}
#hp-page .news-body p{font-size:.82rem;color:#6b7a68;line-height:1.8}

/* ═══ دروس ═══ */
#hp-page .lessons{background:linear-gradient(180deg,#faf6ed,#f3ecdb)}
#hp-page .lesson-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}
#hp-page .lesson-tab{padding:10px 22px;border-radius:11px;font-weight:800;font-size:.85rem;
  background:#fff;color:#234f2e;border:1.5px solid #e3d7b8;transition:.35s}
#hp-page .lesson-tab:hover{border-color:#c9a227;color:#a9851c;transform:translateY(-2px)}
#hp-page .lesson-tab-active{background:linear-gradient(135deg,#234f2e,#1a4b2b);
  color:#ecd9a0;border-color:#234f2e;box-shadow:0 8px 20px rgba(35,79,46,.3)}
#hp-page .lesson-panel{display:none;background:#fff;border:1px solid #eadfc4;border-radius:18px;
  padding:22px;box-shadow:0 8px 24px rgba(26,75,43,.1)}
#hp-page .lesson-panel-active{display:block;animation:hpFade .45s ease}
@keyframes hpFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#hp-page .lesson-head{text-align:center;padding-bottom:12px;margin-bottom:4px;border-bottom:1px dashed #e3d7b8}
#hp-page .lesson-head h3{font-size:1.02rem;font-weight:900;color:#1a4b2b}
#hp-page .lesson-list{display:flex;flex-direction:column}
#hp-page .lesson-item{display:flex;align-items:center;gap:14px;padding:11px 4px;border-bottom:1px solid #f3ecd8}
#hp-page .lesson-item:last-child{border-bottom:none}
#hp-page .lesson-num{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(201,162,39,.2),rgba(35,79,46,.12));color:#a9851c;font-weight:900;font-size:.88rem}
#hp-page .lesson-info{flex:1;min-width:0}
#hp-page .lesson-info strong{display:block;font-size:.86rem;font-weight:800;color:#22301f}
#hp-page .lesson-info time{font-size:.7rem;color:#6b7a68}
#hp-page .lesson-actions{display:flex;gap:7px}
#hp-page .lesson-link{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  border:1.5px solid #234f2e;color:#234f2e;transition:.35s}
#hp-page .lesson-link .icon{width:14px;height:14px}
#hp-page .lesson-link:hover{background:#234f2e;color:#ecd9a0}

/* ═══ دو ستونه ═══ */
#hp-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}

/* ═══ پرسش و پاسخ ═══ */
#hp-page .qa-list{display:flex;flex-direction:column;gap:10px}
#hp-page .qa-item{background:#faf6ed;border:1px solid #eadfc4;border-radius:12px;overflow:hidden;transition:.35s}
#hp-page .qa-item.qa-open{box-shadow:0 8px 24px rgba(26,75,43,.1);border-color:rgba(201,162,39,.5)}
#hp-page .qa-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 16px;font-weight:800;font-size:.85rem;color:#1a4b2b;text-align:right}
#hp-page .qa-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;
  background:rgba(201,162,39,.14);color:#a9851c;font-size:1rem;transition:.35s}
#hp-page .qa-open .qa-icon{background:#c9a227;color:#241b09;transform:rotate(45deg)}
#hp-page .qa-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1)}
#hp-page .qa-a p{padding:0 16px 14px;color:#6b7a68;font-size:.82rem;line-height:2}
#hp-page .qa-more{display:inline-block;margin:0 16px 14px;font-size:.78rem;color:#c9a227;font-weight:700}

/* ═══ اطلاعیه‌ها ═══ */
#hp-page .notice-list{display:flex;flex-direction:column;gap:12px}
#hp-page .notice-row{display:flex;gap:14px;align-items:center;background:#faf6ed;
  border:1px solid #eadfc4;border-radius:12px;padding:12px;transition:.35s}
#hp-page .notice-row:hover{box-shadow:0 8px 24px rgba(26,75,43,.1);transform:translateY(-2px)}
#hp-page .notice-date{width:58px;flex-shrink:0;border-radius:10px;text-align:center;padding:8px 4px;
  background:linear-gradient(145deg,#234f2e,#1a4b2b);color:#fff}
#hp-page .nd-day{display:block;font-size:1.1rem;font-weight:900;color:#ecd9a0;line-height:1.3}
#hp-page .nd-month{font-size:.64rem;color:rgba(250,246,237,.8)}
#hp-page .notice-body{flex:1;min-width:0}
#hp-page .notice-body h3{font-size:.86rem;font-weight:800;color:#1a4b2b}
#hp-page .notice-body p{font-size:.74rem;color:#6b7a68;margin-top:2px}

/* ═══ در قاب رسانه + ویدیو ═══ */
#hp-page .frame-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#hp-page .frame-mini{background:#faf6ed;border:1px solid #eadfc4;border-radius:12px;overflow:hidden;transition:.35s}
#hp-page .frame-mini:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(26,75,43,.1)}
#hp-page .frame-mini-thumb{position:relative;height:86px;display:grid;place-items:center;
  background:linear-gradient(145deg,#234f2e,#14381f);overflow:hidden}
#hp-page .frame-mini-thumb img{width:100%;height:100%;object-fit:cover}
#hp-page .frame-mini-thumb .icon{width:28px;height:28px;color:rgba(236,217,160,.7)}
#hp-page .frame-badge{position:absolute;top:8px;right:8px;padding:2px 9px;border-radius:999px;
  background:#c9a227;color:#241b09;font-size:.6rem;font-weight:800}
#hp-page .video-duration{position:absolute;bottom:8px;left:8px;padding:2px 8px;border-radius:6px;
  background:rgba(0,0,0,.55);color:#fff;font-size:.6rem;font-weight:700}
#hp-page .frame-mini h3{font-size:.78rem;font-weight:800;color:#1a4b2b;padding:9px 10px;text-align:center}

/* ═══ گالری ═══ */
#hp-page .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
#hp-page .gallery-item{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1;display:block;background:linear-gradient(145deg,#234f2e,#14381f)}
#hp-page .gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}
#hp-page .gallery-item:hover img{transform:scale(1.1)}
#hp-page .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,56,31,.9),transparent 60%);
  display:flex;align-items:flex-end;padding:14px;opacity:0;transition:.35s}
#hp-page .gallery-item:hover .gallery-overlay{opacity:1}
#hp-page .gallery-overlay span{color:#fff;font-size:.82rem;font-weight:800}

/* ═══ ریسپانسیو صفحه اصلی ═══ */
@media(max-width:900px){
  #hp-page .works-cd-grid{grid-template-columns:1fr}
  #hp-page .two-col{grid-template-columns:1fr}
  #hp-page .hero-side{align-items:center}
}
@media(max-width:600px){
  #hp-page .lesson-tabs{gap:6px}
  #hp-page .lesson-tab{padding:8px 14px;font-size:.76rem}
  #hp-page .lesson-panel{padding:18px 14px}
  #hp-page .section{padding:32px 0}
  #hp-page .frame-mini-grid{grid-template-columns:1fr}
  #hp-page .slider-slide{min-height:260px}
  #hp-page .slider-img{height:260px}
  #hp-page .gallery-grid{grid-template-columns:repeat(2,1fr)}
  #hp-page .news-grid{grid-template-columns:1fr}
}
/* ═══ رفع بیرون‌زدگی در موبایل ═══ */
#hp-page{overflow-x:clip;max-width:100%}
#hp-page .container{max-width:100%}
#hp-page .two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#hp-page .works-cd-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
#hp-page .two-col>*,#hp-page .works-cd-grid>*{min-width:0;max-width:100%}
#hp-page .panel{min-width:0;max-width:100%}
#hp-page .qa-q{min-width:0}
#hp-page .qa-q span:first-child{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}
#hp-page .qa-a p,#hp-page .notice-body h3,#hp-page .notice-body p,
#hp-page .lesson-info strong,#hp-page .news-body h3,#hp-page .news-body p,
#hp-page .frame-mini h3,#hp-page .cd-info h3,#hp-page .book-body h3{overflow-wrap:break-word}
@media(max-width:900px){
  #hp-page .two-col{grid-template-columns:minmax(0,1fr)}
  #hp-page .works-cd-grid{grid-template-columns:minmax(0,1fr)}
}
/* ═══ لینک عنوان جلسه درس ═══ */
#hp-page .lesson-info strong a{color:#22301f;transition:.3s}
#hp-page .lesson-info strong a:hover{color:#a9851c}

/* ═══ دکمه پخش جدید (دایره گرادیانی + حلقه چرخان) ═══ */
#hp-page .lesson-link{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;
  background:linear-gradient(135deg,#234f2e,#1a4b2b);color:#ecd9a0;transition:.35s;box-shadow:0 4px 14px rgba(20,56,31,.3)}
#hp-page .lesson-link::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1.5px dashed rgba(201,162,39,.55);transition:.4s}
#hp-page .lesson-link .icon{width:15px;height:15px}
#hp-page .lesson-link:hover{background:linear-gradient(135deg,#d8b44a,#a9851c);color:#241b09;
  transform:translateY(-3px);box-shadow:0 8px 20px rgba(201,162,39,.45)}
#hp-page .lesson-link:hover::after{transform:rotate(120deg);border-color:rgba(201,162,39,.9)}