/* Only integration fixes live here. The approved reference stylesheet remains
   the visual source of truth for spacing, surfaces and section backgrounds. */
.agah-course-page,
.agah-course-page :where(p,span,a,button,input,textarea,label,li,strong,small,time),
.agah-unified-card,
.agah-unified-card *{font-family:'iransans',Tahoma,sans-serif!important}

/* Prices use the site's body face everywhere, by product requirement. */
.agah-course-page :where(.course-price-old,.old-price,.sticky-course-purchase-old-price,.course-price-current,.current-price,.sticky-course-purchase-price),
.agah-course-page :where(.course-price-old,.old-price,.sticky-course-purchase-old-price,.course-price-current,.current-price,.sticky-course-purchase-price) :where(small,span){font-family:'iransans',Tahoma,sans-serif!important}
.agah-course-page .breadcrumb ol{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}.agah-course-page .breadcrumb li{display:flex!important;align-items:center!important;gap:8px!important;list-style:none!important}.agah-course-page .breadcrumb li::marker{content:""!important}

#course-content .access-tooltip{left:0!important;right:auto!important;width:min(220px,calc(100vw - 48px))!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere;text-align:right;font-size:.62rem!important;line-height:1.65!important}
#course-content .access-tooltip::after{right:auto!important;left:11px!important}
#course-content .preview-card-media{position:relative}
#course-content .preview-card-play{position:absolute!important;top:50%!important;right:50%!important;left:auto!important;margin:0!important;transform:translate(50%,-50%)!important}
#course-instructors .teacher-card,#other-courses .course-card{cursor:pointer}

/* Approved component scale: keep the review action compact and the desktop
   registration CTA clearly weighted without touching its box geometry. */
#course-comments .comment-submit{font:750 .78rem/1.5 'iransans',Tahoma,sans-serif!important}
@media(min-width:768px){#course-details .sticky-course-purchase-button{font-weight:800!important}}
.agah-course-page [data-agah-course-buy]{position:relative!important}.agah-course-page [data-agah-course-buy].is-loading .agah-button-text,.agah-course-page [data-agah-course-buy].is-loading .button-label{opacity:0!important}.agah-course-page [data-agah-course-buy] .agah-button-loader{display:none}.agah-course-page [data-agah-course-buy].is-loading .agah-button-loader{position:absolute!important;top:50%!important;right:50%!important;display:block!important;width:18px!important;height:18px!important;border:2px solid rgba(255,255,255,.35)!important;border-top-color:#fff!important;border-radius:50%!important;transform:translate(50%,-50%)!important;animation:agah-purchase-spin .7s linear infinite!important}.sticky-course-purchase-button .button-icon{background:#814632!important;color:#fff!important}.sticky-course-purchase-button:hover .button-icon{background:#743b2a!important}
@keyframes agah-purchase-spin{to{transform:translate(50%,-50%) rotate(360deg)}}
@keyframes agah-icon-spin{to{transform:rotate(360deg)}}
.agah-course-page [data-agah-course-buy].is-loading .button-icon{background:#814632!important}.agah-course-page [data-agah-course-buy].is-loading .button-icon svg{opacity:0!important}.agah-course-page [data-agah-course-buy].is-loading .button-icon::after{position:absolute!important;inset:0!important;display:block!important;border:2px solid rgba(255,255,255,.34)!important;border-top-color:#fff!important;border-radius:inherit!important;content:""!important;animation:agah-icon-spin .7s linear infinite!important}

/* The rail itself is desktop-only. Its copied markup is a normal, in-flow card
   inside the mobile CTA — never a fixed bar. */
@media(max-width:767px){
  #course-details .desktop-purchase-rail{display:none!important}
  #course-register .final-cta>:not(.course-register-purchase){display:none!important}
  #course-register .course-register-purchase{position:relative!important;inset:auto!important;z-index:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:13px!important;width:100%!important;margin:0!important;padding:20px!important;border:1px solid rgba(64,82,60,.13)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 28px rgba(49,57,47,.06)!important;backdrop-filter:none!important;transform:none!important}
  #course-register .course-register-purchase .sticky-course-purchase-thumb{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:12px!important;object-fit:cover!important}
  #course-register .course-register-purchase .sticky-course-purchase-title{margin:0!important}
  #course-register .course-register-purchase .sticky-course-purchase-copy{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"old label" "price ."!important;align-items:center!important;gap:4px 10px!important;padding:2px 0!important;border:0!important;background:transparent!important;direction:ltr!important}
  #course-register .course-register-purchase .sticky-course-purchase-label{grid-area:label!important;justify-self:end!important;direction:rtl!important}
  #course-register .course-register-purchase .sticky-course-purchase-old-price{grid-area:old!important;justify-self:start!important;direction:rtl!important}
  #course-register .course-register-purchase .sticky-course-purchase-price{grid-area:price!important;justify-self:start!important;margin:0!important;text-align:left!important;direction:rtl!important}
  #course-register .course-register-purchase .sticky-course-purchase-button{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;margin:0!important}

  /* The related products row is a one-card carousel at phone widths. */
  #other-courses .other-courses-viewport{display:block!important;width:100%!important;overflow:hidden!important}
  #other-courses .course-card-track{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;direction:ltr!important}
  #other-courses .course-card-track>.course-card{display:flex!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;margin:0!important;direction:rtl!important}
}

/* The course-purchase OTP keeps the existing secure plugin markup/API, while
   matching the approved dialog/sheet surface and course summary. */
#agah-auth-modal.agah-course-auth-modal{width:min(432px,calc(100% - 28px))!important;max-height:calc(100dvh - 48px)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(38,44,35,.18)!important}
#agah-auth-modal.agah-course-auth-modal::backdrop{background:rgba(38,44,35,.56)!important;backdrop-filter:blur(3px)}
#agah-auth-modal.agah-course-auth-modal .agah-otp-modal-inner{max-height:calc(100dvh - 48px)!important;padding:26px!important}
#agah-auth-modal.agah-course-auth-modal .agah-otp-modal-close{top:17px!important;left:17px!important;right:auto!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#f1f2ef!important}
#agah-auth-modal.agah-course-auth-modal .agah-otp-header{padding-left:38px!important;padding-right:0!important}
#agah-auth-modal.agah-course-auth-modal .agah-otp-title{font-family:'gramophone','iransans',Tahoma,sans-serif!important;font-size:1.45rem!important}
#agah-auth-modal.agah-course-auth-modal .agah-otp-button{min-height:50px!important;border-radius:13px!important;background:#aa6045!important;color:#fff!important;font:800 .82rem/1.5 'iransans',Tahoma,sans-serif!important}
#agah-auth-modal.agah-course-auth-modal .agah-otp-button:hover{background:#8f4e38!important}
.agah-course-floating-field{position:relative!important;padding-top:0!important}.agah-course-floating-field .agah-otp-label{position:absolute!important;z-index:1!important;top:27px!important;right:14px!important;margin:0!important;padding:0!important;background:transparent!important;color:#7a7e78!important;font-size:.82rem!important;line-height:1!important;pointer-events:none!important;transform:translateY(-50%)!important;transition:top .16s ease,color .16s ease,font-size .16s ease,padding .16s ease!important}.agah-course-floating-field .agah-otp-input{min-height:54px!important}.agah-course-floating-field:focus-within .agah-otp-label,.agah-course-floating-field:has(.agah-otp-input:not(:placeholder-shown)) .agah-otp-label{top:0!important;padding:0 6px!important;background:#fff!important;color:#aa6045!important;font-size:.64rem!important;font-weight:800!important}
.agah-course-auth-inline-status{min-height:20px;margin:8px 0 0!important;color:#a53f3b!important;font-size:.7rem!important;line-height:1.7!important}
body:has(#agah-auth-modal.agah-course-auth-modal[open]) .agah-otp-toast-container{display:none!important}
.agah-course-auth-confirm{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0 0 22px;padding:10px;border:1px solid rgba(87,107,80,.11);border-radius:14px;background:#f7f8f5}
.agah-course-auth-confirm img{display:block;width:58px;height:48px;border-radius:10px;object-fit:cover}.agah-course-auth-confirm strong{display:block;overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.agah-course-auth-confirm em{display:block;margin-top:3px;color:#4f6b49;font-size:.66rem;font-style:normal;font-weight:700}.agah-course-auth-confirm b{color:#40523c;font-size:.69rem;white-space:nowrap}
@media(max-width:767px){
  #agah-auth-modal.agah-course-auth-modal{width:100%!important;max-height:min(88dvh,720px)!important;margin:auto 0 0!important;border-radius:22px 22px 0 0!important}
  #agah-auth-modal.agah-course-auth-modal .agah-otp-modal-inner{max-height:calc(88dvh - 13px)!important;padding:18px 18px max(22px,env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){#other-courses .course-card-track{transition:none!important}}

/* Partner marks use a restrained moving highlight in both purchase cards. */
#course-details .sticky-course-payment,#course-register .sticky-course-payment{position:relative!important;overflow:hidden!important}
#course-details .sticky-course-payment::after,#course-register .sticky-course-payment::after{position:absolute!important;top:0!important;bottom:0!important;width:34%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)!important;content:""!important;pointer-events:none!important;transform:translateX(240%)!important;animation:agah-payment-shimmer 4.8s ease-in-out infinite!important}
#course-details .sticky-course-payment .payment-logos,#course-register .sticky-course-payment .payment-logos{position:relative!important;z-index:1!important}
@keyframes agah-payment-shimmer{0%,58%{transform:translateX(240%)}78%,100%{transform:translateX(-320%)}}

/* Unjoined waitlist is outline; joined is intentionally solid, and icons keep
   their icon font instead of inheriting the page typography. */
.agah-unified-card i,.agah-course-page i{font-family:"Font Awesome 6 Free","Font Awesome 6 Pro"!important;font-weight:900!important}
.agah-course-page i.fa-brands{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}
.agah-unified-card .course-card-coming-action,.agah-waitlist-standard-button,.agah-course-coming-soon-page :where(.add-to-cart,.purchase-button,.sticky-course-purchase-button).agah-waitlist-trigger{border:2px solid #40563d!important;background-color:transparent!important;background-image:none!important;color:#40563d!important}
.agah-unified-card .course-card-coming-action:hover,.agah-waitlist-standard-button:hover,.agah-course-coming-soon-page :where(.add-to-cart,.purchase-button,.sticky-course-purchase-button).agah-waitlist-trigger:hover{background:#40563d!important;color:#fff!important}
.agah-waitlist-trigger.is-done,.agah-waitlist-trigger.is-done *{border-color:#40563d!important;background-color:#40563d!important;background-image:linear-gradient(135deg,#63845c 0%,#40563d 100%)!important;color:#ffffff!important;opacity:1!important}
#other-courses .course-card--coming .course-card-coming-action,#other-courses .course-card .agah-waitlist-trigger.is-done{border:0!important;border-color:#40563d!important;background-color:#40563d!important;background-image:linear-gradient(135deg,#63845c 0%,#40563d 100%)!important;color:#ffffff!important;opacity:1!important}
#other-courses .course-card--coming .course-card-coming-action *,#other-courses .course-card .agah-waitlist-trigger.is-done *{color:#ffffff!important}
#other-courses .course-card--coming .course-card-coming-action:hover,#other-courses .course-card .agah-waitlist-trigger.is-done:hover{background-color:#2e3d2b!important;background-image:linear-gradient(135deg,#4b6646 0%,#2e3d2b 100%)!important;color:#ffffff!important}
#other-courses .other-courses-viewport{margin:-16px!important;padding:16px!important}

/* A shared section-title system makes the same hierarchy hold on desktop and
   mobile without altering reference surfaces or section spacing. */
#course-overview h2,#course-description .section-heading h2,#course-content .section-heading h2,#course-instructors .section-heading h2,#course-student-experience .section-heading h2,#course-faq .section-heading h2,#course-quality .section-heading h2,#other-courses .other-courses-heading h2,#course-comments .comments-heading h2{font-family:'gramophone','iransans',Tahoma,sans-serif!important;font-size:2rem!important;line-height:1.45!important}
#course-description .section-heading p,#course-content .section-heading p,#course-instructors .section-heading p,#course-student-experience .section-heading p,#course-faq .section-heading p,#course-quality .section-heading p,#other-courses .other-courses-heading p,#course-comments .comments-heading p{font-size:.9rem!important;line-height:2!important}
#course-comments .comment-reply-action{font:800 .72rem/1.5 'iransans',Tahoma,sans-serif!important}
.comment-card--pending{border-color:rgba(170,96,69,.42)!important;background:#fffaf7!important}.agah-pending-comment-note{margin:10px 0 0!important;color:#814632!important;font-size:.7rem!important;font-weight:750!important;line-height:1.8!important}
#course-support,#other-courses{background-color:#f5f5f5!important;background-image:linear-gradient(rgba(87,107,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(87,107,80,.035) 1px,transparent 1px)!important;background-size:56px 56px!important;border-top:0!important;box-shadow:none!important}
@media(max-width:767px){
  #other-courses{display:none!important}
  #course-register .final-cta{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .mobile-floating-purchase .sticky-course-purchase-button{font-size:.78rem!important;line-height:1.45!important}
  #course-description .description-copy,#course-description .description-block,#course-description .description-block p{width:100%!important;max-width:none!important}
  #course-overview h2,#course-description .section-heading h2,#course-content .section-heading h2,#course-instructors .section-heading h2,#course-student-experience .section-heading h2,#course-faq .section-heading h2,#course-quality .section-heading h2,#other-courses .other-courses-heading h2,#course-comments .comments-heading h2{font-size:1.6rem!important;line-height:1.5!important}
  #course-description .section-heading p,#course-content .section-heading p,#course-instructors .section-heading p,#course-student-experience .section-heading p,#course-faq .section-heading p,#course-quality .section-heading p,#other-courses .other-courses-heading p,#course-comments .comments-heading p{font-size:.82rem!important}
}
@media(prefers-reduced-motion:reduce){#course-details .sticky-course-payment::after,#course-register .sticky-course-payment::after{animation:none!important}}

/* Course details and ownership states. */
.agah-course-page :where(.sticky-course-purchase-button,.add-to-cart,.purchase-button) a{text-decoration:none!important}.sticky-course-purchase-copy.is-owned,.agah-owned-course-status{text-align:center!important;justify-content:center!important;font-weight:800!important}.agah-course-page .lesson-title{font-size:.84rem!important;font-weight:560!important}.agah-course-page :where(.lesson-duration,.preview-duration-inline){font-family:'gramophone','iransans',Tahoma,sans-serif!important;font-size:.74rem!important}
#agah-auth-modal.agah-course-auth-modal [data-el="identifier-input"]{text-align:left!important;direction:ltr!important}
#agah-auth-modal.agah-course-auth-modal .agah-otp-success,#agah-auth-modal.agah-course-auth-modal .agah-otp-success .agah-otp-header,#agah-auth-modal.agah-course-auth-modal .agah-otp-success .agah-otp-title,#agah-auth-modal.agah-course-auth-modal .agah-otp-success .agah-otp-subtitle,#agah-auth-modal.agah-course-auth-modal .agah-otp-success-status{text-align:center!important;justify-content:center!important}

@media(max-width:767px){
  #course-overview .course-art img{width:85%!important;height:auto!important;object-fit:contain!important}
  #course-overview .course-fact strong,#course-overview .course-fact span,#course-overview .course-quick-fact strong{font-size:.78rem!important}
  #course-comments :is(input,textarea){font-size:16px!important}
}

/* Standard waitlist CTA in the purchase card should be outline (outfill).
   This is handled by the rules above. */

/* Owned course state */
.agah-course-page .agah-owned-purchase{display:flex!important;flex-direction:column!important;gap:8px!important}
.agah-course-page .agah-owned-course-status{margin:0!important;text-align:center!important;font-weight:800!important;font-size:.92rem!important;color:#1f2820!important}
.agah-course-page .agah-owned-button{background-color:#40563d!important;background-image:linear-gradient(135deg,#63845c 0%,#40563d 100%)!important;color:#ffffff!important;text-decoration:none!important}
.agah-course-page .agah-owned-button:hover{background-color:#2e3d2b!important;background-image:linear-gradient(135deg,#4b6646 0%,#2e3d2b 100%)!important;color:#ffffff!important}
.agah-course-page .agah-owned-button i{color:#ffffff!important}

/* Cart toast action and added button states */
.agah-cart-toast.is-visible{opacity:1!important;transform:none!important;pointer-events:auto!important}
.agah-cart-toast .agah-toast-action{display:inline-block!important;margin-right:10px!important;padding:2px 8px!important;border-radius:6px!important;background:#40563d!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;font-size:.72rem!important}
.agah-cart-toast .agah-toast-action:hover{background:#2e3d2b!important;color:#fff!important}
.agah-course-page [data-agah-course-buy].is-added{background-color:#576b50!important;background-image:linear-gradient(135deg,#6e8865 0%,#576b50 100%)!important;border-color:#576b50!important;color:#fff!important}
.agah-course-page [data-agah-course-buy].is-added:hover{background-color:#40563d!important;background-image:linear-gradient(135deg,#576b50 0%,#40563d 100%)!important;color:#fff!important}