/* Megabike Plus: samostatne mobilni vzhled, 2026-09-27 */
.mb-mobile-hero{display:none}
@media(max-width:767px){
  .top-navigation-bar,
  .top-navigation-bar>.container,
  .top-navigation-bar .top-navigation-tools,
  .responsive-tools,
  header#header,
  .header-top{background:#fff!important}
  header#header{border-bottom:4px solid #f2d233!important}

  body.in-index #dvDlazdice{background:#fff!important;padding:0 0 18px!important}
  body.in-index #dvDlazdice .cnt{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:stretch!important;
    width:100%!important;
    max-width:450px!important;
    gap:9px!important;
    padding:0 13px!important
  }
  body.in-index #dvDlazdice .cnt>a{
    width:100%!important;
    height:145px!important;
    margin:0!important;
    background:#252525!important;
    border-radius:6px!important;
    overflow:hidden
  }
  body.in-index #dvDlazdice .cnt>a .spnKolo{
    width:100%!important;
    height:105px!important;
    background-size:88% auto!important;
    background-position:center 8px!important
  }
  body.in-index #dvDlazdice .cnt>a strong{
    width:100%!important;
    height:36px!important;
    top:auto!important;
    bottom:0!important;
    background:#353535!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:36px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  body.in-index #dvDlazdice .cnt>a em{display:none!important}

  body.in-index #dvDlazdice .mb-mobile-hero{
    display:block;
    grid-column:1/-1;
    color:#222;
    padding:34px 4px 8px
  }
  .mb-mobile-hero__eyebrow{display:block;color:#766800;font-size:11px;font-weight:700;letter-spacing:.05em}
  .mb-mobile-hero h2{font-size:25px;line-height:1.15;margin:9px 0}
  .mb-mobile-hero p{font-size:14px;line-height:1.4;margin:0 0 13px}
  body.in-index #dvDlazdice .cnt .mb-mobile-hero a.mb-mobile-hero__link{
    display:block;
    width:100%!important;
    height:auto!important;
    min-height:44px!important;
    margin:0!important;
    position:static!important;
    background:#f2d233!important;
    background-image:none!important;
    color:#181818!important;
    text-align:center;
    padding:12px 8px;
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    text-decoration:none!important
  }
  .mb-mobile-hero__brands{display:flex;gap:8px;margin:10px 0 16px}
  .mb-mobile-hero__brands span{
    flex:1;
    background:#f0f0f0;
    border-radius:5px;
    text-align:center;
    padding:9px;
    font-size:13px;
    font-weight:700
  }
  html:not(.bn) .mb-mobile-hero__brands{display:none}
  .mb-mobile-hero h3{font-size:17px;margin:0 0 4px}

  .site-msg.information{max-width:calc(100% - 28px);border-radius:6px}
  .site-msg.information .text{font-size:11px;line-height:1.3}
}