/*
Theme Name: Bono Child
Theme URI: https://wpshop.ru/themes/bono
Author: WPShop.ru
Author URI: http://wpshop.ru/
Template: bono
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

.site-main .shop-grid,
.related-products .shop-grid {
    justify-content: flex-start;
    align-items: start;
}

.related-products .shop-item__title {
    font-size: 15px;
}

.header-html-1, .header-html-2 {
    text-align: inherit;
}
.header__contact {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: start;
    gap: 10px;
}
.header__contact__item {
    text-decoration: none;
    font-size: 15px;
    line-height: 1.2;
    position: relative;
    padding-left: 1.4em;

}
.header__contact__item:before {
    font-family: wpshop-core!important;
    content: "📍";
    position: absolute;
    top: 0;
    left: 0;
    font-size: .9em;
    color: #f43c32;
}
.header__contact__item:hover {}
.header__contact__adress {}
.header__contact__phone {
    font-weight: bold;
}
.header__contact__time {
    font-size: 80%;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    font-size: 16px;
}

.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
    min-width: -webkit-fill-available;
    display: flex;
    justify-content: end;
    margin-bottom: 3px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-width: 1px;
}

.main-navigation ul li .sub-menu {
    min-width: 200px;
}

.main-navigation ul li .sub-menu li>a {
    padding: 15px 20px;
    line-height: 1.2;
}

.home__services {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;

}
.home__services__link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 15px;
    padding-left: 0;
    text-decoration: none;
    color: #000;

}
.home__services__link:hover {
    box-shadow: 0 1px 2px 2px #f1f1f1;
}
.home__services__img {
    width: 150px;
    height: 150px;

}
.home__services__img img {
    width: 150px;
    height: 150px;

}
.home__services__txt {
    max-width: 150px;
    display: flex;
    flex-direction: column;
    gap: 5px;

}
.home__services__title {
    color: #0f70c4;
    font-weight: bold;
    font-size: 17px;

}
.home__services__desc {
    font-size: 15px;

}

#mvweb_page_selector_widget-3 .mvweb-widget-title {
    font-size: 120%;
}
#mvweb-widget-mvweb_page_selector_widget-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
}
#mvweb-widget-mvweb_page_selector_widget-3 li {
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 0 10px 10px;
    width: 177px;
    text-align: center;
}
#mvweb-widget-mvweb_page_selector_widget-3 a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    gap: 5px;
}
#mvweb-widget-mvweb_page_selector_widget-3 li:hover {
    box-shadow: 0 1px 2px 2px #f1f1f1;
}
#mvweb-widget-mvweb_page_selector_widget-3 li:hover a {
    color: #2268bf;
}
#mvweb-widget-mvweb_page_selector_widget-3 a img {
    width: 150px;
    height: 150px;
}

.home__advantages {
    background: #014787;
    border-radius: 6px;
    padding: 40px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-shadow: 0 0 1px #555;
    width: 100%;
}
.home__advantages__title {
    font-size: 1.9375em;
    font-weight: 700;
    z-index: 1;

}
.home__advantages__list {
    font-size: 18px;
    max-width: 700px;
    z-index: 1;
}
.home__advantages__list ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    padding: 0;
}
.home__advantages__list ul li {
    position: relative;
    padding-left: 30px;
}
.home__advantages__list ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-image: url(/wp-content/uploads/2025/10/check-green.png);
    background-size: 22px;
    background-position: center;
}
.home__advantages__list ul li span {}
.home__advantages__img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 430px;
    max-width: 100%;
}
.home__advantages__link {
    z-index: 1;
    margin-top: 20px;
}
.home__advantages__link a {
    background-color: #00b52c;
    color: #fff;
    padding: 15px 25px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 18px;
}

.section-id--photo_wall .section-block__header {
    display: none;
}

.super-header {
    padding-bottom: 0;
}
.super-header__item--6 {
    text-align: right;
}

.home__contacts {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
}
.home__contacts__box {}
.home__contacts__box--places {
    display: flex;
    flex-direction: column;
    gap: 10px;

}
.home__contacts__box--maps {}
.home__contacts__item {
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 15px;
    width: 360px;
    display: flex;
    flex-direction: column;
    gap: 5px;

}
.home__contacts__adress {
    position: relative;
    padding-left: 20px;
    font-weight: bold;

}
.home__contacts__adress:before {
    font-family: wpshop-core!important;
    content: "📍";
    position: absolute;
    top: 0;
    left: 0;
    font-size: .9em;
    color: #f43c32;
}
.home__contacts__adress span {
    display: block;
    font-weight: normal;

}
.home__contacts__phone {
    padding-left: 20px;
}
.home__contacts__phone a {
    text-decoration: none;
    font-weight: bold;
    font-size: 105%;

}
.home__contacts__time {
    font-size: 15px;
    color: #787676;
    padding-left: 20px;
}

.home__otzyv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.home__otzyv__name {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.woocommerce-product-form-wrap {
    flex-direction: column;
    align-items: start;
}
.woocommerce-product-form-wrap .stock {
    display: none;
}
.woocommerce-breadcrumb+h1 {
    font-size: 1.7rem;
}
.shop-item__image img {
    max-height: 130px;
}
.shop-item__buttons-cart:before {
    content: "";
}


/* Media */

@media screen and (min-width: 993px) {
    .pc-hidden {
        display: none;
    }
}
@media screen and (max-width: 993px) {
    .header-html-2 {
        display: none;
    }
    .pc-hidden .dgwt-wcas-search-wrapp {
        margin-top: 5px;
    }
    .home__contacts {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .home__services {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .home__services__link {
        display: grid;
        flex-direction: column;
        padding: 10px;
    }
    .home__services__txt {
        max-width: inherit;
    }
    .home__otzyv {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 580px) {
    .header__contact {
        flex-direction: column;
    }
    .header__contact__item {
        font-size: 14px;
        display: flex;
        gap: 5px;
        align-items: center;
    }
    #mvweb-widget-mvweb_page_selector_widget-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    #mvweb-widget-mvweb_page_selector_widget-3 li {
        width: inherit;
    }
    .home__services__title {
        font-size: 15px;
    }
    .home__services__desc {
        font-size: 14px;
    }
    .home__contacts__item {
        width: 100%;
        padding: 10px 15px;
        gap: 3px;
    }
    .home__contacts__adress:before {
        top: 2px;
    }

}