/* EMKAN project v25 — v113 geometry restored; v24 functionality retained. */
:root{--project-max:952px!important;--thumb-width:114px!important;--viewer-gap:22px!important;--project-h:70vh!important}
body:is(.architect-project-page,.civil-project-page) .project-main{width:100%!important;max-width:var(--project-max)!important;height:var(--project-h)!important;min-height:0!important;margin:14px auto 0!important}
body:is(.architect-project-page,.civil-project-page) .project-layout{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:var(--thumb-width) minmax(0,1fr)!important;grid-template-areas:"thumbs viewer"!important;column-gap:var(--viewer-gap)!important;direction:ltr!important;align-items:stretch!important}
:is(html[lang="fa"],html[lang="ar"]) body:is(.architect-project-page,.civil-project-page) .project-layout{grid-template-columns:minmax(0,1fr) var(--thumb-width)!important;grid-template-areas:"viewer thumbs"!important}
body:is(.architect-project-page,.civil-project-page) .thumb-column{position:relative!important;grid-area:thumbs!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:visible!important}
body:is(.architect-project-page,.civil-project-page) .thumbs-rail{width:100%!important;height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:0!important;padding-inline-end:8px!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
body:is(.architect-project-page,.civil-project-page) .thumbs-rail::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{display:block!important;position:absolute!important;z-index:20!important;top:4px!important;bottom:4px!important;width:1px!important;height:auto!important;background:var(--line)!important;opacity:.82!important;pointer-events:none!important}
html[dir="ltr"] body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{left:-7px!important;right:auto!important}
html[dir="rtl"] body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{right:-7px!important;left:auto!important}
body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar-thumb{display:block!important;position:absolute!important;top:0;left:50%!important;width:2px!important;height:20px;min-height:20px!important;transform:translateX(-50%)!important;background:var(--hover-accent)!important;opacity:.88!important;pointer-events:none!important}
body:is(.architect-project-page,.civil-project-page) .viewer-column{grid-area:viewer!important;min-width:0!important;min-height:0!important;display:flex!important}
body:is(.architect-project-page,.civil-project-page) .viewer-frame{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}
body:is(.architect-project-page,.civil-project-page) .slide{min-width:100%!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 42px 16px!important}
body:is(.architect-project-page,.civil-project-page) .slides-scrollbar{display:block!important;position:absolute!important;z-index:8!important;left:42px!important;right:42px!important;bottom:4px!important;height:1px!important;background:var(--line)!important;opacity:.72!important;pointer-events:none!important}
body:is(.architect-project-page,.civil-project-page) .slides-scrollbar-thumb{display:block!important;position:absolute!important;top:50%!important;left:0;width:22px;min-width:22px!important;height:2px!important;transform:translateY(-50%)!important;background:var(--hover-accent)!important;opacity:.9!important}

@media(min-width:1181px){body:is(.architect-project-page,.civil-project-page) .project-subnav-shell,body:is(.architect-project-page,.civil-project-page) .project-main{max-width:952px!important}}
@media(min-width:901px) and (max-width:1180px){:root{--project-max:900px!important}body:is(.architect-project-page,.civil-project-page) .project-subnav-shell,body:is(.architect-project-page,.civil-project-page) .project-main{max-width:900px!important}}
@media(min-width:721px) and (max-width:900px){
  body:is(.architect-project-page,.civil-project-page) .project-subnav-shell,body:is(.architect-project-page,.civil-project-page) .project-main{max-width:720px!important}
  body:is(.architect-project-page,.civil-project-page) .project-main{height:min(66vh,620px)!important;margin-top:11px!important}
  body:is(.architect-project-page,.civil-project-page) .project-layout{display:grid!important;height:100%!important;column-gap:var(--viewer-gap)!important;grid-template-columns:var(--thumb-width) minmax(0,1fr)!important;grid-template-areas:"thumbs viewer"!important}
  :is(html[lang="fa"],html[lang="ar"]) body:is(.architect-project-page,.civil-project-page) .project-layout{grid-template-columns:minmax(0,1fr) var(--thumb-width)!important;grid-template-areas:"viewer thumbs"!important}
  body:is(.architect-project-page,.civil-project-page) .thumbs-rail{width:100%!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;gap:0!important;padding:0 8px 0 0!important}
  body:is(.architect-project-page,.civil-project-page) .vthumb,body:is(.architect-project-page,.civil-project-page) .vthumb-media,body:is(.architect-project-page,.civil-project-page) .vthumb--text{width:104px!important;height:66px!important;min-width:104px!important;max-width:104px!important;min-height:66px!important;max-height:66px!important}
  body:is(.architect-project-page,.civil-project-page) .viewer-frame{height:100%!important;min-height:0!important}
}
@media(max-width:720px){
  body:is(.architect-project-page,.civil-project-page) .project-subnav-shell,body:is(.architect-project-page,.civil-project-page) .project-main{max-width:720px!important}
  body:is(.architect-project-page,.civil-project-page) .project-main{height:auto!important;margin-top:11px!important}
  body:is(.architect-project-page,.civil-project-page) .project-layout{display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important}
  body:is(.architect-project-page,.civil-project-page) .thumb-column{order:1!important;padding-bottom:8px!important}
  body:is(.architect-project-page,.civil-project-page) .viewer-column{order:2!important}
  body:is(.architect-project-page,.civil-project-page) .thumbs-rail{width:100%!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;flex-direction:row!important;gap:8px!important;padding:0 0 5px!important;direction:ltr!important}
  body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{display:block!important;top:auto!important;bottom:1px!important;left:0!important;right:0!important;width:auto!important;height:1px!important;background:var(--line)!important;opacity:.72!important}
  body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar-thumb{top:50%!important;left:0;width:22px!important;min-width:22px!important;height:2px!important;min-height:2px!important;transform:translateY(-50%)!important}
  body:is(.architect-project-page,.civil-project-page) .viewer-frame{height:min(64vh,560px)!important;min-height:360px!important}
  body:is(.architect-project-page,.civil-project-page) .slide{padding:8px 32px 16px!important}
  body:is(.architect-project-page,.civil-project-page) .slides-scrollbar{left:24px!important;right:24px!important;bottom:3px!important}
}
@media(max-width:560px){
  body:is(.architect-project-page,.civil-project-page) .viewer-frame{height:min(58vh,470px)!important;min-height:310px!important}
  body:is(.architect-project-page,.civil-project-page) .slide{padding-inline:24px!important}
}


/* ===== v26 thumbnail rail repair ===== */
@media(min-width:721px){
  body:is(.architect-project-page,.civil-project-page) .thumbs-rail{gap:10px!important}
  body:is(.architect-project-page,.civil-project-page) .vthumb{position:relative!important;margin:0!important;overflow:visible!important}
  body:is(.architect-project-page,.civil-project-page) .vthumb+.vthumb::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:-5.5px!important;height:1px!important;background:var(--line)!important;opacity:.62!important;pointer-events:none!important;z-index:5!important}
}

/* ===== v27: readable thumbnail rhythm + active internal rails ===== */
@media(min-width:721px){
  body:is(.architect-project-page,.civil-project-page) .thumbs-rail{
    gap:12px!important;
    padding-block:0 2px!important;
  }
  body:is(.architect-project-page,.civil-project-page) .vthumb{
    position:relative!important;
    overflow:visible!important;
    margin:0!important;
  }
  body:is(.architect-project-page,.civil-project-page) .vthumb+.vthumb::before{
    content:""!important;display:block!important;position:absolute!important;
    left:0!important;right:0!important;top:-6.5px!important;height:1px!important;
    background:var(--line)!important;opacity:.62!important;pointer-events:none!important;z-index:6!important;
  }
  body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{
    display:block!important;visibility:visible!important;opacity:.62!important;
  }
  body:is(.architect-project-page,.civil-project-page) .slides-scrollbar{
    display:block!important;visibility:visible!important;opacity:.72!important;
  }
}


/* ===== EMKAN project v29 — fullscreen video uses only the control bar below ===== */
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-stage > .fullscreen-video-start{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell > .video-controls{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}