.container{
    max-width: 1600px;
    width: 100%;
}
.align-right{
    text-align: right;
}
.row-margin-none{
    margin: 0;
}
.col-padding-left-none{
    padding-left: 0;
}
.header-phone{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 7px 0 0;
}
.header-phone a{
    color: #fff;
}
header{
    background:#fff !important;
    padding:15px 0 !important;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}
#top .fa{
    color: #FFFFFF;
    font-size: 20px;
    margin: 0px 4px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background: none;
    border: 0;
}
.dropdown-menu{
    background: #1c9f82;
    border-radius: 0;
}
.dropdown-menu li > a:hover{
    background: #b70c2d;
}
.wrapper-menu{
    background: #c43b52;
}
.col-lg-3{width: 20%;}
#content .col-lg-3:nth-child(4n+1){
    clear: none;
}
#content .col-lg-3:nth-child(5n+1){
    clear: both;
}
#logo img{max-width: 130px;}
.banner-home .swiper-viewport{
    border-radius: 0; 
    border: none; 
    box-shadow: none;
}
.banner-home .swiper-button-next, .banner-home .swiper-button-prev{
    display: none;
}
.foot-socials a{
        display: inline-block;
    background: #c43b52;
    padding: 9px 10px;
    margin-right: 15px;
    width: 46px;
    height: 46px;
}
.foot-socials a i{
    color: #fff;
    font-size: 28px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
    display: inline-block;
}
#common-home h3{
    text-align: center;
    color: #303030;
    text-transform: uppercase;
    font-size: 30px;
    border-bottom: 2px solid #c43b52;
        margin-bottom: 30px;
    padding-bottom: 15px;
}
.btn-mobile-search{
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    background: #c43b52;
    font-weight: 700;
    padding: 14px 18px;
    margin: 19px 0 0;
    cursor: pointer;
    display: none;
}
#content .swiper-viewport{
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ccc;
    text-align: center;
    margin: 10px 0 20px;
}
.wrapper-menu #menu .dropdown-menu{
    background: #c43b52;
    border: 0;
    box-shadow: none;
}
.wrapper-menu #menu .dropdown-menu a{
    padding: 7px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.list-group-item{
    background: #c43b52;
}
.list-group-item:first-child, .list-group-item:last-child{
    border-radius: 0;
}
.list-group a{
    border: 1px solid #fff;
    color: #fff !important;
    text-shadow: none!important;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover{
    color: #fff !important;
    background: #c43b52;
    border: 1px solid #fff;
    text-shadow: none!important;
    font-weight: 700;
}
.breadcrumb > li{
    color: #888;
}
#product-category #content > h3{
    display: none;
}
h1{
    margin: 20px 0;
}
a, .btn-link, a:hover, .btn-link:hover{
    color: #444444;
}
.img-rounded{
    border-radius: 0;
}
#product-category #content > .row > .col-xs-12 > .flex-col {
    background: #fff;
    padding: 3px;
    border: 1px solid #ddd;
        margin-bottom: 25px;
}
#product-category #content > .row > .col-xs-12 > .flex-col > br{
    display: none;
}
#product-category #content > .row > .col-xs-12 > .flex-col > h5{
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    background: #1c9f82;
    margin: 0;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}
.btn-group-sm>.btn, .btn-sm, .btn-group-sm>.btn:hover, .btn-sm:hover {
    padding: 4px 12px;
    border-radius: 0px;
    font-size: 20px;
    box-shadow: none;
    line-height: 30px;
}
.input-group .input-group-addon{
    font-size: 16px;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn{
    font-size: 16px;
    height: 36px;
}
#product-compare .table-bordered{
    background: #fff;
}
.btn-primary, .btn-primary:hover{
    color: #fff;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background: #1c9f82;
}
.btn-primary:hover{
    background: #158c6f;
}
.btn-info, .btn-danger, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover{
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.category-desc{
    margin: 15px 0;
}
.thumbnail{
    text-align: center;
}
.thumbnail{
    border-radius: 0;
}
.nav-tabs>li>a{
    color: #1B1B1C;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border-radius: 0;
}
.nav-tabs{
    margin-bottom: 0;
}
.tab-content{
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 20px;
    margin: -1px 0 0px;
}
.bg-white{
    padding: 15px 15px;
    background: #fff;
    border: 1px solid #ddd;
}
.product-thumb .image{
    padding: 10px;
}
.in-stock{
    color: #00d703;
}
.out-of-stock{
    color: #ff0040;
}
.out-of-stock-listing{
    opacity: 0.6;
}
.out-of-stock-listing .image img{
    filter: grayscale(100%); 
}
.product-thumb.out-of-stock-listing .button-group button{
    background: #b4b1a8;
}
#product-product h1{
    margin: 0 0 20px;
}
.product-desc{
    margin-top: 40px;
}
#product-product .number-spinner #input-quantity{
    font-size: 20px;
    height: 58px;
    width: 70px;
}
#product-product .number-spinner .btn{
    height: 58px;
    width: 58px;
}
#product-product .number-spinner .input-group-btn{
    width: 0;
}
#product-product #product{
    margin: 50px 0 0;
}
.alert-dismissable .close, .alert-dismissible .close{
    right: -5px;
}
.table-cart, .table-cart td{
    border-bottom: 1px solid #ddd!important;
    border-left: none!important;
    border-right: none!important;
    border-top: none!important;
    padding: 20px 10px!important;
}
.table-cart thead td{
    font-weight: 700;
}
.table-total tr:first-child td{
    border-top: none!important;
}
.table-cart input[type="text"]{
    height: 53px;
    font-size: 17px;
    border-radius: 0;
    width: 63px!important;
    text-align: center;
}
.table-cart .input-group-btn{
    width: 0;
    float: left;
}
.container .simple-content{
    margin: 0;
}
#tab-description img{
    max-width: 100%;
    width: auto;
    height: auto;
}
.simple-content .checkout-heading{
    font-size: 17px;
    font-weight: 700;
    margin: -15px -15px 0!important;
}
#simplecheckout_comment textarea{
    margin-top: 15px!important;
}
.simplecheckout td.quantity .form-control{
    height: 53px;
    text-align: center;
}
#compare-total{
    line-height: 24px;
}

.mfp-content #smca-modal-body{
    max-width: 800px;
}
.mfp-content #smca-modal-body > .modal-footer > input, .mfp-content #smca-modal-body > .modal-footer > input:hover, .mfp-content #smca-modal-body > .modal-footer > input:active, .mfp-content #smca-modal-body > .modal-footer > input:focus{
    background-color: #c43b52!important;
    color: #fff!important;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700;
    height: 43px;
}
.mfp-content #smca-modal-body > .modal-footer > input.close-button-bottom, .mfp-content #smca-modal-body > .modal-footer > input.close-button-bottom:hover, .mfp-content #smca-modal-body > .modal-footer > input.close-button-bottom:active, .mfp-content #smca-modal-body > .modal-footer > input.close-button-bottom:focus{
    background: #9a9a9a!important;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700;
    color: #fff!important;
}
.mfp-content #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right{
    padding: 10px 10px;
}
.mfp-content #smca-modal-body .modal-body .totals{
    text-align: right;
}
.mfp-content #smca-modal-body .modal-body .totals > div{
    border: none;
}
.simplecheckout-block .well{
    background-color: #fff!important;
}
#simplecheckout_cart #total_shipping{
    display: none!important;
}


#column-right .list-group-item{
    background: #fff;
}
#column-right .list-group a{
    color: #444444!important;
}
@media(max-width: 1010px){
    .col-lg-3 {
        width: 33%;
    }
    #content .col-lg-3:nth-child(5n+1){
        clear: none;
    }
    #content .col-lg-3:nth-child(3n+1){
        clear: both;
    }
}
@media(max-width: 960px){
    #cart{
        width: 50px;
    }
    #cart-total{
        display: none;
    }
    #logo img{
        width: 80px;
    }
}
@media(max-width: 768px){
    header{
        position: relative;
    }
    .btn-mobile-search{
        display: inline-block;
    }
    header .row:after{
        display: block;
        clear: both;
        content: '';
    }
    #search{
        display: none;
        position: absolute;
        bottom: -18px;
        left: 0;
        width: 100%;
        padding: 3px 15px;
        z-index: 1000;
    }
    #search .input-lg{
        width: 84%;
    }
    header .col-sm-4{
        width: 60%;
        float: left;
    }
    header .col-sm-5{
        width: 20%;
        float: left;
        position: static;
    }
    header .col-sm-3{
        width: 20%;
        float: left;
    }
    .category-desc{
        margin: 15px 15px;
    }
    #product-product #button-cart{
        margin-top: 15px;
    }
    .breadcrumb{
        padding: 3px 0;
    }
    .breadcrumb > li{
        font-size: 11px;
        padding: 0px 10px;
    }
    #checkout-cart .pull-right, #checkout-cart .pull-left{
        width: 100%;
        float: none;
    }
    #checkout-cart .btn{
        width: 100%;
        margin-bottom: 15px;
    }
    .table-cart{
        font-size: 14px;
    }
    .table-cart .btn{
        width: 40px!important;
    }
    .table-cart input[type="text"] {
        height: 40px;
        font-size: 17px;
        border-radius: 0;
        width: 50px !important;
        padding: 0 0;
        text-align: center;
    }
    .table-cart .btn-primary, .table-cart .btn-primary:hover, .table-cart .btn-danger, .table-cart .btn-danger.active.focus, .table-cart .btn-danger.active:focus, .table-cart .btn-danger.active:hover, .table-cart .btn-danger:active.focus, .table-cart .btn-danger:active:focus, .table-cart .btn-danger:active:hover, .table-cart .open>.dropdown-toggle.btn-danger.focus, .table-cart .open>.dropdown-toggle.btn-danger:focus, .table-cart .open>.dropdown-toggle.btn-danger:hover{
        line-height: 25px;
    }
}
@media(max-width: 720px){
    .col-lg-3 {
        width: 100%;
    }
    #content .col-lg-3:nth-child(5n+1){
        clear: none;
    }
    #content .col-lg-3:nth-child(3n+1){
        clear: none;
    }
}

@media (max-width: 767px) {

  .button-group {
    display: flex;
    gap: 8px;
  }

  /* BUY */
  .button-group button:first-child {
    flex: 1;
    background-color: #1c9f82 !important;
    border: 1px solid #1c9f82 !important;
    color: #fff !important;

    height: 46px;
    border-radius: 8px;

    font-size: 15px;
    font-weight: 600;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .button-group button:first-child:hover {
    background-color: #168a72 !important;
    border-color: #168a72 !important;
  }
}
/* BUY button – desktop + mobile */
.button-group button:first-child {
  background-color: #1c9f82 !important;
  border: 1px solid #1c9f82 !important;
  color: #fff !important;

  border-radius: 8px;
  font-weight: 600;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Compare – gray */
.button-group button:last-child {
  background: #f2f2f2 !important;
  border: 1px solid #ddd !important;
  color: #666 !important;

  border-radius: 8px;
}

/* Remove wishlist everywhere */
.button-group button:nth-child(2) {
  display: none !important;
}
/* BUTTON GROUP – desktop + mobile */
.product-thumb .button-group {
  display: flex;
  gap: 8px;
}

/* BUY button */
.product-thumb .button-group button:first-child {
  flex: 1;
  background-color: #1c9f82 !important;
  border: 1px solid #1c9f82 !important;
  color: #fff !important;

  height: 46px;
  border-radius: 8px;

  font-size: 15px;
  font-weight: 600;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Compare – gray */
.product-thumb .button-group button:last-child {
  width: 46px;
  background: #f2f2f2 !important;
  border: 1px solid #ddd !important;
  color: #666 !important;

  border-radius: 8px;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Remove wishlist everywhere */
.product-thumb .button-group button:nth-child(2) {
  display: none !important;
}
/* FORCE GREEN BUY BUTTON — MOBILE FIX */
@media (max-width: 767px) {

  .product-thumb .button-group button:first-child,
  .product-thumb .button-group button:first-child.btn,
  .product-thumb .button-group button:first-child.btn-primary {
    background-color: #1c9f82 !important;
    border-color: #1c9f82 !important;
    color: #fff !important;
  }

  .product-thumb .button-group button:first-child:hover {
    background-color: #168a72 !important;
    border-color: #168a72 !important;
  }

}
/* === FORCE GREEN BUY BUTTON (DESKTOP + MOBILE) === */
.product-thumb .button-group button.btn-danger,
.product-thumb .button-group button.btn-primary {
  background-color: #1c9f82 !important;
  border-color: #1c9f82 !important;
  color: #fff !important;
}

/* hover */
.product-thumb .button-group button.btn-danger:hover,
.product-thumb .button-group button.btn-primary:hover {
  background-color: #168a72 !important;
  border-color: #168a72 !important;
}
/* === BUY BUTTON FORCE HOVER (DESKTOP ONLY) === */
@media (hover: hover) and (pointer: fine) {

  .product-thumb .button-group button:first-child {
    background-color: #1c9f82 !important;
    border-color: #1c9f82 !important;
    color: #fff !important;
    transition: all .2s ease;
  }

  .product-thumb .button-group button:first-child:hover {
    background-color: #158c6f !important;
    border-color: #158c6f !important;
    color: #fff !important;
  }

}
/* === PRODUCT PAGE BUY BUTTON — UNIFY GREEN === */
#product-product #button-cart {
  background-color: #1c9f82 !important;
  border-color: #1c9f82 !important;
  color: #fff !important;

  font-weight: 700;
  border-radius: 8px;
}

/* Hover ONLY on desktop */
@media (hover: hover) and (pointer: fine) {
  #product-product #button-cart:hover {
    background-color: #158c6f !important;
    border-color: #158c6f !important;
  }
}
/* Показываем номер телефона на мобильных */
@media (max-width: 767px) {
    .header-phone,
    .header-phone a,
    .header-phone span {
        display: inline-block !important;
        color: #ffffff !important;
        font-size: 14px;
        white-space: nowrap;
    }
}
.header-search-wrap {
    position: relative;
}

.header-search-wrap input {
    border-radius: 12px !important;
    border: 2px solid #f2f2f2 !important;
    height: 48px !important;
    font-size: 18px !important;
    box-shadow: none !important;
}

.header-search-wrap button {
    border-radius: 0 12px 12px 0 !important;
    height: 48px !important;
}

.trust-bar {
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.trust-bar .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.trust-item {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

@media(max-width:768px){
    .trust-bar .container {
        justify-content: center;
        gap: 10px;
    }

    .trust-item {
        font-size: 13px;
    }

    .header-search-wrap input {
        font-size: 16px !important;
        height: 42px !important;
    }
}
.header-search-wrap {
    position: relative;
}

.header-search-wrap input {
    border-radius: 12px !important;
    border: 2px solid #f2f2f2 !important;
    height: 48px !important;
    font-size: 18px !important;
    box-shadow: none !important;
}

.header-search-wrap button {
    border-radius: 0 12px 12px 0 !important;
    height: 48px !important;
}

.trust-bar {
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.trust-bar .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.trust-item {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

@media(max-width:768px){
    .trust-bar .container {
        justify-content: center;
        gap: 10px;
    }

    .trust-item {
        font-size: 13px;
    }

    .header-search-wrap input {
        font-size: 16px !important;
        height: 42px !important;
    }
}
.wrapper-menu{
    background:#1c9f82 !important;
}

#menu .nav > li > a:hover,
#menu .nav > li.open > a{
    background:#158c6f !important;
}
#common-home h3{
    border-bottom: 2px solid #1c9f82 !important;
}
.product-thumb{
    border:none !important;
    border-radius:12px !important;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    transition:.2s;
}

.product-thumb:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,0,0,.12);
}

.product-thumb .caption{
    min-height:160px !important;
}

.product-thumb .price{
    font-size:24px;
    font-weight:700;
}
.wrapper-menu #menu .dropdown-menu{
    background:#1c9f82 !important;
    border:none !important;
}

.wrapper-menu #menu .dropdown-menu li a{
    background:#1c9f82 !important;
    color:#fff !important;
}

.wrapper-menu #menu .dropdown-menu li a:hover{
    background:#158c6f !important;
    color:#fff !important;
}

#cart .btn,
#cart-total {
    background: #1c9f82 !important;
    border: 1px solid #1c9f82 !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-weight: 600;

    min-width: 260px;   /* вместо fixed */
    width: auto !important;

    height: 48px;
    line-height: 48px;
    padding: 0 24px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

#search button,
#search .btn,
.header-search-wrap button {
    background: #1c9f82 !important;
    border: 1px solid #1c9f82 !important;
    color: #fff !important;
    border-radius: 0 12px 12px 0 !important;
}

#search button:hover,
#search .btn:hover,
.header-search-wrap button:hover {
    background: #158c6f !important;
    border-color: #158c6f !important;
}

.live-search{
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.14) !important;
    overflow: hidden !important;
}

.live-search .product{
    padding: 12px 14px !important;
    min-height: 78px;
}

.live-search .product:hover{
    background: #f7fffc !important;
}

.live-search .product img{
    width: 54px !important;
    height: 54px !important;
    object-fit: cover;
    border-radius: 8px;
}

.live-search .product-name,
.live-search .name{
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25;
}


.live-search button,
.live-search .btn{
    border-radius: 10px !important;
    width: 44px !important;
    height: 44px !important;
}

.live-search .name,
.live-search .product-name{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* popup cart buttons */
#smca-modal-body .btn,
#smca-modal-body input,
#smca-modal-body a.btn {
    border-radius: 10px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

/* green main action */
#smca-modal-body .btn-danger,
#smca-modal-body .btn-primary,
#smca-modal-body input.checkout-button,
#smca-modal-body .go-checkout {
    background: #1c9f82 !important;
    border-color: #1c9f82 !important;
    color: #fff !important;
}

#smca-modal-body .btn-danger:hover,
#smca-modal-body .btn-primary:hover,
#smca-modal-body input.checkout-button:hover,
#smca-modal-body .go-checkout:hover {
    background: #158c6f !important;
    border-color: #158c6f !important;
}

/* gray continue shopping */
#smca-modal-body .btn-default,
#smca-modal-body .continue-shopping {
    background: #f2f2f2 !important;
    border: 1px solid #ddd !important;
    color: #555 !important;
}

/* qty buttons */
#smca-modal-body .quantity .btn,
#smca-modal-body .btn-plus,
#smca-modal-body .btn-minus {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
}

#smca-modal-body > .modal-footer > input.go-button-bottom{
    background:#1c9f82 !important;
    background-color:#1c9f82 !important;
    border:1px solid #1c9f82 !important;
    color:#fff !important;
    border-radius:10px !important;
}

#smca-modal-body > .modal-footer > input.go-button-bottom:hover{
    background:#158c6f !important;
    background-color:#158c6f !important;
}

#smca-modal-body > .modal-footer > input.close-button-bottom{
    border-radius:10px !important;
}



/* quantity field */
#simplecheckout_cart input[type="text"] {
    border-radius: 8px !important;
    height: 38px !important;
    text-align: center;
}

/* main green buttons */
#simplecheckout_button_confirm,
#simplecheckout_button_next,
button[id*="button_confirm"],
button[id*="button_checkout"],
.btn-primary {
    background: #1c9f82 !important;
    border-color: #1c9f82 !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 700;
    padding: 12px 24px !important;
}

/* hover */
#simplecheckout_button_confirm:hover,
#simplecheckout_button_next:hover,
.btn-primary:hover {
    background: #158c6f !important;
    border-color: #158c6f !important;
}

/* update coupon/cart button */
#simplecheckout_cart .btn-primary,
#simplecheckout_cart button[name="update"],
#simplecheckout_cart input[value="Оновити"] {
    width: auto !important;
    min-width: 110px !important;
    height: 38px !important;
    padding: 0 18px !important;
    line-height: 38px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
}

/* only plus minus */
#simplecheckout_cart .input-group-btn .btn,
#simplecheckout_cart .quantity .btn,
.simplecheckout-cart .input-group-btn .btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    line-height: 38px !important;
    border-radius: 10px !important;
    text-align: center;
}

/* update button */
#simplecheckout_cart .btn-primary,
#simplecheckout_cart button[name="update"],
#simplecheckout_cart input[value="Оновити"] {
    width: auto !important;
    min-width: 110px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
}

#checkout-cart .btn-danger {
    background: #e74c3c !important;
    border-color: #e74c3c !important;
    color: #fff !important;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;

    border-radius: 8px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: 10px !important;
    vertical-align: middle !important;

    position: static !important;
    transform: none !important;
}

#checkout-cart td {
    vertical-align: middle !important;
}

.table-cart .btn-primary{
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.table-cart .btn-primary i{
    font-size: 14px;
    margin: 0 !important;
}

.common-home .submenu,
#menu .dropdown-menu,
#menu .submenu,
#menu ul.children {
    border-radius: 0 0 14px 14px !important;
    overflow: hidden;
    border: none !important;
}

#menu .dropdown:hover > .dropdown-menu {
    margin-top: 0 !important;
}

#menu .dropdown {
    position: relative;
}

#menu .dropdown-menu {
    min-width: 100% !important;
    width: 100% !important;
    left: 0;
    right: 0;
    box-sizing: border-box;
}

.live-search .product {
    display: grid !important;
    grid-template-columns: 54px 1fr 90px 44px !important;
    align-items: center !important;
    gap: 10px !important;
}

.live-search .price {
    margin-right: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.live-search button,
.live-search .btn {
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
}

.live-search li {
    position: relative !important;
    min-height: 74px !important;
    padding: 10px 58px 10px 64px !important;
    box-sizing: border-box !important;
}

.live-search li img {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.live-search li .product-add-cart {
    position: absolute !important;
    right: 10px !important;
    top: 15px !important;
}

.live-search li .product-add-cart .btn {
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 10px !important;
}

.live-search li .price {
    position: absolute !important;
    right: 62px !important;
    top: 24px !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
}

.live-search li .name,
.live-search li .product-name,
.live-search li h4 {
    display: block !important;
    max-width: 230px !important;
    line-height: 1.25 !important;
}
/* === ПІДКАТЕГОРІЇ: круглі картки === */
#product-category #content > .row > .col-xs-12 > .flex-col,
#product-category .flex.flex-col.center {
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
}

#product-category .flex.flex-col.center img,
#product-category .img-rounded {
    border-radius: 18px 18px 0 0 !important;
}

#product-category .flex.flex-col.center h5 {
    border-radius: 0 0 18px 18px !important;
    margin: 0 !important;
}


/* === БЛОК ВИД / ПОРІВНЯННЯ / СОРТУВАННЯ В ОДНУ ЛІНІЮ === */
#product-category #content > .row {
    align-items: center !important;
}

#grid-view,
#list-view {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#compare-total {
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

#input-sort,
#input-limit {
    height: 42px !important;
    border-radius: 10px !important;
}


/* === ВЫРАВНИВАНИЕ СОРТИРОВКИ И ПОКАЗАТИ === */
#product-category .form-group {
    margin-bottom: 0 !important;
}

#product-category label.control-label {
    height: 42px !important;
    line-height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    background: #f2f2f2 !important;
    border-radius: 10px 0 0 10px !important;
}

.foot-socials a,
footer .foot-socials a,
#footer .foot-socials a {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important; /* вместо 50% */
    padding: 0 !important;
    margin: 0 8px 0 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}

.foot-socials a i,
footer .foot-socials a i,
#footer .foot-socials a i {
    font-size: 22px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

@media (max-width: 767px) {

  #search .btn,
  #search button,
  .btn-mobile-search {
      width: 50px !important;
      height: 50px !important;
      min-width: 50px !important;
      max-width: 50px !important;

      background: #1c9f82 !important;
      border: none !important;
      border-radius: 20px !important;

      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      padding: 0 !important;
      margin: 0 auto !important;
      overflow: hidden !important;
  }

  #search .btn i,
  #search button i,
  .btn-mobile-search i,
  .fa-search {
      font-size: 30px !important;
      color: #fff !important;
      margin: 0 !important;
      line-height: 1 !important;
  }
}
@media (max-width: 767px){
    #search .btn,
    #search button,
    .btn-mobile-search {
        border-radius: 16px !important;
        width: 56px !important;
        height: 56px !important;
    }
}

@media (max-width: 767px) {

  .search_wrap,
  #cart {
      width: 58px !important;
      height: 58px !important;
      min-width: 58px !important;
      max-width: 58px !important;

      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      margin: 0 !important;
      padding: 0 !important;
  }

  .btn-mobile-search,
  #cart > .btn,
  #cart-total {
      width: 58px !important;
      height: 58px !important;
      min-width: 58px !important;
      max-width: 58px !important;

      border-radius: 16px !important;
      background: #1c9f82 !important;
      border: none !important;

      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
  }

  .btn-mobile-search i,
  #cart i,
  #cart .fa-shopping-cart {
      font-size: 24px !important;
      line-height: 1 !important;
      margin: 0 !important;
      padding: 0 !important;
  }
}

@media (max-width: 767px) {

  #cart-total {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      font-size: 0 !important;
      color: transparent !important;
      text-indent: 0 !important;
      
      @media (max-width: 767px) {

  #cart > .btn {
      position: relative !important;
      font-size: 0 !important;
      color: transparent !important;
      text-indent: -9999px !important;
  }

  #cart > .btn i,
  #cart > .btn .fa-shopping-cart {
      position: absolute !important;
      left: 50% !important;
      top: 50% !important;
      transform: translate(-50%, -50%) !important;

      font-size: 24px !important;
      color: #fff !important;
      text-indent: 0 !important;
      display: block !important;
      line-height: 1 !important;
  }
}

@media (max-width: 767px) {
  #menu .navbar-toggle {
      background: #1c9f82 !important;
      border: none !important;
      border-radius: 16px !important;
  }

  #menu .navbar-toggle .icon-bar {
      background-color: #fff !important;
  }
}
      padding: 0 !important;
  }

  #cart-total span,
  #cart-total strong,
  #cart-total .cart-total-text {
      display: none !important;
  }

  #cart-total i,
  #cart i,
  #cart .fa-shopping-cart {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      font-size: 24px !important;
      color: #fff !important;
      margin: 0 !important;
      line-height: 1 !important;
      position: static !important;
  }
}

@media (max-width: 767px) {

  #cart > .btn {
      position: relative !important;
      font-size: 0 !important;
      color: transparent !important;
      text-indent: -9999px !important;
  }

  #cart > .btn i,
  #cart > .btn .fa-shopping-cart {
      position: absolute !important;
      left: 50% !important;
      top: 50% !important;
      transform: translate(-50%, -50%) !important;

      font-size: 24px !important;
      color: #fff !important;
      text-indent: 0 !important;
      display: block !important;
      line-height: 1 !important;
  }
}

@media (max-width: 767px) {
  #menu .navbar-toggle {
      background: #1c9f82 !important;
      border: none !important;
      border-radius: 16px !important;
  }

  #menu .navbar-toggle .icon-bar {
      background-color: #fff !important;
  }
}

@media (max-width: 767px) {
  #menu .navbar-toggle {
      box-shadow: 0 0 0 2px rgba(255,255,255,.35) !important;
  }
}

@media (max-width: 767px) {

  .header-middle,
  .header-center,
  .logo-search-cart,
  .header-logo-search {
      padding: 10px 12px !important;
      min-height: auto !important;
  }

  #logo img,
  .logo img {
      max-width: 120px !important;
      height: auto !important;
  }

  .btn-mobile-search,
  #cart,
  #cart > .btn,
  #cart-total {
      width: 50px !important;
      height: 50px !important;
      min-width: 50px !important;
      max-width: 50px !important;
      border-radius: 14px !important;
  }

  .btn-mobile-search i,
  #cart i {
      font-size: 20px !important;
  }
}

@media (max-width: 767px) {

  .buttons .btn-default,
  .buttons .btn-primary {
      border-radius: 18px !important;
      height: 64px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }

}

@media (max-width: 767px) {

    .product-layout {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 25% !important;
        padding: 4px !important;
    }

    .product-thumb {
        margin-bottom: 8px !important;
    }

    .product-thumb .image img {
        width: 100% !important;
        height: auto !important;
    }

    .product-thumb h4 {
        font-size: 11px !important;
        line-height: 1.2 !important;
        min-height: 28px !important;
        overflow: hidden !important;
    }

    .product-thumb .price {
        font-size: 12px !important;
    }

    .product-thumb .button-group button,
    .product-thumb .button-group a {
        font-size: 10px !important;
        padding: 6px !important;
    }
}

@media (max-width: 767px) {

    .category-layout,
    .subcategory-layout,
    .product-category .col-xs-12 {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        float: left !important;
        padding: 4px !important;
    }

    .category-thumb img,
    .subcategory-thumb img {
        width: 100% !important;
        height: auto !important;
    }

    .category-thumb h4,
    .subcategory-thumb h4 {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 767px) {
  #product-category #content > .row > div[class*="col-xs-12"][class*="flex"] {
      width: 25% !important;
      max-width: 25% !important;
      float: left !important;
      padding: 6px !important;
  }

  #product-category #content > .row > div[class*="col-xs-12"][class*="flex"] a.flex {
      width: 100% !important;
  }

  #product-category #content > .row > div[class*="col-xs-12"][class*="flex"] img {
      width: 100% !important;
      height: auto !important;
  }
}

@media (max-width: 767px) {

  #product-category a.flex.flex-col.center h5,
  #product-category .flex.flex-col.center h5,
  #product-category h5.text-center {
      font-size: 10px !important;
      line-height: 1.15 !important;
      padding: 6px 3px !important;
      min-height: 42px !important;

      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;

      word-break: normal !important;
      overflow: hidden !important;
  }

  #product-category a.flex.flex-col.center img {
      max-height: 95px !important;
      object-fit: contain !important;
  }
}

@media (max-width: 767px) {

  .product-layout {
      width: 50% !important;
      max-width: 50% !important;
      float: left !important;
      padding: 6px !important;
      clear: none !important;
  }

  .product-layout:nth-child(2n+1) {
      clear: both !important;
  }

  .product-thumb {
      height: 100% !important;
      min-height: 520px !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .product-thumb .caption {
      flex: 1 !important;
      min-height: 230px !important;
  }

  .product-thumb .caption p {
      display: -webkit-box !important;
      -webkit-line-clamp: 4 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
  }

  .product-thumb .button-group {
      margin-top: auto !important;
  }
}

@media (max-width: 767px) {

    .product-thumb {
        min-height: auto !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .product-thumb .caption {
        flex: unset !important;
        min-height: auto !important;
        padding-bottom: 5px !important;
    }

    .product-thumb .price {
        margin-bottom: 8px !important;
    }

    .product-thumb .button-group {
        margin-top: 0 !important;
    }
}

@media (max-width: 767px) {

    /* Шапка */
    header .container,
    #top-links + .container,
    .header-top {
        padding: 0 !important;
        min-height: auto !important;
    }

    /* Логотип */
    #logo {
        max-width: 70px !important;
        width: 70px !important;
        margin: 0 !important;
    }

    #logo img,
    .logo img,
    .navbar-brand img {
        width: 100% !important;
        max-width: 70px !important;
        max-height: 38px !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Поиск и корзина */
    .btn-mobile-search,
    #cart,
    #cart > .btn,
    #cart-total {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        border-radius: 10px !important;
        background: #1c9f82 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    /* Иконки */
    .btn-mobile-search i,
    #cart i,
    #cart .fa-shopping-cart {
        font-size: 15px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    /* убрать текст */
    #cart-total span,
    #cart-total strong,
    #cart .hidden-xs,
    #cart .hidden-sm {
        display: none !important;
    }

    /* убрать отступы */
    .header-search,
    .header-cart,
    .header-logo {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 767px) {

  #search input {
      height: 36px !important;
      font-size: 16px !important;
      border-radius: 10px !important;
      padding: 6px 10px !important;
  }

  #search button,
  #search .btn {
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      max-width: 36px !important;
      border-radius: 10px !important;
  }

  #search button i,
  #search .btn i {
      font-size: 18px !important;
  }

  .live-search li {
      min-height: 54px !important;
      padding: 6px 40px 6px 44px !important;
  }

  .live-search li img {
      width: 30px !important;
      height: 30px !important;
      top: 8px !important;
      left: 6px !important;
  }

  .live-search li .product-add-cart .btn {
      width: 28px !important;
      height: 28px !important;
      min-width: 28px !important;
      border-radius: 8px !important;
  }

  .live-search li .product-add-cart .btn i {
      font-size: 14px !important;
  }

  .live-search li .price {
      right: 38px !important;
      top: 16px !important;
      font-size: 12px !important;
  }

  .live-search li .name,
  .live-search li .product-name,
  .live-search li h4 {
      font-size: 12px !important;
      line-height: 1.1 !important;
      margin-right: 85px !important;
  }
}

@media (min-width: 992px) {

  #product-category .product-layout.product-list .product-thumb {
      position: relative !important;
      min-height: 240px !important;
      padding: 20px 280px 20px 240px !important;
  }

  #product-category .product-layout.product-list .image {
      position: absolute !important;
      left: 25px !important;
      top: 20px !important;
      width: 200px !important;
  }

  #product-category .product-layout.product-list .caption {
      width: auto !important;
      padding: 0 !important;
  }

  #product-category .product-layout.product-list .button-group {
      position: absolute !important;
      right: 25px !important;
      top: 50% !important;
      transform: translateY(-50%) !important;

      width: 230px !important;
      display: flex !important;
      gap: 8px !important;
      background: transparent !important;
      padding: 0 !important;
      margin: 0 !important;
  }

  #product-category .product-layout.product-list .button-group button:first-child {
      width: 175px !important;
      flex: 0 0 175px !important;
      height: 46px !important;
  }

  #product-category .product-layout.product-list .button-group button:last-child {
      width: 46px !important;
      flex: 0 0 46px !important;
      height: 46px !important;
  }
}

@media (min-width: 992px) {

  #product-category #content > .row > .col-xs-12.col-sm-6.col-md-4.col-lg-3.flex.center {
      width: 170px !important;
      max-width: 170px !important;
      padding: 0 8px !important;
      float: left !important;
  }

  #product-category #content > .row > .col-xs-12.col-sm-6.col-md-4.col-lg-3.flex.center > a.flex.flex-col.center {
      width: 150px !important;
      max-width: 150px !important;
  }

  #product-category #content > .row > .col-xs-12.col-sm-6.col-md-4.col-lg-3.flex.center img {
      max-width: 150px !important;
      max-height: 115px !important;
      object-fit: contain !important;
  }

  #product-category #content > .row > .col-xs-12.col-sm-6.col-md-4.col-lg-3.flex.center h5 {
      font-size: 12px !important;
      line-height: 1.1 !important;
      padding: 7px 4px !important;
      min-height: 38px !important;
  }
}

@media (min-width: 1200px) {

  #product-category #content div.col-lg-3.flex.center {
      width: 16.66666667% !important;
      clear: none !important;
  }

  #product-category #content div.col-lg-3.flex.center:nth-child(5n+1),
  #product-category #content div.col-lg-3.flex.center:nth-child(6n+1) {
      clear: none !important;
  }
}

@media (max-width: 767px) {

  #compare-total {
      height: 24px !important;
      min-height: 24px !important;
      padding: 0 12px !important;
      font-size: 11px !important;
      line-height: 34px !important;
      border-radius: 10px !important;
  }

  #product-category .form-group,
  #product-category .form-group label {
      font-size: 12px !important;
      margin: 0 !important;
  }

  #input-sort,
  #input-limit {
      height: 34px !important;
      font-size: 12px !important;
      padding: 0 8px !important;
      border-radius: 10px !important;
      max-width: 120px !important;
  }

  #product-category .row {
      gap: 6px !important;
  }
}
.common-home .swiper-viewport,
.common-home .swiper-container,
.common-home .swiper-wrapper img {
    width: 100%;
    max-width: 100%;
}