.course-mobile-only,.course-mobile-purchase{display:none}
.course-mobile-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
@media(max-width:767.98px){
    .course-desktop-header{display:none}
    .course-details-page,.course-details-footer{overflow-x:hidden}
    .course-related>.row{margin-left:0!important;margin-right:0!important}
    .course-details-page{--course-accent:#6b20bb;background:#f8f8fa!important;padding:0 0 150px!important;margin-bottom:0!important;color:#24232c}
    .course-details-page>.container{max-width:none;padding:0}
    .course-mobile-only{display:block}
    .course-mobile-header{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;background:#141922;color:white}
    .course-mobile-header h1{font-size:14px;line-height:1.7;font-weight:700;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .course-mobile-header a{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:white;border:1px solid #ffffff24;background:#ffffff12;border-radius:13px;font-size:22px;text-decoration:none}
    .course-mobile-header .is-favorite{color:#ff80b0}
    .course-desktop-title{display:none}
    .course-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'media' 'category' 'tabs' 'overview' 'description' 'headlines-title' 'headlines' 'tags' 'sidebar';margin:0!important}
    .course-main{display:contents}
    .course-preview-stage{grid-area:media;position:relative;min-width:0;margin:0!important;padding:0!important;background:#000}
    .course-preview-frame{position:relative;height:0;padding-top:56.25%;background:#000}
    .course-preview-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%;border-radius:0!important;object-fit:contain;background:#000}
    .course-lesson-stage{grid-area:media;z-index:1;align-self:start;margin:0!important;padding:0!important;visibility:hidden;pointer-events:none}
    .course-lesson-stage .course-player-wrap{border-radius:0}
    .course-layout[data-lesson-active=true] .course-lesson-stage{visibility:visible;pointer-events:auto}
    .course-layout[data-lesson-active=true] .course-preview-frame video{visibility:hidden}
    .course-mobile-category{grid-area:category;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:11px;line-height:1.7;color:#8a8992;min-width:0}
    .course-mobile-category>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
    .course-mobile-category strong{color:#565461}
    .course-mobile-category a{color:inherit}
    .course-preview-return{display:none;border:0;background:transparent;color:var(--course-accent);font:inherit;white-space:nowrap;padding:4px;min-height:30px}
    .course-layout[data-lesson-active=true] .course-preview-return{display:block}
    .course-mobile-tabs{grid-area:tabs;display:flex;border-bottom:1px solid #dbd9e1;background:#fafafa}
    .course-mobile-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 2px 10px;min-height:45px;font:inherit;font-size:13px;font-weight:700;color:#8a8990;cursor:pointer;white-space:nowrap}
    .course-mobile-tabs button[aria-selected=true]{color:var(--course-accent);border-bottom-color:var(--course-accent)}
    .course-mobile-tabs .course-mobile-icon{width:21px;height:21px}
    .course-mobile-tabs button:focus-visible,.course-mobile-primary:focus-visible{outline:3px solid #b992de;outline-offset:-3px}
    .course-details-page [data-course-panel][hidden]{display:none!important}
    .course-mobile-overview{grid-area:overview;display:flex;flex-direction:column;gap:12px;padding:14px 14px 0;min-width:0}
    .course-mobile-goals{order:1;background:white;border:1px solid #eae9ef;border-radius:18px;padding:12px;box-shadow:0 2px 4px #22212b0d}
    .course-mobile-goals-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
    .course-mobile-goals-heading h2{font-size:14px;font-weight:700;margin:0;line-height:1.8}
    .course-mobile-goals-heading button{border:0;background:transparent;color:var(--course-accent);font:inherit;font-size:11px;white-space:nowrap;padding:4px 0;min-height:30px}
    .course-mobile-goals-list{list-style:none;counter-reset:course-goal;margin:0;padding:0;display:grid;gap:7px}
    .course-mobile-goals-list li{counter-increment:course-goal;display:flex;gap:6px;align-items:baseline;padding:8px 10px;background:#f5f3f8;border-radius:11px;font-size:14px;line-height:1.8}
    .course-mobile-goals-list li::before{content:counter(course-goal,persian) 'ـ';color:var(--course-accent);font-weight:700;flex-shrink:0}
    .course-mobile-goals-list li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    .course-mobile-goals-list:not(.is-expanded) li:nth-child(n+3){display:none}
    .course-mobile-goals-list.is-expanded li span{display:block}
    .course-mobile-ad{order:2;min-width:0;line-height:0}
    .course-mobile-overview.is-banner-first .course-mobile-ad{order:0}
    .course-mobile-ad img{display:block;width:100%;height:auto;border-radius:17px}
    .course-description-panel{grid-area:description;min-width:0;padding:0 14px}
    .course-description-panel>.row{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
    .course-desktop-category,.course-desktop-goals{display:none}
    .course-headlines-title{grid-area:headlines-title;margin:14px 0 0!important;padding:0 14px!important}
    .course-headlines-panel{grid-area:headlines;min-width:0;padding:0 14px}
    .course-headlines-panel>.row{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
    .course-tags{grid-area:tags;margin:12px 14px!important}
    .course-sidebar{grid-area:sidebar;max-width:100%;padding:0 14px}
    .course-sidebar>.row{margin:16px 0!important;padding:0!important}
    .course-sidebar .course-desktop-purchase,.course-sidebar .course-desktop-ad{display:none}
    .course-community{margin-left:0!important;margin-right:0!important;padding:0 14px}
    .course-community>.col-md-8{padding:0;max-width:100%}
    .course-comments-panel{margin-top:16px!important;margin-left:0!important;margin-right:0!important;padding:0!important}
    .course-mobile-purchase{position:fixed;bottom:0;left:0;right:0;z-index:1040;display:block;background:#fff;border-top:1px solid #eeebf3;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 20px #1f15330a;font-family:inherit}
    .course-mobile-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
    .course-mobile-prices{display:flex;align-items:flex-start;gap:4px;flex-direction:column}
    .course-mobile-prices strong{font-size:20px;font-weight:700;color:#6b20bb;white-space:nowrap}
    .course-mobile-prices strong span{font-size:12px}
    .course-mobile-prices del{font-size:11px;color:#94909e;white-space:nowrap}
    .course-mobile-discount{background:#fff0f5;color:#dc3160;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700;white-space:nowrap}
    .course-mobile-buy-actions{display:flex;align-items:center;gap:10px}
    .course-mobile-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:47px;border:0;border-radius:13px;background:#6b20bb;color:white!important;text-decoration:none!important;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
    .course-mobile-primary i{font-size:21px}
    .course-mobile-cart-link{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:47px;color:#6b20bb;font-size:10px;text-decoration:none;padding:3px}
    .course-mobile-cart-link i{font-size:21px}
    .course-mobile-access{display:flex;align-items:center;justify-content:center;gap:7px;color:#4c8067;font-size:12px;margin:0 0 8px}
    .course-details-footer{padding-bottom:145px}
    .course-details-page>.container>.alert,.course-details-page>.container>.row{margin-left:0;margin-right:0}
}
@media(max-width:767.98px) and (max-height:740px){
    .course-mobile-overview{padding-top:10px;gap:10px}
    .course-mobile-ad{order:0}
    .course-mobile-header{height:50px}
    .course-mobile-header a{height:38px;width:38px}
}
@media(max-width:767.98px) and (orientation:landscape){
    .course-mobile-purchase{position:static;box-shadow:none}
    .course-details-page{padding-bottom:16px!important}
}