/*** Produkty ***/
/* Příznaky */
.flag {
    margin-bottom: 2px;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(90deg, #ffffff3d 0%, transparent 80%, transparent 100%);
}

.flag.flag-discount,
.flag.flag-sleva {
    background-color: #FFBB00 !important;
    color: #671314 !important;
}

/* Výpis */
/* .products-block > div .p .p-bottom > div .p-tools .pr-action {
    background: #c91516!important;
    padding: 0px!important;
    border-radius: 25px!important;
}

.category-content-wrapper button.btn.btn-cart.add-to-cart-button {
    border-radius: 25px;
}

.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart {
    border-radius: 25px;
    display: flex;
    justify-content: center;
}

button.btn.btn-cart.add-to-cart-button {
    padding: 0px;
}

button.btn.btn-cart.add-to-cart-button:after {
    content: url(/user/documents/upload/static/ico/btncart.svg);
    margin-left: 10px;
    top: 3px;
    position: relative;
}

button.btn.btn-cart.add-to-cart-button:hover:after {
    content: url(/user/documents/upload/static/ico/btn-cart-hover.svg);
    margin-left: 10px;
    top: 3px;
    position: relative;
} */



.quantity .decrease:hover:before,
.quantity .increase:hover:before {
    border-radius: 25px;
}

.products-block .product .quantity {
    flex: 1 1 calc(45% - 8px);
    width: calc(45% - 8px);
    display: flex;
    align-items: center;
}

.quantity {
    background: transparent;
    border-color: transparent;
}

.quantity label input {
    color: #fff;
}

.quantity .increase,
.quantity .decrease {
    background-color: #9E0204 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 100% !important;
}

.quantity label input {
    color: #1E1F1F !important;
    background: #fff;
    height: auto;
    width: -webkit-fill-available;
    border-radius: 2px;
    margin-top: 13px;
    margin-left: 5px;
    min-width: 30px;
    max-width: 30px;
}

.quantity .increase::before,
.quantity .decrease::before {
    line-height: 18px;
}

.quantity .increase::before {
    font-size: 20px;
}

.quantity .decrease::before {
    font-size: 28px !important;
}

.quantity .increase,
.quantity .decrease {
    position: absolute;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.quantity .decrease {
    left: 18px;
    right: auto;
    top: 13px;
}

.quantity .increase {
    left: auto;
    top: 13px;
}

.products-block .quantity label input {
    margin-top: 0px;
}

.products-block .quantity .increase,
.products-block .quantity .decrease {
    top: 1px;
}

.add-to-cart .quantity {
    margin-right: 0px;
}

.cs .add-to-cart-button span::after,
.cs .product .btn-primary::after,
.cs .cart-table .cart-related-button .add-to-cart-button::after {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: capitalize;
}

.cs .add-to-cart-button span:hover:after,
.cs .product .btn-primary:hover:after,
.cs .cart-table .cart-related-button .add-to-cart-button:hover:after {
    text-decoration: underline;
}

button.btn.btn-cart.add-to-cart-button.mkn_btncart-ready {
    border-radius: 25px;
}

.mkn_btncart-ready {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0px 14px;
    flex: 1 0 auto;
    justify-content: center;
}

button.btn.btn-conversion.add-to-cart-button {
    flex: 1 0 auto;
    display: flex;
    padding: 0px;
    border-radius: 10px;
    justify-content: center;
}

button.btn.btn-conversion.add-to-cart-button:after {
    content: url(/user/documents/upload/static/ico/btncart.svg);
    margin-left: 6px;
    top: 2px;
    position: relative;
    padding-right: 10px;
    scale: 0.9;
    transition: 0.2s all;
}

.fix-detail-header button.btn.btn-conversion.add-to-cart-button {
    padding: 0px 10px;
}

/* button.btn.btn-conversion.add-to-cart-button:hover:after {
    scale: 1;
    rotate: -10deg;
} */

button.btn.btn-conversion.add-to-cart-button:hover {
    text-decoration: underline !important;
}

.mkn_btncart-icon {
    width: 18px;
    height: 18px;
    flex: 1 0 auto;
    pointer-events: none;
}

.products-block>div .p .stars-wrapper {
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 180px;
    background: rgb(255 204 0 / 10%);
    padding: 5px;
    border-radius: 5px;
    min-height: 26px;
}

.stars-placeholder {
    display: none;
}

.stars .star.star-on::before,
.stars .star.star-half::before {
    color: #FFCC00;
}

.products-block>div .p .p-bottom .p-desc {
    min-height: 100px;
}

/* .product-slider-navigation {
    background-color: #F2F2F2;
    border-radius: 50%;
    box-shadow: none;
} */

/* .product-slider-navigation.navigation-prev::before,
.product-slider-navigation.navigation-next::before {
    border-radius: 50%;
}
 */
.products-block>div {
    border-width: 0px;
}

@media (max-width: 1440px) {
    .products-block>div .p .stars-wrapper {
        top: 145px;
    }
}

@media (max-width:767px) {
    .product-slider-navigation {
        display: none;
    }

    .product-slider-pagination {
        margin-top: 0px;
    }
}

/*** Carousel - pořadí elementů ***/
/* Fotka */
.product .image {
    order: 1;
}

/* Název produktu */
.product a.name {
    order: 2;
    margin-top: 20px !important;
}

@media (max-width:767px) {
    .product a.name {
        margin-top: 40px !important;
    }
}

.products-top .product a.name,
.products-top .product .mkn-meta-row {
    margin-top: 0 !important;
}

/* Tlačítka */
.product .p-in {
    order: 3;
}

/* Cena */
.products-block .p-bottom .prices {
    width: 100%;
    order: -1;
    text-align: center;
}

span.price-standard span strong {
    font-weight: 300;
    font-size: 12px;
}

.price.price-final strong {
    font-weight: 700;
}

.products-block .p-bottom .pr-list-unit {
    font-size: 18px;
    font-weight: 400;
}

/* Dostupnost */
.product .availability-amount {
    display: none;
}

.products-block>div .p .availability {
    display: flex;
    width: auto;
}

.mkn-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.products-block .p-code {
    position: inherit;
}

.availability,
.availability-label {
    font-size: 12px;
}

/* Odsazení */
.products-block>div .p .p-in {
    padding-top: 0px;
}

.products-block>div .p .name {
    margin-bottom: 0px !important;
    height: 55px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.2em !important;
}

/* Product slider */
.product-slider-pagination .pagination-button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 6px;
}

.product-slider-pagination .pagination-button.active {
    width: 20px;
    height: 20px;
}

/**** DETAIL PRODUKTU *****/
/* Drobečková navigace */
.navigation-home-icon::before {
    content: url(/user/documents/upload/static/ico/jipos-home.svg);
    margin-top: -5px;
}

body:not(.type-category):not(.type-manufacturer-detail) .breadcrumbs {
    margin-bottom: 20px;
}

/*Název*/
.p-detail-inner-header h1 {
    line-height: 1.1;
    font-weight: 700;
}

/*Cena */
.p-to-cart-block .p-final-price-wrapper .price-final-holder {
    font-weight: 700;
    font-size: 34px;
    line-height: 34px;
}

.p-final-price-wrapper>strong {
    font-size: 34px;
    line-height: 34px;
}

.pr-list-unit {
    font-weight: 500;
}

.p-final-price-wrapper .price-additional {
    margin-top: -4px;
}

/* Tlačítko přidání do košíku */
.kh-wrapper .add-to-cart {
    padding-top: 0px;
}

.p-to-cart-block {
    border-radius: 20px;
    z-index: 1;
    position: relative;
}

.p-data-wrapper .kh-wrapper {
    background: linear-gradient(270deg, rgba(202, 21, 23, 1) 0%, rgba(202, 21, 23, 1) 65%, rgba(180, 8, 10, 1) 100%);
    display: flex;
    align-items: center;
    border-radius: 10px;
    height: 60px;
    width: calc(100% - 40px);
    justify-self: center;
    margin: -30px auto 0;
    z-index: 2;
    position: relative;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .p-data-wrapper .kh-wrapper {
        margin-top: 15px;
    }

    .detail-info>*:nth-child(2) {
        justify-content: left;
    }
}

.p-data-wrapper .kh-wrapper:hover {
    background: #CA1517;
}

.products-block>div .p .p-bottom>div .p-tools .pr-action {
    background: linear-gradient(270deg, rgba(202, 21, 23, 1) 0%, rgba(202, 21, 23, 1) 65%, rgba(180, 8, 10, 1) 100%);
    display: flex;
    align-items: center;
    border-radius: 10px;
    height: 55px;
    width: calc(100% - 40px);
    justify-self: center;
    z-index: 2;
    position: relative;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        margin-top: 15px;
    }
}

.products-block>div .p .p-bottom>div .p-tools .pr-action {
    background: #CA1517;
}

.type-product .quantity label input {
    margin-top: 0px !important;
}

.type-product .quantity .increase,
.type-product .quantity .decrease {
    top: 1px;
}

.p-final-price-wrapper span.price-save {
    float: right;
    font-size: 18px !important;
    font-weight: 700;
    color: #671314;
    padding: 15px 10px;
    background: linear-gradient(45deg, #FFD941, #FFBB00);
    border-radius: 10px;
}

/* Hodnocení */
.type-product span.stars.star-list {
    background-color: rgb(255 204 0 / 10%);
    width: auto;
    border-radius: 5px;
}

/* Datum doručení */
.delivery-time {
    padding-top: 10px;
}

.shipping-options-row {
    top: calc(50% + 24px);
}

.type-product .show-tooltip.acronym[data-original-title] {
    border-bottom-style: none;
    font-weight: 600;
}

.delivery-time span::before {
    content: "Můžeme doručit do ";
    font-weight: 400;
}

.shipping-options {
    background: url(/user/documents/upload/static/ico/red-truck.svg) 0 50% no-repeat;
    padding-left: 36px;
    background-size: 26px auto;
}

/* Info o doručení */
.urgent-order {
    background-color: rgb(0 165 55 / 10%);
    padding: 70px 20px 1px 20px;
    margin-top: -50px;
    z-index: -1;
    border-radius: 0px 0px 20px 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .urgent-order {
        padding: 70px 20px 1px 20px;
        margin-top: -50px;
    }

    .p-to-cart-block .p-final-price-wrapper {
        width: 100% !important;
    }

    .p-to-cart-block {
        padding: 24px 24px 44px 24px;
    }
}

@media (max-width: 767px) {
    .urgent-order {
        padding: 50px 20px 1px 20px;
        margin-top: -30px;
    }

    .p-to-cart-block .p-final-price-wrapper {
        width: 100%;
    }
}

#urgent-order-span {
    color: #00A537;
}

p.urgent-order-p {
    color: #1F5007;
    padding-top: 10px;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    #urgent-order-span {
        font-size: 15px;
    }

    p.urgent-order-p {
        font-size: 15px;
    }
}

#urgent-order-span:before {
    content: url(/user/documents/upload/static/ico/chevron-right-green.svg);
    position: absolute;
    margin-top: 3px;
    margin-left: -20px;
}

#urgent-order-span:after {
    content: url(/user/documents/upload/static/ico/green-truck.svg);
    position: absolute;
    margin-left: 10px;
}

/* Podrobnosti produktu */
.detail-info {
    flex-direction: column;
}

span.brand-wrapper-manufacturer-name {
    font-weight: 600;
}

/* Benefity */
.benefitBanner.position--benefitProduct {
    border-top: 1px solid var(--color-border);
    margin-top: 0px;
}

/* Taby */
.shp-tabs-holder ul.shp-tabs li a {
    display: flex;
    align-items: center;
}


.shp-tabs-holder ul.shp-tabs li a {
    font-weight: 600;
    text-decoration: none;
}

.shp-tabs-holder ul.shp-tabs li a:hover {
    color: #CA1517;
    text-decoration: underline;
}

.multiple-columns-body .shp-tabs-holder ul.shp-tabs {
    overflow: clip;
}

.multiple-columns-body .shp-tabs-holder ul.shp-tabs li a {
    margin-right: 20px;
}

.shp-tabs-holder ul.shp-tabs li a::after {
    content: url(/user/documents/upload/static/ico/sipka.svg);
    width: 30px;
    height: 30px;
}

ul#p-detail-tabs {
    border-radius: 10px;
}

li.shp-tab[data-testid="tabDiscussion"] {
    display: none !important;
}

li.shp-tab.alternative-link {
    display: none !important;
}

li.shp-tab[data-testid="tabRelatedFiles"] {
    background: linear-gradient(270deg, rgba(202, 21, 23, 1) 0%, rgba(202, 21, 23, 1) 85%, rgba(180, 8, 10, 1) 100%);
    padding-left: 20px;
    margin-right: 20px;
}

li.shp-tab[data-testid="tabRelatedFiles"] a {
    color: #fff !important;
}

/* Fix product detail header */
.fix-detail-header .kh-wrapper button.btn.btn-conversion.add-to-cart-button.mkn_btncart-ready {
    background-color: #ca1517 !important;
    border-radius: 10px;
}

.fix-detail-header #product-detail-form {
    display: flex;
}

.fix-detail-header .p-to-cart-block .p-final-price-wrapper .price-final-holder {
    font-size: 24px;
}

.fix-detail-header .shp-tabs-holder ul.shp-tabs li a {
    font-weight: 400;
    font-size: 12px;
    margin-right: 20px;
}

/* Detail wrapper */

@media (min-width: 1200px) {
    .p-detail-inner .p-data-wrapper {
        width: 40%;
    }
}

/* Skrytí kvantity */
@media (max-width: 1440px) {
    .products-block .product .quantity {
        display: none;
    }

    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        justify-content: center;
    }
}

/* Odsazení tlačítka přidání do košíku u výpisu produktů */
.products-block>div .p .p-bottom>div .p-tools {
    padding: 0px 0px 24px 0px;
}

@media (max-width: 768px) {
    .products-block>div .p .p-bottom>div .p-tools {
        padding: 0px 0;
    }
}

@media (max-width: 1200px) {
    .multiple-columns-body .position--benefitProduct .benefitBanner__item:last-of-type {
        flex: 0 1 100%;
        background-color: #f5f5f5;
        padding: 10px 0;
    }
}