.media-object {
    height: auto;
    width: auto;
}

img {font-size:6px;}

.panel-body .bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
}

@font-face {
    font-family: "PlayRegular";
    src: url("fonts/PlayRegular/PlayRegular.eot");
    src: url("fonts/PlayRegular/PlayRegular.eot?#iefix")format("embedded-opentype"),
        url("fonts/PlayRegular/PlayRegular.woff") format("woff"),
        url("fonts/PlayRegular/PlayRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PlayBold";
    src: url("fonts/PlayBold/PlayBold.eot");
    src: url("fonts/PlayBold/PlayBold.eot?#iefix")format("embedded-opentype"),
        url("fonts/PlayBold/PlayBold.woff") format("woff"),
        url("fonts/PlayBold/PlayBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* Standard Styles Starts */
body {
    font-family: "PlayRegular";
}

a, .btn, button {
    outline: none!important;
}

@-webkit-keyframes submenu-show{
    from{
        -webkit-transform:scale(0.85);
        transform:scale(0.85);
        opacity:0;
    }.filter-title
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
    }
}
@keyframes submenu-show{
    from{
        -webkit-transform:scale(0.85);
        transform:scale(0.85);opacity:0;
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
    }
}
@-webkit-keyframes megamenu-show{
    from{
        -webkit-transform:translate3d(0, -9px, 0);
        transform:translate3d(0, -9px, 0);
        opacity:0
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        opacity:1
    }
}
@keyframes megamenu-show{
    from{
        -webkit-transform:translate3d(0, -9px, 0);
        transform:translate3d(0, -9px, 0);
        opacity:0
    }to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        opacity:1
    }
}
a{
    color:#0fa8ef;
}
a:hover, 
a:focus{
    -color:#1c1c1c;
    text-decoration: none;
}
a:focus{
    outline:none;
}
h1, h2, h3, h4, h5, h6{
    font-family: "PlayRegular";
}
h1{
    font-size:2
        px;
}
h2{
    font-size:20px;
}
h3{
    font-size:18px;
}
h4{
    font-size:16px;
}
h5{
    font-size:16px;
}
h6{
    font-size:14px;
}
.header-top {
    border-bottom: 1px solid #e1e7ec;
    -background-color: #f5f5f5;
    min-height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-top-link, .header-top-text, .header-wishlist .link {
    color: #606975;
}
.header-top-link:hover, .header-wishlist .link:hover {
    color: #0da9ef;
}
.header-top-link, .returncall-link, .header-top-text, .header-wishlist .link {
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px;
    transition: color .3s;
}
.returncall-link {
    margin-right: 0;
}
.social-button {
    display: inline-block;
    margin-top: 5px;
    margin-right: 18px;
    margin-bottom: 5px;
    transition: color .3s;
    color: #606975;
    font-size: 13px;
    text-decoration: none;
}
.header-top-right,
.header-wishlist {
    float: right;
    margin-right: 15px;
}
.header-wishlist, .header-wishlist a.link {
    margin-right: 0;
}
.header-wishlist, .header-wishlist a.link:first-child {
    margin-right: 12px;
}
.header-bottom {
    border-bottom: 1px solid #e1e7ec;
    background-color: #fff;
    position: relative;
    z-index: 5;
}
.header-search-form {
    display: block;
    width: 100%;
    height: 100px;
    left: 0;
    transition: .3s;
    background-color: #fff;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}
.header-search-form.active {
    visibility: visible;
    opacity: 1;
}
.header-search-form input {
    position: absolute;
    width: 300px;
    height: 100%;
    padding-right: 0;
    padding-left: 30px;
    border: 0;
    background-color: #fff;
    border-color: #000 !important;
    color: #606975;
    font-size: 16px;
    box-shadow: none !important;
    outline: none;
}
.header-search-form button {
    font-size: 17px;
    box-shadow: none;
    border: none;
    outline: none;
    background-color: transparent;
    top: 50%;
    margin-top: -13px;
    right: 40px;
    position: absolute;
}
.search-close {
    font-size: 20px;
    top: 50%;
    margin-top: -10px;
    right: 15px;
    position: absolute;
    cursor: pointer;
}
.header-bottom #logo {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}
.header-bottom #logo a {
    height: 80px;
    overflow: hidden;
    line-height: 72px;
    display: block;
}
.header-bottom #logo img {
    max-width: 165px;
    max-height: 100%;
}
.header-menu-wrapper {
    position: relative;
}
.main-navbar-top > li {
    -position: unset;
}
.main-navbar-top > li > a {
    padding: 0 15px;
    transition: color .3s;
    color: #606975;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    line-height: 100px;
    text-transform: uppercase;
    letter-spacing: .05em;
    height: 100px;
    display: block;
    transition: color .3s;
}
.main-navbar-top > li:hover > a {
    color: #0da9ef;
}
.main-navbar-top > li.active > a {
    color: #0da9ef;
}
.main-navbar-list-catalog-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -1px !important;
    border: 1px solid #e1e7ec;
    background-color: #fff;
    box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2);
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    padding: 10px 30px;
    min-width: 768px;
    list-style-type: none;border-radius: 5px;
}
.main-navbar-list-catalog-wrapper img {max-width:120px;}
.main-navbar-list-catalog-wrapper > li {
    -padding: 25px;
    margin-bottom: 10px;
    flex: 1 0 33%;

    max-width: 33%;
}
.main-navbar-list-catalog-wrapper > li > a {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e7ec;
    color: #9da9b9;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}
.main-navbar-list-catalog-hidden {
    list-style-type: none;
    padding: 0;
}
.main-navbar-list-catalog-hidden a {
    padding: 5px 0;
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.main-navbar-list-catalog-wrapper > li a:hover {
    color: #0da9ef;
}
.main-navbar-top > li.catalog-menu:hover > .main-navbar-list-catalog-wrapper {
    display: flex;
    flex-direction:row; flex-wrap:wrap;
    -webkit-animation: megamenu-show 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: megamenu-show 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.header-bottom #cart {
    margin-top: 26px;
    float: right;
}
.header-bottom #cart #cartlink {
    display: block;
    position: relative;
    height: 44px;
    margin-left: 6px;
    transition: background-color .35s;
    border: 1px solid #e1e7ec;
    border-radius: 22px;
    color: #606975;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    line-height: normal;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
}
.header-bottom #cart #cartlink:hover {
    background-color: #f5f5f5;
}
.header-bottom #cart #cartlink #cart-total {
    display: block;
}
.header-bottom #cart #cartlink .count {
    margin-left: 5px;
    display: inline-block;
    margin-top: -2px;
    font-size: 14px;
    vertical-align: middle;
}
.header-bottom #cart #cartlink .sub-total {
    margin-left: 0px;
    padding: 2px 0 1px 4px;
    border-left: 1px solid #e1e7ec;
    display: inline-block;
    margin-top: -2px;
    font-size: 14px;
    vertical-align: middle;
}
.header-account {
    margin-top: 26px;
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    margin-left: 6px;
    transition: background-color .35s;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    color: #606975;
    font-size: 17px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    float: right;
}
.account-dropdown {
    left: 50%;
    margin-left: -100px;
    margin-top: 7px;
    text-align: left;
    display: none;
    position: absolute;
    top: 100%;
    width: 200px;
    padding: 10px 0 !important;
    border: 1px solid #e1e7ec;
    border-radius: 5px;
    background-color: #fff;
    line-height: 1.5;
    box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2);
    list-style-type: none;
}
.header-account .iconz-user {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 11px;
    display: block;
}
.account-dropdown li a,
.account-dropdown li> span  {
    display: block;
    padding: 5px 20px !important;
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}
.account-dropdown li a:hover{
    color: #0da9ef;
}
.header-account:hover .account-dropdown {
    display: block;
    -webkit-animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-open-button {
    margin-top: 26px;
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    margin-left: 6px;
    transition: background-color .35s;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    color: #606975;
    font-size: 17px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    float: right;
}
.search-open-button .iconz-search {
    margin-top: 11px;
    display: block;
}
.search-open-button:hover,
.header-account:hover {
    background-color: #f5f5f5;
}

.product-block {
    border: 1px solid #e1e7ec;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 7px;
    transition: all .5s;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0);
}
.product-block:hover {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgb(59, 180, 241);
}
.template-product-list.products-list .product-block-wrapper {
    padding-left: 5px;
    padding-right: 5px;
}
.product-block-image {
    position: relative;
}
.sale-icon-content {
    position: absolute;
    display: block;
    top: 2px;
    left: 0px;
    width: 100%;
}
.sale-icon-content .badge {
    display: inlinex;
    margin-bottom: 2px;
    float:left;
    margin: 2px;


}
.sale-icon-content .badge:last-child {
    float: right;
}
.sale-icon-content .badge:first-child {
    float: left;
}
.sale-icon-content .badge.new {
    background-color: #10a9ef;
    font-size: 11px;
}
.sale-icon-content .badge.sale {
    background-color: #0da9ef;
    font-size: 11px;
    padding: 3px 7px;

}

.badge.sale p{margin-bottom:0}

.sale-icon-content:after {
    content: "";
    display: table;
    clear: both;
}
.nowbuy-list .sale-icon-content {
    display: none;
}
.template-product-list.products-list .row {
    margin-left: -5px;
    margin-right: -5px;
}
.product-block-img-link {
    height: 145px;
    line-height: 144px;
    text-align: center;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}
.product-block-img-link img {
    max-width: 70%;
    max-height: 100%;
    width: unset !important;
    display: inline-block !important;
}
.product-block-name {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
.product-block-name > a {
    transition: color .3s;
    color: #374250;
    text-decoration: none;
}
.product-block-name > a:hover {
    color: #0da9ef;
}
.product-block-price {
    margin-top: 0;
    margin-bottom: 10px;
    color: #606975;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    white-space:nowrap;
}
.product-block-price > .price-old {
    margin-right: 5px;
    color: #9da9b9;
}
.product-block-button {
    padding: 12px 0 8px;
    text-align: center;
}
.product-block-button .addToWishList,
.product-block-button .addToCompareList {
    width: 36px;
    padding: 0;
    padding-left: 1px;
    border-radius: 50%;
    margin: 0 4px;
    font-size: 12px;
    line-height: 34px;
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid #e1e7ec;
    background-color: transparent;
    background-image: none;
    color: #606975;
    outline: none !important;
    margin-bottom: 5px;
    margin-top: 6px;
}
.product-block-button .addToWishList:hover,
.product-block-button .addToCompareList:hover {
    background-color: #f5f5f5;
}
.product-block-button .addToCartList {
    margin: 0 4px;
    background-color: transparent;
    color: #0da9ef;
    height: 36px;
    padding: 0 18px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 34px;
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid #0da9ef;
    text-transform: uppercase;
    outline: none !important;
    margin-bottom: 5px;
}
.product-block-button .btn.btn-cart {
    margin: 0 4px;
    background-color: transparent;
    color: #0da9ef;
    height: 36px;
    padding: 0 18px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 34px;
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid #0da9ef;
    text-transform: uppercase;
    outline: none !important;
}
.product-block-button .addToCartList:hover,
.product-block-button .btn.btn-cart:hover {
    background-color: #0da9ef;
    color: #fff;
}
.carousel-control.left, .carousel-control.right {
    width: 54px;
    height: 54px;
    transition: all .35s ease-in-out;
    line-height: 53px;
    display: block;
    position: absolute;
    top: 50%;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    background-color: #fff;
    color: #374250;
    font-size: 19px;
    text-shadow: none;
    text-align: center;
    opacity: .7;
    background-image: none;
    margin-top: -27px;
}
.carousel-control.left {
    left: 30px;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
}
.carousel-control.right {
    right: 30px;
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
}
.carousel-control.left:hover, .carousel-control.right:hover {
    opacity: 1;
}
#main-carousel {
    overflow: hidden;
}
#main-carousel:hover .carousel-control.left {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
#main-carousel:hover .carousel-control.right {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.main-page-banner {
    margin: 20px 0;
}
.main-page-banner img {
    max-width: 100%;
    height: auto;
}
.main-page-title {
    font-size: 24px;
    line-height: 1.25;
    color: #374250;
    font-family: inherit;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    margin-bottom: 4px;
}
.main-page-title a {
    color: #374250;
    transition: color .3s;
}
.main-page-title a:hover {
    color: #0da9ef;
}


.footer-links{
    padding:30px 0 40px;
}
.footer-links h5{
    text-transform:uppercase;
    margin-bottom:20px;
    color: #fff;
}
.footer-links ul{
    list-style:none;
    margin:0;
    padding:0;
}
.footer-links li{
    padding:0px 0;
    color: #fff;
}
.footer-links, 
.footer-links li, 
.footer-links li a, 
.footer-links h4, 
.footer-links h5{    
    font-weight:500;
    color: #fff;
}
.footer-links li a {
    display: inline-block;
    transition: color .3s;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}
.footer-links li a:hover {
    color: #0da9ef;
}
.footer-links .last h4.lead{
    font-size:24px;
    margin-bottom:0;
}
.footer-links h5 {
    color: rgba(255,255,255,0.5);
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e1e7ec;
    border-color: rgba(255,255,255,0.12);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-links ul li {
    padding-left: 14px;
    position: relative;
    margin-bottom: 5px;
}
.footer-links ul li:before {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: -webkit-transform .35s;
    transition: transform .35s;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #9da9b9;
    content: '';
}
.footer-links ul li.footer-map:before ,.footer-links ul li.footer-email:before {
    display: none;
}
.copyright{
    background:#1c1c1c;
    padding:18px 0 8px;
}
.copyright, 
.copyright a{
    color:#fff;
}
.copyright p{
    padding-top:4px;
}
.banner-block {
    margin: 15px 0;
}
.banner-block img {
    max-width: 100%;
    height: auto;
    border-radius:7px;
}
.secondary-nav {
    margin-bottom: 50px;
    padding: 36px 0;
    border-bottom: 1px solid #e1e7ec;
    -background-color: #f5f5f5;
}
.secondary-nav .breadcrumb {
    float: right;
    padding: 0;
    border:none;
    margin-bottom: 0;
    background:none;
}
.breadcrumb:after {
    content: "";
    display: table;
    clear: both;
}
.breadcrumb li {
    display: inline-block;
    margin-left: 5px;
    padding: 5px 0;
    color: #9da9b9;
    font-size: 14px;
    cursor: default;
    vertical-align: middle;
}
.breadcrumb li b {
    color: #9da9b9;
    font-size: 14px;
    font-weight: normal;
}
.breadcrumb li a {
    transition: color .25s;
    color: #606975;
    text-decoration: none;
}
.breadcrumb>li>a:hover {
    color: #0da9ef;
}
.breadcrumb > li + li {
    padding-left: 8px;
    position: relative;
}
.breadcrumb > li + li:before{
    content: "";
    width: 3px;
    height: 3px;
    padding: 0;
    border-radius: 50%;
    background-color: #9da9b9;
    display: block;
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -1.5px;
}
.shop-page-main-title {
    margin:0;
    float: left;
    font-size: 24px;
    font-weight: normal;
    color: #374250;
}
.shop-page-main-title.active,
.breadcrumb.active {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}
.side-heading {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e1e7ec;
    color: #9da9b9;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.sidebar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav > li,
.sidebar-nav > li > ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 14px;
}
.sidebar-nav > li > ul li:before {
    top: 10px;
    width: 8px;
    height: 1px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 0;
    background-color: #dee5ea;
    color: transparent;
    display: block;
    position: absolute;
    left: 0;
    color: #9da9b9;
    content: '';
}
.sidebar-nav > li:before {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: -webkit-transform .35s;
    transition: transform .35s;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #9da9b9;
    content: '';
}
.sidebar-nav > li.active:before {
    /*-webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);*/
}
.sidebar-nav li > a {
    display: inline-block;
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.sidebar-nav li > a.active {
    color: #0da9ef;
}
.sidebar-nav .sidebar-nav-list-item ul {
    max-height: 0px;
    transition: max-height .6s;
    overflow: hidden;
    border-left: 1px solid #dee5ea;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    list-style: none;
}
.sidebar-nav .sidebar-nav-list-item ul.active {
    max-height: unset;    
}
.sidebar-nav li > ul a {
    font-size: 13px;
}
.sidebar-nav li > a:hover {
    color: #0da9ef;
}
.panel-default>.panel-heading,
.panel-success>.panel-heading {
    margin-top: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e1e7ec;
    color: #9da9b9;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.panel-default>.panel-heading > h3,
.panel-success>.panel-heading > h3 {
    font-size: 14px;
}
.middle-content-fix {
    padding-top: 20px;
}
.product-page-raiting .iconz-star {
    display: inline-block;
    margin-right: 2px;
    color: #ffb74f;
    font-size: 14px;
}
.product-page-raiting .iconz-star.filled {
    color: #cad0d9;
}
.product-page-raiting #raiting_star:after {
    content: "";
    display: table;
    clear: both;
}
.product-page-raiting #raiting_star>div {
    float: left;
}
.product-page-raiting #raiting_info {
    margin-left: 5px;
    color: #9da9b9 !important;
}
.product-name {
    padding-top: 24px;
    color: #374250;
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
}
.product-page-price {
    margin-top: 0;
    color: #374250;
    margin-bottom: 16px;
    font-size: 25px;
}
.product-page-price .price-old {
    color: #9da9b9;
    font-size: 16px;
}
.product-page-option-wrapper .form-group {
    -margin: 0;
}
.product-page-option-wrapper .product-page-select:last-child {
    border-bottom: 1px solid #ceced2;
}
.product-page-select {
    padding-bottom: 5px;
    padding-top: 13px;
    border-top: 1px solid #ceced2;
    margin-bottom: 10px;
}
.product-page-select:after {
    content: "";
    display: table;
    clear: both;
}
.product-page-select > div.select-option:first-child {
    display: none;
    border: none;
    cursor: default;
    float: none;
    text-align: left;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    border: none;
}
.product-page-select > .select-option {
    font-size: 16px;
    text-align: center;
    color: #000000;
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-right: 13px;
    margin-bottom: 10px;
    border: solid 1px #ceced2;
    display: block;
    float: left;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-page-select > .select-option.active,
.product-page-select > .select-option:hover {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #2c99d5;
}
.product-page-option-wrapper {
    padding-bottom: 0;
}
.table-optionsDisp {
    display: none;
}
.table-optionsDisp select {
    display: block;
    width: inherit;
    height: 34px;
    padding: 6px 12px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float: left;
    margin-right: 5px;
}
.product-page-input-number,
.product-page-button {
    float: left;
}
.product-page-input-number > div > .quant {
    border: 1px solid #e1e7ec;
}
.product-page-input-number > div > .control-label {
    display: none;
}
.product-page-input-number > div .input-group-btn button {
    outline: none;
    background-color: #fff;
    box-shadow: none;
}
.product-page-input-number > div .input-group-btn button:hover {
    outline: none;
    background-color: #fff;
    box-shadow: none;
}
.product-page-input-number {
    margin-right: 15px;
    margin-top: 5px;
}
.compare-list-button-wrapper .addToWishList,
.compare-list-button-wrapper .addToCompareList {
    width: 36px;
    padding: 0;
    padding-left: 1px;
    border-radius: 50%;
    margin: 0 4px;
    font-size: 12px;
    line-height: 34px;
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid #e1e7ec;
    background-color: transparent;
    background-image: none;
    color: #606975;
    outline: none !important;
}
.compare-list-button-wrapper .addToWishList:hover,
.compare-list-button-wrapper .addToCompareList:hover {
    background-color: #f5f5f5;
}
.product-page-button .addToCartFull {
    background-color: #0da9ef;
    color: #fff;
    display: inline-block;
    position: relative;
    height: 44px;
    padding: 0 22px;
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid transparent;
    border-radius: 22px;
    background-image: none;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: .07em;
    line-height: 42px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
}
.product-page-button .addToCartFull:hover,
.product-page-secondary-button .btn.btn-cart:hover {
    background-color: #0a87bf;
}
.compare-list-button-wrapper {
    float: left;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.cart-list-button-wrapper {
    margin-bottom: 5px;
    float: left;
    margin-right: 5px;
}
.product-page-secondary-button .btn.btn-cart {
    background-color: #0da9ef;
    color: #fff;
    display: inline-block;
    position: relative;
    height: 44px;
    padding: 0 22px;
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid transparent;
    border-radius: 22px;
    background-image: none;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: .07em;
    line-height: 42px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
}
.product-page-secondary-button:after {
    content: "";
    display: table;
    clear: both;
}
.product-page-secondary-button {
    border-top: 1px solid #e1e7ec;
    padding-top: 10px;
    margin-top: 10px;
}
.pricemail-wrapper {
    float: left;
    margin-bottom: 5px;
}
.oneclick-wrapper {
    float: left;
    margin-bottom: 5px;
    margin-right: 15px;
}
.tabpanel-wrapper {
    padding-top: 20px;
}
.tabpanel-wrapper .tab-content{
    padding: 24px;
    border-right: 1px solid #e1e7ec;
    border-bottom: 1px solid #e1e7ec;
    border-left: 1px solid #e1e7ec;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.tabpanel-wrapper .tab-pane:after {
    content: "";
    display: table;
    clear: both;
}
.tabpanel-wrapper .nav-tabs>li>a {
    color: #606975;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    transition: color .3s;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tabpanel-wrapper .nav-tabs>li.active>a, 
.tabpanel-wrapper .nav-tabs>li.active>a:focus, 
.tabpanel-wrapper .nav-tabs>li.active>a:hover {
    border-color: #e1e7ec #e1e7ec #fff;
    color: #94a1b3;
}
.product-info-box .heading{
    padding-bottom: 24px !important;
    background-color: white;
    padding-top: 48px !important;
    text-align: center !important;
    font-size: 24px;
    font-family: "PlayBold";
}
.product-block-wrapper.product-col-1,
.template-product-list.products-list .product-block-wrapper.product-col-1 {
    margin-bottom: 30px;
    padding: 0;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
}
.product-block-wrapper.product-col-1 .product-block {
    display: table;
    width: 100%;
    margin: 0;
    border: none;
    padding: 0;
}
.product-block-wrapper.product-col-1 .product-block-top,
.product-block-wrapper.product-col-1 .product-block-bottom {
    display: table-cell;
    vertical-align: top;
}
.product-block-wrapper.product-col-1 .product-block-top {
    vertical-align: middle;
}
.product-block-wrapper.product-col-1 .product-block-bottom {
    padding: 20px 22px;
}
.product-block-wrapper.product-col-1 .product-block-top {
    width: 270px;
    border-right: 1px solid #e1e7ec;
}
.product-block-wrapper.product-col-1 .product-block-img-link {
    margin-bottom: 0;
}
.product-block-wrapper.product-col-1 .product-block-name,
.product-block-wrapper.product-col-1 .product-block-price,
.product-block-wrapper.product-col-1 .product-block-button {
    text-align: left;
}
.product-block-wrapper.product-col-1 .product-block-img-link {
    height: auto;
    line-height: normal;
}
.product-block-wrapper.product-col-1 .product-block-button {
    border-top: 1px solid #e1e7ec;
    padding-bottom: 0;
}
.product-day-wrapper {
    background-color: #f5f5f5;
    border-radius: 7px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    text-align: center;
}
.product-day-label {
    position: absolute;
    font-size: 14px;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #ff5252;
    font-weight: normal;
    top: 10px;
    left: 20px;
}
.product-day-name {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.product-day-name,
.product-day-name a {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #374250;
}
.product-day-name a,
.product-day-name span {
    display: block;
}
.product-day-name span {
    font-weight: normal;
}
.product-day-img {
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: center;
    display: none;
}
.product-day-timer {
    display: inline-block;
}
.product-day-timer > div {
    display: block;
    margin: 7px;
    float: left;
    text-align: center;
}
.product-day-timer > div > h4 {
    width: 48px;
    height: 48px;
    margin-bottom: 5px;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
    font-size: 22px;
    line-height: 46px;
}
.product-day-timer > div > small {
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}
.product-day-button {
    padding-top: 15px;
}
.product-day-button a {
    text-transform: uppercase;
}
.product-day-button a:hover {
    color: #fff;
    background-color: #0a87bf;
}
.sticker-wrapper img {
    max-width: 100%;
    max-height: 400px;
}
.product-col.mini-news-block {
    border: 1px solid #e1e7ec;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    border-radius: 7px;
}
.product-col.mini-news-block .caption {
    padding: 0;
}
.nowbuy-title {
    margin-top: 28px;
}
.nowbuy-list .product-block-wrapper {
    width: 100%;
}
.nowbuy-list .product-block {
    border: none;
    display: table;
    padding:0;
}
.nowbuy-list .product-block-top,
.nowbuy-list .product-block-bottom {
    display: table-cell;
    vertical-align: top;
}
.nowbuy-list .product-block-button {
    display: none;
}
.nowbuy-list .product-block-img-link {
    height: 60px;
    line-height: 59px;
}
.nowbuy-list .product-block-bottom {
    padding-left: 12px;
}
.nowbuy-list .product-block-name {
    min-height: inherit !important;
    text-align: left;
}
.nowbuy-list .product-block-price {
    text-align: left;
}
.product-col.mini-news-block.news-block {
    border-bottom: 1px solid #e1e7ec;
}
.footer-layer {
    border-top: 1px solid rgba(255,255,255,0.12);
    height: 1px;
    margin-top: 25px;
    margin-bottom: 48px;
}
.footer-payment-methods {
    padding-bottom: 24px;
}
.footer-payment-methods img {
    max-width: 100%;
}
.clear-fix:after {
    content: "";
    display: table;
    clear: both;
}
.main-page-subscrition-form-input {
    width: calc(100% - 88px);
    float: left;
    display: block;
    position: relative;
}
.news-subscription-form button {
    margin: 0;
    float: right;
    background-color: #0da9ef;
    color: #fff;
    display: inline-block;
    position: relative;
    height: 44px;
    padding: 0 22px;
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid transparent;
    border-radius: 22px;
    background-image: none;
    font-size: 21px;
    font-style: normal;
    letter-spacing: .07em;
    line-height: 42px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.news-subscription-form button:hover {
    background-color: #0a87bf;
}
.main-page-subscrition-form-input input {
    background-color: transparent;
    color: #fff;
    padding-left: 35px;
    height: 44px;
    padding: 0 18px 3px;
    border: 1px solid #dbe2e8;
    border-radius: 22px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: rgba(255,255,255,0.17);
    outline: none !important;
    box-shadow: none !important;
}
.news-subscription-form-text {
    padding-top: 12px;
    padding-left: 18px;
    font-size: 13px;
    opacity: .5 !important;
}
.input-light.form-control:focus, .input-light .form-control:focus {
    border-color: #0da9ef;
    color: #fff;
    outline: none !important;
    box-shadow: none !important;
}
.footer-social > a {
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    line-height: 35px;
    text-align: center;
    transition: all .3s;
    background-color: transparent;
    color: rgba(255,255,255,0.6) !important;
    font-size: 17px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    vertical-align: middle;
    border-color: rgba(255,255,255,0.12);
}
.footer-social > a:hover {
    border-color: rgba(255,255,255,0.12);
    background-color: rgba(255,255,255,0.06);
}
.news-subscription-form {
    margin-top: 15px;
}
.nav-catalog-dropdown-link {
    cursor: pointer;
}







































/* Breadcrumb Styles Starts */






/* Sidebar Nav 	Styles Starts */


/* Slider Section Styles Starts */

.slider{
    margin-top: 2rem;
    -padding-top:40px;
    -padding-bottom:40px;
    -background:url(./images/slider-bg.jpg) no-repeat center;
}




/* Products Box Styles Starts */

.products-list{
    margin-bottom:15px;
}
.product-head{
    margin:10px 10 30px;
    font-size:30px;
    text-align:center;
}
.product-head > a {
    color: inherit;
}

.product-col{
    padding:15px 15px 10px;
    margin-bottom:20px;
    text-align:center;
    background:#fff;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
    transition: all .5s;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0);
}
.product-col:hover {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.product-col.side-product{
    border:1px solid #ddd;
    background:#fff;
}
.product-col.list{
    text-align:left;
    margin-bottom:30px;
}
.product-col.list .image{
    padding:20px 30px 20px 0;
    float:left;
}
.product-col .caption{
    padding: 10px 0;
}
.product-col h4{
    font-size:18px;
    font-weight: normal;
}
.product-col h4, 
.product-col h4 a, 
.product-col .description{
    color: #606975;
    transition: color .3s;
}
.product-col h4 a:hover, 
.product-col h4 a:focus{
    color: #0da9ef;
    text-decoration: none;
}
.product-col .description{
    padding:5px 0;				
    font-size:12px;
    line-height:18px;
    text-align:justify;
}
.product-col.list .description{
    padding-right:20px;
}
.product-col .price{
    padding:15px 0 10px;
}
.product-col .price .price-tax{
    font-size:14px;
    color:#452e11;
    text-transform:uppercase;
}
.product-col .price span.price-new{
    color:#3bc6e4;
    font-size:28px;
    padding-right:5px;
}
.price span.price-old{
    font-size:16px;
    color:#717171;
    text-decoration: none;
}
span.price-old span{
    font-size: 13px;
    font-weight: 100;  
    text-decoration: none!important;
}
span.price-old {display:inline-block; position:relative;}
span.price-old:after{display:block; height:1px; width:100%; background-color:#9da9b9; left:0; right:0; top:51%; content:''; position:absolute;}

.product-col .cart-button{
    padding-top:7px;
}
.product-col .btn-wishlist, 
.product-col .btn-compare{
    font-size:18px;
    color:#1c1c1c;
    background:none;
    padding: 0;
    height: 34px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    outline: none !important;
}
.product-col .btn-wishlist:hover, 
.product-col .btn-wishlist:focus, 
.product-col .btn-compare:hover, 
.product-col .btn-compare:focus{
    color:#35b1ce;
}
.product-col .btn-cart,.product-info .product-details .btn-cart{
    padding:8px 20px 8px 15px;
    font-size:14px;
    color:#fff;
    background:#000;
    text-transform:uppercase;
    border:none;
    outline: none;					
}
.product-col .btn-cart .fa-shopping-cart{
    font-size:17px;
    margin-right:5px;
}
.product-col .btn-cart:hover,.product-info .product-details .btn-cart:hover{
    background:#fff;
}


/* Two Column Banner Styles Starts */

.col2-banners{
    margin-bottom:20px;
}

/* Shopping Cart Page Styles Starts */


/* Compare Page Styles Starts */

.compare-table{
    margin-top:30px;
    text-transform:uppercase;
}
.compare-table .table{
    background:#fff;
}
.compare-table thead{
    background:#f9f9f9;
}
.compare-table thead > tr > td{
    font-size:15px;
    font-weight:600;
    border-bottom:none;
}
.compare-table tbody > tr > td{
    font-size:14px;
}
.compare-table tbody > tr > td a:hover{
    color:#252a2f;
}
.compare-table td{
    text-align:center;
}
.compare-table .rating .fa-star{
    color:#28a7c2;
}

/* Login & Registration Section Styles Starts */

.login-area{
    padding-top:30px
}
.registration-area{
    padding-top:0px;
}
.registration-area:after {
    content: "";
    display: table;
    clear: both;
}
.panel-smart{
    padding:20px;
    background:#fff;
    border:1px solid #e8e8e8;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.panel-smart .panel-heading{
    padding:5px 0 15px 0;
    color:#252a2f;
    border-bottom:1px solid #e1e7ec;
}
.panel-smart h3.panel-title{
    font-size:24px;
}
.panel-smart .panel-body{
    padding:20px 0 0;
}
.registration-area .inner{
    margin-top:30px;
    margin-bottom:20px;
}
.registration-area .control-label{
    color:#8b8b8b;
    font-weight:600;
}
.registration-area .form-control{
    /*-webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;*/
}
.registration-area .dl-horizontal{
}
.registration-area .dl-horizontal dt{
    font-weight:normal;
}
.registration-area .dl-horizontal dd{
    font-weight:bold;
}
.registration-area .dl-horizontal dt, .registration-area .dl-horizontal dd{
    margin-bottom:5px;
}
.registration-area .dl-horizontal.total{
    color:#28a7c2;
    font-size:18px;
}
.registration-area .dl-horizontal.total dt, 
.registration-area .dl-horizontal.total dd{
    margin-bottom:0;
}




/* Category Intro Content Styles Starts */

.cat-intro{
    padding-top:10px;
}
.cat-intro .img-thumbnail{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.cat-intro .cat-body{
    color:#8b8b8b;
    font-size:13px;
    padding-left:5px;
    text-align:justify;
}

/* Product Filter Styles Starts */

.product-filter{
    margin:15px 0;
    margin-top: 0;
    padding:0;
    border:none;
}
.product-filter .display{
    padding-top:5px;
}
.product-filter .display a,
.product-filter .display label{
    color:#1c1c1c;
    font-size:18px;
    margin-right:6px;
    margin-bottom: 7px;
}
.product-filter .display a.active,
.product-filter .display label.active {
    color:#3bc6e4;
    text-decoration: none;
}
.product-filter .control-label{
    padding-top:5px;
    font-size:14px !important;
    font-weight:normal;
}
.product-filter .form-control{
    height:30px;
    padding:3px 6px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

/* Product Page Styles Starts */

.product-info{
    padding-top:10px;
}
.product-info.product-page-wrapper {
    padding-top: 0;
}
.product-info .images-block{
}
.product-info .images-block .thumbnail{
    padding:10px;
}
.product-info.full .images-block .list-inline{
    margin-left:-5px;
}
.product-info.full .images-block .list-inline li{
    padding-left:5px;
    padding-right:5px;
}
.product-info .images-block .list-inline{
    margin-left:-2px;
}
.product-info .images-block .list-inline li{
    padding-left:2px;
    padding-right:2px;
}
.product-info .images-block .list-inline .thumbnail{
    padding:5px;
}
.product-info .product-details{
}
.product-info .product-details h2,
.product-info .product-details h1{
    margin-top:0;
    font-size:24px;
}
.product-info .product-details h3{
    font-size:22px;
}
.product-info .product-details h2, .product-info .product-details h3, .product-info .product-details h1{
    text-transform:uppercase;
}
.product-info .product-details .manufacturer{
    color:#3bc6e4;
    text-transform:uppercase;
}
.product-info .product-details .manufacturer span{
    -min-width:130px;
    display:inline-block;
    color:#452e11;
}
.product-info .product-details .price{
}
.product-info .product-details .price-head{
    padding-right:10px;
    font-size:24px;
    color:#452e11;
    text-transform:uppercase;
}
.product-info .product-details .price-tax{
    padding-top:5px;
    font-size:14px;
    color:#452e11;
    text-transform:uppercase;
}
.product-info .product-details .price-new{
    color:#3bc6e4;
    font-size:24px;
    padding-right:5px;
}
.product-info .product-details .options{
}
.product-info .product-details .options h3{
    margin-bottom:20px;
}
.product-info .product-details .options h6{
    font-weight:700;
}
.product-info .product-details .cart-button{
}
.product-info .product-details .cart-button .btn{
    min-width: 145px;
    outline: none;
}
.product-info .product-details .btn-wishlist, 
.product-info .product-details .btn-compare{
    font-size:18px;
    color:#1c1c1c;
    background:none;
    margin-left:3px;
}
.product-info .product-details .btn-wishlist:hover, 
.product-info .product-details .btn-wishlist:focus, 
.product-info .product-details .btn-compare:hover, 
.product-info .product-details .btn-compare:focus{
    color:#35b1ce;
    outline: none;
}

.product-info .product-details .btn-cart .fa-shopping-cart{
    font-size:17px;
    margin-right:5px;
}

.product-info-box{
    padding-top:10px;
}
.product-info-box + .product-info-box{
    padding-top:15px;
}
.product-info-box .content{
    background:none;
    border:none;
    padding:20px;
    padding:20px;
    border:1px solid #ddd;
}

/* Reviews Styles Starts */
.btn-show-comment-add-block {
    float: none;
    margin-top: 10px;
}

/* Tabs Styles Starts */

.tabs-panel{
    margin-top:30px;
}
.tabs-panel.panel-smart{
    padding:0;
    background:none;
    border:none;
}
.tabs-panel .nav-tabs{
    font-size:16px;
    border-bottom:1px solid #3bc6e4;
}
.tabs-panel .nav-tabs > li{
    margin-bottom:0;
    margin-right:5px;
}
.tabs-panel .nav-tabs > li > a{
    color:#452e11;
    margin:0; 
}
.tabs-panel .nav-tabs > li > a, 
.tabs-panel .btn, 
.tabs-panel .form-control{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.tabs-panel .nav-tabs > li.active > a, 
.tabs-panel .nav-tabs > li.active > a:hover, 
.tabs-panel .nav-tabs > li.active > a:focus, 
.tabs-panel .nav > li > a:hover, 
.tabs-panel .nav > li > a:focus{
    background:none;
}
.tabs-panel .nav-tabs > li > a, 
.tabs-panel .nav-tabs > li.active > a, 
.tabs-panel .nav-tabs > li.active > a:hover, 
.tabs-panel .nav-tabs > li.active > a:focus, 
.tabs-panel .nav-tabs > li > a:hover{
    border:none;
}
.tabs-panel .nav-tabs > li.active, 
.tabs-panel .nav-tabs > li.active > a, 
.tabs-panel .nav-tabs > li > a:hover{
    background:#3bc6e4;
    color:#fff;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.tabs-panel .tab-content{
    padding:20px 0;
}
.tabs-panel .tab-content .table{
    background:#fff;
}
.tabs-panel label.control-label{
    text-transform:uppercase;
    font-weight:normal;
}
.tabs-panel label.control-label.ratings{
    padding-top:1px;
}
.tabs-panel .btn{
    margin-left:-10px;
}

/* Pagination Styles Starts */

.pagination{
    margin:0; 
    display: block;
    text-align: left;
    border-top: 1px solid #e1e7ec;
    padding-top: 15px;
}
.pagination > li {
    display: inline-block;
    min-width: 36px;
    min-height: 36px;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
}
.pagination > li > a{
    display: block;
    min-width: 36px;
    min-height: 36px;
    transition: all .3s;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #606975;
    line-height: 34px;
    text-decoration: none;
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
}
.pagination > li:first-child > a {
    border-radius: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0;
}
.pagination > li:first-child {
    display: none;
}
.pagination > li:last-child > a {
    height: 36px;
    padding: 0 18px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 34px;
    border-color: #e1e7ec;
}
.pagination > li:last-child {
    float: right;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
    background:#3bc6e4;
    border-color:#3bc6e4;
}
.results{
    padding-top:10px;
    text-align:right;
}

/* Page Content Styles Starts */

.page-box{
    color:#8b8b8b;
    font-size:13px;
    margin-bottom:40px;
}
.page-box h3{
    margin:0;
    font-size:24px;
    color:#252a2f;
}
.page-box h3, .page-box h4{
    text-transform:uppercase;		
}
.page-box h4{
    margin:5px 0 15px;
    color:#28a7c2;
    font-size:18px;
}
.page-box .sm-links{
    margin-bottom:20px;
}
.page-box .sm-links li{
    background:#1c1c1c;
    width:34px;
    text-align:center;
    padding:5px 0 4px;
    margin:0 0 0 4px;
}
.page-box .sm-links li:hover, 
.page-box .sm-links li:focus{
    background:#28a7c2;
}
.page-box .sm-links li a .fa{
    color:#fff;
    font-size:24px;
}

/* Content Box Styles Starts */

.content-box{
    margin-top:20px;
    padding:0;
}
.content-box .special-heading{
    font-size:100px;
    color:#3bc6e4;
    margin-top:0;
    margin-bottom:30px;
}

/* Map Wrapper Styles Starts */

#map-wrapper{
    border:1px solid #feffff;
    margin:20px 0;
    height:250px;
}

/* Sidebar Styles Stars */


.list-group, .list-group-item:first-child, .list-group-item:last-child{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.list-group-item{
    color:#252a2f;
    font-size:14px;
    text-transform:uppercase;
}
.list-group-item .fa{
    font-size:12px;
    padding-right:6px;
}
.filter-group{
    margin-left:20px;
}

/* Blockquote Styles Starts */

.panel-smart blockquote{
    margin:0;
    padding:5px 15px;
    color:#8b8b8b;
    font-size:13px;
    border:none;
}
.panel-smart blockquote footer{
    padding-top:10px;
    color:#252a2f;
    font-size:14px;
}

/* Contact Details Box Styles Starts */

.contact-details li + li{
    margin-top:20px;
}
.contact-details li .fa{
    color:#3bc6e4;
    padding:5px 10px 0 0;
    font-size:18px;
}

/* Footer Links Styles Starts */

/* Genric Styles Starts */
select.form-control:not([size]):not([multiple]) {
    height: 44px;
}
.thumbnail, 
.form-control {
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:22px;	
}
.form-control {
    padding: 0 18px 3px;
    border: 1px solid #dbe2e8;
    border-radius: 22px;
    background-color: #fff;
    color: #606975;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 44px;
}
textarea.form-control {
    padding-top: 12px;
    padding-bottom: 12px;
}
.btn {
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px; 
}
.btn-main {
    background-color: #0da9ef;
    color: #fff;
    outline:none !important;
    transition: all .4s;
}
.btn-main:hover {
    color: #fff;
    background-color: #0a87bf;
}
.no-box-shadow {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}


/* Other Styles */

.addToCartListMainPage {
    min-width: 145px;
}
.product-img-centr {
    text-align: center;
}
.product-img-centr img {
    display: inline-block;
}
.success-notification {
    position: fixed;
    bottom: 5px;
    right: 20px;
    max-width: 400px;
    z-index: 999999;
}
.addToCartListParent {
}
.btn-sort,
.btn-sort.active,
.btn-sort.active.focus,
.btn-sort:hover,
.btn-sort.active:hover,
.btn-sort:active,
.btn-sort.active:active,
.btn-sort:focus,
.btn-sort.active:focus,
.btn-sort:visited,
.btn-sort.active:visited
.btn-sort:active:hover,
.btn-sort.active:active:hover,
.btn-sort:active:focus,
.btn-sort.active:active:focus,
.btn-sort:active:visited,
.btn-sort.active:active:visited {
    border: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    outline: none;
}
#fotoload{
    margin-bottom:10px;
}


#fotoload a.highslide img{
    max-width: 350px !important;
}

#fotoload img.imgOn, #fotoload img.imgOff{
    max-width: 100px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

img.imgOff {
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 1px;
    margin:5px;
}

img.imgOn {
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 1px;
    margin:5px;
}

.template-slider{
    margin-bottom:20px;
}

img.template{
    border: solid 1px #CCC;
    padding: 3px;
    border: solid 1px #CCC;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin:3px;
    cursor:pointer;
}

img.template:hover{
    border: solid 1px #BFDBFF;
    box-shadow: 0 0 5px #BFDBFF;
}
.bxslider a{
    cursor: url(images/zoomin.cur), pointer; 
}

.modal-body .bx-wrapper img {
    max-width: 100%;
    display: inline-block; 
    text-align: center;
}

.bxsliderbig a{
    cursor: url(images/zoomout.cur), pointer; 
}
#fotoload > .bxslider-pre{
    display: table; 
    margin: 0 auto; 
    text-align: center;
    padding: 10px 10% 20px 10%;
}

.bx-pager img{
    max-width: 70px;
    max-height: 73px;
    margin:0px 5px 0px 5px;
}
.bx-pager-big {
    text-align: center;
    margin-top: 10px;
}
.bx-pager-big img{
    max-width: 50px;
    max-height: 153px;
    margin:5px;
    border-radius: 0px;
}
.bx-wrapper {
    border: 1px solid #ddd;max-width:98%!important;
    border-radius: 10px;
}
.bx-wrapper .bx-next {
    background-image: url(./images/icon_swiper_button_next.png) !important;
    background-position: center !important;
}
.bx-wrapper .bx-prev {
    background-image: url(./images/icon_swiper_button_prev.png) !important;
    background-position: center !important;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
    background-position: center !important;
    opacity: 0.7;
}
.bxslider{
    display: table; 
    text-align: center;
}
.row.cat-intro img {
    max-width: 100%;
}
.form-group:after {
    content: "";
    display: table;
    clear: both;
}
.col-sm-12.no-p {
    padding: 0;
}
.bootstrap-select.form-control:not([class*=col-]) {
    width: 100% !important;
}
#forma_cart > input {
    text-align: center;
}
.user-dropdown > .dropdown-menu {
    background: #3bc6e4;
    border: none;
    padding: 0;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    left: -10px;
}
.user-dropdown > a {
    background-color: transparent !important;
}
.user-dropdown > .dropdown-menu li {
    display: block;
}
.user-dropdown > .dropdown-menu li a,
.user-dropdown > .dropdown-menu li span {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}
.user-dropdown > .dropdown-menu li a:hover {
    background: #1588a3;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.top-col-banners img {
    max-width: 100%;
    height: auto;
}
.header-valuta-disp-wrapper .btn-default {
    position: relative;
    padding: 12px 25px 12px 21px;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    box-shadow: none !important;
}
.header-valuta-disp-wrapper .dropdown-menu.open {
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 5px 0;
    margin: 2px 0 0;
    top: 44px;
    width: 100%;
}
.header-valuta-disp-wrapper li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
}
.header-valuta-disp-wrapper .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    display: none !important;
}
#cart span#sum {
    padding-left: 3px;
}
#cart span#num {
    padding-right: 3px;
}
.side-product.no-box-shadow {
    border:none;
    padding: 0;
}
.side-product.no-box-shadow .product-col {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    border: 1px solid #ddd;
}

.comments-raiting-wrapper {
    color: #3bc6e4;
    text-transform: uppercase;
}
.main-menu-button {
    border-color: #ddd;
    float: left;
    margin-left: 15px;
}
.panel.panel-default,
.panel.panel-success {
    border:none;
    border-radius: 0px;
    box-shadow: none;
}
.panel-success>.panel-heading > a {
    color: #fff;
}
.main-menu-list {
    float: left;
}
.list-group.filter-body-fix {
    display: none;
}
.navbar-offcanvas {
    position: fixed;
    width: 100%;
    max-width: 250px;
    height: 100%;
    left: -250px;
    top: 0;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 999;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.cid-img-block img {
    max-width: 100%;
    max-height: 100%;
}
.product-sklad-list-block {
    text-align: center;
    font-size: 11px;
    color: #0da9ef;
    display: block;
}

.outStock {
    text-align: center;
    font-size: 11px;
    color: #0da9ef;
    display: block;
}



.nowBuy {
    margin-bottom: 15px;
}
.odnotipList .product-block-wrapper .product-block-button,
.odnotipList .product-block-wrapper .product-block-top:hover .product-block-button {
    display: none;
}
.odnotipList .product-block-wrapper .product-block-img {
    height: unset;
}
.odnotipList .product-block-bottom {
    display: none;
}
.odnotipList .product-block-wrapper .product-block-image > a.product-block-img-link {
    width: 60px;
    height: 60px;
    line-height: 59px;    
    border: none;
    margin-bottom: 0;
}

.odnotipList .product-block-wrapper .sale-icon-content {
    display: none;
}
.odnotipList .product-block-wrapper {
    width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0;
}
.odnotipList .product-block-wrapper .product-block {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 0px;
}
.odnotipListWrapper .product-block{max-height:60px!important; min-height:60px!important}
@media (min-width: 992px) {
    .filter-well-right-block {
        text-align: right;
    }		
    .side-product.no-box-shadow .col-md-3.col-sm-6 {
        width: 100%;
    }
    .list-group.filter-body-fix {
        display: block;
    }
}


@media (max-width: 1199px) {
    .main-navbar-top > li > a {
        font-size: 13px;
    }
}
@media (max-width: 1192px) {
    .page-cart-td-quantity {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 12px !important;
        padding-top: 10px !important;
    }
}
@media (max-width: 991px) {
    .product-page-button {
        margin-top: 5px;
    }
    .secondary-nav {
        margin-bottom: 0;
    }
    .navbar-offcanvas {
        background-color: #374250;
        box-shadow: inset -4px 0 17px 0 rgba(0,0,0,0.35);
        padding: 0;
    }
    .offcanvas-list {
        list-style-type: none;
        padding: 0;
    }
    .offcanvas-list li a {
        display: block;
        padding: 15px 20px;
        transition: color .3s;
        border-bottom: 1px solid rgba(255,255,255,0.12);
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .05em;
        text-transform: uppercase;
        text-decoration: none;
        white-space:normal!important;
    }
    .offcanvas-list li {
        display: block;
    }
    .offcanvas-list .dropdown-menu {
        background-color: #313b47;
        color: #fff;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0;
        float: none !important;
    }
    .header-bottom #cart, .header-account, .search-open-button {
        margin-top: 22px;
    }
    .modile-cat-open {
        margin-top: 28px;
        width: 60px;
        transition: color .3s;
        color: #606975;
        font-size: 20px;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        margin-right: 0;
    }
    .navbar-toggle {
        display: block !important;
    }
    .header-bottom #logo a {
        height: 69px;
        line-height: 59px;
    }
    .product-col:hover {
        -webkit-box-shadow: 0 0 19px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0 0 19px rgba(0, 0, 0, 0.8);
        box-shadow: 0 0 19px rgba(0, 0, 0, 0.8);
    }
    .side-product.no-box-shadow .product-col:hover {
        -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 28px rgba(0, 0, 0, 0.4);
    }
    .product-filter .display,
    .filter-title {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .header-top-right, .header-wishlist, .header-bottom #cart, .header-bottom #logo {
        display: inline-block;
        float: none;
        margin-left: 5px;
        margin-right: 5px;
    }
    .header-top-link {
        margin-left: 5px;
        margin-right: 5px;
    }
    .header-bottom #cart {
        margin-bottom: 10px;
    }
    .bottom-mobile-fix {
        text-align: center;
    }
    .header-wishlist, .header-account, .search-open-button {
        display: none;
    }
    .top-mobile-fix {
        text-align: center;
    }
    .header-bottom #cart, .header-account,.search-open-button {
        margin-top: 2px;
    }
    #main-menu.navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5;
    }
    body.overflow-fix {
        overflow: hidden;
    }
    #main-menu.main-menu-fix {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 100%;
        position: fixed;
        margin: 0;
        overflow: auto;
        background-color: #3498db;
        z-index: 999;
    }
    .header-wrap.inner #main-menu.main-menu-fix .container {
        margin: 0;
    }
    #main-menu.main-menu-fix.navbar-fixed-bottom .navbar-collapse, #main-menu.main-menu-fix.navbar-fixed-top .navbar-collapse {
        max-height: unset;
    }
    .main-navbar-list-catalog-wrapper {
        position: relative;
        width: 100%;
    }
    #header-area > .container {
        -padding-left: 0;
    }
    .user-dropdown > .dropdown-menu li span {
        padding: 5px 15px 5px 25px;
    }
    .main-navbar-list-catalog-wrapper {
        position: relative;
    }
    .header-valuta-disp-wrapper {
        margin-top: 8px;
    }
    .header-valuta-disp-wrapper .btn-default {
        padding: 10px 25px 10px 21px;
    }
    .cart-list-button-wrapper {
        margin-bottom: 15px;
    }
    .main-heading {
        font-size: 22px;
    }
    .btn-main {
        margin-bottom: 5px;
    }    
    .modal-body .bx-wrapper img {
        max-width: 100%;
    }
    .bx-wrapper .bx-viewport ul {
        padding: 0;
    }

    .input-width-fix {
        width: 289px;
    }
    .product-head {
        font-size: 24px;
    }
}
@media (max-width: 500px) {

    .header-links .nav > li a {
        display: inline-block;
    }
}

/*
* UItoTop
*/
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    right:20px;
    overflow:hidden;
    width:42px;
    height:42px;
    border:none;
    text-indent:100%;
    background:url(images/ui.totop.png) no-repeat left top #D9D9D9;
}

#toTopHover {
    background:url(images/ui.totop.png) no-repeat left -42px;
    width:42px;
    height:42px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}




@font-face {
    font-family: ALSRubl;
    src: url('fonts/rouble.eot') format('embedded-opentype');
    src: url('fonts/rouble.eot?#iefix') format('embedded-opentype'), url('fonts/rouble.woff') format('woff'), url('fonts/rouble.ttf') format('truetype');
}

.rubznak {
    font-family: ALSRubl;
    text-transform: none;
}

.mega-menu {
    padding: 10px 0px ! important;
    width: 650px;
    border-radius: 0;
    margin-top: 0px;
    max-height: 600px;
    overflow: auto;
}
.mega-menu li.mega-menu-column {
    margin-right: 20px;
    width: 180px;
}
.mega-menu li {
    display: inline-block;
    float: left;
    padding: 3px 0px;
}
.nav>li {
    z-index: 4;
}
#cart {
    z-index: 5;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: inline-block;
}
.price-page-list a {
    padding: 7px 10px !important;
}
.page-cart-product-button-block button {
    border:none;
}
.product-col {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fix-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
#cart .dropdown-menu table, #cart .dropdown-menu table td {
    padding: 8px;
}
.top-button-order-row {
    margin-top: 0;
}
.header-links:after {
    content: "";
    display: table;
    clear: both;
}
.header-links a.btn-main {
    padding: 5px 10px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.addToCartListNum {
    max-width: 100px;
}

.paymOneEl label {
    cursor: pointer;
}

body.modal-open {
    overflow: visible;
    padding-right: 0px !important;
}
.news-list a:hover .panel.panel-default {
    -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.8);
}
.news-list a .panel.panel-default {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.news-list a:hover {
    color: #35b1ce;
}
.panel.panel-default {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.product-col .panel.panel-default {
    border: none;
    box-shadow: none;
    margin: 0;
}
.product-col .panel.panel-default .panel-body {
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}
.product-col .panel.panel-default .panel-body .panel-body-left,
.product-col .panel.panel-default .panel-body .panel-body-right {
    display: block;
}
.product-col .panel.panel-default .panel-body .panel-body-right {
    padding-left: 0;
}


/* 
* PHPShop Editor 
*/
.editor_var{
    overflow: hidden;
}
.editor_empty{
    color:#6C809A;
    text-align: center;
    padding:5px;
    background: #FFE785;
    border: dashed 1px #6C809A;
    border-radius:4px;
    margin:3px;
}
.editor_empty a{
    text-decoration:none !important;
    color:#6C809A !important;
}

/* Размеры и цвета */
.big_size_block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
.big_size_block h4{
    font-family: "MyriadProRegular";
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    color: #000000;
}
/*input-size*/
.checkbox_size_wrap{
    width: 50%;
}
.wrap_size, .wrap_color{
    display: flex;
    flex-direction: row;
}

.input_size + .label_size{
    cursor: pointer;
}
.input_size{
    display: none;
}
.label_size{
    min-width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #ceced2;
    font-weight: normal;
    cursor: pointer;
    background-color: #fff;
    border-radius: 20px;
}

.label_size:hover, .label_color:hover, .label_active{
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.87);
    border: solid 1px #2c99d5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.input_size:checked + .label_size:hover{
    content: '';
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.87);
}
.not-active{
    background: linear-gradient(45deg, #ceced2 25%, #e8e8ed 0, 
        #e8e8ed 50%, #ceced2 0, #ceced2 75%, #e8e8ed 0);
    background-size:30px 30px;
    color: #9a9a9d;
    cursor: inherit !important;
}
.checkbox_size,.checkbox_color{
    padding-right: 10px;
    display: inline-block;
}
/*input-color*/
.checbox_color_wrap{
    width: 50%;
}
.input_color + .label_color{
    cursor: pointer;
}
.input_color{
    display: none;
}

.label_color {
    width: 40px;
    height: 40px;
    border: solid 1px #ceced2;
    cursor: pointer;
    border-radius: 20px;
}

.not-active:hover{
    box-shadow: none;
    border: solid 1px #ceced2;
}
.input_color:checked + .label_color:hover{
    content: '';
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #2c99d5;
}

.quant {
    width: 140px; 
}

.quant > .input-group{
    border: solid 1px #ceced2;
    text-align: center;
}
.quant .input-number{
    border: none;
    box-shadow: none;
}
.quant .btn-default_r,.quant .btn-default_l{
    padding-top: 9px;
    padding-bottom: 5px;
    border: none;
    border-radius: 0;
    color: #d6d6d9;
}

/* Order page style */
.user-title.side-heading {
    display: block;
}
.user-list {
    padding: 0;
    list-style-type: none;
}
.user-list a {
    font-size: 14.1;
}
.top-button-order-row .main-heading2 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 34px;
}
.top-button-order-row .btn.btn-main {
    background-color: transparent !important;
    color: #000000;
    padding-bottom: 0;
    border-top: none;
}
.top-button-order-row {
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e7ec;
}
.top-button-order-row a:hover {
    color: #189aca;
}
.order-page-top-head > td {
    padding: 0;
    vertical-align: middle;
}
.order-top-one-price {
    min-width: 90px;
    text-align: center;
}
.order-top-all-price {
    min-width: 135px;
    text-align: center;
}
.order-top-quantity {
    text-align: center;
}
.order-top-quantity {
    min-width: 90px;
}
.order-product-img {
    max-width: 80px;
    text-align: center;
    vertical-align: middle !important;
}
.order-product-img img {
    border-radius: 0px;
    border: none;
}
.order-product-name {
    vertical-align: middle !important;
    text-transform: uppercase;
}
.order-product-name a {
    color: #000000;
}
.order-product-name a:hover {
    opacity: 0.7;
}
.order-product-quantity,
.order-product-one-price,
.order-product-all-price,
.order-product-remove-product {
    vertical-align: middle !important;
}
.order-product-one-price,
.order-product-all-price {
    text-align: center;
}
.order-product-remove-product {
    color: #ef1311;
}
.order-product-quantity-wrapper {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.order-product-quantity-wrapper #forma_cart_plus button,
.order-product-quantity-wrapper #forma_cart_minus button {
    width: 13px;
    height: 29px;
    padding: 0;
    top: 0;
    text-align: center;
    position: absolute;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    color: #e8e8ed;
    z-index: 1;
}
.order-product-quantity-wrapper #forma_cart_minus button {
    left: 0;
    text-align: right;
    padding-right: 3px;
}
.order-product-quantity-wrapper #forma_cart_plus button {
    right: 0;
    text-align: left;
    padding-left: 3px;
}
.order-product-quantity-wrapper input {
    height: 29px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 14px;
    padding-right: 14px;
    text-align: center;
    border-radius: 0px;
    border-color: #e8e8ed;
}
.order-product-remove-product button {
    border: none;
    border-radius: 0px;
    color: #ef1311;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.order-page-top-totals-title {
    font-size: 16px;
    text-transform: uppercase;
}
.order-page-table-wrapper .table {
    margin-bottom: 0;
}
.order-page-top-totals {
    background-color: #f8f8f8;
    border-top: solid 1px #d6d6d9;
    border-bottom: solid 1px #d6d6d9;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 19px;
    position: relative;
}
.order-page-top-totals-title {
    top: 20px;
    left: 0;
    padding-left: 17px;
    position: absolute;
}
.order-page-top-totals-body {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
}
.order-page-top-label-left,
.order-page-top-label-right {
    display: block;
    background-color: #f8f8f8;
    position: relative;
}
.order-page-top-label-left {
    float: left;
}
.order-page-top-label-right {
    float: right;
    font-weight: 700;
}
.order-page-top-totals-discount,
.order-page-top-totals-delivery,
.order-page-top-totals-paymetnt-with-discount {
    position: relative;
    margin-bottom: 3px;
}
.order-page-top-totals-discount:before,
.order-page-top-totals-delivery:before,
.order-page-top-totals-paymetnt-with-discount:before {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e8e8ed;
    bottom: 1px;
    left: 0;
    position: absolute;
    display: block;
}
.order-page-top-totals-discount:after,
.order-page-top-totals-delivery:after,
.order-page-top-totals-paymetnt-with-discount:after {
    content: "";
    display: table;
    clear: both;
}
.panel.order-promotions {
    border-bottom: none;
    box-shadow: none;
}
.order-promotions .panel-heading {
    padding-left: 0;
}
.order-promotions .panel-heading h3 {
    font-size: 16px;
}
.order-promotions .panel-body {
    padding-left: 0;
}
.order-promotions .panel-body .form-inline input{
    border-radius: 0px;
}
.order-promotions .panel-body .form-inline button{
    border-radius: 0px;
}
.order-bottom-content .panel-heading {
    border-radius: 0px;
    background-color: #f8f8f8;
    padding:13px 15px;
    border: none;
}
.order-bottom-content h3.panel-title {
    font-size: 16px;
    font-weight: 700;
}
.order-bottom-content .panel {
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    border: none;
}
#showYurDataForPaymentLoad br {
    display: none;
}
.order-bottom-content input {
    border-radius: 22px;
}
.order-bottom-content button {

}
.delivOneEl {
    display: block;
    float: none;
}
.order-bottom-content .checkbox label, 
.order-bottom-content .radio label {
    margin-bottom: 5px;
}
.order-bottom-content input[type=checkbox], 
.order-bottom-content input[type=radio] {
    margin-top: 6px;
}
.order-bottom-content .btn.btn-main {
    margin-bottom: 10px;
}
.table-responsive.order-page-table-wrapper>.table>tbody>tr>td, 
.table-responsive.order-page-table-wrapper>.table>tbody>tr>th, 
.table-responsive.order-page-table-wrapper>.table>tfoot>tr>td, 
.table-responsive.order-page-table-wrapper>.table>tfoot>tr>th, 
.table-responsive.order-page-table-wrapper>.table>thead>tr>td, 
.table-responsive.order-page-table-wrapper>.table>thead>tr>th {
    white-space: normal;
}
@media (max-width: 570px) {
    .order-product-one-price,
    .order-top-one-price{
        display: none;
    }
    .order-product-img{
        width: 1px !important;
        overflow: hidden;
        padding: 0 !important;
    }
    .order-product-img *{
        display: none;
    }
}
@media (max-width: 400px) {
    .order-row-fix {
        margin-left: -28px;
        margin-right: -28px;
    }
    .order-top-name, .order-top-quantity, .order-top-all-price {
        font-size: 12px;
    }
    .order-top-all-price {
        min-width: 80px;
    }
    .order-product-name {
        font-size: 12px;
    }
    .order-top-quantity {
        min-width: 50px;
        width: 50px;
    }
    .order-product-all-price {
        font-size: 12px;
    }
    .order-product-quantity-wrapper #forma_cart_plus button, .order-product-quantity-wrapper #forma_cart_minus button {
        z-index: 3;
    }
}
/* Order Page style */

/* Product Page */
.checkbox_size, .checkbox_color {
    padding-right: 10px;
    display: inline-block;
}
.bxsliderbig {
    padding: 0;
    text-align: center;
}
.bxsliderbig > li img {
    padding: 0;
}
#sliderModal .modal-dialog {
    width: 95%;
}
.bx-pager-big img {
    max-width: 100px;
    margin: 0px 5px 0px 5px;
}
/* Product Page */

#returnCallModal .modal-dialog {
    margin-left: auto;
    margin-right: auto;
}

.optionsDisp {
    margin-top: 10px;
}
.optionsDisp select {
    margin-bottom: 10px;
}
.form-fix .form-group:after {
    content: "";
    display: table;
    clear: both;
}
.order-page-sidebar-user-block {
    display: none;
    padding-left: 15px;
    padding-bottom: 10px;
    background-color: #f2f2f2;
    margin-bottom: 15px;
}
.user-title {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    font-size: 14.1px;
    font-weight: bold;
    text-transform: uppercase;
}
.table-optionsDisp {
    -display: none;
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    border-color: transparent;
    opacity: 0.7;
}
.order-page-top-totals-body .rubznak {
    font-family: "PlayRegular";
}
.control-label.fix {
    font-weight: normal;
    text-align: left;
}
#faset-filter {
    margin-bottom: 20px;
}
.list-group.filter-body-fix.active {
    display: block;
}
#faset-filter-body .faset-filter-block-wrapper h4 {
    text-transform: uppercase;
    color: #4a4a4a;
    position: relative;
    margin:0;
    margin-bottom: 5px;
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 10px;
    cursor: pointer;
    border-bottom: 1px solid #e1e7ec;
    color: #9da9b9;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.filter-title {
    position: relative;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0;
}
.filter-title:before {
    width: 16px;
    height: 9px;
    background-image: url(./images/icon-arrow-top.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 9px;
    top: 50%;
    margin-top: -3px;
    right: 15px;
    position: absolute;
    display: block;
}
.filter-title.active:before {
    background-image: url(./images/icon-arrow.png);
}
#faset-filter-body .faset-filter-block-wrapper h4:before,
#price-filter-body h4:before{
    content: "\e845";
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 9px;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    position: absolute;
    display: inline-block;
    font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#faset-filter-body .faset-filter-block-wrapper.active h4:before,
#price-filter-body h4.active:before{
    content: "\e842";
}
.filter-reset-wrapper a {
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 9px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #4a4a4a;
    text-align: center;
    font-family: "MyriadProBold";
    display: block;
}
#faset-filter-body .faset-filter-block-wrapper .checkbox {
    margin-left: 0px;
}
#faset-filter-body .faset-filter-chexbox-bottom-block .faset-filter-block-wrapper.fix .checkbox,
#faset-filter-body .faset-filter-chexbox-bottom-block .faset-filter-block-wrapper .checkbox {
    display: none;
    width: auto !important;
    white-space: normal !important;
}
#faset-filter-body:after {
    content: "";
    display: table;
    clear: both;
}
#faset-filter-body .checkbox {
    margin-left: 0px;
    margin-right: 15px;
}
#faset-filter-body .faset-filter-block-wrapper .checkbox {
    display: none;
    font-size: 12px;
    color: #000000;
    white-space: normal;
    overflow: hidden;
}
#faset-filter-body .faset-filter-block-wrapper.active .checkbox {
    display: block;
}
#faset-filter-body .faset-filter-block-wrapper .checkbox input[type=checkbox], 
#faset-filter-body .faset-filter-block-wrapper .checkbox-inline input[type=checkbox], 
#faset-filter-body .faset-filter-block-wrapper .radio input[type=radio], 
#faset-filter-body .faset-filter-block-wrapper .radio-inline input[type=radio] {
    -webkit-appearance:none;
    width: 16px;
    height: 16px;
    display: block;
    color: #fff;
    background-color: #e6e6e6;
    margin-top: 0px;
    margin-left: -17px;
    outline: none;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
#faset-filter-body .faset-filter-block-wrapper .checkbox input[type=checkbox]:checked, 
#faset-filter-body .faset-filter-block-wrapper .checkbox-inline input[type=checkbox]:checked {
    background-color: #007bff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
#faset-filter-body .faset-filter-block-wrapper .radio input[type=radio], 
#faset-filter-body .faset-filter-block-wrapper .radio-inline input[type=radio] {
    -webkit-appearance:none;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
    border: 1px solid rgba(1, 1, 1, 0.54);
    margin-top: 3px;
    margin-left: -17px;
}
/*
#faset-filter-body .faset-filter-block-wrapper .checkbox input[type=checkbox]:checked+span:before, 
#faset-filter-body .faset-filter-block-wrapper .checkbox-inline input[type=checkbox]:checked+span:before {
    content: "";
    display: block;
    width: 8px;
    height: 13px;
    border: 0 solid rgba(1, 1, 1, 0.54);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotateZ(45deg);
    margin: -6px 3px;
    pointer-events: none;
    position: absolute;
    left: 3px;
    top: 4px;
    z-index: 1;
}*/
#faset-filter-body .checkbox span {
    text-transform: uppercase;
    display: inline-block;
    margin-top: 0px;
    margin-left: 5px;
    /*color: #606975;*/
}
#faset-filter-body {
    padding-bottom: 0px;
}
#price-filter-body {
    padding-bottom: 15px;
    padding-top: 0px;
}
#price-filter-body h4 {
    text-transform: uppercase;
    color: #4a4a4a;
    position: relative;
    margin: 0;
    margin-bottom: 5px;
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 10px;
    cursor: pointer;
    border-bottom: 1px solid #e1e7ec;
    color: #9da9b9;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
#faset-filter-body,
#price-filter-body {
    border-left: none;
    border-right: none;
    background-color: #fff;
}
#price-filter-form {
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}
#price-filter-form.active {
    display: block;
}
#price-filter-form span {
    /*font-weight: 700;
    text-transform: uppercase;*/
}
#price-filter-val-min span,
#price-filter-val-max span {
    margin-top: 0px;
    display: inline-block;
}
#price-filter-form #slider-range {
    height: 4px;
    background: #ededed;
    border-radius: 3px;
    margin-top: 15px;
}
#price-filter-form #slider-range .ui-widget-header {
    transition: background .45s;
    background: #9da9b9;
}
#price-filter-form #slider-range  .ui-state-default, .ui-widget-content .ui-state-default {
    border: 4px solid #9da9b9;
    border-radius: 50%;
    background: #fff;
    cursor: default;
    width: 16px;
    height: 16px;
    top: -7px;
    outline: none;
}
.filter-body-fix.active {
    display: none;
}
.page-header {
    border-bottom: none;
    padding-bottom: 0px;
    margin-top: 0px;
}

.page-header:after,
.breadCrumbs-wraper:after {
    content: "";
    display: table;
    clear: both;
}
.product-page-list li {
    margin-bottom: 5px;
}
#faset-filter-reset {
    color: #fff;
    float: right;
    position: relative;
    z-index: 1;
}
.quant input {
    text-align: center;
}
thead td#allspecwhite {
    border-bottom: none;
}
.user-table-fix {
    margin-left: 0;
}
.suggestions-wrapper {
    display: block;
}
.sidebar-fix-block .panel-body {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.registration-area .panel-smart {
    border: none;
    box-shadow: none;
}
.gbook-btn {
    margin-bottom: 10px;
}
.returncall-wrapper {
    text-align: center;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
    margin-top: 15px;
}
.img-thumbnail {
    border-radius: 0px;
}
.wishlist-img-block {
    max-width: 120px;
}
.wishlist-img-block img {
    width: 100px;
    max-height: 100%;
}
.wishlst-fix-block {
    vertical-align: middle !important;
}
.swiper-container {
    margin-left: -10px;
    margin-right: -10px;
}
.suggestions-wrapper {
    display: block !important;
}
.returncall-wrapper.returncall-desctop {
    margin-top: 0px;
    padding-top: 20px;
}
.bx-pager {
    margin-top: 10px;
    text-align: center;
}
.has-feedback label~.form-control-feedback {
    top: 31px;
}
.suggestions-addon[data-addon-type=clear] {
    background-size: 50% 50%;
}
.mobile-user-button {
    margin-top: 15px;
}
.mobile-user-button ul {
    list-style-type: none;
    padding: 0;
    width: 100%;
    text-align: center;
}
.mobile-user-button ul li {
    display: inline-block;
    float: none;
}
.footer-chexbox {
    padding-left: 18px;
    font-size: 11px;
    padding-top: 5px;
    opacity: 0.8;
}
.footer-chexbox a {
    transition: color .3s;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
}
.footer-chexbox a:hover {
    color: #0da9ef;
}
.footer-chexbox input {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: -6px;
    float: left;
    position: relative;
    margin-right: 5px;
}
.footer-form.email-page .footer-form-title{
    margin-bottom: 15px;
}
.footer-form.email-page .btn{
    height: 44px;
}
.btn-default {
    border: 1px solid #dbe2e8;
}
.footer-form.email-page {
    max-width: 400px;
}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    border-color: #e1e7ec;
}
.owl-carousel .owl-dots {
    display: block;
    width: 100%;
    margin-top: 18px;
    text-align: center;
}
.owl-carousel .product-block-wrapper {
    width: 100%;
    padding: 0;
}
.owl-carousel .product-block {
    margin-bottom: 4px;
}
.owl-nav {
    display: none;
}
.owl-carousel .owl-dots {
    display: block;
    width: 100%;
    margin-top: 18px;
    text-align: center;
}
.owl-carousel .owl-dots .owl-dot.active {
    opacity: .9;
}
.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 6px;
    transition: opacity .25s;
    border-radius: 50%;
    background-color: #606975;
    opacity: .3;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.spec-main-icon {
    margin-bottom: 15px;
}
.navbar-offcanvas {
    display: none;
}
.navbar-offcanvas.in {
    display: block;
}
#fotoload {
    position: relative;
}
#fotoload  .sale-icon-content {
    z-index: 1;
    padding-left: 5px;
    padding-right: 5px;
    top: 6px;
}
.product-col-1 .sale-icon-content {
    top: 7px;
    z-index: 1;
    padding-left: 2px;
    padding-right: 2px;
}
.product-filter .display label {
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-left: 10px !important;
    margin-right: 0;
    padding: 13px !important;
    transition: background-color .35s;
    border: 1px solid #e1e7ec !important;
    border-radius: 50% !important;
    background-color: #fff;
    padding-top: 8px !important;
}
.product-filter .display label.active {
    border-color: #0da9ef !important;
    background-color: #0da9ef;
    cursor: default;
    pointer-events: none;
    color: #fff;
}
.product-filter .display label.glyphicon-signal {
    padding-left: 9px !important;
}
.product-filter .display label:hover {
    background-color: #f5f5f5;
    border: 1px solid #e1e7ec !important;
}
.nowbuy-list .product-block:hover {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0);
}
.header-area-background-block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
}
.header-container-fix {
    position: relative;
    z-index: 1;
}
.product-page-button {
    margin-top: 5px;
}
#visualcart_content {
    display: none;
    right: -7px;
    left: auto;
    width: 260px;
    padding-right: 18px !important;
    padding-left: 18px !important;
    margin-top: 0px !important;
    text-align: left;
    position: absolute;
    top: 100%;
    padding: 10px 0 !important;
    border: 1px solid #e1e7ec;
    border-radius: 5px;
    background-color: #fff;
    line-height: 1.5;
    box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2);
    list-style-type: none;
    padding-right: 18px !important;
    padding-left: 18px !important;
}
.header-bottom #cart:hover #cartlink{
    background-color: #f5f5f5;
}
.header-bottom #cart:hover #visualcart_content{
    display: block;
    -webkit-animation: megamenu-show 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: megamenu-show 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.dropdown-product-item:first-child {
    border-top: 0;
}
.dropdown-product-item {
    display: table;
    position: relative;
    width: 100%;
    padding: 9px 0;
    border-top: 1px dashed #d8e0e6;
}
.dropdown-product-item>.dropdown-product-thumb {
    width: 55px;
    overflow: hidden;
    text-align: center;
}
.dropdown-product-item>.dropdown-product-thumb, .dropdown-product-item>.dropdown-product-info {
    display: table-cell;
    vertical-align: top;
}
.dropdown-product-item>.dropdown-product-info {
    padding-right: 15px;
    padding-left: 12px;
}
.dropdown-product-item>.dropdown-product-thumb, .dropdown-product-item>.dropdown-product-info {
    display: table-cell;
    vertical-align: top;
}
.dropdown-product-item .dropdown-product-title {
    display: block;
    padding-top: 2px;
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: color .3s;
}
.dropdown-product-item .dropdown-product-details {
    color: #9da9b9;
    font-size: 14px;
}
.dropdown-product-item>.dropdown-product-thumb>img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 100px;
}
.toolbar-dropdown-group > .btn{
    font-weight: bold;
    text-transform: uppercase;
}
.dropdown-product-item .dropdown-product-title:hover {
    color: #0da9ef;
}
.search-link {
    transition: color .3s;
}
.sidebar-nav > a {
    border: none;
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 6px;
}
.sidebar-nav > a:before {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: -webkit-transform .35s;
    transition: transform .35s;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #9da9b9;
    content: '';
}
.sidebar-nav > a:hover {
    color: #0da9ef;
    background-color: #fff;
}
.bx-wrapper .bx-viewport {
    background-color: transparent;
}
.owl-stage > .owl-item:first-child {
    margin-right: 9px !important;
}
.btn.btn-info,
.btn.btn-success {
    border-color: transparent;
}
.catalog-table-block {
    border-radius: 4px;
    position:relative;
    overflow: hidden; transition:all 0.3s
}
.catalog-table-block:hover{box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}

.catalog-img {
    width: 100%;
    /* text-align: center; */
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 130px;}

.catalog-img img{max-width:100%; max-height:100%;}
.catalog-table-block.fix {
    margin-top: 10px;
    margin-bottom: 10px;
}
.catalog-table-block img {
    max-width: 100%;
    max-height: 100%;
}
.catalog-table-link {
    display: block;
    color: #333;
    text-decoration: none;
    margin-bottom: 15px;
}
.catalog-table-block-name {
    padding: 15px;
    text-align: center;
    font-weight: 800px;
    color: #000;
}

.additional-nav-menu {
    top: 0;
    right: 0;
    position: absolute;
}
.additional-nav-menu > a {
    padding: 0 15px;
    transition: color .3s;
    color: #606975;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    line-height: 100px;
    text-transform: uppercase;
    letter-spacing: .05em;
    display: block;
    cursor: pointer;
    transition: color .3s;
}
.additional-nav-menu .dropdown-menu {
    margin-top: -1px !important;
    border: 1px solid #e1e7ec;
    background-color: #fff;
    box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2);
    list-style-type: none;
    min-width: unset;
}
.additional-nav-menu .dropdown-menu a{
    padding: 5px 10px;
    transition: color .3s;
    color: #606975;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.additional-nav-menu .dropdown-menu a:hover {
    color: #0da9ef;
    background-color: #fff;
}

.main-navbar-top {
    margin-left: 15px;
    height: 0;
    overflow: hidden;
    width: calc(100% - 15px);
    padding-right: 46px;
}
.main-navbar-top.active {
    overflow: visible;
}
.rating_star {
    padding: 0;
    text-align: center;
}
.rating_star:after {
    content: "";
    display: table;
    clear: both;
}
.rating_info {
    display: none;
    margin-left: 5px;
    color: #9da9b9 !important;
}
.rating i {
    margin: 0 5px;
}
.rating .fa-star {
    color: #F5A623;
}
.rating .fa-star-o {
    color: #dadada;
}

.rating {
    position: relative;
    width: 80px;
    height: 16px;
    font-size: 10px;
    text-align: center;
}
.rating_blank {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIzMSIgdmlld0JveD0iMCAwIDMxIDMxIj4gIDxwb2x5Z29uIGZpbGw9IiNDRkNGQ0YiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSI0OC41IDAgNTIgMTIgNjQgMTIgNTQuNSAxOS4wNzcgNTkgMzEgNDguNSAyNCAzOCAzMSA0Mi41IDE5LjA3NyAzMyAxMiA0NSAxMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzKSIvPjwvc3ZnPg==");
}
.rating_votes {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIzMSIgdmlld0JveD0iMCAwIDMxIDMxIj4gIDxwb2x5Z29uIGZpbGw9IiNGQUI2MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxNS41IDAgMTkgMTIgMzEgMTIgMjEuNSAxOS4wNzcgMjYgMzEgMTUuNSAyNCA1IDMxIDkuNSAxOS4wNzcgMCAxMiAxMiAxMiIvPjwvc3ZnPg==");
}
.img_fix img{
    max-width: 100%;
    max-height: 100px;
}

.cookie-message {
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, .9);
    position: fixed;
    bottom: 0;
    z-index: 100000;
    text-align: center;
    -webkit-transform: translateZ(0);
    padding:16px 0;
    font-size:16px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.cookie-message a{
    border:none;
    font-size:16px;
}

.notice-img {max-width:100%; max-height:300px;}

.comment-head {
    font-size:18px;
    margin-top:20px;
    margin-bottom:10px;
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
}
.notice-img {max-width:100%; max-height:300px;}

form[name="forma_order"] .bootstrap-select{margin-bottom:20px;}
form[name="user_forma_register"], form[name="forma_gbook"], form[name="user_forma"], form[name="forma_message"] {

    width: 302px;

}
form[name="user_forma"] {margin-left:15px}
form[name="forma_message"] {margin-bottom:20px;}
.modal-sm {

    width: 370px;

}
.modal-content {

    padding: 10px 15px;

}
.modal-content label {text-transform:none; color:#343434; text-align:left;}
.modal-body, .modal-footer {

    padding: 10px 0px;

}

.modal-body, .modal-footer, .modal-header {

    border: none !important;

}
.modal-body .flex-row,
.modal-footer.flex-row {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.modal-body input,
.modal-body textarea {
    box-shadow:none !important
}
.modal-footer.flex-row a,
.modal-footer.flex-row button {
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
.modal-footer.flex-row a,
.pass {
    color:#343434;
    font-size:14px
}
.flex-row {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.comment-head {
    font-size:18px;
    margin-top:20px;
    margin-bottom:10px;
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
}
.oneclick-modal {color:#343434}
.oneclick-modal .modal-dialog {

    max-width: 365px;

}
.return-call .modal-dialog {
    max-width: 365px;
    margin-left: auto;
    margin-right: auto;
}
.suggestions-wrapper {display:inline!important}

.carousel-control, .carousel-indicators {

    visibility: hidden;

}

#showYurDataForPaymentLoad .form-control {margin-bottom:10px}
@media(min-width:769px){#sliderModal .modal-dialog {width:auto;max-width:70%}#sliderModal .bxsliderbig img {max-width:70%}}
.bx-pager-big {padding-left:1px; padding-right:1px}

#sliderModal{padding-left:17px!important;padding-right:17px!important}
#sliderModal  .bx-viewport {opacity:0}
.bx-wrapper .bx-controls-direction a {
    outline: 0;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: transparent;
}
.bx-wrapper .bx-next {
    background-image: url(images/arrow_r.png);
    background-size: 10px 19px;
    background-repeat: no-repeat;
    background-position: center;
}
.bx-wrapper .bx-prev {
    background-image: url(images/arrow_l.png);
    background-size: 10px 19px;
    background-repeat: no-repeat;
    background-position: center;
}
.bxsliderbig {padding:0}
#fotoload .bxslider img{max-height:500px;     
                        border-radius: 9px;}

#sliderModal  .bx-wrapper .bx-prev {
    left: 13%;
}

#sliderModal  .bx-wrapper .bx-next {
    right: 13%;

}
#sliderModal  .bx-wrapper {border:none}
#sliderModal .close {font-size:28px;}
.bx-pager-big {padding-top:10px;}
.bx-pager-big, .bx-pager {display:flex; align-items:center; justify-content:center}
.bx-pager {flex-wrap:wrap;}
.bx-pager-big img, .bx-pager img {border:none; max-height:65px!important;max-width:65px;padding:0; border-radius:0}
.bx-pager-big a, .bx-pager a{display:block; line-height:71px; width:77px; height:77px; border:1px solid #ddd;  margin:0 5px 10px; text-align:center; border-radius: 10px; }
.bxslider >div {display:flex;/* height:328px*/}
.bxslider >div  a{height:100%; display:flex; width:100%;align-items:center; justify-content:center; }
@media(max-width:768px){
    .bx-pager-big img, .bx-pager img {border:none; max-height:65px!important;max-width:60px;padding:0; border-radius:0}

    .bx-pager-big a, .bx-pager a{display:block; line-height:71px; width:70px; height:77px; border:1px solid #ddd;  margin:0 5px 10px; text-align:center; border-radius: 10px; }
}
@media (max-width:1440px) {
    #sliderModal .bx-wrapper .bx-next {
        right: 9%;
    }
    #sliderModal .bx-wrapper .bx-prev {
        left: 9%;
    }

}
.manufacturer-list {
    width: 33%;
    float: left;
}
.manufacturer-heading, .brands-list-content a {
    font-family: "PlayRegular";
    font-size: 16px;
}
.manufacturer-list li a {
    color: #343434;
}
.manufacturer-list li {
    border: none;
}

.cookie-message {
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    bottom: 0;
    z-index: 100000;
    text-align: center;
    -webkit-transform: translateZ(0);
    padding: 16px 0;
    font-size: 12px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4)
}

.cookie-message a {
    border: none;
    font-size: 16px
}

.product-day-wrapper .price-old{margin-left:30px}
.product-day-wrapper .price-new{font-size:20px}
.nowbuy-list .row:nth-child(n+2) {display:none}
#productlastview {margin:0 -15px; }
#productlastview  .media {padding:0 15px 5px; border-bottom:1px solid #ddd}
#productlastview  td:first-child{ text-align:center;}
#productlastview .media:last-child { border:none}
#productlastview .media-left a {display:flex; align-items:center; justify-content:center;width:60px!important}
.product-col-1 .product-sklad-list-block {text-align:left;}
.page-list .manufacturer-list .list-group {

    display: block;

}
.page-list .manufacturer-list  .list-group .list-group-item {

    flex: 1 0 25%;
    max-width: 100%;

}
.page-list .list-group {

    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}
.page-list .list-group .list-group-item {

    flex: 1 0 33%;
    max-width: 33%;

}
.page-list .list-group-item {

    border: none;
    padding-left: 0;
    background:transparent;

}
.page-list .list-group .list-group-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #e3e8ea;
    text-align: center;
    border-radius: 4px;
    background:#fff;
    transition:all 0.3s


}
.page-list .list-group-item a {

    font-size: 16px;
    color: #000;

}
.page-list .list-group-item a:hover{box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}

.nowbuy-list .product-block-image {min-width:100px;}
.product-block-wrapper.product-col-1 .product-block-image{position:static;}
.product-col-1 .product-block-top img {max-height:200px;}


.sortcat{margin:2px}

.modal-nowBuy {
    width: 310px;
    position: fixed;
    min-height: 127px;
    left: 60px;
    bottom: 50px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    display:none;
    padding: 5px;
}


.nowBuy-img {
    width: 93px;
    height: auto;
    margin-right: 14px;
    float: left;
    text-align: center
}

.nowBuy-img img {
    max-height: 100px
}

.nowBuy-info {
    width: calc(100% - 93px);
    margin-left: 103px
}

.nowBuy-info p {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 8px
}

.nowBuy-info p a {
    color: #000
}

.nowBuy-sklad {
    color: #9CA4A7
}
a.prod-title,
.prod-title {
    display: flex;
    align-items: center
}

.prod-title,
.prod-price,
.prod-desc {
    background-color: #f9f9f9
}

.prod-price span {
    font-size: 18px
}
.prod-title{  min-height: 70px!important;
              padding: 5px 10px;    box-sizing:content-box;
}

.prod-price,
.prod-photo,
.prod-desc,
.prod-sort {
    min-height: 35px;
    padding: 5px 10px;
    line-height:1;
    box-sizing:content-box;

}
.prod-desc p{margin:0!important}
.prod-photo img {
    max-width: 100%;
    max-height: 150px;
    margin: 0 auto
}

.compare-slider .swiper-slide {
    border-left: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
    background:#fff;
    padding:0
}


.compare-slider .swiper-slide:nth-child(1) {
    display: none
}

.swiper-slider-wrapper.compare-wrapper  {

    position: relative;
    padding-left: 50px;
    padding-right: 50px;margin-top:30px

}
.compare-wrapper div.swiper-button-next, div.swiper-button-prev {

    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    top: 40%;
    width: 42px;
    height: 42px;
    line-height:38px;
    background-color:   #f0f3f5;
    background-image: none !important;
    text-align: center;
    font-size: 30px;
    color:#000

}
.compare-wrapper div.swiper-button-next i.fa.fa-angle-right, div.swiper-button-prev i.fa.fa-angle-right {
    padding-left: 3px;
}
.compare-wrapper div.swiper-button-next i.fa.fa-angle-left, div.swiper-button-prev i.fa.fa-angle-left {
    padding-right: 3px;
}
.compare-wrapper div.swiper-button-next {right:-5px}
.compare-wrapper div.swiper-button-prev {left:-5px; margin-left:0}

@media (max-width: 767px) {
    .compare-wrapper.swiper-slider-wrapper {
        padding: 0
    }

    .compare-wrapper  div.swiper-button-next,
    .compare-wrapper   div.swiper-button-prev {
        top: 0px
    }
}
footer .submenu{display:none}
@media (max-width:991px) {.page-list .list-group .list-group-item {
                              flex: 1 0 50%;
                              max-width:50%;
                          }}
@media (max-width:768px) {.page-list .list-group .list-group-item {
                              flex: 1 0 100%;
                              max-width:100%;
                          }
                          .breadcrumb{display:block!important;}
}
@media(max-width:660px) {.manufacturer-list {
                             width: 100%;
                             float: left;
                         }}
.template-pad img {
    max-height: 50px;
    width: auto;
    margin: 0 auto;
}
.search-misspell {
    font-size: 14px;
}
.product-services-list  label {display:block;}
.product-services-list label input[type="checkbox"]{border-radius:0}
.productsgroup_img img {
    max-height: 170px;
}
.productsgroup_info a{margin-top: 7px;
                      margin-bottom: 9px;
                      font-size: 13px;
                      font-weight: 400;
                      color:#343434; display:block;}
.productsgroup_img {
    margin: 0 auto;
    height: 176px;
    display: block;
    text-align: center;
    background: #fff;
}
.productsgroup_block{width:20%; margin-bottom:10px;padding:0 15px; float:left;}
.productsgroup_list .btn-primary{display: inline-block;
                                 height: 44px;
                                 padding: 0 40px;
                                 border-radius: 22px;
                                 outline: none !important;
                                 font-size: 16px;
                                 text-transform: uppercase;margin-bottom:20px;line-height:44px;}
.productsgroup_list .btn-primary{background:var(--color)!important; border-color:var(--color)}
.productsgroup_list .btn-primary:hover{opacity:0.7}
.productsgroup_list h3{margin: 20px 0 8px;
                       padding-bottom: 7px;
                       border-bottom: 1px solid #E7E7EC;
                       font-size: 16px;
                       font-weight: bold;
                       line-height: 26px;
                       text-transform: uppercase;}
@media(max-width:768px){.productsgroup_block{width:33%}}
@media(max-width:550px){.productsgroup_block{width:50%}}
.product-page-input-number{display:flex; align-items:center;}
.product-page-input-number .quant-main{margin-right:30px}

.banner-header {
    padding: 1rem;
    color: #454444;
    margin-top: 0.5rem;
    text-align: left;
}

.banner-list {
    padding: 1rem 1rem;
    color: white;
    margin: 1rem 1rem;
    text-fill-color: !important;
    min-height: 250px;

}

.otz {
    display: inline-block;
    color: #646d79;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    transition: all 0.3s;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
}

.slider-icon {
    font-size: small;
    background: #f8f8f8;
    padding: 3px;
    border-radius: 7px;
    color: #646d79;
    font-weight: lighter;
    padding: 3px 7px 4px;
    font-size: 12px;
    margin-bottom: 2rem;
}


.carousel-caption {
    text-align: center;
    color: #333;
    text-shadow: none;
}

.carousel-inner {
    border-radius: 7px;
}

.block-dark {
    background-color: #515151;
    border-radius: 7px;
    background-size: cover;
    background-position: center center;
}

.block {
    border-radius: 7px;
    background-size: cover;
    background-color: #fafafa;

}


.top-banner {
    width: 100%;
    overflow: hidden;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position:relative;
    background-color: #d8d8d8;
}

.sticker-text {
    text-align: center;
    margin: 10px;
}
.top-banner p {
    margin: 0;
    text-align: center;
}

.top-banner img {
    width: 100%;
    height: auto
}

.top-banner .close {
    position: relative;
    margin-right: 10px;
    font-size: 14px;
}

.banner-list h3{
    color:#fff;
}

/* Убирает прокрутку по горизонтали, для мобильной версии */
@media(max-width:768px){
    html, body {
        overflow-x: hidden;
    }
}



.catalog-block {
    padding-top: 0.9375rem;
    padding-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.0625rem solid #F1F2F3;
    margin-bottom: 1.3125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog-wrap {
    padding: 0 0.5rem;
    width: calc(100%/4);
    opacity: 1 !important;
}

.catalog-wrap a {
    opacity: 1 !important;
    color: #3F3E3E;
    font-size: 1rem;
    line-height: 1.375rem;
}

.catalog-wrap:hover .catalog-img {
    opacity: 0.7;
}

.catalog-wrap:hover .catalog-name {
    opacity: 1 !important;
}

@media (max-width: 1199px) {
    .catalog-wrap {
        width: calc(100%/3);
    }
}

@media (max-width: 991px) {
    .catalog-wrap {
        width: calc(100%/3);
    }
}

@media (max-width: 767px) {
    .catalog-wrap {
        width: calc(100%/2);
    }
    .catalog-name {
        font-weight: 400;
    }
}

@media (max-width: 550px) {
    .catalog-wrap {
        width: calc(100%/2);
    }
}

.banner-image p {
    margin: 0px;
    padding-top: 10px;
}


.banner-align {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.bg-img-hero-center {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
    border-radius: 10px;
}

@media (min-width: 1200px){
    .col-auto {
        width: 20%;
    }
    .col-auto6 {
        width: 16%;
        padding: 3px;
    }

}

.row .template-product-list {
    display: flex;
    flex-wrap: wrap;
}


@media (max-width: 457px){
    .col-xs-4 {
        width: 50%;
    }
}

.filter-item-hide{
    color: #ddd;
}

@media (max-width: 767px) {
    .modal-nowBuy{
        left: 10px;
        width:95%;
    }
}

.smart-captcha {height: 100px;margin-bottom:10px;max-width:250px}
/* =========================================================================
   PHMETR.RU — кастомная тема поверх unishop (редизайн по аналогии с lenpipet.ru)
   Ниже — переопределения поверх базовых стилей unishop, ничего выше не удалялось.
   ========================================================================= */

:root {
    --phmetr-accent: #0da9ef;
    --phmetr-accent-dark: #0b84c4;
    --phmetr-ink: #1c2b36;
    --phmetr-ink-soft: #56636e;
    --phmetr-bg-soft: #f3f8fb;
    --phmetr-border: #e1e7ec;
}

/* ---- Hero / слайдер ---- */
.slider {
    margin-top: 0;
    background: linear-gradient(180deg, var(--phmetr-bg-soft) 0%, #ffffff 100%);
    padding: 2.5rem 0 1.5rem;
}
.carousel-caption {
    position: static;
    max-width: 640px;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.carousel-caption h3 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--phmetr-ink);
    margin-bottom: 0.75rem;
}
.carousel-caption p {
    font-size: 1.05rem;
    color: var(--phmetr-ink-soft);
    margin-bottom: 1.25rem;
}
.slider-icon {
    display: inline-block;
    background: var(--phmetr-accent);
    color: #fff !important;
    font-weight: 600;
    font-size: 14px !important;
    padding: 11px 28px !important;
    border-radius: 24px;
    transition: background-color .25s;
    margin-bottom: 0 !important;
}
.slider-icon:hover {
    background: var(--phmetr-accent-dark);
}

/* ---- Trust strip ---- */
.trust-strip {
    background: #fff;
    border-top: 1px solid var(--phmetr-border);
    border-bottom: 1px solid var(--phmetr-border);
    padding: 18px 0;
}
.trust-strip .trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--phmetr-ink-soft);
    line-height: 1.3;
    margin: 6px 0;
}
.trust-strip .trust-item i {
    color: var(--phmetr-accent);
    font-size: 20px;
    flex: 0 0 auto;
}

/* ---- Секция категорий (карточки, как на lenpipet.ru) ---- */
.category-grid-section {
    padding: 2.5rem 0 0.5rem;
}
.category-grid-title {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 1.25rem;
}
.catalog-block-numbered {
    counter-reset: phmetr-cat;
    border-bottom: none;
}
.catalog-block-numbered .catalog-wrap {
    counter-increment: phmetr-cat;
    margin-bottom: 1rem;
}
.catalog-block-numbered .catalog-table-block {
    position: relative;
    background: var(--phmetr-bg-soft);
    border: 1px solid var(--phmetr-border);
    padding-top: 6px;
}
.catalog-block-numbered .catalog-table-block:hover {
    border-color: var(--phmetr-accent);
    box-shadow: 0 4px 14px rgba(13,169,239,0.18);
    transform: translateY(-2px);
    transition: all .25s;
}
.catalog-block-numbered .catalog-table-block::before {
    content: counter(phmetr-cat, decimal-leading-zero);
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 13px;
    font-weight: 700;
    color: var(--phmetr-accent);
    letter-spacing: .05em;
}
.catalog-block-numbered .catalog-img {
    height: 110px;
}
.catalog-block-numbered .catalog-table-block-name {
    font-weight: 600;
    font-size: 15px;
    color: var(--phmetr-ink);
    padding: 8px 12px 16px;
}

/* ---- Мелкая полировка карточки товара в каталоге ---- */
.product-block-name > a {
    font-weight: 500;
}
.product-block-price {
    color: var(--phmetr-ink);
}

/* =========================================================================
   PHMETR.RU v2 — перенос макета homepage_shell.html (см. homepage-design.md)
   Добавлено 17.09.2026. Зашито в CSS темы, а не через Live Edit — иначе
   градиент шапки будет затёрт при смене цвета через визуальный редактор.
   ========================================================================= */

:root {
    --ph-acid: #E0393B;
    --ph-orange: #EB8B2E;
    --ph-yellow: #D9A61E;
    --ph-green: #2FA365;
    --ph-blue: #2E7FDE;
    --ph-violet: #6E3FD1;
    --header-grad: linear-gradient(100deg,
        var(--ph-acid) 0%, var(--ph-orange) 22%, var(--ph-yellow) 42%,
        var(--ph-green) 58%, var(--ph-blue) 78%, var(--ph-violet) 100%);
}

/* ---- Шапка в цвет шкалы pH ----
   Осторожно применено только к .header-top (тонкая верхняя полоса с
   контактами) — .header-bottom (лого/поиск/каталог/корзина) оставлена
   белой намеренно: там много интерактивных элементов (поиск, offcanvas,
   мега-меню каталога, корзина), чьи цвета/контраст настроены под белый
   фон, и без визуальной проверки на живом сайте перекрашивать весь ряд
   рискованно. Если пользователь подтвердит, что нужен градиент на весь
   header (как в HTML-прототипе) — сделать вторым шагом отдельным патчем. */
.header-top {
    background: var(--header-grad);
    background-size: 180% 100%;
    border-bottom-color: rgba(255,255,255,.25);
}
.header-top-link, .header-top-text, .header-wishlist .link, .social-button {
    color: rgba(255,255,255,.92) !important;
}
.header-top-link:hover, .header-wishlist .link:hover, .social-button:hover {
    color: #fff !important;
}

/* ---- Блок «Контакты» в шапке — кнопка + поповер вместо голых ссылок ---- */
.phmetr-contacts-wrap { position: relative; display: inline-block; }
.phmetr-contacts-trigger {
    background: rgba(255,255,255,.16);
    border: 1.5px solid rgba(255,255,255,.4);
    color: #fff;
    border-radius: 10px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    margin: 3px 20px 3px 0;
}
.phmetr-contacts-trigger:hover { background: rgba(255,255,255,.24); }
.phmetr-contacts-chevron { width: 13px; height: 13px; transition: transform .2s ease; }
.phmetr-contacts-trigger[aria-expanded="true"] .phmetr-contacts-chevron { transform: rotate(180deg); }
.phmetr-contacts-pop {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 60;
    min-width: 220px; background: #fff; border: 1px solid #e1e7ec;
    border-radius: 12px; box-shadow: 0 12px 30px rgba(28,43,54,.18);
    padding: 8px; display: none; flex-direction: column; gap: 2px;
}
/* Баг найден и исправлен 18.09.2026: класс .phmetr-contacts-pop имеет ту же
   специфичность, что и атрибутный селектор [hidden], поэтому display:flex
   в авторском CSS всегда побеждал стандартный [hidden]{display:none} браузера
   — поповер оставался открытым поверх страницы с самой первой загрузки,
   независимо от атрибута hidden. Показываем только когда hidden снят. */
.phmetr-contacts-pop:not([hidden]) { display: flex; }
.phmetr-contacts-row {
    display: flex; align-items: center; gap: 10px; padding: 8px 10px;
    border-radius: 8px; color: var(--phmetr-ink) !important; font-weight: 600; font-size: 13.5px;
}
.phmetr-contacts-row:hover { background: var(--phmetr-bg-soft); }
.phmetr-contacts-hours {
    padding: 8px 10px 4px; color: var(--phmetr-ink-soft); font-size: 12.5px;
    border-top: 1px solid var(--phmetr-border); margin-top: 4px;
}

/* ---- Кнопки товара «В корзину» — градиент шкалы pH вместо контурной синей ---- */
.product-block-button .btn.btn-cart {
    background: var(--header-grad) !important;
    background-size: 220% 100% !important;
    background-position: 0% 0%;
    color: #fff !important;
    border: none !important;
    transition: background-position .35s ease;
}
.product-block-button .addToCartList:hover,
.product-block-button .btn.btn-cart:hover {
    background-position: 100% 0% !important;
    color: #fff !important;
}

/* ---- Слайдер — единый фиксированный размер 1200x400, см. homepage-design.md
   Приблизительно: точная разметка отдельного слайда генерируется админкой
   (bxSlider), поэтому ограничение по контейнеру + object-fit на медиа
   внутри — лучшее, что можно сделать без просмотра живой разметки слайда. */
.slider .container { max-width: 1200px; }
.slider .row {
    aspect-ratio: 1200 / 400;
    overflow: hidden;
    border-radius: 20px;
}
.slider .row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---- Блок «Новости» на главной — карточки вместо голого списка,
   см. блок «3 последних статьи» в homepage-design.md.
   Затрагивает news/news_main_mini.tpl (обёрнуто в .phmetr-article-card). ---- */
.phmetr-article-card {
    background: #fff;
    border: 1px solid var(--phmetr-border);
    border-radius: 14px;
    padding: 16px 18px;
    margin-bottom: 14px;
    transition: box-shadow .2s, border-color .2s;
}
.phmetr-article-card:hover {
    border-color: var(--phmetr-accent);
    box-shadow: 0 6px 18px rgba(13,169,239,.14);
}
.phmetr-article-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--phmetr-accent);
    background: var(--phmetr-bg-soft);
    border-radius: 999px;
    padding: 3px 10px;
    margin-bottom: 8px;
}
.phmetr-article-card h4 { margin: 0 0 6px; }
.phmetr-article-card .description em { font-size: 12px; }

/* ---- Плавающее меню действий справа + кнопка чата ----
   Чисто фронтенд-виджет без серверных данных — прямой перенос из
   HTML-прототипа. В будущем можно заменить часть кнопок (чат) на готовые
   модули jivosite/verbox, см. phpshop-tech-capabilities.md. */
.phmetr-float-actions {
    position: fixed; right: 16px; top: 50%; transform: translateY(-50%); z-index: 120;
    display: flex; flex-direction: column;
    border-radius: 14px; overflow: hidden;
    box-shadow: 0 12px 30px rgba(28,43,54,.18); border: 1px solid rgba(0,0,0,.08);
}
.phmetr-float-btn {
    width: 44px; height: 44px; display: grid; place-items: center;
    border: 0; border-bottom: 1px solid rgba(255,255,255,.28);
    color: #fff; text-decoration: none; cursor: pointer;
}
.phmetr-float-btn:last-child { border-bottom: 0; }
.phmetr-float-btn svg { width: 19px; height: 19px; }
.phmetr-float-btn:hover { filter: brightness(1.08); }
.phmetr-float-word { font-weight: 800; font-size: 12px; color: #fff; letter-spacing: .2px; }
.phmetr-float-chat {
    position: fixed; right: 20px; bottom: 20px; z-index: 120;
    width: 52px; height: 52px; border-radius: 50%;
    background: linear-gradient(135deg, var(--ph-blue), var(--ph-violet));
    display: grid; place-items: center; box-shadow: 0 12px 30px rgba(28,43,54,.18);
}
.phmetr-float-chat svg { width: 23px; height: 23px; }
.phmetr-float-chat:hover { filter: brightness(1.06); }
@media (max-width: 680px) {
    .phmetr-float-actions { right: 10px; }
    .phmetr-float-btn { width: 38px; height: 38px; }
    .phmetr-float-btn svg { width: 16px; height: 16px; }
    .phmetr-float-word { font-size: 10.5px; }
    .phmetr-float-chat { right: 14px; bottom: 14px; width: 46px; height: 46px; }
}

/* ---- Страница раздела каталога (только подкатегории), см. homepage-design.md.
   Затрагивает вывод @catalogList@ в catalog/catalog_info_forma.tpl —
   те же плитки .catalog-wrap/.catalog-table-block, что и на главной
   (catalog_table_forma.tpl), но БЕЗ нумерации (.catalog-block-numbered
   применяется только на главной). Здесь — то же приподнятие и акцентная
   рамка при наведении, без счётчика. */
.catalog-block:not(.catalog-block-numbered) .catalog-table-block {
    background: var(--phmetr-bg-soft);
    border: 1px solid var(--phmetr-border);
    border-radius: 14px;
    padding-top: 6px;
    transition: all .25s;
}
.catalog-block:not(.catalog-block-numbered) .catalog-table-block:hover {
    border-color: var(--phmetr-accent);
    box-shadow: 0 4px 14px rgba(13,169,239,.18);
    transform: translateY(-2px);
}
.catalog-block:not(.catalog-block-numbered) .catalog-table-block-name {
    font-weight: 600;
    color: var(--phmetr-ink);
}

/* ============================================================
   PHMETR.RU v3 — полная карточка товара (product/main_product_forma_full.tpl)
   17.09.2026: перенос дизайна прототипа product_page_shell.html.
   Правок разметки НЕ делалось — все классы ниже уже существуют в
   шаблоне и в исходном style.css, здесь только переопределения по
   каскаду (безопасно даже без визуальной проверки на живом сайте).
   ============================================================ */

/* Заголовок товара — та же типографика (Manrope), что у h1 на прочих
   страницах прототипа. */
.product-name.page-title {
    font-family: 'Manrope', 'PlayBold', sans-serif;
    font-weight: 800;
}

/* Артикул (@productArt@) — реальная переменная движка для этого поля,
   ей и заполняется «Артикул» из прототипа страницы товара, когда для
   товара заведено значение (в т.ч. из 1С через модуль обмена — см.
   phpshop-tech-capabilities.md). Не выводить свою — использовать эту. */
.product-art {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 13px;
    font-weight: 600;
    color: var(--phmetr-ink-soft);
    background: var(--phmetr-bg-soft);
    border: 1px solid var(--phmetr-border);
    border-radius: 8px;
    padding: 6px 12px;
}

/* Главная кнопка «В корзину» на полной карточке товара — тот же градиент
   шкалы pH, что у кнопки каталожной карточки (.product-block-button
   .btn.btn-cart), но здесь отдельный селектор: карточка товара использует
   .product-page-button, не .product-block-button. */
.product-page-button .addToCartFull {
    background: var(--header-grad) !important;
    background-size: 220% 100% !important;
    background-position: 0% 0%;
    border-color: transparent !important;
    transition: background-position .35s ease;
}
.product-page-button .addToCartFull:hover {
    background-position: 100% 0% !important;
}

/* Вкладки «Описание / Характеристики / Отзывы / Файлы / Статьи» —
   акцент шкалы pH на активной вкладке вместо стандартного bootstrap-синего. */
.tabpanel-wrapper .nav-tabs > li.active > a,
.tabpanel-wrapper .nav-tabs > li.active > a:hover,
.tabpanel-wrapper .nav-tabs > li.active > a:focus {
    color: var(--phmetr-ink);
    border-bottom: 2px solid transparent;
    border-image: var(--header-grad) 1;
}
.tabpanel-wrapper .nav-tabs > li > a:hover {
    color: var(--phmetr-accent);
}

/* «С этим товаром покупают» / «Похожие товары» (@productsgroup_list@) —
   нативный блок движка, уже выводится сеткой 5 в ряд
   (.productsgroup_block{width:20%}) — то есть 5 в ряд, как в прототипе
   («Смотрите также» 5 в ряд, 2 строки). Здесь просто карточный вид под остальной
   дизайн — приподнятие и рамка при наведении, кнопка в градиенте pH. */
.productsgroup_block {
    background: var(--surface, #fff);
    border: 1px solid var(--phmetr-border);
    border-radius: 14px;
    padding: 14px !important;
    transition: box-shadow .2s, border-color .2s, transform .2s;
}
.productsgroup_block:hover {
    border-color: var(--phmetr-accent);
    box-shadow: 0 4px 14px rgba(13,169,239,.18);
    transform: translateY(-2px);
}
.productsgroup_img {
    background: transparent;
}
.productsgroup_list .btn-primary {
    background: var(--header-grad) !important;
    background-size: 220% 100% !important;
    background-position: 0% 0%;
    border-color: transparent !important;
    transition: background-position .35s ease;
}
.productsgroup_list .btn-primary:hover {
    opacity: 1 !important;
    background-position: 100% 0% !important;
}
.productsgroup_list h3 {
    font-family: 'Manrope', sans-serif;
    text-transform: none;
    border-bottom-color: var(--phmetr-border);
}

/* ============================================================
   PHMETR.RU v4 — плитка категории/подкатегории (catalog_table_forma.tpl)
   17.09.2026: перенос богатого дизайна плитки из прототипа
   (catalog_category_shell.html / homepage_shell.html: .subcat-tile) —
   цветной кружок-иконка + название + стрелка "Смотреть модели".
   Правка .tpl была минимальной и аддитивной — существующие классы
   .catalog-table-block/.catalog-img/.catalog-table-block-name сохранены
   для совместимости с уже написанными правилами numbered/category-page
   (итерации 1 и 3): те правила задают фон/рамку/hover, этот блок
   добавляет раскладку.

   Баг найден и исправлен 18.09.2026: раньше внутри .catalog-img стояла
   картинка <img src="@catalogIcon@">. Пока в админке для категории не
   загружена своя иконка, PHPShop подставляет не пустую строку, а
   реальный файл-заглушку no_photo.gif (см. setImage() в
   core/catalog.core.php) — эта заглушка исправно загружается, поэтому
   onerror так и не срабатывал, и вместо чистого кружка с иконкой
   пользователь видел блёклый «разбитый» значок. Как и в прототипе
   (там у всех плиток одна и та же обобщённая SVG-иконка прибора,
   меняется только цвет кружка), теперь внутри .catalog-img — не img,
   а инлайновый SVG прямо в catalog_table_forma.tpl, без обращения к
   @catalogIcon@ вообще: результат не зависит от того, загружена ли
   в админке картинка конкретной категории.
   ============================================================ */
.catalog-table-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 18px 18px !important;
    height: 100%;
    box-sizing: border-box;
}
.catalog-table-block:hover { box-shadow: none; }
.catalog-table-block .catalog-img {
    width: 52px;
    height: 52px !important;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #fff;
    flex: none;
    overflow: visible;
}
.catalog-table-block .catalog-img svg {
    width: 26px;
    height: 26px;
}
/* Цвет кружка-иконки — циклом по трём акцентам, как в прототипе */
.catalog-wrap:nth-of-type(3n+1) .catalog-img { background: #8B2FEE; }
.catalog-wrap:nth-of-type(3n+2) .catalog-img { background: #3D6BFF; }
.catalog-wrap:nth-of-type(3n+3) .catalog-img { background: #EC1587; }
.catalog-table-block-name {
    font-family: 'Manrope', 'PlayBold', sans-serif;
    font-weight: 800;
    font-size: 16px;
    color: var(--phmetr-ink);
    padding: 0;
    text-align: left;
    margin: 0;
}
.catalog-arrow {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--phmetr-accent);
}
.catalog-arrow svg { transition: transform .15s; }
.catalog-table-link:hover .catalog-arrow svg { transform: translateX(3px); }

/* Плитка на главной (нумерованная, .catalog-block-numbered) — счётчик
   (итерация 1) остаётся в верхнем левом углу поверх кружка-иконки,
   поэтому у неё увеличен верхний отступ; остальная раскладка та же,
   что и на странице категории. */
.catalog-block-numbered .catalog-table-block { padding-top: 34px !important; }
.catalog-block-numbered .catalog-img { height: 52px !important; }

/* ============================================================
   PHMETR.RU v5 — карточка товара в сетке каталога
   (product/main_product_forma_1.tpl + main_product_forma_2..6.tpl используют
   тот же CSS, т.к. работают через общие классы .product-block/-top/-bottom).
   17.09.2026: перенос дизайна .pcard из прототипа (см. homepage-design.md) —
   белая карточка с приподнятием, мягкая плашка под фото, левое выравнивание.
   Разметку .tpl не трогали — все элементы (сравнение/избранное/уведомить/
   остатки/цена) остаются функциональными, здесь только раскладка и цвет.
   ============================================================ */
.product-block {
    border-radius: 16px;
    border-color: var(--phmetr-border);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: box-shadow .2s, border-color .2s, transform .2s;
}
.product-block:hover {
    border-color: var(--phmetr-accent);
    box-shadow: 0 10px 24px rgba(13,169,239,.16);
    -webkit-box-shadow: 0 10px 24px rgba(13,169,239,.16);
    -moz-box-shadow: 0 10px 24px rgba(13,169,239,.16);
    transform: translateY(-3px);
}
.product-block-top {
    background: var(--phmetr-bg-soft);
}
.product-block-img-link {
    height: 160px;
    line-height: 158px;
    margin-bottom: 0;
}
.product-block-bottom {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.product-block-name,
.product-block-price {
    text-align: left;
}
.product-block-description {
    font-size: 12px;
    color: var(--phmetr-ink-soft);
    line-height: 1.4;
}
.product-block-button {
    margin-top: auto;
    text-align: left;
    padding-top: 10px;
}

/* ============================================================
   PHMETR.RU v6 — сетка товаров каталога на всю ширину, 5 в ряд
   (см. catalog_products_shell.html в прототипе). Работает поверх
   Bootstrap-колонок карточки (col-md-3 и т.п., см. main_product_forma_N.tpl —
   какой именно форма-файл использует движок, задаётся в админке) —
   CSS Grid переопределяет их ширину, поэтому правило не зависит от
   того, какая форма выбрана. Только для режима "сеткой" (класс
   .products-list, ставится по умолчанию; переключатель "списком"
   его снимает — тогда действует обычная раскладка Bootstrap).
   Слева больше нет сайдбара (main/shop.tpl, см. выше), поэтому сетка
   занимает всю ширину контейнера, как в прототипе.
   ============================================================ */
@media (min-width: 992px) {
    .template-product-list.products-list {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 18px;
    }
}
@media (min-width: 860px) and (max-width: 991px) {
    .template-product-list.products-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
}
@media (min-width: 640px) and (max-width: 859px) {
    .template-product-list.products-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }
}
@media (min-width: 400px) and (max-width: 639px) {
    .template-product-list.products-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
@media (max-width: 399px) {
    .template-product-list.products-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.template-product-list.products-list .product-block-wrapper {
    width: 100% !important;
    max-width: 100%;
    float: none !important;
}
/* Баг найден и исправлен 18.09.2026: Bootstrap добавляет .row (в т.ч. этому
   контейнеру) клирфикс-псевдоэлементы ::before/::after (content:" ";
   display:table) для работы с float-колонками. Внутри display:grid эти
   псевдоэлементы сами становятся полноценными элементами сетки — ::before
   занимает первую ячейку (сдвигая все настоящие карточки на одну колонку
   вправо с переносом на 1 карточку на следующей строке), ::after занимает
   ячейку после последней карточки. Визуально это выглядело как «дырка»
   в начале сетки и лишняя пустая ячейка в конце. Клирфикс сетке не нужен
   (она не использует float), поэтому отключаем псевдоэлементы только для
   неё же, не трогая обычный .row в остальной теме. */
.template-product-list.products-list::before,
.template-product-list.products-list::after {
    content: none !important;
    display: none !important;
}

/* Полноширинная средняя колонка (сайдбар скрыт, см. main/shop.tpl) */
.phmetr-full-width {
    width: 100%;
    float: none;
}

/* ---- Полоса «Каталог» в футере (см. main/index.tpl и main/shop.tpl) ---- */
.phmetr-foot-tags {
    background: var(--phmetr-bg-soft);
    border-top: 1px solid rgba(255,255,255,.12);
    padding-block: 14px;
}
.phmetr-foot-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.phmetr-foot-tag-main {
    background: var(--phmetr-ink);
    color: #fff !important;
    border: 1px solid var(--phmetr-ink);
    transition: background .2s, border-color .2s;
}
.phmetr-foot-tag-main:hover {
    background: var(--phmetr-accent);
    border-color: var(--phmetr-accent);
    color: #fff !important;
}

/* ============================================================
   PHMETR.RU v7 — единая боковая панель каталога на всех экранах
   (main/index.tpl и main/shop.tpl: #js-bootstrap-offcanvas), в духе
   узкой выезжающей панели из прототипа (phmetr_prototype.zip).
   17.09.2026.

   Раньше на сайте было ДВА разных меню каталога: десктопное
   full-width :hover-мегаменю (.main-navbar-list-catalog-wrapper,
   @leftCatal@) и мобильный offcanvas (@menuCatal@). @leftCatal@
   вызывал parseTemplate('catalog/catalog_forma_nt.tpl') и других
   *_nt.tpl файлов, которых нет ни в теме, ни в чистом движке
   (проверено — их нет нигде в phpshop.zip) — то есть мегаменю было
   риском ошибки PHP на десктопе. Заменено: markup мегаменю убран из
   .tpl, ссылка «Каталог» в шапке на десктопе теперь тоже открывает
   единую offcanvas-панель (data-toggle=offcanvas), тот же плагин
   bootstrap.offcanvas, что и на мобильном. Плагин сам НЕ завязан на
   ширину экрана — только его css/bootstrap.offcanvas.min.css
   ограничен @media(max-width:991px), поэтому ниже те же ключевые
   свойства заданы через ID-селектор (выше специфичность исходных
   правил плагина, не зависит от порядка подключения файлов) без
   привязки к ширине экрана. JS-логику (показ/скрытие/свайп) не
   трогали — только визуал и брейкпоинты.
   ============================================================ */
#js-bootstrap-offcanvas.navbar-offcanvas {
    position: fixed;
    width: 100%;
    max-width: 360px;
    height: 100%;
    left: -360px;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 1051;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    box-sizing: border-box;
    transition: -webkit-transform .25s ease-in, transform .25s ease-in, left .25s ease-in;
}
#js-bootstrap-offcanvas.navbar-offcanvas.in {
    box-shadow: 0 0 40px rgba(0,0,0,.3);
}
#js-bootstrap-offcanvas.navbar-offcanvas.offcanvas-transform.in {
    -webkit-transform: translateX(360px);
    transform: translateX(360px);
}
#js-bootstrap-offcanvas.navbar-offcanvas.offcanvas-position.in {
    left: 0;
}
/* Плагин сам вешает класс .offcanvas-stop-scrolling на <body>, пока
   панель открыта (см. bootstrap.offcanvas.min.js, bodyOverflow) —
   готовый хук для затемнения фона без новых JS-обработчиков. */
body.offcanvas-stop-scrolling {
    height: 100%;
    overflow: hidden;
    position: relative;
}
body.offcanvas-stop-scrolling::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(28,43,54,.45);
    z-index: 1040;
}
/* Кнопка-триггер (бургер) видна на всех экранах — раньше была скрыта
   на десктопе (.hidden-md.hidden-lg убраны из .tpl). Десктопная ссылка
   «Каталог» тоже стала триггером той же панели (offcanvas-toggle в
   .tpl) — старое :hover-мегаменю и его CSS (main-navbar-list-catalog-wrapper)
   больше не используются, .catalog-menu теперь просто кликабельная ссылка. */
.phmetr-catalog-burger {
    cursor: pointer;
}
.catalog-menu .main-navbar-list-catalog-wrapper { display: none !important; }

/* ---- Визуальное оформление панели ---- */
#js-bootstrap-offcanvas .phmetr-offcanvas-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    background: var(--header-grad);
    background-size: 180% 100%;
    color: #fff;
}
#js-bootstrap-offcanvas .phmetr-offcanvas-head span {
    font-family: 'Manrope', 'PlayBold', sans-serif;
    font-weight: 800;
    font-size: 16px;
}
#js-bootstrap-offcanvas .phmetr-offcanvas-close {
    background: rgba(255,255,255,.18);
    border: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 0;
}
#js-bootstrap-offcanvas .phmetr-offcanvas-close:hover {
    background: rgba(255,255,255,.32);
}
#js-bootstrap-offcanvas .offcanvas-list {
    list-style: none;
    margin: 0;
    padding: 8px 0 24px;
}
#js-bootstrap-offcanvas .offcanvas-list > li {
    border-bottom: 1px solid var(--phmetr-border);
}
#js-bootstrap-offcanvas .offcanvas-list > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--phmetr-ink) !important;
}
#js-bootstrap-offcanvas .offcanvas-list > li > a:hover {
    color: var(--phmetr-accent) !important;
}
#js-bootstrap-offcanvas .dropdown-menu {
    position: relative !important;
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 0 0 8px 14px;
    margin: 0;
    background: var(--phmetr-bg-soft);
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
    display: block !important;
    float: none;
}
#js-bootstrap-offcanvas .dropdown-menu.shown {
    max-height: 2000px;
}
#js-bootstrap-offcanvas .dropdown-menu > li > a {
    display: block;
    padding: 10px 12px;
    font-size: 13.5px;
    color: var(--phmetr-ink-soft) !important;
}
#js-bootstrap-offcanvas .dropdown-menu > li > a:hover {
    color: var(--phmetr-accent) !important;
}
#js-bootstrap-offcanvas .caret {
    transition: transform .2s;
}
#js-bootstrap-offcanvas .dropdown.active > a .caret {
    transform: rotate(180deg);
}

/* =========================================================================
   PHMETR.RU v7 — динамические ленты товаров по категориям на главной
   (main/index.tpl, @phmetrCategoryRows@ — см. php/inc/phmetr_category_rows.inc.php
   и template-redesign-log.md, «Итерация 7»). Разметка/классы .phmetr-prow*/
   .phmetr-pcard* — адаптация горизонтальных лент из HTML-прототипа
   (01_glavnaya.html, .prow/.pcard), но под токены реальной темы
   (--phmetr-accent/--phmetr-ink/--phmetr-border и т.д.) вместо отдельной
   палитры прототипа. 3 акцентных цвета — те же самые, что уже используются
   для плиток каталога (.catalog-wrap:nth-of-type), см. выше по файлу.
   ========================================================================= */
.phmetr-prow {
    padding-block: 26px;
    border-top: 1px solid var(--phmetr-border);
}
.phmetr-prow-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}
.phmetr-prow-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 19px;
    font-weight: 700;
    color: var(--phmetr-ink) !important;
}
.phmetr-prow-title:hover {
    color: var(--phmetr-accent) !important;
}
.phmetr-prow-arrow {
    width: 15px;
    height: 15px;
    opacity: .5;
    transition: transform .15s;
}
.phmetr-prow-title:hover .phmetr-prow-arrow {
    transform: translateX(3px);
    opacity: 1;
}
.phmetr-prow-nav {
    display: flex;
    gap: 8px;
    flex: none;
}
.phmetr-prow-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--phmetr-border);
    background: #fff;
    color: var(--phmetr-ink);
    display: grid;
    place-items: center;
}
.phmetr-prow-btn:hover {
    border-color: var(--phmetr-accent);
    color: var(--phmetr-accent);
}
.phmetr-prow-btn svg {
    width: 16px;
    height: 16px;
}
@media (max-width: 640px) {
    .phmetr-prow-nav { display: none; }
}

.phmetr-prow-track {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding-bottom: 4px;
    cursor: grab;
    user-select: none;
}
.phmetr-prow-track::-webkit-scrollbar { display: none; }
.phmetr-prow-track.is-dragging { cursor: grabbing; }

.phmetr-pcard {
    flex: 0 0 200px;
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid var(--phmetr-border);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s, border-color .2s, transform .2s;
}
.phmetr-pcard:hover {
    border-color: var(--phmetr-accent);
    box-shadow: 0 10px 24px rgba(13,169,239,.16);
    transform: translateY(-3px);
}
.phmetr-pcard-media {
    display: block;
    aspect-ratio: 1 / 1;
    background: var(--phmetr-bg-soft);
    display: grid;
    place-items: center;
    padding: 10px;
}
.phmetr-pcard-media img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.phmetr-pcard-body {
    padding: 13px 14px 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.phmetr-pcard-name {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.35;
    font-weight: 700;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.phmetr-pcard-name a {
    color: var(--phmetr-ink) !important;
}
.phmetr-pcard-name a:hover {
    color: var(--phmetr-accent) !important;
}
.phmetr-pcard-cta {
    margin-top: auto;
    text-align: center;
    color: #fff !important;
    border: 0;
    border-radius: 9px;
    padding: 9px;
    font-size: 12.5px;
    font-weight: 700;
    background: #0DA9EF;
}
.phmetr-pcard-cta:hover {
    background: #0b84c4;
}

/* Акцент по категориям — те же 3 цвета, что и плитки каталога
   (.catalog-wrap:nth-of-type), по кругу на каждую следующую ленту. */
.phmetr-prow[data-accent="violet"] .phmetr-prow-title:hover,
.phmetr-prow[data-accent="violet"] .phmetr-prow-btn:hover,
.phmetr-prow[data-accent="violet"] .phmetr-pcard:hover,
.phmetr-prow[data-accent="violet"] .phmetr-pcard-name a:hover {
    border-color: #8B2FEE;
    color: #8B2FEE !important;
}
.phmetr-prow[data-accent="violet"] .phmetr-pcard-cta { background: #8B2FEE; }
.phmetr-prow[data-accent="violet"] .phmetr-pcard-cta:hover { background: #6f22bd; }

.phmetr-prow[data-accent="blue"] .phmetr-prow-title:hover,
.phmetr-prow[data-accent="blue"] .phmetr-prow-btn:hover,
.phmetr-prow[data-accent="blue"] .phmetr-pcard:hover,
.phmetr-prow[data-accent="blue"] .phmetr-pcard-name a:hover {
    border-color: #3D6BFF;
    color: #3D6BFF !important;
}
.phmetr-prow[data-accent="blue"] .phmetr-pcard-cta { background: #3D6BFF; }
.phmetr-prow[data-accent="blue"] .phmetr-pcard-cta:hover { background: #2650cc; }

.phmetr-prow[data-accent="pink"] .phmetr-prow-title:hover,
.phmetr-prow[data-accent="pink"] .phmetr-prow-btn:hover,
.phmetr-prow[data-accent="pink"] .phmetr-pcard:hover,
.phmetr-prow[data-accent="pink"] .phmetr-pcard-name a:hover {
    border-color: #EC1587;
    color: #EC1587 !important;
}
.phmetr-prow[data-accent="pink"] .phmetr-pcard-cta { background: #EC1587; }
.phmetr-prow[data-accent="pink"] .phmetr-pcard-cta:hover { background: #b80f68; }

/* =========================================================================
   PHMETR.RU v8 — шапка/боковая панель по референсу пользователя (скриншоты
   реального сайта), «Итерация 8», 18.09.2026. См. template-redesign-log.md.
   Новые переменные @phmetrQuickLinks@/@phmetrDrawerCategories@ формирует
   php/inc/phmetr_nav.inc.php по РЕАЛЬНЫМ категориям верхнего уровня из БД —
   никаких захардкоженных названий категорий (в отличие от примера в
   скриншоте-референсе, где это иллюстративный список). @bottomMenu@ —
   штатная переменная движка (реальные страницы из админки, footer=1).
   ========================================================================= */

/* ---- Палитра акцентов для иконок категорий в боковой панели: те же 3
   цвета, что уже используются у плиток каталога/лент товаров, плюс 5 новых
   для покрытия большего числа категорий верхнего уровня. ---- */
:root {
    --phmetr-accent-teal: #0EA5A0;
    --phmetr-accent-orange: #F59E0B;
    --phmetr-accent-green: #16A34A;
    --phmetr-accent-coral: #F43F5E;
    --phmetr-accent-indigo: #4F46E5;
}

/* ---- Верхняя тонкая полоса (.header-top): было — только блок «Контакты»,
   стало — слева отгрузочный текст + реальные страницы @bottomMenu@, справа
   «Прайс-лист» и вход в кабинет. Сам блок «Контакты» переехал в
   .header-bottom (см. ниже) — по референсу он там, рядом с поиском. ---- */
.phmetr-topbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 18px;
    min-height: 34px;
    padding: 6px 0;
}
.phmetr-topbar-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 18px;
    color: rgba(255,255,255,.94);
    font-size: 13px;
}
.phmetr-topbar-shipping {
    font-weight: 600;
    white-space: nowrap;
}
.phmetr-topbar-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 0;
    padding: 0;
}
.phmetr-topbar-list a {
    color: rgba(255,255,255,.9) !important;
    font-size: 13px;
    text-decoration: none;
}
.phmetr-topbar-list a:hover {
    color: #fff !important;
    text-decoration: underline;
}
.phmetr-topbar-right {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: none;
}
.phmetr-topbar-link {
    color: rgba(255,255,255,.94) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.phmetr-topbar-link:hover {
    color: #fff !important;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .phmetr-topbar-left, .phmetr-topbar-right { justify-content: center; width: 100%; }
    .phmetr-topbar-row { justify-content: center; text-align: center; }
}

/* ---- Основная строка .header-bottom: лого+название, кнопка «Каталог»,
   поисковая строка (теперь всегда видима, не скрытый оверлей по клику —
   так проще и надёжнее матчить референс, см. лог), «Контакты» (перенесены
   сюда из header-top), иконки корзины/аккаунта. Flex-обёртка со своим
   классом (.phmetr-header-row), НЕ трогает общий .row по всей теме. ---- */
.phmetr-header-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding: 14px 0;
}
.phmetr-header-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
}
.phmetr-header-logo img {
    max-width: 150px;
    max-height: 56px;
    display: block;
}
.phmetr-header-name {
    font-family: 'Manrope', 'PlayBold', sans-serif;
    font-weight: 800;
    font-size: 15px;
    color: var(--phmetr-ink);
    line-height: 1.2;
    max-width: 160px;
}
.phmetr-catalog-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--phmetr-accent-orange);
    color: #fff !important;
    border: none;
    border-radius: 10px;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s;
    flex: none;
}
.phmetr-catalog-pill:hover {
    background: #d98607;
}
.phmetr-catalog-pill svg {
    width: 16px;
    height: 16px;
}

/* Поисковая форма — переопределяем режим «скрытый оверлей по клику»
   (штатное поведение темы, .header-search-form/.search-open-button) на
   всегда видимую пилюлю в общем ряду шапки, как на референсе. */
.phmetr-header-row .header-search-form.phmetr-search-pill {
    position: static;
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    height: 46px;
    flex: 1 1 260px;
    min-width: 180px;
    max-width: 520px;
    background: var(--phmetr-bg-soft);
    border: 1px solid var(--phmetr-border);
    border-radius: 23px;
    padding: 0 6px 0 18px;
}
.phmetr-header-row .header-search-form.phmetr-search-pill input {
    position: static;
    width: 100%;
    height: 100%;
    padding: 0;
    background: transparent;
    font-size: 14px;
    border-color: transparent !important;
}
.phmetr-header-row .header-search-form.phmetr-search-pill button {
    position: static;
    margin: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--phmetr-accent) !important;
    color: #fff;
    display: grid;
    place-items: center;
    flex: none;
}
.phmetr-header-row .header-search-form.phmetr-search-pill .search-close {
    display: none;
}

/* «Контакты» — теперь пилюля на белом фоне с часами работы прямо на
   кнопке (не только в поповере), см. референс. Тот же элемент/поповер,
   что и раньше — просто другой контекст фона, поэтому стили переопределены
   заново под .phmetr-header-row, а не унаследованы от прежнего варианта
   для градиентной .header-top. */
.phmetr-header-row .phmetr-contacts-wrap {
    flex: none;
}
.phmetr-header-row .phmetr-contacts-trigger {
    background: var(--phmetr-accent);
    border: none;
    color: #fff;
    border-radius: 12px;
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin: 0;
}
.phmetr-header-row .phmetr-contacts-trigger:hover {
    background: var(--phmetr-accent-dark);
}
.phmetr-contacts-trigger-title {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    font-size: 14px;
}
.phmetr-contacts-trigger-hours {
    font-size: 11.5px;
    font-weight: 500;
    opacity: .92;
}
.phmetr-header-row .phmetr-contacts-pop {
    left: auto;
    right: 0;
}

.phmetr-header-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
    margin-left: auto;
}
.phmetr-header-icons .phmetr-catalog-burger {
    display: none;
}
.phmetr-header-icons #cart,
.phmetr-header-icons .header-account {
    float: none;
    margin-top: 0;
}
@media (max-width: 767px) {
    .phmetr-header-row { padding: 10px 0; }
    .phmetr-catalog-pill span, .phmetr-catalog-pill { font-size: 13px; padding: 9px 14px; }
    .phmetr-header-name { display: none; }
    .phmetr-header-icons .phmetr-catalog-burger {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid var(--phmetr-border);
        border-radius: 50%;
    }
}

/* ---- Полоса быстрых ссылок на категории под шапкой (.phmetr-qlinks) ----
   Реальные категории верхнего уровня, см. php/inc/phmetr_nav.inc.php. */
.phmetr-qlinks {
    background: var(--phmetr-bg-soft);
    border-bottom: 1px solid var(--phmetr-border);
}
.phmetr-qlinks-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 22px;
    padding: 10px 0;
}
.phmetr-qlink {
    color: var(--phmetr-ink-soft) !important;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.phmetr-qlink:hover {
    color: var(--phmetr-accent) !important;
}
.phmetr-qlink-main {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--phmetr-ink) !important;
    font-weight: 700;
    padding-right: 16px;
    border-right: 1px solid var(--phmetr-border);
}
.phmetr-qlink-main svg {
    width: 14px;
    height: 14px;
}
@media (max-width: 767px) {
    .phmetr-qlinks-row { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
    .phmetr-qlinks-row::-webkit-scrollbar { display: none; }
}

/* ---- Боковая панель: список категорий верхнего уровня с цветной иконкой
   (.phmetr-drawer-cats), затем вторичный список (Кабинет/Новости/...),
   затем блок «Информация» (реальные страницы @bottomMenu@). ---- */
.phmetr-drawer-cats {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--phmetr-border);
}
.phmetr-drawer-cat-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    color: var(--phmetr-ink) !important;
    font-size: 14px;
    font-weight: 600;
}
.phmetr-drawer-cat-link:hover {
    background: var(--phmetr-bg-soft);
}
.phmetr-drawer-cat-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: none;
    background: var(--phmetr-accent);
    color: #fff;
}
.phmetr-drawer-cat-icon i {
    font-size: 17px;
}
.phmetr-drawer-cat-name {
    flex: 1;
}
.phmetr-drawer-cat-arrow {
    width: 15px;
    height: 15px;
    opacity: .45;
    flex: none;
}
.phmetr-drawer-cat-link[data-accent="violet"] .phmetr-drawer-cat-icon { background: #8B2FEE; }
.phmetr-drawer-cat-link[data-accent="blue"] .phmetr-drawer-cat-icon { background: #3D6BFF; }
.phmetr-drawer-cat-link[data-accent="pink"] .phmetr-drawer-cat-icon { background: #EC1587; }
.phmetr-drawer-cat-link[data-accent="teal"] .phmetr-drawer-cat-icon { background: var(--phmetr-accent-teal); }
.phmetr-drawer-cat-link[data-accent="orange"] .phmetr-drawer-cat-icon { background: var(--phmetr-accent-orange); }
.phmetr-drawer-cat-link[data-accent="green"] .phmetr-drawer-cat-icon { background: var(--phmetr-accent-green); }
.phmetr-drawer-cat-link[data-accent="coral"] .phmetr-drawer-cat-icon { background: var(--phmetr-accent-coral); }
.phmetr-drawer-cat-link[data-accent="indigo"] .phmetr-drawer-cat-icon { background: var(--phmetr-accent-indigo); }

.phmetr-offcanvas-list-secondary {
    padding-top: 0;
}
.phmetr-drawer-utility {
    padding: 4px 20px !important;
    display: block;
}
.phmetr-drawer-utility a {
    color: var(--phmetr-ink-soft) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 6px 0 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}
.phmetr-offcanvas-info-title {
    padding: 16px 20px 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--phmetr-ink-soft);
}
.phmetr-offcanvas-list-info {
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
}
.phmetr-offcanvas-list-info li a {
    display: block;
    padding: 7px 20px;
    color: var(--phmetr-ink) !important;
    font-size: 13.5px;
    font-weight: 500;
}
.phmetr-offcanvas-list-info li a:hover {
    color: var(--phmetr-accent) !important;
}

/* =========================================================================
   PHMETR.RU v9 — исправление по обратной связи пользователя после
   «Итерации 8» («надо сделать точную графику как на первоначальном
   шаблоне»), 18.09.2026. См. «Итерация 9» в template-redesign-log.md.

   Главное расхождение с прототипом (01_glavnaya.html), которое здесь
   исправляется: в прототипе тонкая верхняя полоса .utility — ТЁМНАЯ
   (var(--ink)), а весь градиент шкалы pH — на ОСНОВНОЙ строке шапки
   (.site-header, где лого/поиск/каталог/контакты). В «Итерации 8» было
   наоборот (градиент на .header-top, .header-bottom — белая) — это и
   есть расхождение с референсом. Ниже — точный обмен местами плюс
   пересборка всех интерактивных элементов .phmetr-header-row под новый,
   цветной фон (раньше они были рассчитаны на белый фон).
   ========================================================================= */

:root {
    --phmetr-dark: #15121F;
}

/* ---- .header-top: было градиентным — стало тёмным, как .utility в
   прототипе. Текст остаётся белым (уже был белым, ничего менять не
   нужно) — контраст на тёмном фоне даже лучше, чем был на градиенте. ---- */
.header-top {
    background: var(--phmetr-dark);
    background-size: auto;
    border-bottom-color: rgba(255,255,255,.12);
}

/* ---- .header-bottom: было белым — стало градиентным, как .site-header
   в прототипе. ---- */
.header-bottom {
    background: var(--header-grad);
    background-size: 180% 100%;
    box-shadow: 0 1px 2px rgba(21,18,31,.04), 0 8px 24px -12px rgba(21,18,31,.18);
}
.header-bottom .header-area-background-block {
    display: none;
}

/* ---- Название магазина рядом с лого — было тёмным (для белого фона),
   стало белым (для градиента). ---- */
.phmetr-header-name {
    color: #fff;
}

/* ---- Кнопка «Каталог»: было — заливка акцентным оранжевым (чтобы
   выделяться на белом), стало — полупрозрачная белая пилюля, как
   .burger в прототипе (там она и так на градиенте, заливка не нужна). ---- */
.phmetr-catalog-pill {
    background: rgba(255,255,255,.16);
    border: 1.5px solid rgba(255,255,255,.4);
    color: #fff !important;
}
.phmetr-catalog-pill:hover {
    background: rgba(255,255,255,.28);
}

/* ---- Поисковая пилюля: было — светло-голубой фон (--phmetr-bg-soft),
   стало — чистый белый, как .search в прототипе (там она всегда на
   цветном фоне и поэтому именно белая, не полупрозрачная). Кнопка
   поиска — было цветным кружком, стало прозрачной иконкой, как
   .icon-btn в прототипе (тк сама форма уже белая, свой цвет кнопке не
   нужен). ---- */
.phmetr-header-row .header-search-form.phmetr-search-pill {
    background: #fff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 10px -4px rgba(0,0,0,.25);
}
.phmetr-header-row .header-search-form.phmetr-search-pill button {
    background: transparent !important;
    color: var(--phmetr-ink-soft) !important;
    border-radius: 9px;
}
.phmetr-header-row .header-search-form.phmetr-search-pill button:hover {
    background: var(--phmetr-bg-soft) !important;
}

/* ---- «Контакты» в общей строке шапки: было — заливка акцентным
   цветом, стало — полупрозрачная белая пилюля, как .contacts в
   прототипе (тот же приём, что и у кнопки «Каталог» выше). ---- */
.phmetr-header-row .phmetr-contacts-trigger {
    background: rgba(255,255,255,.16);
    border: 1.5px solid rgba(255,255,255,.4);
    color: #fff;
}
.phmetr-header-row .phmetr-contacts-trigger:hover {
    background: rgba(255,255,255,.28);
}

/* ---- Мобильная кнопка-бургер (иконка-гамбургер рядом с корзиной): была
   рассчитана на белый фон (серая рамка), теперь на градиенте — белая
   полупрозрачная рамка и белая иконка. ---- */
@media (max-width: 767px) {
    .phmetr-header-icons .phmetr-catalog-burger {
        border-color: rgba(255,255,255,.5);
        color: #fff;
    }
}

/* =========================================================================
   Полоса быстрых ссылок (.phmetr-qlinks) — было: единый ряд с
   разделителем-бордером у первого пункта. Стало: отдельная пилюля
   «Все категории» (как .catalog-trigger в прототипе) слева от простого
   текстового списка ссылок (как .quicklinks) — визуально это два разных
   по весу элемента, а не однородный список с чертой.
   ========================================================================= */
.phmetr-qlinks {
    background: #fff;
}
.phmetr-qlinks-row {
    gap: 14px 22px;
}
.phmetr-qlink-main {
    background: var(--phmetr-bg-soft);
    border: 1px solid var(--phmetr-border);
    border-radius: 10px;
    padding: 9px 16px 9px 12px;
    padding-right: 16px;
}
.phmetr-qlink-main:hover {
    border-color: var(--phmetr-accent);
    color: var(--phmetr-ink) !important;
}
.phmetr-qlink:not(.phmetr-qlink-main) {
    color: var(--phmetr-ink-soft) !important;
    font-weight: 500;
}

/* =========================================================================
   Боковая панель — эйброу-строка над заголовком (как .drawer-eyebrow в
   прототипе: иконка-капля + «Оборудование для pH-метрии»), заголовок
   «Каталог» отдельной строкой ниже вместе с крестиком закрытия.
   ========================================================================= */
.phmetr-offcanvas-head {
    display: block !important;
    padding: 18px 18px 16px !important;
}
.phmetr-offcanvas-eyebrow {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    color: rgba(255,255,255,.75);
    margin: 0 0 8px;
}
.phmetr-offcanvas-eyebrow svg {
    width: 13px;
    height: 13px;
    flex: none;
}
.phmetr-offcanvas-head-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.phmetr-offcanvas-head-top span {
    font-size: 20px;
}

/* =========================================================================
   Категории в боковой панели — аккордеон с реальными подкатегориями
   (parent_to = id категории верхнего уровня), строит
   php/inc/phmetr_nav.inc.php. Кнопка-заголовок категории + шеврон,
   разворачиваемый список подкатегорий — тот же приём, что .mm-cat/.mm-subs
   в прототипе, но без единого выдуманного названия: пусто, если у
   категории нет подкатегорий в БД.
   ========================================================================= */
.phmetr-drawer-cat-row {
    display: flex;
    align-items: center;
}
.phmetr-drawer-cat-row .phmetr-drawer-cat-link {
    flex: 1;
    min-width: 0;
}
.phmetr-drawer-cat-toggle {
    flex: none;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    display: grid;
    place-items: center;
    background: none;
    border: none;
    color: var(--phmetr-ink-soft);
    cursor: pointer;
    font-family: inherit;
}
.phmetr-drawer-cat-toggle:hover {
    color: var(--phmetr-accent);
}
.phmetr-drawer-cat-toggle svg {
    width: 15px;
    height: 15px;
    transition: transform .15s;
}
.phmetr-drawer-cat-toggle[aria-expanded="true"] svg {
    transform: rotate(90deg);
}
.phmetr-drawer-subs {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .2s ease;
}
.phmetr-drawer-subs > div {
    overflow: hidden;
}
.phmetr-drawer-subs.is-open {
    grid-template-rows: 1fr;
}
.phmetr-drawer-sublist {
    list-style: none;
    margin: 2px 0 8px;
    padding: 0 20px 0 70px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.phmetr-drawer-sublist a {
    display: block;
    font-size: 13px;
    color: var(--phmetr-ink-soft) !important;
    padding: 6px 0;
    font-weight: 400 !important;
}
.phmetr-drawer-sublist a:hover {
    color: var(--phmetr-accent) !important;
}

/* =========================================================================
   Trust-strip — было: одна строка «иконка + короткий текст». Стало:
   карточка с рамкой, заголовком (h3-подобный) и описанием — как
   .trust-item в прототипе. Тексты описаний — те же формулировки, что уже
   заявлены на сайте в других местах (гарантия/доставка/поверка), не
   выдуманы заново.
   ========================================================================= */
.trust-strip {
    background: #fff;
    border-top: 1px solid var(--phmetr-border);
    border-bottom: 1px solid var(--phmetr-border);
    padding: 22px 0;
}
.trust-strip .row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
}
.trust-strip .trust-item {
    flex: 1 1 220px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: var(--phmetr-bg-soft);
    border: 1px solid var(--phmetr-border);
    border-radius: 14px;
    padding: 16px;
    margin: 0;
}
.trust-strip .trust-item > i,
.trust-strip .trust-item > .feather {
    color: var(--phmetr-accent);
    font-size: 22px;
    flex: none;
    margin-top: 2px;
}
.trust-strip .trust-item-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.trust-strip .trust-item-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--phmetr-ink);
}
.trust-strip .trust-item-desc {
    font-size: 12.5px;
    color: var(--phmetr-ink-soft);
    line-height: 1.4;
}
@media (max-width: 900px) {
    .trust-strip .trust-item { flex-basis: calc(50% - 8px); }
}
@media (max-width: 560px) {
    .trust-strip .trust-item { flex-basis: 100%; }
}