/* ToJestDom RC281 — mobile navigation, compact project media, responsive polish */
.mobileMenuToggle{
  display:none;
  width:42px;
  height:42px;
  margin-left:auto;
  padding:0;
  border:1px solid rgba(255,255,255,.20);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  box-shadow:none;
}
.mobileMenuToggle span{
  display:block;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;
  transition:transform .2s ease,opacity .2s ease;
}
.mobileMenuToggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobileMenuToggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobileMenuToggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:980px){
  .topbar .wrap.nav,
  .tjd-knowledge-header .tjd-nav{position:relative!important}

  .topbar .navcta,
  .tjd-knowledge-header .tjd-cta{display:none!important}

  .topbar .headerMotto,
  .tjd-knowledge-header .tjd-motto{display:none!important}

  .topbar .mobileMenuToggle,
  .tjd-knowledge-header .mobileMenuToggle{display:inline-flex!important}

  .topbar .navlinks,
  .tjd-knowledge-header .tjd-links{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    z-index:2100!important;
    margin:0!important;
    padding:10px 14px 14px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    background:linear-gradient(180deg,#071f38 0%,#06182b 100%)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    border-bottom:1px solid rgba(81,191,255,.20)!important;
    box-shadow:0 18px 32px rgba(1,10,20,.22)!important;
  }
  .topbar.mobile-open .navlinks,
  .tjd-knowledge-header.mobile-open .tjd-links{display:flex!important}

  .topbar .navlinks a,
  .tjd-knowledge-header .tjd-links a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding:0 12px!important;
    margin:0!important;
    border-radius:10px!important;
    color:#f6fbff!important;
    font-size:15px!important;
    font-weight:650!important;
    text-decoration:none!important;
  }
  .topbar .navlinks a:hover,
  .tjd-knowledge-header .tjd-links a:hover,
  .tjd-knowledge-header .tjd-links a[aria-current="page"]{
    color:#fff!important;
    background:rgba(42,168,255,.13)!important;
  }
  .topbar .navlinks a:after{display:none!important}

  body[data-project-slug] .projectHero{padding:14px 0 10px!important}
  body[data-project-slug] .crumbs{margin-bottom:9px!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-project-slug] .detailGrid{gap:14px!important}
  body[data-project-slug] .detailMedia{
    border-radius:16px!important;
    overflow:hidden!important;
    box-shadow:0 8px 24px rgba(6,24,43,.08)!important;
  }
  body[data-project-slug] .detailMedia>img{
    display:block!important;
    width:100%!important;
    height:clamp(190px,56vw,250px)!important;
    min-height:0!important;
    max-height:250px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  body[data-project-slug] .gallery{gap:7px!important;padding-top:7px!important}
  body[data-project-slug] .gallery button{flex-basis:112px!important;border-radius:12px!important}
  body[data-project-slug] .gallery button img{aspect-ratio:16/10!important;border-radius:11px!important}
  body[data-project-slug] .detailSide{padding:20px!important;border-radius:18px!important}
  body[data-project-slug] .detailSide h1{font-size:clamp(30px,8vw,38px)!important;margin:9px 0 10px!important}
  body[data-project-slug] .detailPrice{font-size:30px!important}
  body[data-project-slug] .projectStrip{margin-top:12px!important;gap:8px!important}
  body[data-project-slug] .stripItem{padding:12px 13px!important;border-radius:14px!important}
  body[data-project-slug] .stripItem b{font-size:16px!important}

  .heroGalleryBtn{width:38px!important;height:38px!important;font-size:27px!important}
  .heroGalleryCount{right:10px!important;bottom:9px!important;padding:6px 9px!important;font-size:11px!important}
}

@media(max-width:650px){
  .topbar .wrap.nav,
  .tjd-knowledge-header .tjd-nav{height:62px!important;padding:0 12px!important}
  .brand.brandLogo,
  .tjd-knowledge-header .tjd-brand{height:48px!important}
  .brand.brandLogo img,
  .tjd-knowledge-header .tjd-brand img{width:144px!important;max-height:48px!important}
  .mobileMenuToggle{width:40px;height:40px;border-radius:11px}

  body[data-project-slug] .projectHero>.wrap,
  body[data-project-slug] main>.section>.wrap,
  body[data-project-slug] .projectSection>.wrap,
  body[data-project-slug] .projectAnchorNav>.wrap{width:calc(100% - 20px)!important}
  body[data-project-slug] .detailMedia>img{
    height:clamp(180px,54vw,225px)!important;
    max-height:225px!important;
  }
  body[data-project-slug] .detailSide{padding:17px!important}
  body[data-project-slug] .miniFacts{gap:7px!important}
  body[data-project-slug] .projectStrip{grid-template-columns:1fr 1fr!important}
  .projectAnchorNav{top:62px!important}
  body[data-project-slug] .projectSection,
  body[data-project-slug] main>.section#parametry{scroll-margin-top:120px!important}
}