/* Zadachki.bg mobile header — screen-only presentation.
   A single sticky row: logo + menu; desktop remains untouched. */
.mobile-menu-toggle { display:none!important; }
@media screen and (max-width:760px) {
  body.mode-home .product-header,
  body:not(.mode-home) .product-header {
    position:sticky!important;
    top:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    grid-template-rows:54px!important;
    justify-items:stretch!important;
    align-items:center!important;
    gap:8px!important;
    min-height:0!important;
    height:auto!important;
    padding:7px 12px!important;
    margin-top:0!important;
    border-radius:0 0 18px 18px!important;
    overflow:visible!important;
  }
  body.mode-home .product-header .brand-lockup,
  body:not(.mode-home) .product-header .brand-lockup {
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    align-items:center!important;
    margin:0!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.mode-home .product-header .brand-logo,
  body:not(.mode-home) .product-header .brand-logo {
    width:178px!important;
    height:auto!important;
    max-width:min(178px,calc(100vw - 94px))!important;
    margin:0!important;
  }
  body .product-header .mobile-menu-toggle {
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #d6e3f3!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#fff,#eef5ff)!important;
    color:#164b91!important;
    box-shadow:0 3px 10px rgba(22,68,130,.07)!important;
    cursor:pointer!important;
    z-index:2!important;
  }
  body .product-header .mobile-menu-toggle svg {width:23px;height:23px;display:block;flex:0 0 23px}
  body .product-header .mobile-menu-toggle .mobile-menu-close {display:none}
  body.mobile-nav-open .product-header .mobile-menu-toggle {
    color:#0b438f!important;
    background:linear-gradient(145deg,#e8f2ff,#dbeaff)!important;
    border-color:#b8d0f4!important;
  }
  body.mobile-nav-open .product-header .mobile-menu-toggle .mobile-menu-close {display:block}
  body.mobile-nav-open .product-header .mobile-menu-toggle .mobile-menu-bars {display:none}
  body .product-header .mobile-menu-toggle:focus-visible,
  body .product-header .top-nav button:focus-visible {
    outline:3px solid #3675d8!important;outline-offset:2px!important;
  }
  body.mode-home .product-header .top-nav,
  body:not(.mode-home) .product-header .top-nav {
    display:none!important;
    position:absolute!important;
    top:calc(100% + 7px)!important;
    right:10px!important;
    left:auto!important;
    width:min(246px,calc(100vw - 20px))!important;
    min-width:0!important;
    padding:8px!important;
    margin:0!important;
    border:1px solid #d8e5f5!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 18px 42px rgba(15,49,98,.17)!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:3px!important;
    z-index:100!important;
    isolation:isolate;
  }
  body.mode-home.mobile-nav-open .product-header .top-nav,
  body:not(.mode-home).mobile-nav-open .product-header .top-nav {display:flex!important;}
  body.mode-home .product-header .top-nav button,
  body.mode-home .product-header .top-nav #navHome,
  body:not(.mode-home) .product-header .top-nav button {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    flex:0 0 auto!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 13px!important;
    margin:0!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#34577e!important;
    box-shadow:none!important;
    text-align:left!important;
    font-size:13px!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  body .product-header .top-nav button[aria-current="location"],
  body:not(.mode-home) .product-header .top-nav #navExercises {
    background:#edf5ff!important;
    color:#0d58ac!important;
  }
  body .product-header .top-nav button:hover {background:#f1f7ff!important;color:#0d58ac!important;}
  body .product-header .top-nav button::after {display:none!important;}
  body .product-header .top-nav button:focus-visible{border-radius:10px!important}
}
@media print {
  .mobile-menu-toggle {display:none!important;}
}