/* Styly přesunuté ze Záhlaví (HTML kódy) do souboru – obsah beze změny */
.menu-item-5948,.menu-item-3300,.menu-item-6146{
  position:relative
}

.menu-item-5948>a,.menu-item-3300>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:18px!important;
  border-radius:8px;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none!important;
  transition:all .2s ease-in-out
}

.menu-item-5948>a{
  background:#ff4d00!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(0,0,0,.1)
}

.menu-item-5948>a:hover,
.menu-item-5948>a[aria-expanded=true],
.menu-item-5948.current-menu-item>a{
  background:#d93c00!important;
  color:#fff!important
}

.menu-item-5948::after,
.menu-item-5948>a::after{
  content:none!important;
  display:none!important
}

.menu-item-5948{
  margin-right:8px;
  line-height:1
}

.menu-item-3300>a{
  background:#fc0!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 2px 5px rgba(0,0,0,.1)
}

.menu-item-3300>a:hover,
.menu-item-3300.current-menu-item>a{
  background:#e6b800!important;
  color:#fff!important
}

.menu-item-3300>a::before{
  content:"🔥 ";
  font-size:1.1em;
  margin-right:4px
}

.menu-item-5948>a::before{
  content:"🤕 ";
  font-size:1.1em;
  margin-right:4px
}

.menu-item-6146>a{
  background:#000!important;
  color:#fff!important;
  border:2px solid #fc0!important;
  border-radius:8px;
  font-weight:700;
  line-height:1;
  padding:18px!important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:all .2s ease-in-out
}

.menu-item-6146>a::before{
  content:"⚡";
  font-size:1.1em;
  margin-right:4px
}

.menu-item-6146>a:hover,
.menu-item-6146.current-menu-item>a{
  background:#fc0!important;
  color:#000!important;
  border-color:#fc0!important
}

@media(max-width:768px){

  .menu-item-5948>a,
  .menu-item-3300>a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%;
    padding:16px 18px!important;
    border-radius:6px!important;
    box-shadow:none!important;
    text-transform:uppercase
  }

  .menu-item-5948>a{
    background:rgba(255,77,0,.08)!important;
    color:#1c1c1c!important
  }

  .menu-item-5948>a:hover,
  .menu-item-5948>a:active{
    background:rgba(255,77,0,.15)!important
  }

  .menu-item-3300>a{
    background:rgba(255,204,0,.12)!important;
    color:#1c1c1c!important;
    border:0!important
  }

  .menu-item-3300>a:hover,
  .menu-item-3300>a:active{
    background:rgba(255,204,0,.22)!important
  }

  .menu-item-5948>a .submenu-arrow,
  .menu-item-3300>a .submenu-arrow{
    margin-left:auto!important
  }

  .menu-item-6146>a{
    width:100%;
    background:rgba(0,0,0,.92)!important;
    color:#fff!important;
    border:0!important;
    padding:16px 18px!important
  }

  .menu-item-6146>a::before{
    font-size:1em
  }
}

.category-appendix::before,
.product-appendix::before{
  display:none
}

#header .site-name a img{
  max-height:60px
}

@media(min-width:1200px){

  .top-navigation-bar .project-email{
    display:inline-block;
    font-size:16px;
    font-weight:700;
    margin-left:24px;
    color:var(--color-primary)
  }

  a.project-email::before{
    content:'\e910';
    font-size:16px
  }

}

@media(min-width:360px) and (max-width:767px){

  .top-navigation-contacts{
    display:block!important
  }

  .top-navigation-contacts .project-phone{
    display:none!important
  }

  .top-navigation-contacts .project-email{
    display:block!important;
    position:absolute;
    right:164px;
    top:15px;
    color:#A3A3AF
  }

  a.project-email::before{
    content:'\e910'
  }

  .top-navigation-contacts .project-email span{
    display:none
  }

}

.discount-coupon:not(.uplatneno) form{
  display:block;
  margin-top:0
}

.kupon-odkaz{
  display:none
}

@media(min-width:768px){

  #header::after{
    background-color:#ffd175
  }

  .navigation-in{
    background-color:transparent
  }

  .navigation-in>ul>li>a,
  .submenu-arrow::after{
    color:#fff
  }

  .menu-helper::after{
    color:#fff
  }

}

.btn:not(.cart-count),
.compact-form .form-control,
.pagination>a,
.pagination>strong,
a.login-btn{
  border-radius:30px
}
