/* дерево каталога */
.catalog ul {
    padding: 0;
    margin: 0;
 }
.catalog ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: #b49b50 1px solid;
}
.catalog ul li:first-child {
    border-top: #b49b50 1px solid;
}
.catalog ul li a{
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    color: #000;
    font-family: 'Din Condensed', sans-serif;
    font-size: 14pt;
    text-transform: uppercase;
    background: #fff;
}
.catalog i.fa{
    margin-left: -10px;
    margin-right: 10px;
}
.catalog ul li a:hover, .catalog ul li.current a{
    background: #b49b50;
    color: #fff;
}
.catalog ul li:hover, .catalog ul li.current  {
    border-bottom: #fff 1px solid;
}

/* Страница каталога */
    .box-title h1{
        margin-top: 0;
    }



/* плитка раздела каталога */

.field-list{
    /* background: #d2c396; светлый фон */
    /* padding: 15px; */
}
.category-item {
    border: 1px #ccc solid; 
    margin-bottom: 20px;
    text-align: center;
    height: 300px;
    /* cursor: pointer;*/
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    position: relative;
    transition: all .3s ease;
}
.category-item:hover {
    border: 1px #ccc solid;  
    box-shadow: 0 0 20px #666;   
}

.category-item .image{
    height: auto;
    width: 100%;
    overflow: hidden;
}
.category-item .image img{
    max-height: 240px;
    width: 100%;
    transition: all .3s ease-out;
    /* border: #b49b50 10px solid; фон хидера */
}
.category-item:hover .image img{
    transform: scale(1.05);
}
.category-item .title{
    background: transparent;
    font-size: 14pt;
    font-weight: normal;
    min-height: 60px;
    padding: 10px 15px;
    line-height: 1em;
}
.category-item .info-wrapper{
    display: block;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.6);
    padding: 14px;
    bottom: 0;
    opacity: 0;
    transition: all 0.3s ease;
}
.category-item .info{
    position: relative;
    color: #fff;
    font-size: 12pt;
    font-weight: bold;
    width: 100%;
}
.category-item:hover .info-wrapper{
    opacity: 0.9;
    bottom: 58px;
}

/* плитка товара каталога */
.product-item{
    border: 1px #ccc solid; 
    margin-bottom: 20px;
    text-align: center;
    height: 225px;
    /* cursor: pointer;*/
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    transition: all .3s ease;
    position: relative;
}
.product-item:hover {
    box-shadow: 0 0 20px #666;   
}

.product-item .image{
    height: auto;
    width: 100%;
    overflow: hidden;
}
.product-item .image img{
    max-height: 180px;
    width: 100%;
    transition: all .3s ease-out;
}
.product-item:hover .image img{
    transform: scale(1.05);
}
.product-item .title{
    background: transparent;
    font-size: 12pt;
    font-weight: normal;
    min-height: 45px;
    padding: 10px 15px;
    line-height: 1em;
}

.product-item .price{
    display: block;
    position: absolute;
    top: 20px;
    padding: 5px 10px;
    right: 0;
    background: #f23;
    color: #fff;
}


/*
.product-item a.view_link{
    display: block;
    position: absolute;
 }
 */
.product-item a.view_link, .product-item a.open_link{
    display: block;
    position: absolute;
    background: #f33939; /* красный из логотипа */ 
    color: #fff;
    font-size: 16pt;
    font-weight: bold;
    padding: 15px 20px;
    opacity: 0;
    top: 220px;
    transition: all 0.3s ease-out;
 }
.product-item a.view_link{
    left: 75px;
 }
.product-item a.open_link{
    left: 155px;
}
.product-item:hover a.view_link, .product-item:hover a.open_link{
    top: 180px;
    opacity: 0.9;
}
.product-item a.view_link:hover, .product-item a.open_link:hover{
    background: #ff3b3b; /* красный насыщенный */ 
    opacity: 1;
}

/* форма редактирование товара */

.ccm-file-selector-file-selected-title{
    display: none; /* скрываем название файла картинки */
}
    .product-images-editor .item{
        height: 100px;
        text-align: center;
    }
    .product-images-editor .item .img-wrapper{
        width: 100%;
        height: 100px;
        display: flex;
    }
    .product-images-editor .item .img-wrapper img{
        max-height: 100px;
        margin: auto;
    }
    .product-images-editor .item .filename{
        margin-top: 80px;
        color: #333;
        font-size: 10px;
    }
    .product-images-editor .item .img-del{
        position: absolute;
        right: 0;
        padding: 0 5px;
        color: #fff;
        background-color: #f23;
        border: 0;
    }
    .ccm-block-field-group input[type="radio"], .ccm-block-field-group input[type="checkbox"] {
        position: relative; 
        left: 0; 
    }