:root{--bg:#141311;--panel:#1d1b18;--panel2:#24201c;--wood:#bd8659;--wood-light:#deb48a;--muted:#aaa099;--line:rgba(231,206,181,.15);--white:#f3ede4}
html{scroll-padding-top:80px}.brand-image{width:55px;height:55px;object-fit:cover;object-position:center;border-radius:12px;border:1px solid #8f653e;flex-shrink:0}.brand-name{font-weight:900}.brand-name small{font-family:Arial,sans-serif!important;font-weight:400}.hero h1 em{color:#d7a46d}.arghanoon-hero-visual{background:linear-gradient(110deg,#342718,#11100f)}.arghanoon-hero-visual .hero-photo{background:radial-gradient(circle at 50% 39%,#6c5032 0%,#292018 42%,#13110f 90%);filter:none}.arghanoon-hero-visual .hero-photo:after{content:'𝄞';font:440px Georgia,serif;opacity:.08;color:#ecd3ab;position:absolute;inset:0;display:grid;place-items:center}.hero-brand-logo{position:absolute;z-index:2;width:73%;top:8%;right:13.5%;height:78%;object-fit:contain;box-shadow:0 12px 45px #0008;mask-image:linear-gradient(#000 75%,transparent 100%)}.arghanoon-hero-visual .hero-visual-label{left:0;right:0;text-align:center;align-items:center}.arghanoon-hero-visual .hero-stamp{z-index:3}.mentor-card{display:block}.mentor-avatar{height:auto;aspect-ratio:1/1;background:#e7ddd3}.mentor-avatar:before{display:none}.mentor-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.mentor-copy{min-height:110px}.mentor-copy p{line-height:1.85;margin:3px 0}.mentor-index{background:#161411ab;padding:6px 10px;border:1px solid #b58d5b;border-radius:20px}.tuition-section{background:#191714}.tuition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tuition-card{background:linear-gradient(135deg,#2b221b,#1e1b18);border:1px solid #6b4f36;padding:33px}.tuition-top{display:flex;justify-content:space-between;color:#bb9b80;font-size:12px;gap:20px}.tuition-card h3{font-size:26px;margin:21px 0 5px}.tuition-price{border-top:1px solid #47392f;border-bottom:1px solid #47392f;margin:24px 0;padding:16px 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tuition-price strong{font-size:35px;color:#e5ba86}.tuition-price small{font-size:13px;color:#ae9c8b}.tuition-price .tuition-ask{font-size:24px}.tuition-card ul{padding:0;margin:0 0 25px;list-style:none;color:#d2c4b7}.tuition-card li{padding:8px 18px 8px 0;position:relative;font-size:13px}.tuition-card li:before{content:'✦';position:absolute;right:0;color:#c3966e;font-size:11px}.tuition-card .btn{width:100%}.register-banner-section{background:#12110f}.banner-layout{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:48px}.banner-layout h2{font-size:clamp(28px,3.2vw,44px);margin:0}.banner-layout p:not(.eyebrow){line-height:2.35;font-size:15px;color:#a99a8a;margin:25px 0}.banner-layout img{width:100%;max-width:460px;justify-self:center;border-radius:10px;border:1px solid #775f40}.contact-info-box{gap:13px}.contact-info-box a{font-size:15px;color:#e0b588}.contact-info-box .contact-phone{direction:ltr;align-self:flex-end;font:700 22px Tahoma,sans-serif;letter-spacing:.8px}.contact-info-box .instagram-link{font:14px Arial,sans-serif;direction:ltr;align-self:flex-end}.contact-form .form-head span:last-child{font:11px Arial,sans-serif}#about,#courses,#tuition,#teachers,#contact{scroll-margin-top:77px}
@media(max-width:860px){.mentor-card{display:block}.mentor-avatar{width:100%;height:auto}.mentor-copy{min-height:110px}.tuition-grid{grid-template-columns:1fr}.banner-layout{gap:25px}}
@media(max-width:620px){.brand-image{height:44px;width:44px}.hero-brand-logo{width:58%;right:21%;height:68%;top:13%}.arghanoon-hero-visual .hero-visual-label strong{font-size:15px}.mentor-avatar{width:100%;height:auto}.mentor-card{display:block}.mentor-copy{padding:15px 0;min-height:0}.tuition-card{padding:24px}.banner-layout{grid-template-columns:1fr}.banner-layout img{max-width:340px}.contact-info-box .contact-phone{font-size:21px}}

.hero-kicker{color:#d2b18c;font-weight:700;font-size:14px;margin:12px 0 0;line-height:2}

/* ۱۴۰۵ — نسخه سنتی مدرن ارغنون: لمس چوب، خطوط ظریف موسیقی و نقش هندسی */
:root{--bg:#151310;--panel:#211c17;--panel2:#29221c;--wood:#b98a5b;--wood-light:#e4ba86;--line:rgba(221,177,125,.21)}
body{background:#151310}
.header{background:rgba(21,18,15,.96);border-bottom:1px solid #644b36}
.header-inner{gap:27px}.brand-name small{font-family:inherit!important;font-size:10px;letter-spacing:0;color:#cebca3}
.hero-visual,.start-panel,.about-art{border-radius:18px;overflow:hidden}
.hero-stamp{border:5px solid #1d1712}.hero-stamp span{font-family:inherit;letter-spacing:0;font-weight:900}
.hero-visual-label span{font-family:inherit;letter-spacing:0;font-size:12px}
.features-strip{background:repeating-linear-gradient(95deg,#242019,#242019 7px,#272119 8px,#1c1916 16px)}
.section{position:relative}
.section-heading h2{font-weight:900}
.courses-section,.tuition-section{background-color:#211b16;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 36px,rgba(196,143,89,.042) 37px,transparent 38px)}
.courses-section:before,.teachers-section:before{content:'✥';position:absolute;left:3%;top:36px;color:#b98a5b18;font-size:135px;pointer-events:none}
.category-tabs button{border-radius:999px;padding:10px 18px}
.course-card,.mentor-card,.tuition-card{border-radius:13px;overflow:hidden;box-shadow:0 12px 35px #09080644}
.course-card{min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.course-card-body{padding:21px}
.course-art{height:170px;background:radial-gradient(circle at 48% 20%,#765234,#2f241a 65%,#181410)}
.course-glyph{font-size:92px}.course-persian-label{position:absolute;bottom:12px;left:16px;font-size:11px;z-index:1;color:#f0d8ba}
.tuition-card{background:radial-gradient(circle at 95% 0%,#392b20,#211b17 65%);border:1px solid #795838}
.tuition-card h3{font-weight:900}
/* چهار دوره در یک ردیف + اسکرول افقی */
.carousel-wrap{position:relative;min-width:0}
.carousel-actions{display:flex;align-items:center;gap:9px;justify-content:flex-start;margin-bottom:14px}
.carousel-hint{font-size:11px;color:#baaa96;margin-right:12px}
.carousel-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #75573b;border-radius:50%;font:23px Tahoma;color:#f1c99b;background:#241e18;transition:.2s}
.carousel-arrow:hover{color:#17110d;background:#dfb17e}
.horizontal-carousel{display:grid!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#9a704b transparent;padding-bottom:13px;align-items:stretch;direction:rtl}
.courses-grid.horizontal-carousel{grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 17px) / 4);grid-template-columns:none!important;gap:17px}
.course-card[hidden]{display:none!important}
/* سه استاد در یک ردیف + اسکرول افقی */
.mentor-grid.horizontal-carousel{grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 18px) / 3);grid-template-columns:none!important;gap:18px}
.mentor-card{scroll-snap-align:start;scroll-snap-stop:always;min-width:0;display:flex;flex-direction:column}
.mentor-avatar{flex:0 0 auto;aspect-ratio:1/1;overflow:hidden;border-radius:8px}
.mentor-copy{min-height:118px;padding:19px 5px 7px}
.mentor-copy h3{font-weight:900}
.mentor-index{font-family:inherit;font-weight:700}
/* بنر و فرم هم‌اندازه؛ محتوای پوستر بدون برش */
.contact-section{background:#171411}
.contact-heading{margin-bottom:35px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}
.registration-visual{position:relative;min-height:0;border-radius:19px;overflow:hidden;border:1px solid #9b7450;background:#e6ded4;box-shadow:0 15px 45px #0003;align-self:stretch}
.registration-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.registration-visual>span{display:grid;height:100%;place-items:center;color:#3d2b1a;font-weight:900;padding:30px;text-align:center}
.contact-form{border-radius:19px;padding:27px;background:linear-gradient(137deg,#34291e,#241e19 40%,#1e1a16);border:1px solid #7e6043;box-shadow:0 15px 45px #0003}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:8px;background:#1a1714}
.contact-form textarea{min-height:80px}
.form-head span:last-child{font-size:12px;font-family:inherit!important;color:#e4ba86}
.registration-contact-strip{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:13px;margin-top:23px;padding:21px 24px;border:1px solid #594435;border-radius:14px;background:#29221b;color:#d3c2b0;font-size:12px;line-height:2}
.registration-contact-strip strong{color:#e9ba80;font-size:14px}
.registration-contact-strip a{color:#eec28d}
.designer-credit{color:#ddb88f;border-bottom:1px solid #986e48;padding-bottom:2px;transition:.2s}
.designer-credit:hover{color:#fff0d7}
.footer-bottom span:last-child{font:inherit;letter-spacing:0;direction:rtl}
@media(max-width:1080px){.courses-grid.horizontal-carousel{grid-auto-columns:calc((100% - 2 * 14px) / 3);gap:14px}}
@media(max-width:860px){.courses-grid.horizontal-carousel{grid-auto-columns:calc((100% - 12px) / 2);gap:12px}.mentor-grid.horizontal-carousel{grid-auto-columns:calc((100% - 14px) / 2);gap:14px}.contact-grid{gap:16px}.registration-contact-strip{justify-content:flex-start}}
@media(max-width:620px){.section{padding:69px 0}.courses-grid.horizontal-carousel{grid-auto-columns:83%;gap:12px}.mentor-grid.horizontal-carousel{grid-auto-columns:83%;gap:12px}.course-art{height:175px}.contact-grid{grid-template-columns:1fr}.registration-visual{height:460px;order:2;min-height:460px}.contact-form{order:1;padding:23px}.registration-contact-strip{flex-direction:column;align-items:flex-start}.carousel-actions{margin-bottom:12px}.carousel-hint{font-size:10px}.hero-visual,.start-panel{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.horizontal-carousel{scroll-behavior:auto}.course-card,.mentor-card{transition:none}}

/* اجبار اعمال فونت فارسی در تمامی نوشته‌ها، نه فقط متن اصلی */
.eyebrow,.about-art-caption,.disc-label span,.hero-visual-label span,.contact-form .form-head span:last-child,.footer-bottom span:last-child,.brand-name small,.feature-num,.hero-stamp span{font-family:'ArghanoonUploaded','YekanBakhArghanoon',Tahoma,sans-serif!important;letter-spacing:0!important}

/* نسخه ۹: تصاویر اختصاصی دوره‌ها؛ بدون تغییر اندازه کارت در زمان بارگذاری */
.course-art{background:#2b2119;isolation:isolate}
.course-art::before{display:none}
.course-art::after{background:linear-gradient(0deg,rgba(18,13,10,.66),rgba(18,13,10,.02) 62%);z-index:1}
.course-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease;filter:saturate(.85)}
.course-card:hover .course-photo{transform:scale(1.055)}
.course-persian-label{z-index:2;right:15px;left:auto;padding:5px 10px;border-radius:5px;background:rgba(18,14,10,.55)}
/* Prevent page scroll anchoring while the horizontal auto-carousel advances */
.horizontal-carousel{overflow-anchor:none;scroll-padding-inline:0;}


/* نسخه ۱۰ — دوره‌های سه‌ستونه، نمایش کامل تصاویر و نام خوانای اساتید */
/* Desktop: exactly 3 cards across in one horizontal row. */
.courses-grid.horizontal-carousel{grid-auto-columns:calc((100% - 2 * 18px) / 3);gap:18px}
/* Instrument images are square, so preserve the entire picture instead of cropping it. */
.course-art{height:auto;aspect-ratio:1 / 1;min-height:0;background:#241c16}
.course-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none}
.course-card:hover .course-photo{transform:none}
/* Also prevent any cropping of faculty posters. */
.mentor-avatar img{object-fit:contain;object-position:center}
.mentor-copy h3{font-weight:700}
/* Remove number badge, including old cached HTML for safety. */
.mentor-index{display:none!important}
/* SVG icons do not inherit text baseline misalignment inside round controls. */
.carousel-arrow{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:0;vertical-align:middle;flex-shrink:0}
.carousel-arrow svg{width:18px;height:18px;display:block;flex:0 0 18px}
@media(max-width:860px){.courses-grid.horizontal-carousel{grid-auto-columns:calc((100% - 14px) / 2);gap:14px}}
@media(max-width:620px){.courses-grid.horizontal-carousel{grid-auto-columns:83%;gap:12px}.course-art{height:auto;aspect-ratio:1/1}}


/* نسخه ۱۱: رفع برش نشان و هماهنگی لوگوی طلایی با پس زمینه */
/* جای دایره کاملاً داخل کارت است تا overflow:hidden گوشه های آن را نبُرد. */
.arghanoon-hero-visual{
  position:relative;
  margin-left:0;
  overflow:hidden;
  border-radius:18px;
  background:radial-gradient(ellipse at 52% 41%,#2c221b 0%,#16130f 68%,#100f0d 100%);
}
.arghanoon-hero-visual .hero-photo{
  inset:0;
  background:radial-gradient(ellipse at 53% 40%,#5a3c241c 0%,transparent 65%);
  pointer-events:none;
}
.arghanoon-hero-visual .hero-photo::after{
  font-size:clamp(180px,25vw,360px);
  opacity:.035;
}
.hero-brand-logo{
  position:absolute;
  display:block;
  width:77%;
  height:77%;
  top:7%;
  right:11.5%;
  object-fit:contain;
  object-position:center;
  z-index:2;
  box-shadow:none;
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 83%,transparent 99%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 83%,transparent 99%);
  pointer-events:none;
}
.arghanoon-hero-visual .hero-stamp{
  position:absolute;
  z-index:4;
  top:20px;
  left:20px;
  right:auto;
  width:88px;
  height:88px;
  padding:0;
  margin:0;
  box-sizing:border-box;
  transform:none;
  border:2px solid #e0b584;
  box-shadow:0 5px 18px #0005, inset 0 0 0 4px #291d14;
  background:#c49a6b;
  color:#2b1b10;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:0;
  overflow:hidden;
}
.arghanoon-hero-visual .hero-stamp strong{font:29px Georgia,serif;line-height:1.2}
.arghanoon-hero-visual .hero-stamp span{font-size:10px;line-height:1.4;font-weight:700}
.arghanoon-hero-visual .hero-visual-label{z-index:3}
@media (max-width:860px){
  .arghanoon-hero-visual{margin-left:0}
  .arghanoon-hero-visual .hero-stamp{top:14px;left:14px;width:72px;height:72px}
  .arghanoon-hero-visual .hero-stamp strong{font-size:24px}
  .arghanoon-hero-visual .hero-stamp span{font-size:9px}
}
@media (max-width:620px){
  .arghanoon-hero-visual{margin:0;height:310px;border-radius:12px}
  .hero-brand-logo{width:75%;height:80%;top:7%;right:12.5%}
  .arghanoon-hero-visual .hero-stamp{width:61px;height:61px;top:12px;left:12px;border-width:1px;box-shadow:0 4px 12px #0004, inset 0 0 0 3px #291d14}
  .arghanoon-hero-visual .hero-stamp strong{font-size:20px}
  .arghanoon-hero-visual .hero-stamp span{font-size:8px}
  .arghanoon-hero-visual .hero-visual-label{right:12px;left:12px;bottom:15px;text-align:center}
}