ul#product_list{
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -43px;
}

.small-height-container ul#product_list {
    align-items: center;
}

ul#product_list li{
    float: left;
    width: 175px;
    height: 400px;
    padding: 0;
    position: relative;

    margin-bottom: 43px;
    line-height: 21px;
}

ul#product_list.horizontal {
    flex-wrap: nowrap;
    padding-left: 6px;
}

ul#product_list.horizontal > li {
    flex-shrink: 0;
    margin-bottom: 5px;
    margin-right: 20px;
}

.tab-related .related_new {
    height: 125px;
}

.small-height-container>ul>li {
    display: none;
}

.related-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 80px;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    width: 110px;
}

.related-sticky-cont {
    position: absolute;
    left: -540px;
    height: 100%;
}

.related-container-header {
    border-bottom: 1px solid #D3D3D3;
    background-color: rgba(248, 248, 248, 1);
    text-align: center;
    padding: 5px;
}

.related-container-footer {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    background-color: rgba(248, 248, 248, 1);
    text-align: center;
    width: 85px;
    padding: 5px;
    margin-top: 16px;
    margin-bottom: 10px;
    cursor: pointer;
}

.small-height-container {
    display: block;
}

.height-container.ver1 {
    display: block;
    height: 440px;
    overflow: hidden;
}

.height-container.ver2 {
    display: block;
    height: 880px;
    overflow: hidden;
}

.height-container.ver3 {
    display: block;
    height: 1320px;
    overflow: hidden;
}

.height-container.ver4 {
    display: block;
    height: 1760px;
}

@media screen and (min-width: 1281px) {

    /* 5 products on row */

    /* push products to the left if the last row is not filled */

    ul#product_list li:last-child:nth-child(5n + 2) {
        margin-right: 654px;
    }

    ul#product_list li:last-child:nth-child(5n + 3) {
        margin-right: 436px;
    }

    ul#product_list li:last-child:nth-child(5n + 4) {
        margin-right: 218px;
    }

    /* display max 5 products = 1 row */
    .single-row-product-list ul#product_list li:nth-child(n + 6) {
        display: none;
    }

    /* display max 10 products = 2 rows */
    .two-row-product-list ul#product_list li:nth-child(n + 11) {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    /* push products to the left if the last row is not filled */

    ul#product_list li:last-child:nth-child(4n + 2) {
        margin-right: 390px;
    }

    ul#product_list li:last-child:nth-child(4n + 3) {
        margin-right: 195px;
    }

    /* display max 4 products = 1 row */
    .single-row-product-list ul#product_list li:nth-child(n + 5) {
        display: none;
    }

    /* display max 8 products = 2 rows */
    .two-row-product-list ul#product_list li:nth-child(n + 9) {
        display: none;
    }
}

@media screen and (max-width: 450px) {

    ul#product_list li:last-child:nth-last-child(1) {
        margin-right: 0;
    }

    /* display max 2 products = 1 row on mobile */
    .single-row-product-list ul#product_list li:nth-child(n + 3) {
        display: none;
    }
}

ul#product_list li h2{
    display: block;
    height: 38px;

    padding: 0;
    margin-top: 20px;
    margin-bottom: 2px;

    overflow: hidden;

    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.small-height-container ul#product_list li h2 {
    line-height: 19px;
}

@-moz-document url-prefix() {
    .small-height-container ul#product_list li h2 {
        line-height: 18.3px;
    }
}

ul#product_list li h2 a{
    color: black;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    
    /* https://caniuse.com/#search=-webkit-line-clamp */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

ul#product_list li h2 a.title-short{
    display: inline-block;
    /* line-height: 36px; */ /* middle */
    /* line-height: 54px; */ /* bottom */
}

ul#product_list li h2 a:hover{
    color: black;
    text-decoration: none;
}

ul#product_list li .product-author{
    display: block;
    color: #8A8A8A;
    font-size: 14px;
    min-height: 21px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

ul#product_list li .product-author.hidden {
    display: none;
}

ul#product_list li .product-available {
    display: block;
    color: #3DAB0F;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}

ul#product_list li .product-unavailable {
    display: block;
    color: black;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}

ul#product_list li .image-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 233px;
}

ul#product_list li .spl-image-block {
    height: 125px !important;
}

ul#product_list li a.product_img_link {
    display: block;
    text-align: center;
    position: relative;
    min-width: 124px;
}

ul#product_list li.small-block-product a.product_img_link {
    min-width: 90px;
}

ul#product_list li a.product_img_link .product-sale {
    position: absolute;
    top: -1px;
    right: -1px;
    overflow: hidden;
    width: 75px;
    height: 75px;
}

ul#product_list li a.product_img_link .product-sale > span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 132px;
    font-family: 'Asap', sans-serif;
    font-family: var(--price-font-family), sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: white;
    background-color: #D80000;
    border: solid 2px white;
    padding: 2px 0;
    text-align: center;
    transform: rotate(45deg) translate(36px, -22px);
}

ul#product_list li a.product_img_link .product-sale .percent {
    font-size: 16px;
}

ul#product_list li .image-block img {
    display: inline-block;
    max-width: 175px;
    max-height: 233px;
    vertical-align: bottom;
    line-height: normal;
    box-shadow: 0 9px 8px rgba(0, 0, 0, 0.16);
}

ul#product_list li .image-block img.spl-image {
    display: inline-block;
    max-width: 86px;
    max-height: 125px;
    vertical-align: bottom;
    line-height: normal;
    box-shadow: 0 9px 8px rgba(0, 0, 0, 0.16);
}

ul#product_list li a.hide-img-shadow img {
    box-shadow: none;
}

ul#product_list li img.default-img{

}
ul#product_list li .text {
    display: inline-block;
    width: 150px;
    margin: 0 0 5px 19px;
}

ul#product_list li .text p {
    padding: 0;
    display: inline-block;
    float: left;
}

ul#product_list li .text strong span.price_currency {
}


ul#product_list li .product-bottom-box {
    margin-top: 12px;
    height: 58px;
    text-align: center;

    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    font-family: 'Asap', sans-serif;
    font-family: var(--price-font-family), sans-serif;
}

ul#product_list li .product-bottom-box .left-col {
    vertical-align: middle;
    display: inline-block;
    text-align: right;
    margin-right: 20px;
    line-height: 20px;
}

ul#product_list li .product-bottom-box .left-col > * {
    display: block;
    height: 20px;
}

/* if .left-col has only 2 children, select the 1st */
ul#product_list li .product-bottom-box .left-col > *:nth-child(1):nth-last-child(2)
{
    margin-top: 10px;
}
/* if .left-col has only 2 children, select the 2nd */
ul#product_list li .product-bottom-box .left-col > *:nth-child(2):nth-last-child(1)
{
    margin-bottom: 10px;
}
/* if .left-col has only 1 child */
ul#product_list li .product-bottom-box .left-col > *:only-child
{
    margin-top: 20px;
    margin-bottom: 20px;
}

ul#product_list li .product-bottom-box > .rating {
    display: block;
    min-height: 21px;
}

ul#product_list li .product-bottom-box .rating {
    color: #8A8A8A;
    font-weight: bold;
}

@keyframes jumpStarAnimation {
    0% {transform: translateY(0);}
    50% {transform:translateY(-10px) rotate(36deg);}
    100% {transform: translateY(0) rotate(72deg);}
}

ul#product_list li .rating > .product-small-star-red {
    background: url('/img/svg/star.svg') 0 0 no-repeat;
    filter: invert(90%) hue-rotate(120deg) brightness(95%); /*zmena barvy*/
    width: 17px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    margin-right: 2px;
}

ul#product_list li .rating > .product-small-star {
    background: url('/img/svg/star.svg') 0 0 no-repeat;
    width: 17px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    margin-right: 2px;
}

ul#product_list li .product-bottom-box .old-price {
    position: relative;
    color: #8A8A8A;
    /*text-decoration: line-through;*/

    display: inline-block;
    white-space: nowrap;
}

ul#product_list li .product-bottom-box .old-price::after {
    /* manualni preskrtnuti stare ceny, line-through byl ve firefoxu moc nizko */
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #8A8A8A;
    left: 0;
    top: 56%;
}

ul#product_list li .product-bottom-box .price {
    font-size: 18px;
    font-weight: bold;
}

ul#product_list li .product-bottom-box .net-unit-price {
    color: #8A8A8A;
}

ul#product_list li .product-bottom-box .product-add-to-cart {
    width: 33px;
    height: 28px;
    vertical-align: middle;
    padding: 12px 9px 11px 9px;
    margin-bottom: 2px;
}


ul#product_list li .product-bottom-box .product-add-to-cart.unavailable {
    width: 31px;
    height: 26px;
    background-color: #ECECEC;
    cursor: default;
}

ul#product_list li .text a.button2 {
    background: url('/themes/mk2/img/css/list-books-button.png') 0 0 no-repeat;
    border-radius: 0;
    text-indent: -9999px;
    display: inline-block;
    width: 38px;
    height: 38px;
    border: none;
    float: right;
    padding: 0;
}

ul#product_list li:hover a.button2 {
    background-position: 0 -38px;
}

ul#product_list li span.button2 {
    display: block;
    margin: 1px 0 0 97px;
    color: #d20000;
}

ul#product_list li:hover span.button2 {
    color: #d20000;
}

ul#product_list li.first_item, ul#product_list li.first {
    margin-left: 0;
}
ul#product_list li.ajax_load a.product_img_link {
    background: url('/themes/mk2/img/css/ajax-loader.gif') center 150px no-repeat;
}
ul#product_list li.last_item {
    margin-right: 0;
}

ul#product_list li a.product_img_link:hover {
    text-decoration: none;
}


a.categoryAssignerButton {
    display: none;
    border: 1px solid #353535;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    float: right;
    position: absolute;
    bottom: 11px;
    right: 2px;
    text-decoration: none;
    background-color: #518003;
    color: #fff;
    border-radius: 3px;
}

a.categoryAssignerButton.clicked {
    display: none;
}

a.categoryAssignerButton:hover {
    background-color: #8e8e8e;
}

a.categoryAssignerButton.unAssign {
    background-color: #800204;
    right: 26px;
}


.vypis-produktu-ul{
    border: none;
}
.vypis-produktu-author{
    font-family: Arial, sans-serif;
    font-size:14px;
    font-weight: normal;
    margin-left: 17px;
    padding-bottom: 10px;
    line-height: 14px;
    margin-top: 5px;
    height: 14px;
    overflow: hidden;
}

.vypis-produktu-author a {
    color: #d20000;
    text-decoration: underline;
}

.vypis-produktu-author a:hover {
    text-decoration: none;
}

.vypis-produktu-name{
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-left: 17px;
    margin-top: 11px;
    padding-bottom: 0;
    line-height: 15px;
    height: 29px;
    width: 155px;
    overflow:hidden;
    display: block;
    margin-bottom: 1px;
}
.vypis-produktu-name a {
    text-decoration: none;
    display: table;
}
.vypis-produktu-name a:hover {
    text-decoration: underline;
}

.vypis-produktu-name a span {
    display: table-cell;
    vertical-align: middle;
}


.vypis-produktu-li{
    float: left;
    width: 174px;
    height: 378px;
    margin: 0 0 40px 0;
    overflow: hidden;
    background: url('/themes/mk2/img/css/list-books.png') -4px 345px no-repeat;
    padding: 8px 8px 4px;
}
.vypis-produktu-li:hover{
    background: url('/themes/mk2/img/stin.png') no-repeat;
}
.vypis-produktu-ul li .text strong {
    color: #c10000;
    font: bold 26px/26px 'Crimson Text', Times, serif;
    display: inline-block;
}
.vypis-produktu-ul li .text .price {
    width: 154px;
    margin-left: 15px;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    float: left;
}
.vypis-produktu-ul li .text strong .price_currency {
    color: #000000;
    font: bold 20px/20px 'Crimson Text', Times, serif;
    display: inline-block;
}
.vypis-produktu-ul li .text strong.vypis-produktu-availability{
    color:#0eb100;
    font: bold 16px/16px 'Arial';
    display: inline-block;
    float: right;
    margin-right: 13px;
    margin-top: 4px;
}

.text p.price span.button2 {
    float: right;
    margin-top: 4px;
}

.vypis-produktu.vypis-produktu-relative {
    margin-top: 5px;
}

.vypis-produktu-info{
    float: right;
    margin-right: 5px;
    background:url('/themes/mk2/img/info_hover.png');
    width: 124px;
    height: 35px;
}
.vypis-produktu-info:hover{
    background-position: 0 -35px;
}
.vypis-produktu-cart{
    background: url('/themes/mk2/img/test_category_add_to_cart.png');
    width: 35px;
    height: 35px;
    float: right;
    margin-right: 5px;
}
.vypis-produktu-cart:hover{
    background-position: 0 -35px;
}
.vypis-produktu-img{
    display: inline-block;
    max-width: 164px;
    max-height: 236px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.vypis-produktu-ul li a.product_img_link {
    display: block;
    width: 164px;
    margin: 5px 5px 0;
    height: 236px;
    overflow: hidden;
    position: relative;
}

ul#product_list li .ribbons {
    position: absolute;
    bottom: 18px;
    left: -12px;
    display: flex;
    flex-direction: column-reverse;
    align-items: start;
}

ul#product_list li .ribbon {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    font-size: 12px;
    font-weight: bold;

    position: relative;

    padding-left: 7px;
    padding-right: 4px;
    margin-top: 5px;

    height: 23px;
    line-height: 23px;

    color: #CCFFBA;
    background-color: #40AE12;

    border: 1px solid #278500;
    border-radius: 4px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

    text-transform: uppercase;
    white-space: nowrap;
}

ul#product_list li .ribbon::after {
    content: ' ';
    position: absolute;
    top: -1px;
    right: -10px;
    width: 10px;
    height: 25px;
    background: none no-repeat -36px 0;
    background-size: 46px 25px;
}

ul#product_list li .ribbon.free_shipping {
    color: #CCFFBA;
    background-color: #40ae12;
    border-color: #278500;
}

ul#product_list li .ribbon.free_shipping::after {
    background-image: url('/img/svg/free_shipping_ribbon_end.svg');
}

ul#product_list li .ribbon.e-book {
    color: #f8dfff;
    background-color: #7e00a2;
    border-color: #530066;
}

ul#product_list li .ribbon.e-book::after {
    background-image: url('/img/svg/e_book_ribbon_end.svg');
}

ul#product_list li .ribbon.audiobook {
    color: #cafffa;
    background-color: #009789;
    border-color: #00776c;
}

ul#product_list li .ribbon.audiobook::after {
    background-image: url('/img/svg/audio_book_ribbon_end.svg');
}

ul#product_list li .ribbon.variant {
    color: #ffd5d5;
    background-color: #d20000;
    border-color: #a40405;
}

ul#product_list li .ribbon.variant::after {
    background-image: url('/img/svg/variant_ribbon_end.svg');
}

ul#product_list li .ribbon.cd {
    color: #ffefbb;
    background-color: #a28700;
    border-color: #7d6900;
}

ul#product_list li .ribbon.cd::after {
    background-image: url('/img/svg/cd_ribbon_end.svg');
}

ul#product_list li .ribbon.ribbon_top {
    color: #ffeded;
    background-color: #ff1e1e;
    border-color: #b00000;
}

ul#product_list li .ribbon.ribbon_top:after {
    background-image: url('/img/svg/top_ribbon_end.svg');
}

ul#product_list li .ribbon.ribbon_best {
    color: #130f00;
    background-color: #ffda22;
    border-color: #ffb503;
}

ul#product_list li .ribbon.ribbon_best::after {
    background-image: url('/img/svg/best_ribbon_end.svg');
}

/* mira souvisejicich ribbon start */
ul#product_list li .ribbon.ribbon_match {
    color: #130f00;
    background-color: #d0d0d0;
    border-color: #acacac;
}

ul#product_list li .ribbon.ribbon_match::after {
    background-image: url('/img/svg/match_ribbon_end.svg');
}
/* mira souvisejicich ribbon end */

ul#product_list li .ribbon:hover {
    color: white;
}

ul#product_list li .btn-favorite-overlay {
    display: none;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    background-color: rgba(255, 255, 255, 0.5);
    cursor: default;
}

ul#product_list li:hover .btn-favorite-overlay {
    display: block;
}

ul#product_list li .btn-remove {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    height: 37px;
    color: rgba(44, 44, 44, 1);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    background-color: rgba(248, 248, 248, 1);
    border: 1px solid rgba(211, 211, 211, 1);
    border-radius: 5px;
    box-sizing: border-box;
    align-items: center;
    cursor: pointer;
}

ul#product_list li .btn-remove:hover {
    background-color: white;
}

ul#product_list li.small-block-product {
    float: left;
    padding: 0;
    position: relative;
    margin-bottom: 0;
    line-height: 21px;
    width: 100px;
    height: auto;
}


.image-block .heart-wishlist-button-cont {
    position: relative;
    top: 40px;
    left: 50px;
    z-index: 1;
}

.heart-wishlist-button-cont .add-to-library {
    visibility: hidden;
    filter: drop-shadow(0px 3px 6px #00000033);
    opacity: 1;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url('/img/svg/heart_wishlist_white.svg') 0 0 no-repeat;    
}

.heart-wishlist-button-cont .add-to-library.added {
    filter: drop-shadow(0px 3px 6px #00000033);
    opacity: 1;
    background: url('/img/svg/heart_wishlist_red.svg') 0 0 no-repeat padding-box;    
}

.heart-wishlist-button-cont.desktop .add-to-library.added {
    visibility: visible;
}

/*-product list add to cart button hover-*/
ul#product_list .product-list-add-to-cart-button{
    box-sizing: border-box;
    width: 51px !important;
    height: 51px !important;
    box-shadow: unset;
}

ul#product_list .product-list-add-to-cart-button{
    background-color: #d20c0f;
    background-image: none;
}

ul#product_list .product-list-add-to-cart-button:hover{
    border: 2px solid #d20c0f;
    background-color: white;
    background-image: none;
    padding: 10px 5px 10px 5px !important;
}
/*--product list add to cart button hover END--*/

ul#product_list .esh1758-var-3{
    background-color: white;
    background-image: none;
    padding: 10px 5px 10px 5px !important;
}

ul#product_list .esh1758-var-3:hover{
    background-color: #d20c0f;
    background-image: none;
}
/*--ESH-1758 END--*/

.product-sales-block{
    border: 1px solid rgba(182, 226, 163, 1);
    background: rgba(213, 253, 187, 1);
    color: rgba(30, 86, 19, 1);
    padding: 0px 1px;
    text-align: center;
    margin-bottom: 5px;
    height: 21px;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
}

.product-sales-block-placeholder{
    height: 28px;
}

ul#product_list li.recent-purchase-count-window{
    height: 428px;
}

ul#product_list li.v2.recent-purchase-count-window {
    height: 480px;
}

.product-bottom-box{
    white-space: nowrap;
}

ul#product_list li .product-bottom-box .old-price::after{
    content: unset;
}

.old-price i {
    margin-left: 0px;
    margin-top: -1px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: top right;
}

ul#product_list > li.v2 {
    height: 452px;
}

ul#product_list > li.v2 > .rating {
    display: block;
    text-align: center;
    line-height: 13px;
    margin-top: 2px;
}

ul#product_list > li.v2 > .rating > .product-small-star,
ul#product_list > li.v2 > .rating > .product-small-star-red {
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: top;
    line-height: 13px;
    margin-right: 2px;
    background-size: contain;
}

ul#product_list li.v2 .product-bottom-box {
    height: 95px;
}

ul#product_list > li.v2 .price-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
    height: 54px;
    line-height: normal;
    margin-bottom: 10px;
    box-sizing: border-box;

    --box-background-color: white;
    --box-foreground-color: black;
    --box-line-background-color: #ffffff9e;
    --box-line-foreground-color: var(--box-foreground-color);

    background-color: var(--box-background-color);
    color: var(--box-foreground-color);
}

ul#product_list > li.v2 .price-box > .price-box-line {
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
    letter-spacing: 0.72px;

    background-color: var(--box-line-background-color);
    color: var(--box-line-foreground-color);
}

ul#product_list > li.v2 .price-box > .net-unit-price {
    color: #8A8A8A;
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    font-size: 14px;
}

ul#product_list > li.v2 .price-box > .price {
    font-size: 24px;
}

ul#product_list > li.v2 .price-box.box-colored > .price {
    font-size: 19px;
}

ul#product_list > li.v2 .price-box.box-black-friday {
    --box-background-color: #2A2A2B;
    --box-foreground-color: #F9B234;
    --box-line-foreground-color: #2A2A2B !important;  /* někde opodál je specifičtější rule */
}

ul#product_list > li.v2 .price-box.box-christmas {
    --box-background-color: #D44023;
    --box-foreground-color: #FFFFFF;
    --box-line-foreground-color: #D44023 !important;
}

ul#product_list > li.v2 .price-box.box-colored {
    --box-line-background-color: white;
    --box-line-foreground-color: var(--box-foreground-color);
}

ul#product_list > li.v2 .price-box.box-mega-offer {
    --box-background-color: #FFDFDF;
    --box-foreground-color: #CE0C0F;
}

ul#product_list > li.v2 .price-box.box-bestseller {
    --box-background-color: #FFE6D4;
    --box-foreground-color: #AE4C00;
}

ul#product_list > li.v2 .price-box.box-new-product {
    --box-background-color: #CEFFDB;
    --box-foreground-color: #0F802B;
}

ul#product_list > li.v2 .price-box.box-good-price,
ul#product_list > li.v2 .price-box.box-savings {
    --box-background-color: #F2E6FF;
    --box-foreground-color: #63309E;
}

ul#product_list > li.v2 .price-box.box-great-price {
    --box-background-color: #FFDEED;
    --box-foreground-color: #CA015F;
}

ul#product_list > li.v2 .product-add-to-cart {
    display: flex;
    width: 100% !important;
    height: 30px !important;
    padding: 6px 0;
    justify-content: center;
    align-items: center;
    line-height: normal;
    font-weight: normal;
    font-size: 17px;
    gap: 10px;
    box-sizing: border-box;
}

ul#product_list > li.v2 .product-add-to-cart > img {
    width: 20px;
}

ul#product_list > li.v2 .product-add-to-cart.loading > img {
    display: none;
}

ul#product_list > li.v2 .product-add-to-cart:hover {
    color: #D20C0F;
    border-width: 1px;
}

ul#product_list > li.v2 .product-add-to-cart.unavailable {
    color: #686868;
}

ul#product_list > li.v2 .product-add-to-cart.unavailable:hover {
    color: #686868;
}

ul#product_list .product-element-debug {
    position: absolute;
    font-size: 10px;
    color: #282828;
    font-family: monospace;
    top: 261px;
    left: 0;
}

ul#product_list > li.v2 .price-box.box-colored > .price-box-line .mk-i {
    width: 13px;
    height: 13px;
    background-size: 13px;
    margin-right: -18px;
    background-image: url('/img/svg/mk-i-mask.svg');
}

@supports (mask-image: url('/img/svg/mk-i-mask.svg')) {
    ul#product_list > li.v2 .price-box.box-colored > .price-box-line .mk-i {
        background: var(--box-line-foreground-color) none;
        mask-image: url('/img/svg/mk-i-mask.svg');
        mask-size: 13px;
        mask-type: alpha;
        mask-repeat: no-repeat;
    }
}
    
.product-list-bookmarks {
    font-size: 0; /* remove spaces between children divs caused by html whitespaces */
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;

    display: grid;
    column-gap: 0;
    row-gap: 10px;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, 152px);
}

.product-list-bookmarks .product {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    width: 138px;
    height: auto!important;
    padding: 15px 6px 15px;
    margin: 1px;
    line-height: 19px;
}

.product-list-bookmarks .product.hidden {
    display: none;
}

.product-list-bookmarks .product.added,
.product-list-bookmarks .product:hover {
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    margin: 0;
}

.product-list-bookmarks .product .product-image-wrapper {
    position: relative;
    width: 100%;
    height: 250px;
    text-align: left;
    margin-bottom: 14px;
}

.product-list-bookmarks .product.bookmark .product-image-wrapper {
    height: 351px;
}

.product-list-bookmarks .product .product-image-wrapper .product-image {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
}

.product-list-bookmarks .product .product-name {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-list-bookmarks .product.bookmark .product-name {
    text-align: center;
}

.product-list-bookmarks .hide-if-empty:empty {
    display: none;
}

.product-list-bookmarks .bottom-wrapper {
    /*width: 178px;*/
    width: 100%;
    height: 32px;
    text-align: right;
    background-color: white;
    margin-top: 16px;
}

.product-list-bookmarks .product.bookmark .bottom-wrapper {
    text-align: center;
}

.product-list-bookmarks .bottom-wrapper > * {
    vertical-align: middle;
}

.product-list-bookmarks .bottom-content {
    display: inline-block;
    margin: 0 21px 14px;
    text-align: left;
}

.product-list-bookmarks .price-wrapper {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    width: 58px;
    text-align: left;
}

.product-list-bookmarks .price-wrapper .price-amount {
    color: #ba0305;
    font-size: 18px;
}

.product-list-bookmarks .price-wrapper .price-currency {
    display: inline-block;
}

.product-list-bookmarks .button-wrapper {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 32px;
}

.product-list-bookmarks .button-wrapper .button-loading {
    position: absolute;
    right: 4px;
    top: 4px;
}

.product-list-bookmarks a.btn-add {
    display: inline-block;

    width: 47px;
    height: 18px;
    padding: 6px;

    color: #1E5613;
    background-color: #D5FDBB;

    border: #B6E2A3 1px solid;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 #D5FDBB;

    font-size: 15px;
    text-align: center;
    line-height: 18px;
}

.product-list-bookmarks a.btn-add:hover {
    text-decoration: none;
    background-color: #3DAB0F;
    border-color: #3DAB0F;
    color: white;
}

.product-list-bookmarks a.btn-remove {
    display: inline-block;

    width: 25px;
    height: 25px;
    border: 1px solid #D3D3D3;
    border-radius: 13px;

    vertical-align: middle;
    margin-right: 4px;

    text-align: center;
    line-height: 25px;
}

.product-list-bookmarks a.btn-remove > img {
    width: 11px;
}

.product-list-bookmarks .product-added-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #3DAB0F;
    vertical-align: middle;
    text-align: center;
    line-height: 37px;
}

.product-list-bookmarks a.button2 {
    width: 99px;
    height: 31px;
    padding: 0;
    border: none;
}

.product-list-bookmarks a.button2,
.product-list-bookmarks a.button2:hover {
    background-position: 0 0 !important;
}

.product-list-bookmarks div.added a.button2 {
    background-image: url('/themes/mk2/img/after_order_added_small_button.png');
    width: 38px;
    height: 38px;
    margin-top: 0 !important;
}

.product-list-bookmarks-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.product-list-bookmarks-wrapper .show-more {
    display: inline-block;
    color: #1e5613;
    background-color: #d5fdbb;
    border: 1px solid #b6e2a3;
    border-radius: 7px;
    font-size: 16px;
    line-height: 43px;
    overflow: hidden;
    position: relative;
    width: 173px;
    padding-left: 45px;
    margin: 0 auto 15px auto;
}

.product-list-bookmarks-wrapper .show-more:hover {
    text-decoration: none;
    background-color: #e9ffdb;
}

.product-list-bookmarks-wrapper .show-more::before {
    content: '';
    width: 45px;
    height: 43px;
    display: inline-block;
    background-color: #3dab0f;
    position: absolute;
    left: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS41MDYiIGhlaWdodD0iMTcuOTk0IiB2aWV3Qm94PSIwIDAgMTEuNTA2IDE3Ljk5NCI+ICA8ZyBpZD0ixaFpcGthX2RvbMWvIiBkYXRhLW5hbWU9IsWhaXBrYSBkb2zFryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjkzLjcwOCAxNDg4LjA3NCkgcm90YXRlKDE4MCkiPiAgICA8cGF0aCBpZD0iaWZfYXJyb3ctZG93bi0wMV8xODY0MTEiIGQ9Ik00LjkyNCw2Ljg0NS4zMTcsMi4yMzdBMS4wODksMS4wODksMCwwLDEsLjMxNy43TC43LjMxN2ExLjA4OSwxLjA4OSwwLDAsMSwxLjUzNSwwTDUuNzUzLDMuODMzLDkuMjcuMzE3YTEuMDg5LDEuMDg5LDAsMCwxLDEuNTM1LDBMMTEuMTg5LjdhMS4wODksMS4wODksMCwwLDEsMCwxLjUzNkw2LjU4MSw2Ljg0NWExLjA3OCwxLjA3OCwwLDAsMS0uODI4LjMxMUExLjA4LDEuMDgsMCwwLDEsNC45MjQsNi44NDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTMuNzA4IDE0NzcuMjM4KSByb3RhdGUoMTgwKSIgZmlsbD0iI0Q1RkRCQiIvPiAgICA8bGluZSBpZD0iTGluZV8xNyIgZGF0YS1uYW1lPSJMaW5lIDE3IiB5Mj0iMTEuODk2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODcuOTMxIDE0NzQuNzc4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDVGREJCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMi44Ii8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
}

.product-list-bookmarks-wrapper .show-more:hover::before {
    background-color: #4fbb22;
}

.product-list-bookmarks-wrapper .show-more.loading {
    background: none;
    border: none;
    pointer-events: none;
}

.product-list-bookmarks-wrapper .show-more.loading::before {
    display: none;
}

@media screen and (min-width: 1281px) {

    /* 6 bookmarks on row */

    /* display max 12 bookmarks = 2 rows */
    .two-row-product-list .product-list-bookmarks > div.product.bookmark:nth-child(n + 13) {
        display: none;
    }


}

@media screen and (max-width: 1280px) {

    /* 5 bookmarks on row */

    /* display max 8 bookmarks = 2 rows */
    .two-row-product-list .product-list-bookmarks > div.product.bookmark:nth-child(n + 11) {
        display: none;
    }

    /* list has exactly 6 bookmarks, select last one */
    .product-list-bookmarks > div.product.bookmark:nth-child(6):last-child {
        display: none;
    }

    /* list has exactly 12 bookmarks, select last 2 */
    .product-list-bookmarks > div.product.bookmark:nth-child(11):nth-last-child(2),
    .product-list-bookmarks > div.product.bookmark:nth-child(12):last-child {
        display: none;
    }
}


@media only screen and (max-width: 450px) {

    #product.mobile .product-list-bookmarks {
        justify-content: space-around;
    }

    #product.mobile .product-list-bookmarks > div.product.bookmark:nth-child(6):last-child {
        display: block;
    }
}

ul#product_list > li.placeholder {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

ul#product_list > li.placeholder > div:nth-child(1) {
    width: 175px;
    height: 233px;
}

ul#product_list > li.placeholder > div:nth-child(2) {
    width: 90%;
    height: 38px;
    margin-top: 20px;
    flex-grow: 1;
}

ul#product_list > li.placeholder > div:nth-child(3) {
    display: flex;
    width: 100%;
    height: 58px;
    margin-top: 20px;
}

ul#product_list > li.placeholder > div:nth-child(3) > div:nth-child(1) {
    flex-grow: 1;
    height: 100%;
    margin-right: 20px;
}

ul#product_list > li.placeholder > div:nth-child(3) > div:nth-child(2) {
    width: 58px;
    height: 100%;
}

ul#product_list > li.placeholder.v2 > div:nth-child(2) {
    margin-top: 10px;
}

ul#product_list > li.placeholder.v2 > div:nth-child(3) {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    margin-top: 10px;
}

ul#product_list > li.placeholder.v2 > div:nth-child(3) > div:nth-child(1) {
    width: 100%;
    height: 54px;
    margin-bottom: 10px;
}

ul#product_list > li.placeholder.v2 > div:nth-child(3) > div:nth-child(2) {
    width: 100%;
    height: 30px;
}

.product-list-bookmarks .product.bookmark.bookmark-placeholder .product-name {
    height: 21px;
}

.product-list-bookmarks-wrapper .show-more-placeholder {
    width: 220px;
    height: 45px;
    margin: 0 auto;
    border-bottom: 15px solid white;
}