/* /static/pwa/generated/13e3b39f67af6cc3a23f.css */
.dm-pwa-home-v54{display:none}.dm-pwa-legacy-home-v54{display:contents}@media(display-mode:standalone){.dm-pwa-home-v54{display:block!important}.dm-pwa-legacy-home-v54{display:none!important}}html.dm-pwa-standalone .dm-pwa-home-v54{display:block!important}html.dm-pwa-standalone .dm-pwa-legacy-home-v54{display:none!important}html.dm-pwa-standalone body[data-page="home"],@media (display-mode:standalone){body[data-page=home]{background:#000}}.dm-pwa-home-v54{padding:10px 0 132px;background:#000;color:#fff;overflow:hidden;font-family:inherit}.dm54-section,.dm54-genres{margin:0 0 30px}.dm54-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px 13px;gap:16px}.dm54-head h2{margin:0;color:#f7f7f8;font-size:20px;line-height:1.35;font-weight:800;letter-spacing:-.35px}.dm54-head a{color:#aeb1b8;font-size:12px;font-weight:600;white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dm54-vtrack,.dm54-htrack,.dm54-genre-track{display:flex;direction:rtl;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 18px 5px;gap:8px}.dm54-vtrack::-webkit-scrollbar,.dm54-htrack::-webkit-scrollbar,.dm54-genre-track::-webkit-scrollbar{display:none}.dm54-vcard{flex:0 0 calc((100vw - 60px)/3.55);min-width:calc((100vw - 60px)/3.55);max-width:122px;display:block;direction:ltr;scroll-snap-align:start;text-decoration:none}.dm54-poster{display:block;position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:13px;background:#101012;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000042}.dm54-poster-img{width:100%;height:100%;display:block;object-fit:cover}.dm54-poster:after{content:"";position:absolute;inset:auto 0 0;height:31%;background:linear-gradient(transparent,#0000008c);pointer-events:none}.dm54-poster-brand,.dm54-landscape-brand{position:absolute;right:7px;bottom:7px;z-index:3;width:38px!important;height:auto!important;max-height:14px;object-fit:contain;filter:drop-shadow(0 1px 3px #000)}.dm54-rating{position:absolute;left:6px;bottom:6px;z-index:4;padding:4px 6px;border-radius:7px;background:#0f0f11d6;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:9px;font-weight:700}.dm54-rating b{color:#f3c436;margin-right:3px}.dm54-vmeta{display:block;padding:8px 2px 0;overflow:hidden}.dm54-vmeta strong{display:block;color:#f4f4f6;font-size:11.5px;line-height:1.35;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm54-vmeta small{display:flex;align-items:center;gap:4px;margin-top:5px;color:#777b84;font-size:9.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm54-vmeta small i{font-style:normal;color:#44474d}.dm54-htrack{gap:12px}.dm54-hcard{flex:0 0 72vw;max-width:330px;min-width:260px;display:block;direction:ltr;text-decoration:none;scroll-snap-align:start}.dm54-landscape{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#101014;border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px #0000004d}.dm54-landscape>img:first-child{display:block;width:100%;height:100%;object-fit:cover}.dm54-landscape-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.38),transparent 50%)}.dm54-landscape-brand{width:48px!important;right:10px;bottom:9px}.dm54-hmeta{display:block;padding:9px 3px 0}.dm54-hmeta strong{display:block;color:#e9e9ec;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm54-remaining{display:block;color:#8c9098;font-size:11px;margin-top:4px}.dm54-included{display:flex!important;align-items:center;gap:6px;margin-top:6px!important;color:#d7d9de!important;font-size:11px!important}.dm54-included i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#1687ff;color:#fff;font-style:normal;font-size:10px;font-weight:900}.dm54-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff3d;z-index:5}.dm54-progress i{display:block;height:100%;background:#fff;border-radius:0 3px 3px 0}.dm54-genres{padding-top:4px}.dm54-genre-track{gap:10px}.dm54-genre{flex:0 0 102px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;border-radius:19px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#292c37d6,#121318c7);box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000040;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);scroll-snap-align:start;text-decoration:none}.dm54-genre:nth-child(3n+1){background:radial-gradient(circle at 75% 10%,rgba(208,22,39,.24),transparent 45%),linear-gradient(145deg,#272830e6,#0f0f12db)}.dm54-genre:nth-child(3n+2){background:radial-gradient(circle at 20% 10%,rgba(44,112,255,.22),transparent 45%),linear-gradient(145deg,#272830e6,#0f0f12db)}.dm54-genre-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#ffffff13;box-shadow:inset 0 1px #ffffff1a}.dm54-genre svg{width:22px;height:22px;stroke:#fff;stroke-width:1.8}.dm54-genre strong{color:#d9dbe0;font-size:11px;font-weight:650;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:390px){.dm54-vcard{flex-basis:calc((100vw - 52px)/3.5);min-width:calc((100vw - 52px)/3.5)}.dm54-vtrack,.dm54-htrack,.dm54-genre-track,.dm54-head{padding-left:14px;padding-right:14px}.dm54-hcard{flex-basis:78vw}.dm54-head h2{font-size:18px}}

/* /static/public/assets/css/fixes-round3.css */
/* DIASTOMY fixes – round 3 (loaded last in base.html) */

/* 3) Continue watching: title / remaining time stay inside their own card */
.dm-continue-card{display:block;min-width:0;max-width:100%;overflow:hidden}
.dm-continue-card .dm-continue-meta{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:3px !important;min-width:0 !important;max-width:100% !important;overflow:hidden !important;padding:0 2px !important;margin-top:8px !important;text-align:right}
.dm-continue-card .dm-continue-title{display:block !important;margin:0 !important;font-size:12px !important;line-height:1.5 !important;font-weight:600 !important;color:#fff;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important}
.dm-continue-card .dm-continue-sub,
.dm-continue-card .dm-continue-remaining{display:block !important;font-size:10px !important;line-height:1.5 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;position:static !important;transform:none !important}
.dm-continue-card .dm-continue-sub{color:rgba(255,255,255,.55) !important}
.dm-continue-card .dm-continue-remaining{color:rgba(255,255,255,.7) !important}
@media (min-width:768px){
  .dm-continue-card .dm-continue-title{font-size:15px !important}
  .dm-continue-card .dm-continue-sub,.dm-continue-card .dm-continue-remaining{font-size:12px !important}
}

/* 5) Account mobile header (notifications etc.): the global tap effect
      (.dm-is-pressed / .dm-is-releasing) replaced translateY(-50%), so the
      Home / menu button jumped below the bar. Centre without transform. */
@media (max-width:767px){
  .account-mobile-topbar .account-mobile-topbar__action,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-pressed,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-releasing{
    top:calc(50% - 21px) !important;
    transform:none !important;
  }
  .account-mobile-topbar .account-mobile-topbar__action:active,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-pressed{opacity:.75 !important}
}
@media (max-width:370px){
  .account-mobile-topbar .account-mobile-topbar__action,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-pressed,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-releasing{top:calc(50% - 20px) !important}
}

/* 7 + 21) Movie / series title: Persian small white, English big red */
.dm-detail-title-fa{color:#fff !important;font-size:15px !important;font-weight:700 !important;line-height:1.6 !important;margin:0 0 4px !important;opacity:.95}
.dm-detail-title-en{color:#FF4040 !important;font-size:2rem !important;font-weight:900 !important;line-height:1.15 !important;letter-spacing:-.01em;margin:0 0 16px !important;text-shadow:0 10px 30px rgba(0,0,0,.45);font-family:Inter,"YekanBakh",system-ui,sans-serif !important}
@media (min-width:1024px){.dm-detail-title-fa{font-size:18px !important}.dm-detail-title-en{font-size:2.6rem !important}}

/* 7) Satisfaction – outline icon like the like/save icons, value from rating */
.dm-satisfaction{display:inline-flex !important;align-items:center;gap:5px;color:#2FE851;font-weight:600}
.dm-satisfaction-icon{width:17px;height:17px;flex:0 0 17px;color:#fff;opacity:.9}
.dm-satisfaction-label{color:rgba(255,255,255,.55);font-size:10px}
@media (min-width:768px){.dm-satisfaction-icon{width:19px;height:19px}.dm-satisfaction-label{font-size:12px}}

/* 8) Cast row: overflow-x:auto clipped the top of the round photos */
#actor-list{padding-top:8px !important;margin-top:-4px !important}
#actor-list .dm-actor-avatar{box-sizing:border-box !important;flex-shrink:0}
.movie-detail-actors,.series-detail-actors{overflow:visible !important}

/* 9) Empty rails: the empty-state box was squeezed into one card width */
.splide__slide.dm-empty-slide{width:100% !important;min-width:100% !important;max-width:100% !important;flex:0 0 100% !important}
.splide__slide.dm-empty-slide h3,.splide__slide.dm-empty-slide p{white-space:normal !important;word-break:normal !important}

/* 22) Episode card: play button centred without transform (the tap effect
       replaced -translate-* so the button jumped away and the tap was lost) */
.dm-episode-play,
.dm-episode-play.dm-is-pressed,
.dm-episode-play.dm-is-releasing{position:relative !important;top:auto !important;left:auto !important;transform:none !important;margin:0 !important}
.dm-episode-play:active,.dm-episode-play.dm-is-pressed{opacity:.8 !important}

/* 22) Episode download menu */
.dm-episode-dl{position:relative;display:inline-flex}
.dm-episode-dl-menu{position:absolute;z-index:60;top:calc(100% + 8px);right:0;min-width:170px;padding:6px;border-radius:14px;
  background:rgba(18,18,19,.98);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 40px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:4px}
.dm-episode-dl-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;color:#fff;font-size:13px;text-decoration:none;background:rgba(255,255,255,.03)}
.dm-episode-dl-menu a:hover,.dm-episode-dl-menu a:active{background:rgba(228,26,26,.18)}
.dm-episode-dl-menu strong{color:#ff4040;font-weight:700}
.dm-episode-dl-menu span{color:rgba(255,255,255,.5);font-size:11px}
[x-cloak]{display:none !important}

/* /static/public/assets/css/round7-fixes.css */
/* DIASTOMY ROUND 7 — remaining UI fixes */
.dm-r7-search-request{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:18px;padding:16px;text-align:right}.dm-r7-search-request strong{display:block;color:#fff;font-size:14px}.dm-r7-search-request p{margin:6px 0 12px;color:#8f8f94;font-size:12px}.dm-r7-search-request-row{display:flex;gap:8px}.dm-r7-search-request-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.09);background:#0d0d0f;border-radius:12px;padding:10px 12px;color:#fff;outline:0}.dm-r7-search-request-row button{border:0;border-radius:12px;background:#d9141d;color:#fff;padding:10px 16px;font-weight:800;white-space:nowrap}.dm-r7-search-request-row button:disabled{opacity:.65}
.dm-r7-mobile-request-row{display:flex;gap:8px;max-width:430px;margin:0 auto}.dm-r7-mobile-request-row input{min-width:0;flex:1;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#111;color:#fff;padding:0 12px;outline:none}.dm-r7-mobile-request-row button{height:42px;margin:0!important;white-space:nowrap}
.dm-play-quality-sheet{animation:none!important}.dm-play-quality-sheet header h3{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1.45!important}.dm-play-quality-overlay{transition:none!important}
.dm-google-id-button-shell{width:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}.dm-google-id-button-shell #dm-google-id-button{width:100%;display:flex;justify-content:center}.dm-google-id-button-shell iframe{max-width:100%!important}
/* Hero actions always sit above the poster and accept clicks. */
body[data-page="home"] .dx-hero-card{isolation:isolate}body[data-page="home"] .dx-hero-poster{z-index:1!important}body[data-page="home"] .dx-hero-info{z-index:20!important;pointer-events:none}body[data-page="home"] .dx-hero-play,body[data-page="home"] .dx-hero-details-cta{z-index:60!important;pointer-events:auto!important;touch-action:manipulation}body[data-page="home"] .dx-hero-details-panel{z-index:70!important}
/* Movie detail mobile header, matching the glass/search composition from the reference. */
@media(max-width:767px){body[data-page="movie-detail"]>header.dm-site-header-glass{top:max(10px,env(safe-area-inset-top))!important;margin:0 12px!important;padding:0!important;height:58px!important;gap:8px!important;display:flex!important;align-items:center!important;background:transparent!important}body[data-page="movie-detail"]>header>.md\:hidden:first-child{width:52px!important;height:52px!important;order:4!important;border-color:rgba(255,255,255,.22)!important;background:rgba(35,29,31,.50)!important}body[data-page="movie-detail"]>header .dm-site-header-actions{display:flex!important;gap:8px!important;order:1!important;direction:rtl!important}body[data-page="movie-detail"]>header .dm-site-header-actions>button.md\:hidden{height:52px!important;border-radius:999px!important;background:rgba(35,29,31,.56)!important;border-color:rgba(255,255,255,.20)!important;font-size:15px!important}body[data-page="movie-detail"]>header .dm-site-notification,body[data-page="movie-detail"]>header .dm-site-profile{width:52px!important;height:52px!important;min-width:52px!important;background:rgba(35,29,31,.56)!important;border-color:rgba(255,255,255,.20)!important}body[data-page="movie-detail"]>header .dm-site-profile-wrap{order:3!important}body[data-page="movie-detail"]>header .dm-site-notification{order:2!important}}
/* Desktop header: keep a Figma-like single row, no wrapping/test-page layout. */
@media(min-width:1024px){header.dm-site-header-glass{min-height:66px!important;flex-wrap:nowrap!important}header.dm-site-header-glass nav{white-space:nowrap!important}header.dm-site-header-glass .dm-site-header-actions{white-space:nowrap!important}}

/* R7 final hardening ------------------------------------------------------ */
/* Movie detail header: do not let the old global header CSS collapse the mobile search. */
@media (max-width:767px){
  body[data-page="movie-detail"] > header.dm-site-header-glass{
    width:auto!important; max-width:none!important; right:12px!important; left:12px!important;
  }
  body[data-page="movie-detail"] > header.dm-site-header-glass .dm-site-header-actions{
    min-width:0!important; flex:1 1 auto!important;
  }
  body[data-page="movie-detail"] > header.dm-site-header-glass .dm-site-header-actions > button.md\:hidden{
    display:flex!important; flex:1 1 auto!important; min-width:92px!important; padding-inline:16px!important;
  }
  body[data-page="movie-detail"] > header.dm-site-header-glass .dm-site-header-actions > button.md\:hidden span{
    display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important;
  }
}
/* Fast quality popup: a single short transition, no competing animation. */
.dm-play-quality-overlay{transition:opacity .12s ease!important}.dm-play-quality-sheet{transition:transform .14s ease,opacity .14s ease!important;will-change:transform,opacity}
/* Hero Details/Play must remain clickable regardless of poster overlay. */
.dm-home-hero .dx-hero-card{position:relative!important}.dm-home-hero .dx-hero-play,.dm-home-hero .dx-hero-details-cta{position:absolute!important;z-index:90!important;pointer-events:auto!important}.dm-home-hero .dx-hero-details-panel{z-index:100!important;pointer-events:auto}.dm-home-hero .dx-hero-card.is-details-open .dx-hero-details-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
/* Desktop header remains one coherent row and the Movie Room link stays visible. */
@media(min-width:1280px){header.dm-site-header-glass nav{display:flex!important;align-items:center!important;gap:22px!important}.dm-desktop-movie-room-link{display:inline-flex!important;align-items:center!important}}

/* /static/public/assets/css/round14-quality-popup-fix.css */
/* ROUND14 — keep homepage header rules away from nested dialog headers. */
.dm-play-quality-sheet > header{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:58px!important;
  margin:0 0 14px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  box-shadow:none!important;
}
.dm-play-quality-sheet > header > div{
  min-width:0!important;
  padding-top:1px!important;
  overflow:visible!important;
}
.dm-play-quality-sheet > header small{
  display:block!important;
  line-height:1.25!important;
  margin:0 0 5px!important;
}
.dm-play-quality-sheet > header h3{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-height:28px!important;
  margin:0!important;
  padding:1px 0 3px!important;
  font-size:18px!important;
  line-height:1.55!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  transform:none!important;
}
.dm-play-quality-sheet > header > button{
  position:static!important;
  flex:0 0 36px!important;
  margin:0!important;
}
@media (max-width:767px){
  .dm-play-quality-sheet{padding-top:18px!important;overflow-y:auto!important;overflow-x:hidden!important}
  .dm-play-quality-sheet > header{min-height:60px!important}
  .dm-play-quality-sheet > header h3{font-size:17px!important;line-height:1.65!important}
}

/* /static/public/assets/css/round10-desktop-hero-info.css */
/* DIASTOMY ROUND 10 — DESKTOP HERO INFO OVERLAY FIX */
@media (min-width: 1024px) {
  body[data-page="home"] .dm-home-hero .dx-hero-slide.is-active .dx-hero-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-slide.is-active .dx-hero-poster {
    z-index: 1 !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-slide.is-active .dx-hero-info {
    z-index: 20 !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-slide.is-active .dx-hero-play,
  body[data-page="home"] .dm-home-hero .dx-hero-slide.is-active .dx-hero-details-cta {
    z-index: 90 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-panel {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 120 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    padding: 38px 42px 40px !important;
    margin: 0 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, 10px, 0) scale(.992) !important;
    transition: opacity .18s ease, transform .22s cubic-bezier(.22,1,.36,1), visibility 0s linear .22s !important;
    background:
      linear-gradient(90deg, rgba(3,8,12,.94) 0%, rgba(3,8,12,.82) 42%, rgba(3,8,12,.47) 72%, rgba(3,8,12,.25) 100%),
      linear-gradient(0deg, rgba(0,0,0,.44), rgba(0,0,0,.08)) !important;
    -webkit-backdrop-filter: blur(8px) saturate(112%) !important;
    backdrop-filter: blur(8px) saturate(112%) !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-card.is-details-open .dx-hero-details-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0,0,0) scale(1) !important;
    transition: opacity .18s ease, transform .22s cubic-bezier(.22,1,.36,1), visibility 0s !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-inner {
    width: min(62%, 520px) !important;
    max-width: 520px !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: right !important;
    direction: rtl !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-kicker {
    display: inline-flex !important;
    margin-bottom: 8px !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-title {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    direction: ltr !important;
    text-align: left !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    direction: rtl !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 11px !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-summary {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
    overflow: hidden !important;
    margin: 0 !important;
    color: rgba(255,255,255,.90) !important;
    font-size: 14px !important;
    line-height: 1.95 !important;
    text-align: right !important;
    direction: rtl !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 140 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    border-radius: 999px !important;
    background: rgba(10,14,18,.58) !important;
    color: #fff !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-details-close svg {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-page="home"] .dm-home-hero .dx-hero-card.is-details-open .dx-hero-info,
  body[data-page="home"] .dm-home-hero .dx-hero-card.is-details-open .dx-hero-play,
  body[data-page="home"] .dm-home-hero .dx-hero-card.is-details-open .dx-hero-details-cta {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* /static/public/assets/css/desktop-header-figma-r12.css */
/* ========================================================================
   DIASTOMY DESKTOP HEADER — FIGMA LOCK R12
   Exact reference geometry: Figma 1440 canvas / node 1322x77 at x=51 y=50.
   Desktop only. Mobile/tablet below 1024px stays untouched.
   ======================================================================== */

@media (min-width: 1024px) {
    /* Remove the obsolete desktop-only home header spacer. The global header
       must float above the Hero exactly like the Figma reference. */
    body[data-page="home"] .dm-home-shell-v3 {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body > header.dm-site-header-glass {
        position: absolute !important;
        top: 50px !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        inset: auto !important;
        transform: translateX(-50%) !important;

        width: min(1322px, calc(100vw - 102px)) !important;
        max-width: 1322px !important;
        height: 77px !important;
        min-height: 77px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        border: 0 !important;
        border-radius: 68px !important;

        background: rgba(12, 12, 12, .80) !important;
        -webkit-backdrop-filter: blur(8px) saturate(110%) !important;
        backdrop-filter: blur(8px) saturate(110%) !important;

        box-shadow: none !important;
        overflow: visible !important;
        z-index: 1000 !important;
        direction: rtl !important;
    }

    body > header.dm-site-header-glass::before {
        display: none !important;
        content: none !important;
    }

    /* Right: brand / divider / compact nav */
    body > header.dm-site-header-glass > div:nth-of-type(1) {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        min-width: 0 !important;
        flex: 0 1 auto !important;
        direction: rtl !important;
    }

    body > header.dm-site-header-glass > div:nth-of-type(1) > a:first-child {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin: 0 1px 0 0 !important;
    }

    body > header.dm-site-header-glass img[alt="DIASTOMY"],
    body > header.dm-site-header-glass img[alt="Logo"],
    body > header.dm-site-header-glass > div:nth-of-type(1) > a:first-child img {
        width: 183px !important;
        max-width: 183px !important;
        height: 30px !important;
        max-height: 30px !important;
        object-fit: contain !important;
    }

    body > header.dm-site-header-glass > div:nth-of-type(1) > div.h-8 {
        display: block !important;
        width: 1px !important;
        height: 32px !important;
        margin: 0 7px !important;
        background: rgba(255,255,255,.20) !important;
    }

    body > header.dm-site-header-glass nav {
        display: flex !important;
        align-items: center !important;
        gap: 28px !important;
        white-space: nowrap !important;
        flex-wrap: nowrap !important;
        direction: rtl !important;
    }

    body > header.dm-site-header-glass nav a {
        min-height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #e1e1e1 !important;
        font-family: "YekanBakh", "Yekan Bakh", sans-serif !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 300 !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
        transform: none !important;
    }

    body > header.dm-site-header-glass nav a:hover {
        color: #fff !important;
        transform: none !important;
    }

    body > header.dm-site-header-glass nav a.relative {
        color: #fff !important;
        font-weight: 800 !important;
    }

    body > header.dm-site-header-glass nav a.relative svg {
        display: block !important;
        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;
        margin: 0 -8px !important;
    }

    /* Figma reference has the six main categories only. Movie Room remains
       available in the account menu and elsewhere. */
    body > header.dm-site-header-glass .dm-desktop-movie-room-link {
        display: none !important;
    }

    /* Left controls: account / bell / heart / search, matching reference. */
    body > header.dm-site-header-glass .dm-site-header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 9px !important;
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        direction: rtl !important;
    }

    /* Search becomes the small red circular control, not a desktop search pill. */
    body > header.dm-site-header-glass .dm-site-search-shell {
        display: inline-flex !important;
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        height: 43px !important;
        flex: 0 0 43px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 50% !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body > header.dm-site-header-glass .dm-site-search-shell > button {
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        height: 43px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #e41a1a !important;
        color: #fff !important;
        box-shadow: 0 7px 18px rgba(228,26,26,.28) !important;
        overflow: hidden !important;
    }

    body > header.dm-site-header-glass .dm-site-search-shell > button svg {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;
        opacity: 1 !important;
    }

    body > header.dm-site-header-glass .dm-site-search-placeholder,
    body > header.dm-site-header-glass .dm-site-search-shortcut,
    body > header.dm-site-header-glass .dm-site-search-shell > button::after {
        display: none !important;
        content: none !important;
    }

    /* Heart / My List is present in the Figma reference. */
    body > header.dm-site-header-glass .dm-site-mylist {
        display: flex !important;
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        height: 43px !important;
        flex: 0 0 43px !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        border: 1px solid #505050 !important;
        background: #242424 !important;
        color: #b9b9b9 !important;
        box-shadow: none !important;
    }

    body > header.dm-site-header-glass .dm-site-mylist svg {
        width: 24px !important;
        height: 24px !important;
    }

    /* White notification circle from the reference. */
    body > header.dm-site-header-glass .dm-site-notification {
        display: flex !important;
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        height: 43px !important;
        flex: 0 0 43px !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: #111 !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body > header.dm-site-header-glass .dm-site-notification svg {
        width: 22px !important;
        height: 22px !important;
        color: #111 !important;
    }

    body > header.dm-site-header-glass .dm-site-notification svg path {
        fill: currentColor !important;
    }

    /* Expanded account pill: avatar + name + phone + chevron. */
    body > header.dm-site-header-glass .dm-site-profile-wrap {
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        height: 52px !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    body > header.dm-site-header-glass .dm-site-profile-wrap > a.dm-site-profile {
        display: flex !important;
        width: auto !important;
        min-width: 166px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 4px 10px 4px 4px !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 9px !important;
        border: 1px solid rgba(255,255,255,.20) !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        direction: rtl !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > div:first-child {
        display: flex !important;
        width: 43px !important;
        min-width: 43px !important;
        height: 43px !important;
        flex: 0 0 43px !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        background: rgba(88,88,88,.20) !important;
        border: 0 !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > div:first-child img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > .flex-col {
        display: flex !important;
        min-width: 66px !important;
        flex: 1 1 auto !important;
        align-items: flex-start !important;
        justify-content: center !important;
        text-align: right !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > .flex-col p:first-child {
        display: block !important;
        margin: 0 0 1px !important;
        color: #fff !important;
        font-size: 11px !important;
        line-height: 15px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > .flex-col p:nth-child(2) {
        display: block !important;
        margin: 0 !important;
        color: rgba(255,255,255,.48) !important;
        font-size: 9px !important;
        line-height: 12px !important;
        font-weight: 400 !important;
        white-space: nowrap !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > svg:last-child {
        display: block !important;
        width: 14px !important;
        min-width: 14px !important;
        height: 14px !important;
        flex: 0 0 14px !important;
        color: rgba(255,255,255,.9) !important;
        transform: rotate(90deg) !important;
    }

    body > header.dm-site-header-glass .dm-site-profile-wrap > div.absolute {
        left: 0 !important;
        right: auto !important;
    }

    /* Home: undo the later inline flow rule that made the header a giant
       full-width row separated from the Hero. */
    body[data-page="home"] > header.dm-site-header-glass {
        position: absolute !important;
        top: 50px !important;
        left: 50% !important;
        right: auto !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    /* Let the Hero start behind the floating header, like the reference. */
    body[data-page="home"] .dm-home-hero {
        margin-top: 0 !important;
    }
}

/* Laptop: preserve the Figma proportions but avoid overflow. */
@media (min-width: 1024px) and (max-width: 1199px) {
    body > header.dm-site-header-glass {
        width: calc(100vw - 48px) !important;
        top: 28px !important;
        height: 68px !important;
        min-height: 68px !important;
    }

    body > header.dm-site-header-glass nav {
        display: none !important;
    }

    body > header.dm-site-header-glass img[alt="DIASTOMY"],
    body > header.dm-site-header-glass img[alt="Logo"] {
        width: 166px !important;
        max-width: 166px !important;
    }

    body > header.dm-site-header-glass > div:nth-of-type(1) > div.h-8 {
        display: none !important;
    }
}

/* /static/public/assets/css/desktop-header-figma-r13.css */
/* ========================================================================
   DIASTOMY DESKTOP HEADER — FIGMA MICRO TUNE R13
   Fine-tunes R12 without touching mobile/tablet behavior.
   ======================================================================== */
@media (min-width: 1200px) {
    body > header.dm-site-header-glass,
    body[data-page="home"] > header.dm-site-header-glass {
        top: 50px !important;
        width: min(1322px, calc(100vw - 102px)) !important;
        max-width: 1322px !important;
        height: 68px !important;
        min-height: 68px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        background: rgba(12, 12, 12, .79) !important;
        -webkit-backdrop-filter: blur(10px) saturate(118%) !important;
        backdrop-filter: blur(10px) saturate(118%) !important;
    }

    body > header.dm-site-header-glass > div:nth-of-type(1) {
        gap: 9px !important;
    }

    body > header.dm-site-header-glass img[alt="DIASTOMY"],
    body > header.dm-site-header-glass img[alt="Logo"],
    body > header.dm-site-header-glass > div:nth-of-type(1) > a:first-child img,
    body > header.dm-site-header-glass > div:nth-of-type(1) > a:first-child svg {
        width: 170px !important;
        max-width: 170px !important;
        height: 28px !important;
        max-height: 28px !important;
    }

    body > header.dm-site-header-glass > div:nth-of-type(1) > div.h-8 {
        height: 27px !important;
        margin: 0 5px !important;
        background: rgba(255,255,255,.16) !important;
    }

    body > header.dm-site-header-glass nav {
        gap: 23px !important;
    }

    body > header.dm-site-header-glass nav a {
        min-height: 40px !important;
        font-size: 13px !important;
        font-weight: 350 !important;
    }

    body > header.dm-site-header-glass nav a.relative {
        font-weight: 800 !important;
    }

    body > header.dm-site-header-glass nav a.relative svg {
        width: 40px !important;
        height: 40px !important;
        flex-basis: 40px !important;
        margin: 0 -7px !important;
    }

    body > header.dm-site-header-glass .dm-site-header-actions {
        gap: 7px !important;
    }

    body > header.dm-site-header-glass .dm-site-search-shell,
    body > header.dm-site-header-glass .dm-site-search-shell > button,
    body > header.dm-site-header-glass .dm-site-mylist,
    body > header.dm-site-header-glass .dm-site-notification {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    body > header.dm-site-header-glass .dm-site-search-shell > button {
        box-shadow: 0 6px 14px rgba(228,26,26,.24) !important;
    }

    body > header.dm-site-header-glass .dm-site-search-shell > button svg {
        width: 19px !important;
        height: 19px !important;
        flex-basis: 19px !important;
    }

    body > header.dm-site-header-glass .dm-site-mylist svg {
        width: 21px !important;
        height: 21px !important;
    }

    body > header.dm-site-header-glass .dm-site-notification svg {
        width: 20px !important;
        height: 20px !important;
    }

    body > header.dm-site-header-glass .dm-site-profile-wrap {
        height: 46px !important;
    }

    body > header.dm-site-header-glass .dm-site-profile-wrap > a.dm-site-profile {
        min-width: 154px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 3px 9px 3px 3px !important;
        gap: 7px !important;
        border-color: rgba(255,255,255,.18) !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > div:first-child {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > .flex-col {
        min-width: 64px !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > .flex-col p:first-child {
        margin-bottom: 0 !important;
        font-size: 10.5px !important;
        line-height: 13px !important;
        font-weight: 700 !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > .flex-col p:nth-child(2) {
        font-size: 8.5px !important;
        line-height: 10px !important;
        color: rgba(255,255,255,.43) !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > svg:last-child {
        width: 12px !important;
        min-width: 12px !important;
        height: 12px !important;
        flex-basis: 12px !important;
    }
}

/* Keep compact laptops safe while preserving the same visual language. */
@media (min-width: 1024px) and (max-width: 1199px) {
    body > header.dm-site-header-glass,
    body[data-page="home"] > header.dm-site-header-glass {
        height: 62px !important;
        min-height: 62px !important;
        top: 28px !important;
    }

    body > header.dm-site-header-glass .dm-site-search-shell,
    body > header.dm-site-header-glass .dm-site-search-shell > button,
    body > header.dm-site-header-glass .dm-site-mylist,
    body > header.dm-site-header-glass .dm-site-notification {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }

    body > header.dm-site-header-glass .dm-site-profile-wrap,
    body > header.dm-site-header-glass .dm-site-profile-wrap > a.dm-site-profile {
        height: 44px !important;
        min-height: 44px !important;
    }

    body > header.dm-site-header-glass .dm-site-profile-wrap > a.dm-site-profile {
        min-width: 148px !important;
    }

    body > header.dm-site-header-glass .dm-site-profile > div:first-child {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }
}


/* DIASTOMY_DESKTOP_PROFILE_DROPDOWN_FIX_V1
   Keep dropdown rows visually independent from the top-level profile trigger.
   Fixes Windows/desktop artifacts behind "لیست فیلم‌های من" and "ورود به پنل کاربری". */
@media (min-width: 1024px) {
    body > header.dm-site-header-glass
    .dm-site-profile-wrap > div.absolute
    .dm-profile-menu-row {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 46px !important;
        padding: 10px 12px !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        transform: none !important;
        overflow: visible !important;
    }

    body > header.dm-site-header-glass
    .dm-site-profile-wrap > div.absolute
    .dm-profile-menu-row:hover {
        background: rgba(255,255,255,.055) !important;
    }

    /* Reset the content wrapper: it must never inherit the profile/avatar pill. */
    body > header.dm-site-header-glass
    .dm-site-profile-wrap > div.absolute
    .dm-profile-menu-row > div:first-child {
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body > header.dm-site-header-glass
    .dm-site-profile-wrap > div.absolute
    .dm-profile-menu-row > div:first-child > svg {
        display: block !important;
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
        flex: 0 0 18px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body > header.dm-site-header-glass
    .dm-site-profile-wrap > div.absolute
    .dm-profile-menu-row > div:first-child > p {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    /* The row chevron should be a plain icon, never a floating bubble. */
    body > header.dm-site-header-glass
    .dm-site-profile-wrap > div.absolute
    .dm-profile-menu-row > svg:last-child {
        display: block !important;
        width: 15px !important;
        min-width: 15px !important;
        height: 15px !important;
        flex: 0 0 15px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(255,255,255,.78) !important;
        transform: none !important;
    }
}
/* END DIASTOMY_DESKTOP_PROFILE_DROPDOWN_FIX_V1 */