/*header*/
#google_translate_element{
display:none;
}
@media (max-width: 380px) {
#topNavigationDropdown{
color:transparent;
}
#topNavigationDropdown span{
color: #464646;
}
}

@media (max-width: 767px) {
.site-name a img{
width:145px;
}
.top-navigation-bar .dropdown {
top:23px;
border:0;
right: 160px;
left: inherit;
}
.header-top a .cart-count{
z-index: 2;
position: absolute;
}
.responsive-tools{
margin-top: 20px;
}

.responsive-tools a[data-target="login"]{
position: absolute;
right: 95px;
z-index: 2;
}
.responsive-tools a[data-target="search"]{
position: absolute;
right: 130px;
z-index: 2;
}
#header .cart-count {
top: -43px;
}
.header-top .btn.cart-count::before {
font-size:30px;
}
.top-navigation-bar{
display:flex;
}
.top-navigation-bar .site-name{
width:40%;
margin: 5px 10px;
max-width: 225px;
}
.top-navigation-bar .container{
width:60%;
}



}


@media (min-width: 768px) {
.menu-helper {
top: 176px;
}

.menu-helper::after, .menu-trigger::after {
background-color: transparent;
color: #464646;
}
.menu-helper>span {
display: block;
color:#464646;
background:transparent;
font-size: 16px;
text-transform: uppercase;
font-weight: 800;
padding-top: 2px;
}

.header-top>a.project-phone{
background:url(https://www.cajova-zahrada.cz/user/documents/upload/sablona_nemazat/kontakt-osoba.png) no-repeat center left;
background-size: 50px auto;
}


}

@media (min-width: 992px) {
.header-top>a.project-phone::after {
content: "Po-Pá: 8:30-17:00";
color: #696969;
font-size: 13px;
font-weight: 400;
line-height: 22px;
}
}
@media (min-width: 768px) {
.header-top .search {
align-self: center;
flex: 0 1 44.333333%;
}
.header-top{
justify-content: space-between;
}
}
@media (min-width: 992px) {
.header-top .search {
flex: 0 1 38.333333%;
}
}
.header-top>div:last-child {
flex: 0 1 12%;
}


/*detail*/



@media(max-width:767px){
.p-detail .benefitBanner__content{
text-align:left!important;
}
.kosik {
align-items: flex-start;
}
.p-final-price-wrapper{
display: flex;
flex-direction: row;
width: 100%;
}
.p-final-price-wrapper .price-additional{
display:none;
}
.p-final-price-wrapper .price-measure{
margin-left:10px;
line-height: 30px;
}

}




.detail-parameters{
background: #f4f5ed;
}
.benefitBanner__picture {
flex:0 0 70px;
max-width: 70px;
}
.benefitBanner__title{
font-size:13px;
}
.p-detail .benefitBanner__content{
margin-top: 15px!important;
}
.col-xs-12.col-lg-6.p-info-wrapper .availability-value{
background: #f4f5ed;
padding: 15px;
margin-bottom:0px;
}
.col-lg-6.p-info-wrapper table.detail-parameters{
margin-bottom:0px;
}
.col-lg-6.p-info-wrapper table.detail-parameters tr th{
padding: 15px;
background: #f4f5ed;
}

.p-detail .benefitBanner__item{
flex-direction: column;
justify-content: space-between;
}

.p-detail .benefitBanner__content{
text-align:center;
margin-top:5px;
}


@media(max-width:767px){
.breadcrumbs-wrapper{
margin-bottom:0;
}
.p-detail .benefitBanner__item{
flex-direction:row;
justify-content: flex-start;
}
.benefitBanner__title{
font-size:15px;
}





.p-info-wrapper > .benefitBanner__item:has(.detail-usp4){
border-top:1px solid #c3c3c3;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
padding:20px;
margin:0;
padding-bottom:10px;
}


.p-info-wrapper > .benefitBanner__item:has(.detail-usp3),
.p-info-wrapper > .benefitBanner__item:has(.detail-usp2){
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
padding:20px;
margin:0;
padding-bottom:10px;
}

.p-info-wrapper > .benefitBanner__item:last-of-type{
border-bottom:1px solid #c3c3c3;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
padding:20px;
margin:0;
}







}















.benefitBanner__item:has(.help-callout) .benefitBanner__title{
color:#000;
}
.benefitBanner__item:has(.help-callout) .benefitBanner__title::before{
    display: inline-block;
    speak: none;
    font-family: shoptet;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 0;
    text-decoration: none;
    text-transform: none;
    content: "\f109";
    font-family: flaticon;
    font-size: 28px;
    padding-right: 10px;
    line-height: 30px;
    bottom: -2px;
    position: relative;
    color: #000;
}

.help-callout{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  padding:12px 16px;
  border-radius:12px;
}

.help-callout__avatar{
 width: 69px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 60px;
}

.help-callout__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.help-callout__title{
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:4px;
  color:#111;
text-align:left;
}

.help-callout__phone{
  display:inline-block;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  color:#18a957; /* zelená jako na fotce */
  text-decoration:none;
  margin-bottom:4px;
text-align:left;
}

.help-callout__phone:hover{
  text-decoration:underline;
}

.help-callout__hours{
  font-size:12px;
  line-height:1.2;
  color:#8b8b8b;
text-align:left;
}
@media(max-width:767px){
.help-callout{
padding: 20px;
margin: 20px 0;
}
.help-callout__avatar{
width: 69px;
height: 75px;
border-radius: 50%;
overflow: hidden;
flex: 0 0 75px;
}




.p-detail .benefitBanner__content{
    width: 100%;
    padding-right: 0px;
}
}

@media(min-width:768px){

.benefitBanner__item:has(.help-callout){
width: 100%!important;
display: flex!important;
align-items: flex-start!important;
}
}