.watch-full-link-product svg,a{
    transition:.3s
}
.model-products span,.name-product,.tit-pro-hot-home,.title-box-side-bar{
    text-transform:uppercase
}
body{
    font-family:Montserrat,sans-serif;
    line-height:1.6;
    margin:0;
    background:#fff;
    z-index:1;
    box-sizing:border-box
}
a{
    text-decoration:none;
    color:var(--color-black)
}
a:hover{
    color:var(--color-primary)
}
.text-primary-hover:hover{
    color:var(--color-primary-hover)!important
}
.trans{
    transition:.5s
}
.text-center{
    text-align:center
}
.rlt{
    position:relative
}
.img-fluid,.img-responsive{
    max-width:100%;
    height:auto
}
.align-items-center{
    align-items:center
}
img{
    vertical-align:middle;
    border-style:none
}
.list-unstyled{
    list-style:none
}
.box-side-bar{
    background-color:#fff
}
.title-box-side-bar{
    background-color:var(--color-primary);
    border-top:3px solid var(--color-primary-bold);
    border-left:1px solid var(--color-primary-bold);
    border-right:1px solid var(--color-primary-bold);
    padding:9px 7px 7px 15px;
    font-size:19px;
    color:#fff
}
.title-box-side-bar svg{
    margin-bottom:-2px
}
.block-cat-menu-array{
    padding:10px;
    border:1px solid var(--color-primary-bold);
    list-style:none;
    margin:0
}
.tit-pro-hot-home{
    font-size:1.75rem;
    color:var(--color-primary);
    font-weight:700;
    padding-bottom:15px;
    background:url(../images/line-title.png) center bottom no-repeat
}
.status-sale-product{
    position:absolute;
    right:4px;
    top:3px;
    z-index:10;
    transform:rotate(90deg) translateX(2px);
    width:60px;
    padding:0 0 0 3px
}
.status-sale-product::before{
    content:"";
    position:absolute;
    border-right:5px solid transparent;
    border-top:5px solid #fff;
    z-index:11;
    top:0;
    left:0
}
.watch-full-product {
    background: linear-gradient(to right,#cfd0d5 0,#f2f3f7 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.watch-full-title-product a, .watch-full-title-product span {
    background: var(--color-primary);
    font-size: 19px;
    position: relative;
    color: #fff;
    padding: 10px 20px 10px 15px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 120px;
    height: 50px;
    border-left: 6px solid var(--color-primary-bold);
	display: flex;
	align-items: center;

}
.watch-full-title-product a:before, .watch-full-title-product span:before {
    top: 50%;
    border: 25px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--color-primary);
    transform: translateY(-50%);
    right: -50px;
    z-index: 9;
}
.watch-full-link-product{
    font-size:15px;
    color:#333;
}
.watch-full-link-product:hover svg{
    transform:translateX(2px)
}
.watch-full-link-product svg path{
	stroke: #333;
	transition: .3s
}
.watch-full-link-product:hover svg path{
    stroke: var(--color-primary);
}
.grid-content-box{
    display:grid;
    grid-template-columns:20% 80%
}
.owl-stage-outer{
    border-right:1px solid #d9d9d9
}
.owl-item .item-product{
    border:1px solid #d9d9d9;
    margin-right:0;
}
.row-products{
    display:grid;
    grid-template-columns:repeat(1,1fr);
	padding-left: 1px;
}
.box-side-bar:not(:last-child),.products-cat-items-wrap:not(:last-child){
    margin-bottom:40px
}
.item-product{
    border:1px solid #d9d9d9;
    margin-left:-1px;
    margin-bottom:-1px;
	transition: all ease .3s;
}
.row-products .item-product:hover {
    border: 1px solid var(--color-primary);
    z-index: 9;
}
.box-img-product{
    position:relative;
    padding-top:85%;
    width:100%;
    overflow:hidden
}
.img-product{
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important;
    object-fit:cover
}
.hoverimage{
    overflow:hidden;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2
}
.hoverimage:after{
    content:"";
    position:absolute;
    top:-110%;
    left:-210%;
    width:200%;
    height:200%;
    opacity:0;
    transition:.7s;
    transform:rotate(30deg);
    background:linear-gradient(to right,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%)
}
.hoverimage:hover:after{
    opacity:1;
    top:-30%;
    left:-30%;
    transition-newsperty:left,top,opacity;
    transition-duration:.7s,.7s,.15s;
    transition-timing-function:ease
}
.name-product a{
    font-size:14px;
    font-weight:500;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.productsHot-new-wrapper .item-product .name-product a{
    -webkit-line-clamp:2
}
.model-products span{
    margin:5px 0 0;
    font-weight:600;
    color:var(--color-primary)
}
.sale-price-product{
    font-size:16px;
    color:var(--color-secondary)
}
.old-price-product{
    font-size:15px;
    color:#999;
    text-decoration:line-through
}
.sale-percent-product{
    font-size:15px;
    background-color:var(--color-primary);
    color:#fff;
    padding:5px 7px;
    position:absolute;
    left:8px;
    top:8px
}
.box-price-pro-home{
    flex-wrap:wrap;
    gap:5px 10px
}
@media (min-width:310px){
    .row-products{
        grid-template-columns:repeat(2,1fr)
    }
}
@media (min-width:768px){
    .row-products{
        grid-template-columns:repeat(3,1fr)
    }
}
@media (min-width:992px){
    .row-products.row-products-cat-items{
        grid-template-columns:repeat(4,1fr)
    }
}
@media (min-width:1200px){
    .row-products.row-products-cat-items{
        grid-template-columns:repeat(3,1fr)
    }
    .name-product a{
        font-size:15px
    }
}
@media (max-width: 460px){
	.watch-full-title-product a, .watch-full-title-product span {
		font-size: 17px;
		background: var(--color-primary);
		padding: 10px 14px 10px 10px;
		border-left: 5px solid var(--color-primary-bold);
	}
}