/* chung  */
.jp-store-name {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 5px;
}

@media(max-width:480px) {
    .jp-store-name {
        font-size: 14px;
        line-height: 22px;
    }
}

.jp-store-meta {
    color: var(--gray-style-5) !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    --max-lines: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    margin-top: 5px;
}

@media(max-width:480px) {
    .jp-store-meta {
        font-size: 12px;
        line-height: 18px;
    }
}

/* home - store */
.jp_cuahangphobien.uk-grid>* {
    padding-left: 20px;
}

.jp_cuahangphobien.uk-grid {
    margin-left: -20px;
}

.jp_cuahangphobien.uk-grid>.uk-grid-margin {
    margin-top: 40px;
}

@media(max-width:480px) {
    .jp_cuahangphobien.uk-grid>.uk-grid-margin {
        margin-top: 30px;
    }
}

.jp_cuahangphobien .hidden_img {
    overflow: hidden;
    border: 1px solid #E0DDDD;
    border-radius: 50%;
    transition: all .3s;
}

.jp_cuahangphobien>div .uk-border-circle {
    transition: all .3s;
}

@media(min-width:480px) {
    .jp_cuahangphobien>div:hover .hidden_img {
        border-color: var(--primary-color);
    }

    .jp_cuahangphobien>div:hover .uk-border-circle {
        transform: scale(1.08);
    }
}

.jp_cuahangphobien .item-user .uk-grid-small>* {
    padding-left: 15px;
}

.jp_cuahangphobien .item-user .uk-grid-small {
    margin-left: -15px;
}

@media(min-width:480px) {
    .jp_cuahangphobien .item-user {
        padding: 10px;
        border: 1px solid transparent;
        border-radius: 10px;
        transition: all .3s;
    }

    .jp_cuahangphobien>div:hover .item-user {
        border-color: var(--primary-color);
    }

}

.jp_cuahangphobien>div {
    position: relative;
}

@media(min-width:480px) {
    .jp_cuahangphobien>div:not(.uk-first-column)::before {
        content: "";
        border-left: 1px solid;
        height: 44px;
        width: 1px;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
}

.jp_cuahangphobien a:hover {
    text-decoration: none;
}

@media (max-width: 639px) {
    .jp_cuahangphobien img {
        width: 44px;
        height: auto;
    }
}

@media (min-width: 640px) {
    .jp_cuahangphobien .uk-text-meta {
        font-size: 18px;
    }
}


.jp_cuahangphobien>div:last-child .uk-width-expand {
    border: none;
}




















/*TRENDING CATEGORY*/
.jp_trending_category .el-title {
    color: #E3757C;
    transition: all .3s;
}

.jp_trending_category .el-item:hover .el-title {
    color: #E50914;
}

.jp_trending_category .el-meta {
    transition: all .3s;
    font-size: 16px;
    line-height: 26px;
}

.jp_trending_category .el-item:hover .el-meta {
    color: #fff !important;
}

@media(max-width:480px) {
    .jp_trending_category .uk-grid>.uk-grid-margin {
        margin-top: 20px;
    }

    .jp_trending_category .el-title {
        font-size: 14px;
        line-height: 22px;
    }

    .jp_trending_category .el-meta {
        font-size: 14px;
        line-height: 22px;
    }
}

.jp_trending_category .uk-inline-clip,
.jp_trending_category img {
    width: 100%;
}




/* ===============  LOAI XE ===========================*/
.loaixe:not(.fixed) .uk-margin .uk-grid.uk-grid-match>div:nth-child(n+7) {
    display: none;
}

@media (min-width: 1200px) {
    .loaixe:not(.fixed) .uk-margin .uk-grid.uk-grid-match>div:nth-child(n+6) {
        display: none;
    }
}

/* ===============  CLIP HANG DAU ===========================*/
.cliphangdau .time {
    display: none;
}

@media(min-width: 640px) {
    .cliphangdau.s1 ul.products>* .woocommerce-loop-product__title {
        font-size: 24px !important;
    }
}

.cliphangdau .products .product a.woocommerce-LoopProduct-link:after {
    position: absolute;
    left: 9px;
    top: 9px;
    color: #FFF;
    text-align: right;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
}

.cliphangdau.s1 .products .product a.woocommerce-LoopProduct-link:after {
    font-size: 57px;
}

@media (min-width: 640px) {
    .cliphangdau.s1 .products .product a.woocommerce-LoopProduct-link:after {
        font-size: 100px;
    }
}

.cliphangdau.s1 .products .product a.woocommerce-LoopProduct-link:after {
    content: "#1";
}

.cliphangdau.s2 .products {
    counter-reset: z123 1;
}

.cliphangdau.s2 .products .product a.woocommerce-LoopProduct-link:after {
    counter-increment: z123;
    content: "#" counter(z123);
}

.cliphangdau.s3 .products {
    counter-reset: z123 5;
}

.cliphangdau.s3 .products .product a.woocommerce-LoopProduct-link:after {
    counter-increment: z123;
    content: "#" counter(z123);
}


.cliphangdau.s2 .products .product a.woocommerce-LoopProduct-link .left.uk-first-column {
    padding: 0px;
    display: block;
}

.cliphangdau.s2 .products .product {
    padding-bottom: 20px !important;
}

.cliphangdau.s2 .products .product .scale_img {
    width: 42%;
    padding-bottom: 38%;
    float: left;
    margin-right: 21px;
    margin-bottom: 0px;
}

.cliphangdau.s2 .products .product .scale_img {
    padding-bottom: 22%;
}

.cliphangdau.s1 .products .product .scale_img {
    padding-bottom: 73%;
}

/* @media (min-width: 960px) { */
.cliphangdau.s1 .products .product .scale_img img,
.cliphangdau.s2 .products .product .scale_img img {
    /* aspect-ratio: 252/130; */
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* } */

@media (max-width: 639px) {

    .cliphangdau.s1 .products .product,
    .cliphangdau.s2 .products .product,
    .cliphangdau.s3 .products .product {
        width: 100%;
    }

    .cliphangdau.s2 ul.products>* .woocommerce-loop-product__title,
    .cliphangdau.s3 ul.products>* .woocommerce-loop-product__title {
        margin-top: 0px !important;
    }
}

@media (max-width: 639px) {

    .cliphangdau.s3 .products .product .scale_img {
        max-width: 45%;
    }

    .cliphangdau.s3 .products .product a.woocommerce-LoopProduct-link .left.uk-first-column {
        padding: 0px;
    }

    .cliphangdau.s3 .products .product .scale_img {
        max-width: 45%;
        float: left;
        margin-right: 21px;
        margin-bottom: 0px;
    }

    .cliphangdau.s3 .products .product {
        padding-bottom: 20px !important;
    }
}

.cliphangdau.s2 .products .product a.woocommerce-LoopProduct-link .uk-grid.jp_hide_right .left.uk-first-column {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}



/*jp_filter_store*/

.jp_filter_store .form_the_loai .uk-button {
    min-width: 244px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
}

.jp_filter_store .form_the_loai .uk-dropdown-nav li:hover a,
.jp_filter_store .form_the_loai a.active {
    color: white;
    background-color: var(--primary-color);
}

/* chi tiết thể loại */
/* top store */
.jp_the_loai_top_store {
    counter-reset: my-sec-counter;
}

@media(max-width:480px) {
    .jp_the_loai_top_store.uk-grid-divider.uk-grid-stack>.uk-grid-margin {
        margin-top: 30px;
    }

    .jp_the_loai_top_store.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
        top: -15px;
    }
}


.jp_the_loai_top_store .hidden_img {
    overflow: hidden;
    border: 1px solid #E0DDDD;
    border-radius: 50%;
    transition: all .3s;
}

.jp_the_loai_top_store>div .uk-border-circle {
    transition: all .3s;
}

@media(max-width:480px) {
    .jp_the_loai_top_store>div .uk-border-circle {
        width: 48px;
        height: 48px;
    }
}

@media(min-width:480px) {
    .jp_the_loai_top_store>div:hover .hidden_img {
        border-color: var(--primary-color);
    }

    .jp_the_loai_top_store>div:hover .uk-border-circle {
        transform: scale(1.08);
    }
}

/* top clip */
.jp_the_loai_top_clip {
    counter-reset: my-sec-counter;
}

@media(max-width:480px) {
    .jp_the_loai_top_clip .products .product {
        width: 100%;
    }
}

.jp_the_loai_top_clip li.product .woocommerce-LoopProduct-link {
    position: relative;
}

.jp_the_loai_top_clip li.product .woocommerce-LoopProduct-link::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter, decimal-leading-zero);
    position: absolute;
    left: 0px;
    bottom: 7px;
    color: #FFF;
    font-size: 36px;
    font-style: italic;
    font-weight: 700;
    line-height: 54px;
}

@media(max-width:480px) {
    .jp_the_loai_top_clip li.product .woocommerce-LoopProduct-link::before {
        bottom: 0px;
        font-size: 44px;
        line-height: 66px;
    }
}

.jp_the_loai_top_clip li.product .woocommerce-loop-product__title {
    padding-left: 65px;
    min-height: unset;
    -webkit-line-clamp: 1;
}

.jp_the_loai_top_clip li.product .uk-grid-small {
    padding-left: 65px;
}

.jp_the_loai_top_clip li.product .left {
    display: flex;
}

.jp_the_loai_top_clip li.product .right {
    display: none;
}


/* của hàng mới  */
@media(min-width:480px) {
    .jp_cuahangmoi>div.uk-grid>* {
        padding-left: 20px;
    }

    .jp_cuahangmoi>div.uk-grid {
        margin-left: -20px;
    }

    .jp_cuahangmoi>div.uk-grid>.uk-grid-margin {
        margin-top: 40px;
    }

    .jp_cuahangmoi>div.uk-grid>div {
        position: relative;
    }
}

@media(min-width:480px) {
    .jp_cuahangmoi>div.uk-grid>div:not(.uk-first-column)::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 44px;
        border-left: 1px solid #EBF5FF;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
    }
}

@media(min-width:480px) {
    .jp_cuahangmoi .jp_item_wrap .item-user {
        padding: 10px;
        border: 1px solid transparent;
        border-radius: 6px;
        transition: all .3s;
    }

    .jp_cuahangmoi .jp_item_wrap .item-user:hover {
        border-color: var(--primary-color);
    }
}

.jp_cuahangmoi .jp_item_wrap .item-user:hover a {
    text-decoration: unset;
}

.jp_cuahangmoi .jp_item_wrap .item-user .uk-grid-small>* {
    padding-left: 15px;
}

.jp_cuahangmoi .jp_item_wrap .item-user .uk-grid-small {
    margin-left: -15px;
}

.jp_cuahangmoi .jp_item_wrap .item-user .uk-grid-small .hidden_img {
    border: 1px solid #E0DDDD;
    border-radius: 50%;
    overflow: hidden;
    transition: all .3s;
}

@media(min-width:480px) {
    .jp_cuahangmoi .jp_item_wrap .item-user:hover .uk-grid-small .hidden_img {
        border-color: var(--primary-color);
    }
}

.jp_cuahangmoi .jp_item_wrap .item-user .uk-grid-small .hidden_img .uk-border-circle {
    transition: all .3s;
}

@media(min-width:480px) {
    .jp_cuahangmoi .jp_item_wrap .item-user:hover .uk-grid-small .hidden_img .uk-border-circle {
        transform: scale(1.08);
    }
}

@media(max-width:480px) {
    .jp_cuahangmoi .jp_item_wrap .item-user .uk-grid-small .hidden_img .uk-border-circle {
        width: 44px;
        height: 44px;
    }
}



/* ==== ELEMENTS USERS =========== */
.jp_filter_store .stores .item-user a:hover {
    text-decoration: none;
}

.jp_filter_store .stores .item-user .uk-card-title {
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
    margin-bottom: 15px;
}

@media(max-width:480px) {
    .jp_filter_store .stores .item-user .uk-card-title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 5px;
    }
}

.jp_filter_store .stores .item-user .jp-store-meta {
    display: flex;
    gap: 10px;
}

.jp_filter_store .stores .item-user .jp-store-meta .clips {
    padding: 2px 10px;
    border-radius: 100px;
    background: rgba(150, 150, 151, 0.40);
    color: white;
    display: inline-block;
}

@media(max-width:480px) {
    .jp_filter_store .stores .item-user .jp-store-meta .clips {
        padding: 5px 15px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.jp_filter_store .stores .item-user .jp-store-meta .follows {
    padding: 2px 10px;
    border-radius: 100px;
    background: rgba(150, 150, 151, 0.40);
    color: white;
    display: inline-block;
}

@media(max-width:480px) {
    .jp_filter_store .stores .item-user .jp-store-meta .follows {
        padding: 5px 15px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}



.jp_filter_store .stores .filter_stores_div.uk-grid>* {
    padding-left: 20px;
}

.jp_filter_store .stores .filter_stores_div.uk-grid {
    margin-left: -20px;
}

.jp_filter_store .stores .filter_stores_div.uk-grid>.uk-grid-margin {
    margin-top: 55px;
    position: relative;
}

@media(max-width:480px) {
    .jp_filter_store .stores .filter_stores_div.uk-grid>.uk-grid-margin {
        margin-top: 30px;
    }
}

.jp_filter_store .stores .filter_stores_div.uk-grid>.uk-grid-margin::before {
    content: '';
    display: block;
    width: calc(100% - 20px);
    height: 1px;
    position: absolute;
    top: -40px;
    border-bottom: 1px solid;
    opacity: 0.2;
}

@media(max-width:480px) {
    .jp_filter_store .stores .filter_stores_div.uk-grid>.uk-grid-margin::before {
        top: -15px;
    }
}

.jp_filter_store .stores .item-user.item-user-tiny .uk-grid-small>* {
    padding-left: 15px;
}

.jp_filter_store .item-user.item-user-tiny .uk-grid-small {
    margin-left: -15px;
}


/* filter store top 100 */
.jp_filter_store .jp_user_get_top {
    counter-reset: my-sec-counter;
}

.jp_filter_store .jp_user_get_top .filter_stores_div .item-user-tiny {
    position: relative;
    padding: 10px 10px 10px 93px;
}

@media(max-width:480px) {
    .jp_filter_store .jp_user_get_top .filter_stores_div .item-user-tiny {
        padding: 0px 0px 0px 65px;
    }
}

.jp_filter_store .jp_user_get_top .filter_stores_div .item-user-tiny::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter, decimal-leading-zero);
    position: absolute;
    left: 10px;
    bottom: 13px;
    color: #FFF;
    font-size: 54px;
    font-style: italic;
    font-weight: 700;
    line-height: 66px;
}

@media(max-width:480px) {
    .jp_filter_store .jp_user_get_top .filter_stores_div .item-user-tiny::before {
        position: absolute;
        left: 0px;
        bottom: 0px;
        font-size: 44px;
        line-height: 55px;
    }
}



/*filter_tax*/
@media (max-width: 639px) {
    .filter_tax>.uk-flex {
        flex-direction: column;
        gap: 20px;
    }

    .filter_tax>.uk-flex>.uk-grid {
        width: 100%;
        margin-left: 0px;
        display: flex;
        justify-content: space-between;
    }

    .filter_tax>.uk-flex>.uk-grid>* {
        padding: 0px;
    }

    .filter_tax>.uk-flex>.uk-grid.uk-margin-remove>.uk-first-column,
    .filter_tax>.uk-flex>.uk-grid .uk-input {
        width: 100%;
    }
}


/* ============================ User template ============================*/


@media(min-width:480px) {
    .item-user.item-user-tiny {
        padding: 10px;
        border: 1px solid transparent;
        border-radius: 6px;
        transition: all .3s;
    }

    .item-user.item-user-tiny:hover {
        border-color: var(--primary-color);
    }
}

.item-user.item-user-tiny .hidden_img {
    overflow: hidden;
    border: 1px solid #E0DDDD;
    border-radius: 50%;
    transition: all .3s;
}

.item-user.item-user-tiny:hover .hidden_img {
    border-color: var(--primary-color);
}

.item-user.item-user-tiny .hidden_img img {
    transition: all .3s;
}

@media(max-width:480px) {
    .item-user.item-user-tiny .hidden_img img {
        width: 44px;
        height: 44px;
    }
}

@media(min-width:480px) {
    .item-user.item-user-tiny:hover .hidden_img img {
        transform: scale(1.08);
    }
}


.item-user-small .uk-card-title{
    font-size: 18px;
}

.item-user-small .jp-store-meta{
    overflow: unset;
    display: flex;
    gap: 15px;
}

.item-user-small .jp-store-meta .clips,
.item-user-small .jp-store-meta .follows{
    padding: 2px 10px;
    background: #96969766;
    border-radius: 100px;
    white-space: nowrap;
}


.item-user.item-user-xx {
    position: relative;
    padding: 10px 10px 10px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media(min-width:480px) {
    .item-user.item-user-xx {
        border: 1px solid transparent;
        border-radius: 10px;
        transition: all .3s;
    }

    .item-user.item-user-xx:hover {
        border-color: var(--primary-color);
    }
}



.item-user.item-user-xx::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter, decimal-leading-zero);
    /* position: absolute; */
    left: 10px;
    bottom: 13px;
    font-size: 44px;
    font-style: italic;
    font-weight: 700;
    line-height: 1em;
    max-height: 1em;
}

@media(max-width:480px) {
    .item-user.item-user-xx::before {
        font-size: 28px;
        line-height: 1em;
        max-height: 1em;
    }
}

.item-user.item-user-xx a:hover {
    text-decoration: unset;
}

.item-user.item-user-xx .uk-grid>* {
    padding-left: 15px;
}

.item-user.item-user-xx .uk-grid {
    margin-left: -15px;
}