:root {
    --grid_twocol: "aaa aaa";
    --grid_threecol: "aaa aaa aaa";
    --grid_fourcol: "aaa aaa aaa aaa";
    --grid_fivecol: "aaa aaa aaa aaa aaa";
    --grid_sevencol: "aaa aaa aaa aaa aaa aaa aaa";
    --grid_tencol: "aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa";
    --masonry_twocol: calc((100% / 2) - 25px);
    --masonry_threecol: calc((100% / 3) - 20px);
    --masonry_fourcol: calc((100% / 4) - 18px);
    --masonry_fivecol: calc((100% / 5) - 16px);
    --masonry_sevencol: calc((100% / 7) - 15px);
    --masonry_tencol: calc((100% / 10) - 13px);
}
@media all and (max-width: 1920px) {
    :root {
        --grid_tencol: "aaa aaa aaa aaa aaa aaa aaa";
        --masonry_tencol: calc((100% / 7) - 15px);
    }
    li.select_option.tencol {
        display: none;
    }
}
@media all and (max-width: 1500px) {
    :root {
        --grid_sevencol: "aaa aaa aaa aaa aaa";
        --grid_tencol: "aaa aaa aaa aaa aaa";
        --masonry_sevencol: calc((100% / 5) - 16px);
        --masonry_tencol: calc((100% / 5) - 16px);
    }
    li.select_option.sevencol {
        display: none;
    }
}
@media all and (max-width: 1366px) {
    :root {
        --grid_fivecol: "aaa aaa aaa aaa";
        --grid_sevencol: "aaa aaa aaa aaa";
        --grid_tencol: "aaa aaa aaa aaa";
        --masonry_fivecol: calc((100% / 4) - 18px);
        --masonry_sevencol: calc((100% / 4) - 18px);
        --masonry_tencol: calc((100% / 4) - 18px);
    }
    li.select_option.fivecol {
        display: none;
    }
}
@media all and (max-width: 1152px) {
    :root {
        --grid_fourcol: "aaa aaa aaa";
        --grid_fivecol: "aaa aaa aaa";
        --grid_sevencol: "aaa aaa aaa";
        --grid_tencol: "aaa aaa aaa";
        --masonry_fourcol: calc((100% / 3) - 20px);
        --masonry_fivecol: calc((100% / 3) - 20px);
        --masonry_sevencol: calc((100% / 3) - 20px);
        --masonry_tencol: calc((100% / 3) - 20px);
    }
    li.select_option.fourcol {
        display: none;
    }
}
@media only screen and (max-width: 782px) {
    :root {
        --grid_threecol: "aaa aaa";
        --grid_fourcol: "aaa aaa";
        --grid_fivecol: "aaa aaa";
        --grid_sevencol: "aaa aaa";
        --grid_tencol: "aaa aaa";
        --masonry_threecol: calc((100% / 2) - 25px);
        --masonry_fourcol: calc((100% / 2) - 25px);
        --masonry_fivecol: calc((100% / 2) - 25px);
        --masonry_sevencol: calc((100% / 2) - 25px);
        --masonry_tencol: calc((100% / 2) - 25px);
    }
    li.select_option.threecol {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    :root {
        --grid_twocol: "aaa";
        --grid_threecol: "aaa";
        --grid_fourcol: "aaa";
        --grid_fivecol: "aaa";
        --grid_sevencol: "aaa";
        --grid_tencol: "aaa";
        --masonry_twocol: 100%;
        --masonry_threecol: 100%;
        --masonry_fourcol: 100%;
        --masonry_fivecol: 100%;
        --masonry_sevencol: 100%;
        --masonry_tencol: 100%;
    }
    li.select_option.twocol {
        display: none;
    }
}
.listing_wrapper {
    position: relative;
    display: grid;
    width: auto;
    min-width: 50px;
    margin: 0 0 0 320px;
    padding: 20px 20px 70px;
    grid-gap: 17px;
    background: #000;
    grid-auto-columns: 1fr;
    grid-template-areas: var(--grid_fivecol);
    transition: margin .5s, min-width .5s;
}

.account_page_w .listing_wrapper {
    padding-left: 0;
    padding-right: 0;
}

.filters .listing_wrapper {
    min-width: 100%;
    margin: 0;
}
.filters #js-ykmenu-filter-sidebar {
    left: -100%;
}
.listing_wrapper.empty {
    display: flex;
    height: 100vh;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.empty_listing {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}
.listing_wrapper.twocol { grid-template-areas: var(--grid_twocol); }
.listing_wrapper.threecol { grid-template-areas: var(--grid_threecol); }
.listing_wrapper.fourcol { grid-template-areas: var(--grid_fourcol); }
.listing_wrapper.sevencol { grid-template-areas: var(--grid_sevencol); }
.listing_wrapper.tencol { grid-template-areas: var(--grid_tencol); }
.loading_screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    will-change: auto;
    background: #1a1a1a;
    border-radius: 15px;
    transition: opacity ease-in-out .3s;
}
.loading_screen.active {
    opacity: 1;
}
.loading_screen.inFront {
    z-index: 999;
}
.listing_product_wrapper {
    position: relative;
    display: flex;
    background: #262626;
    color: #FFF;
    /* border-radius: 15px; */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    text-decoration: none;
    flex-direction: column;
    border: 2px solid transparent;
}

.listing_product_wrapper .open_modal_btn_overlay.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
}

body.is_desktop .listing_product_wrapper:hover,
body.has_touchscreen .listing_product_wrapper.listing_card_active {
    color: #FFF;
    text-decoration: none;
    border-color: #4dc538;
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
    /* box-shadow: 0px 0px 0px 1px var(--ykcolor); */
}
.listing_product_wrapper:focus,
.listing_product_wrapper:active {
    color: #FFF;
    text-decoration: none;
}
.listing_wrapper.masonry {
    display: block;
}
.listing_wrapper.masonry .listing_product_wrapper {
    width: var(--masonry_fivecol);
}

.listing_wrapper .lpc_displayed_chh_main_w {
    padding: 10px;
}

 .lpc_displayed_chh_ch_name,
.listing_wrapper .lpc_displayed_chh {
    color: #000;
}

.listing_wrapper .lpc_displayed_chh_ch_name {
    font-weight: 600;
}

.listing_wrapper .lpc_displayed_chh_md {
    padding: 3px;
    font-size: 14px;
    color: #000;
    border: #355acc 2px solid;
    border-radius: 5px;
    position: relative;
    top: 3px;
}

.listing_wrapper .lpc_displayed_chh_md.lpc_displayed_chh_md_start {
    border-color: #82bb38;
}

.listing_wrapper .lpc_displayed_chh_md.lpc_displayed_chh_md_update {
    border-color: #f2700e;
}

.listing_wrapper .lpc_displayed_chh_md.lpc_displayed_chh_md_stop {
    border-color: #f73533;
}

.listing_wrapper.twocol.masonry .listing_product_wrapper { width: var(--masonry_twocol); }
.listing_wrapper.threecol.masonry .listing_product_wrapper { width: var(--masonry_threecol); }
.listing_wrapper.fourcol.masonry .listing_product_wrapper { width: var(--masonry_fourcol); }
.listing_wrapper.sevencol.masonry .listing_product_wrapper { width: var(--masonry_sevencol); }
.listing_wrapper.tencol.masonry .listing_product_wrapper { width: var(--masonry_tencol); }
.listing_product_carousel {
    position: relative;
    display: flex;
    /*height: 100%;*/
    min-height: 100px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 8;
}
.listing_product_carousel h5 {
    font-size: 14px;
}
.listing_product_carousel h5:first-child {
    margin-top: 5px;
}
.listing_product_carousel span {
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
}
.listing_product_carousel .lpc_displayed_chh:last-child {
    margin: 0 0 10px;
}
.tencol .listing_product_carousel * {
    font-size: 11px;
}
span.code_text.with_link {
    color: #999;
}

/*.listing_product_title.is_favorite_p span.code_text.with_link {
    color: red;
}*/

body.is_internal .code_text.with_link:hover,
body.is_internal .listing_product_title.is_favorite_p span.code_text.with_link:hover {
    color: #f2700e;
}



.carousel_image {
    object-position: top;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.listing_carousel_inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: stretch;
}
.listing_carousel_inner:hover .listing_carousel_sec {
    background-color: #fff;
}
.listing_carousel_sec {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-position: top;
    transform: translate(-50%, -50%);
}
.listing_carousel_alt {
    position: relative;
    flex: 1;
    z-index: 1000;
}
body.is_desktop .listing_carousel_alt:hover + .listing_carousel_sec,
body.has_touchscreen .listing_carousel_alt.region_active + .listing_carousel_sec {
    display: block;
    z-index: 100;
}
.listing_carousel_alt::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 2px;
    width: calc(100% - 4px);
    height: 2px;
    visibility: hidden;
    background: var(--ykcolor);
}

.listing_carousel_alt.is_automated_image::after {
    background: #3985d5;
}

.only_1_img .listing_carousel_alt::after {
    display: none;
}
body.is_desktop .listing_carousel_alt:hover::after,
body.has_touchscreen .listing_carousel_alt.region_active::after {
    visibility: visible;
}
.listing_product_details {
    position: relative;
    padding: 0 20px 10px;
    font-size: 14px;
    font-weight: 600;
}
.listing_product_details .this_pr_count_carousel_img_w {
    display: block;
    position: absolute;
    top: 13px;
    right: 20px;
    background-color: #000;
    color: #FFF;
    min-width: 70px;
    padding: 2px 10px;
    border-radius: 40px;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
}

/*body.has_touchscreen .listing_product_details .this_pr_count_carousel_img_w {
    display: block;
}*/

.listing_product_details .this_pr_count_carousel_current_img_no {
    width: 10px;
    display: inline-block;
}

.listing_product_details .this_pr_count_carousel_img_separator {
    margin: 0 2px;
}

.sevencol .listing_product_details,
.tencol .listing_product_details {
    padding: 0 10px 10px;
    font-size: 12px;
}
.listing_product_collections {
    /*height: 20px;*/
    margin: 10px 0;
}
.collection_span {
    margin: 0 5px 0 0;
    /*text-transform: uppercase;*/
}
.listing_product_title {
    font-size: 15px;
    min-height: 30px;
    font-weight: 400;
    color: #FFF;
    margin: 0;
    padding: 0;
}

body .listing_product_title {
    font-size: 19px;
}

body .listing_product_title .code_text {
    font-size: 75%;
}

body.is_smartphone .listing_product_title {
    line-height: 1.3;
}

body.is_smartphone .listing_product_title.title_truncated {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

body.is_smartphone .listing_product_title.title_truncated .code_text.not_visible {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #262626;
    padding-left: 4px;
}

body.is_smartphone .listing_product_title.title_truncated .code_text.not_visible::before {
    content: '...';
}

body.light_theme.is_smartphone .listing_product_title.title_truncated .code_text.not_visible {
    background-color: #ececec;
}

.listing_product_price {
    height: 24px;
    margin: 10px 0;
    font-size: 18px;
    visibility: hidden;
}
/*.listing_product_wrapper:hover .listing_product_title,
.listing_product_wrapper:hover .listing_product_price {
    color: var(--ykcolor);
}*/
.tencol .listing_product_title,
.tencol .listing_product_price {
    font-size: 15px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: unset !important;
}


.new_select_col_numbers{
    display: flex;
}

.listing_product_wrapper .custom_visible_char {
    display: none;
    padding: 5px;
}

.listing_product_wrapper:hover .custom_visible_char {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

body.is_smartphone .listing_product_wrapper .custom_visible_char {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.custom_visible_char, .custom_visible_char .fa {
    color: #000;
}

.custom_visible_char .fa {
    font-size: 16px;
    padding: 0;
}

.custom_visible_char {
    position: absolute;
}

.custom_visible_char .fa {
    margin-right: 7px;
}


.custom_visible_char.char_over_img_8 .fa,
.custom_visible_char.char_over_img_9 .fa {
    margin-right: 0;
    margin-left: 7px;
}

.custom_visible_char.char_over_img_7 .fa,
.custom_visible_char.char_over_img_12 .fa {
    margin-right: 7px;
    margin-left: 0;
}

.custom_visible_char.char_over_img_1 {
    top: 2%;
    left: 2%;
}

.custom_visible_char.char_over_img_2 {
    top: 35%;
    left: 2%;
    transform: translateY(-100%);
}

.custom_visible_char.char_over_img_3 {
    top: 55%;
    left: 2%;
    transform: translateY(-100%);
}

.custom_visible_char.char_over_img_4 {
    top: 75%;
    left: 2%;
    transform: translateY(-100%);
}

.custom_visible_char.char_over_img_5 {
    top: 98%;
    left: 2%;
    transform: translateY(-100%);
}

.custom_visible_char.char_over_img_6 {
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
}

.custom_visible_char.char_over_img_7 {
    top: 98%;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
}

.custom_visible_char.char_over_img_8 {
    top: 2%;
    left: 98%;
    transform: translateX(-100%);
}

.custom_visible_char.char_over_img_9 {
    top: 35%;
    left: 98%;
    transform: translateX(-100%) translateY(-100%);
}

.custom_visible_char.char_over_img_10 {
    top: 55%;
    left: 98%;
    transform: translateX(-100%) translateY(-100%);
}

.custom_visible_char.char_over_img_11 {
    top: 75%;
    left: 98%;
    transform: translateX(-100%) translateY(-100%);
}

.custom_visible_char.char_over_img_12 {
    top: 98%;
    left: 98%;
    transform: translateX(-100%) translateY(-100%);
}

.custom_visible_char.inaltime_char {
    position: absolute;
    top: 0;
    right: 0;
}

.custom_visible_char.inaltime_char .fa {
    transform: rotate(90deg);
}

.custom_visible_char.lungime_char {
    position: absolute;
    bottom: 0;
    right: 0;
}

.custom_visible_char.adancime_char {
    position: absolute;
    bottom: 0;
    left: 0;
}

.custom_visible_char.adancime_char .fa {
    transform: rotate(-45deg);
}

.listing_product_carousel .custom_visible_char_val {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 0;
}

.listing_product_carousel .custom_visible_char {
    text-shadow: 1px 1px 1px #fff;
}

.listing_product_carousel .custom_visible_char.custom_link_ch_over_img {
    border-bottom: #ccc 1px solid;
}

.listing_product_carousel .custom_visible_char.custom_link_ch_over_img.open_folder_ch_over_img {
    border-radius: 10px;
    border: #ccc 1px solid;
}