/*DOČASNÉ*/


/*
.admin-logged .benefitBanner.position--benefitHomepage, .admin-logged .benefitBanner.position--benefitProduct {
    display: grid;
}

.admin-logged #footer .custom-footer > div.custom-footer__banner6, .admin-logged #footer .custom-footer > div.custom-footer__banner5 {
    display: block;
}

.admin-logged #footer .custom-footer > div.custom-footer__articles {
    display: none;
}

.admin-logged #footer .custom-footer > div.custom-footer__contact {
    display: none;
}
*/


h1, .h1, .h2, h2, body .content-wrapper h2, .products-related-header, #productsAlternative::before {
    font-size: 30px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .products-related-header, #productsAlternative::before {
    color: #7A2E00;
}

.search-form.compact-form .form-control {
    min-height: unset;
}

@media (min-width: 768px) {

    #navigation {
        display: none;
    }
    #header::after {
        border-top: none;
    }

    .search #formSearchForm input {
        min-height: 65px;
        padding: 12px 80px 12px 20px;

        border-color: #E0E0E0;
    }

    .search #formSearchForm button[type="submit"] {
        width: 65px;
        min-width: unset;
        height: 100%;
        top: 0;
        right: 0;

        background-color: transparent;
        font-size: 0;
        border: none;
        background-image: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .search ::placeholder {
        color: #272727;
    }

    #header .search-form::before {
        content: none;
    }

    .top-nav-button::before {
        content: "";
        height: 32px;
        width: 32px;
        margin: 0 auto 10px;

        mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        background-color: #000;
    }

    #header .container {
        z-index: 1;
    }

    .btn.cart-count::before, a.btn.cart-count::before {
        content: "";
        height: 32px;
        width: 32px;
        margin: 0 auto 10px;

        mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        background-color: #000;
    }

    .btn.cart-count:hover::before, a.btn.cart-count:hover::before, .top-nav-button:hover::before {
        background-color: var(--color-primary);
    }

    .top-nav-button {
        padding-top: 10px;
    }

    .btn.cart-count .cart-price {
        margin-top: 0;
    }

    #header .cart-count {
        padding-top: 10px;
    }

    .navigation-buttons > a[data-target="cart"] i {
        background-color: var(--color-primary);
        border: none;
        line-height: 24px;
    }

    .top-navigation-bar {
        background-color: #F1F1F1;
    }

    .top-navigation-menu, .top-navigation-contacts {
        background-color: transparent;
    }

    .top-navigation-bar .container::before, .top-navigation-bar .container::after {
        content: none;
    }

    .top-navigation-bar .container {
        gap: 36px;
    }

    .top-navigation-bar .container>div {
        flex: unset;

    }

    .top-navigation-bar .container>div.top-navigation-tools {
        display: none;
    }

    .top-navigation-bar .container>div.top-navigation-menu {
        flex-grow: 0;

        padding-right: 0;
    }

    .top-navigation-bar .container>div.top-navigation-contacts {
        display: none;
    }

    .top-navigation-bar {
        color: #272727;
        font-size: 14px;
    }

    .top-navigation-bar-menu li a {
        padding: 0;
    }

    .top-navigation-bar-menu li::before {
        content: none;
    }

    .top-navigation-bar .container>div.additional-info {
        display: flex;
        align-items: center;
        column-gap: 10px;
        flex-grow: 1;
        flex-shrink: 0;

        text-align: left;
    }

    .top-navigation-bar .container>div.additional-info::before {
        display: inline-block;

        content: "";
        width: 16px;
        height: 16px;

        background-color: #087720;
        border-radius: 50%;
    }

    .top-navigation-bar-menu li a {
        text-decoration: underline;
    }

    .top-navigation-bar-menu li a:hover {
        text-decoration: none;
    }

    .top-navigation-bar .top-navigation-contact a {
        display: flex;
        align-items: center;
        color: #272727;
        text-decoration: none;
    }

    .top-navigation-bar .top-navigation-contact a > span {
        text-decoration: underline;
    }

    .top-navigation-bar .top-navigation-contact a:hover > span {
        text-decoration: none;
    }

    .top-navigation-bar .top-navigation-contact a:hover {
        text-decoration: none;
    }

    .top-navigation-bar .top-navigation-contact a > span.hours {
        margin-left: 5px;

        font-weight: 400;
        font-size: 15px;
        color: #6A6A6A;
        text-decoration: none;
    }

    .top-navigation-bar-menu li {
        margin-right: 25px;

        font-size: 14px;
    }<

    .top-navigation-bar-menu li:last-child {
        margin-right: 0;
    }

    .top-navigation-contact a.project-phone::before {
        display: inline-block;
        content: "";
        width: 20px;
        height: 20px;

        background-image: url("/user/documents/upload/kodovani/phone.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

    }

    .top-navigation-menu:has(.top-navigation-bar-menu-helper li) .top-navigation-bar-menu {
        padding-right: 36px;
    }   
}

/*ŠIPKY*/

.carousel-inner .item {
    border-radius: 6px;
    overflow: hidden;
}

.carousel-control {
    width: 50px;
    height: 50px;
    margin-top: -25px;

    line-height: 50px;
    border-radius: 50%;
}

.carousel-control:hover {
    background-color: #2A2A2A;
}

.carousel-control:before {
    content: "" !important;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 10px !important;
    height: 20px !important;

    mask-image: url("/user/documents/upload/kodovani/chevron-left.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background-color: #4F4F4F !important;
}

.carousel-control:hover::before {
    background-color: #fff !important;
}

.carousel-control.right:before {
    transform: translate(-50%, -50%) rotate(180deg) !important;
}

/*HP PRODUKTY*/

.slick-prev, .slick-next {
    width: 50px !important;
    height: 50px !important;

    background-color: #ECECEC;
    border-radius: 50%;
}

.slick-prev:before, .slick-next:before {
    color: #4F4F4F;
}

.products-block.slick-slider {
    max-width: calc(100% - 140px);
    margin-inline: auto;
}

.products-block.slick-slider .slick-next {
    right: -70px !important;
}

.products-block.slick-slider .slick-prev {
    left: -70px !important;
}

.slick-prev:before, .slick-next:before {
    content: "" !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px !important;
    height: 20px !important;

    mask-image: url("/user/documents/upload/kodovani/chevron-left.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background-color: #4F4F4F !important;
}

.slick-next:before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.slick-prev:hover, .slick-next:hover {
    background-color: #2A2A2A !important;
}

.slick-prev:hover::before, .slick-next:hover::before {
    background-color: #fff !important;
}

.product {
    position: relative;
}

.product .product-appendix {
}

.product .product-appendix::before {
    display: inline-block;

    content: "";
    width: 16px;
    height: 11px;

    mask-image: url("/user/documents/upload/kodovani/check.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/check.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    border-radius: 0;
    background-color: #277A8D;
}

[data-testid="textPopupProductName"] .product-appendix::before {
    display: none;
}

[data-testid="textPopupProductName"] .product-appendix {
    display: none;
}

.products-block.products .p .name {
    text-align: center;
}

.p .stars-wrapper {
    left: 50%;
    transform: translateX(-50%);
}

.p-in .p-desc {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    height: 66px;
    overflow: hidden;
    margin-block: 18px;

    font-size: 14px;
    text-align: center;
    line-height: 1.55;
}

.products-block .p-bottom .prices {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    flex-basis: 100%;
}

.products-block .p-bottom>div {
    justify-content: center;
    row-gap: 16px;
}

.products-block.products .p .price strong, .products-block.products .p .price span {
    font-size: 23px;
}

.product .availability {
    font-size: 16px;
}

.skladem::before {
    content: none;
}

.product .p-tools .btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn, a.btn {
    text-transform: none;
    border-radius: 4px;
    font-size: 16px;
}

/*USP*/

.benefitBanner__img {
    top: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.benefitBanner__link, .benefitBanner__item {
    align-items: center;
}

.benefitBanner__picture {
    align-self: center;
}

.benefitBanner.position--benefitHomepage, .benefitBanner.position--benefitProduct {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;

    padding: 0;
    margin-block: 10px 40px;

    border: none;
}

.benefitBanner__item {
    justify-content: center;
    width: 100%;
    padding: 25px;
    margin-bottom: 0;

    background-color: #EDEDED;
    border-radius: 4px;
}

.benefitBanner__title {
    max-width: 125px;
    margin: 0;

    font-size: 16px;
    line-height: 1.25;
}

.benefitBanner__content {
    padding: 0;
}

.benefitBanner__picture {
    flex: unset;
    flex-shrink: 0;

    width: 40px;
    height: 40px;
    margin: 0 20px 0 0;
}

.benefitBanner.position--benefitProduct {
    margin-block: 20px 0;
}

.benefitBanner.position--benefitProduct .benefitBanner__link, .benefitBanner.position--benefitProduct .benefitBanner__item {
    flex-direction: column;
    row-gap: 10px;

    text-align: center;
}

.benefitBanner.position--benefitProduct .benefitBanner__picture {
    margin: 0;
}

.benefitBanner.position--benefitProduct .benefitBanner__picture img {
    object-position: center bottom;
}

.benefitBanner.position--benefitProduct .benefitBanner__item {
    padding: 20px;
    background-color: #FFECE0;
}

.benefitBanner.position--benefitProduct .benefitBanner__title {
    font-size: 15px;
}

/*VÍTEJTE*/

.welcome h1 {
    padding: 40px 40px 0 40px;
    margin: 0;

    color: #7A2E00;
    font-size: 30px;
    background-color: #FFECE0;
    border-radius: 4px 4px 0 0;
}

.welcome .also {
    padding: 20px 40px 40px 40px;
    margin-bottom: 60px;

    background-color: #FFECE0;
    color: #7A2E00;
    font-size: 14px;
    line-height: 1.55;
}
.welcome h2 {
    margin-block: 60px 20px;

    font-size: 30px !important;
    text-align: center;
}

.subcategories li a {
    border-radius: 4px;
    box-shadow: none;
}

/*BLOG HP*/

.in-index .homepage-blog-wrapper {
    margin-inline: 0;
}

.homepage-blog-wrapper .homepage-group-title a {
    color: #272727;
}

h4.homepage-group-title, .h4.homepage-group-title {
    font-size: 30px;
    color: #272727;
}

.homepage-blog-wrapper .h4.homepage-group-title {
    margin-block: 24px 20px;
}

.homepage-blog-wrapper .news-item {
    flex-grow: 1;

    padding: 0;
    width: calc(33.333% - 13.33px);
    max-width: calc(50% - 10px);
    min-width: 200px;
    margin-bottom: 0;
}

.hp-blog-news {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.hp-blog-news .news-item .image img {
    border-radius: 6px;
}

.hp-blog-news .news-item .image {
    margin-bottom: 25px;
}

.homepage-blog-wrapper .news-item a {
    text-decoration: none !important;
}

.homepage-blog-wrapper .read-article {
    display: none;
}

.homepage-blog-wrapper .news-item a .title {
    color: #000000;
}

.homepage-blog-wrapper .news-item .text {
    text-align: center;
}

.hp-blog-news .news-item .text .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;

    font-size: 14px;
    line-height: 1.5;
    color: #4F4F4F;
    text-overflow: ellipsis;
}

/*NEWSLETTER*/

#footer.newsletter-active {
    margin-top: 40px !important;
}

.custom-footer__newsletter {
    margin-top: 60px;
    padding: 55px;

    background-color: #EEEEEE;
    border-radius: 6px;
}

.custom-footer__newsletter h4 {
    max-width: 305px;

    color: var(--color-primary);
}

.custom-footer__newsletter div:has(>input[type="email"]) {
    order: -2;
}

.custom-footer__newsletter input[type="email"] {

    padding: 12px 38px;
    width: 360px;
    max-width: 100%;

    background-image: url("/user/documents/upload/kodovani/mail.svg");
    background-size: 18px 14px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: transparent;
    border-width: 0 0 1px;
    border-color: #D1D1D1;
    color: #393939;
}

.custom-footer__newsletter ::placeholder {
    color: #393939;
}

.custom-footer__newsletter .subscribe-form::before {
    content: none;
}

.custom-footer__newsletter.newsletter .consents-first br {
    display: block;
}

.custom-footer__newsletter fieldset {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;

    max-width: 600px;
}

.custom-footer__newsletter fieldset .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    order: -1;

    min-width: 100px;
    min-height: 50px;
    padding: 10px 25px;
    width: auto;
    position: relative;
    right: auto;
    top: auto;

    background-color: var(--color-primary);
    border-radius: 6px;
}

.custom-footer__newsletter .consents-first {
    margin-top: 15px;
}

.custom-footer__newsletter .newsletter-header {
    width: auto;
    flex-grow: 1;
}

.custom-footer__newsletter form .form-group label.whole-width, .custom-footer__newsletter form .form-group label.whole-width a {
    font-size: 15px;
    line-height: 1.66;
    color: #484848;
}

/*DETAIL KATEGORIE*/

.pagination-wrapper:not(:has(>*)) {
    display: none;
}

@media (min-width: 992px) {
    .category-header input[type="radio"]:checked+label {
        box-shadow: inset 0 0 0 2px var(--color-primary);
        font-weight: 700;
    }

    .category-header input[type="radio"]+label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-basis: unset;

        min-height: 52px;
        padding: 15px 30px;

        font-size: 16px !important;
        line-height: 1.3;
        font-weight: 400;
        text-transform: none;
        border-radius: 50px;
        background-color: transparent;
        border: none;
        box-shadow: inset 0 0 0 1px #D5D5D5;
    }

    .category-header fieldset {
        gap: 15px;
    }

    .category-header form {
        border: none;
    }
}

.products-block>div {
    width: calc(33.333% - 13.33px);
}

body:not(.type-index) .products-block {
    gap: 20px;

    border: none;
}

body:not(.type-index) .products-block > div {
    border-style: solid;
    border-radius: 6px;
}

.category__secondDescription {
    padding: 40px;
    margin-top: 60px;

    background-color: #ECF6FD;
    color: #0F405D;
    border-radius: 6px;
}

.category__secondDescription h2:first-child {
    margin-top: 0;
}

.category__secondDescription p:last-child {
    margin-bottom: 0;
}

.desktop #content .filters, .desktop #footer .filters {
    display: block;
}

.desktop .filters-unveil-button-wrapper {
    display: none;
}

/*FOOTER*/

#footer {
    background-color: #272727;
}

#footer .custom-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 80px;

    padding-block: 55px;

    border: none;
    color: #fff;
}

#footer .footer-links-icons {
    display: none;
}

#footer .contact-box {
    padding: 0;

    background-color: transparent;
}

#footer .site-name {
    display: none;
}

#footer .custom-footer > div h4 {
    color: #fff;
    font-size: 25px;
}

.custom-footer div ul li::before {
    content: none;
}

#footer .contact-box a, #footer .password-helper a, #footer .news-item-widget a, #footer ul a {
    color: #fff;
}

#footer ul {
    columns: 2;
    column-gap: 80px;
}

#footer ul a {
    font-size: 16px;
}

#footer ul li {
    margin-bottom: 20px;
    padding-left: 0;
}

#footer ul li:last-child {
    margin-bottom: 0;
}

#footer ul li a {
    text-decoration: underline;
}

#footer ul li a:hover {
    text-decoration: none;
}

.custom-footer>div {
    width: auto;
    padding: 0;
}

.custom-footer>div:not(.contact) {
    padding-right: 0;
}

#footer .custom-footer > div .myfooter-contact h4 {
    color: var(--color-primary);
}

.contact-info {
    display: flex;
    gap: 20px 35px;
}

.contact-info__inner br {
    display: none;
}

.contact-info .img-holder img {
    border-radius: 50%;
}

.contact-info__inner p {
    margin-bottom: 10px;

    font-weight: 700;
    line-height: 1.4;
}

.contact-info__inner p a {
    font-weight: 400;
    text-decoration: underline;
    color: #fff;
}

.contact-info__inner p a:hover {
    text-decoration: none;
}

.footer-bottom {
    position: relative;

    border: none;
}

.footer-bottom::before {
    display: inline-block;

    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(100vw - var(--scrollbar-width));
    height: 1px;

    background-color: #3B3B3B;
}

.copyright, #signature {
    margin: 0;

    color: #fff;
}

#signature a {
    color: #fff;
}

.vote-wrap a:hover .vote-product-name {
    color: var(--color-secondary);
}

.box-productRating .vote-summary .product-appendix {
    display: none;
}

/*DETAIL PRODUKTU*/

.p-detail-inner-header .product-appendix {
    display: none;
}

.p-info-wrapper .product-appendix {
    display: inline-block;

    padding: 5px 10px;

    background-color: #993300;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
}

.p-info-wrapper .product-appendix::before {
    display: inline-block;

    content: "";
    width: 16px;
    height: 11px;

    mask-image: url("/user/documents/upload/kodovani/check.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/check.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    border-radius: 0;
    background-color: #fff;
}

.stars-label {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 700;
}

.p-info-wrapper > .p-short-description {
    padding-bottom: 20px;
    margin-block: 20px;

    color: #4F4F4F;
    line-height: 1.6;
}

.p-info-wrapper > .p-short-description .vice-info {
    display: block;
    margin-top: 20px;
    margin-bottom: 0;
}

.p-info-wrapper > .p-short-description .vice-info a {
    color: var(--color-primary);
    font-weight: 700;
}

.p-info-wrapper > .p-short-description .vice-info a::after {
    content: none;
}

.p-info-wrapper .availability-value {
    display: flex;
    align-items: baseline;
}

.p-info-wrapper .availability-value .delivery-time > span::before {
    content: none;
}

.p-info-wrapper .availability-value .delivery-time {
    display: none;
}

.p-info-wrapper .availability-value > .availability-label {
    display: flex;
    column-gap: 20px;

    width: 100%;
    line-height: 1.3;
}

.p-info-wrapper .detail-parameters th {
    margin: 0;
}

.show-tooltip.acronym[data-original-title] {
    border: none;
}

.p-info-wrapper .availability-value > .availability-label > span {
    flex-grow: 1;
}

.p-info-wrapper .availability-value > span.skladem::after {
    display: inline-block;

    content: "Objednejte do 11:00, doručíme následující pracovní den";

    text-align: right;
    font-weight: 400;
}

.buy-box {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    padding-bottom: 20px;

    border-top: 1px solid #EEEEEE;
}

.multiple-columns-body .buy-box .p-final-price-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: auto;
    height: 50px;
    margin-bottom: 0;
}

.multiple-columns-body .buy-box .p-final-price-wrapper .price-final {
    margin-top: auto;
    margin-bottom: auto;
}

.p-detail .add-to-cart .quantity {
    margin-right: 0;
}

.buy-box .add-to-cart {
    gap: 15px;

    width: auto;
    margin-bottom: 20px;
}

.flag-zvyraznena-cena {
    display: none !important;
}

.buy-box .add-to-cart-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;

    width: auto !important;
    min-width: 220px;

    background-color: var(--color-primary);
    border-color: var(--color-primary);
    text-transform: none;
}

.buy-box .add-to-cart-button::before {
    display: inline-block;

    content: "" !important;
    position: relative !important;
    margin-right: 0 !important;
    width: 22px;
    height: 22px;
    top: auto !important;

    mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: #fff;
}

.p-detail .add-to-cart .quantity {
    margin-right: 15px;
}

.addit-info-wrapper {
    margin-top: 20px;
    color: #000;
}

.p-info-wrapper .price-additional {
    margin-top: 20px;
}

.addit-info-wrapper .p-code {
    color: #000;
}

.addit-info {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 20px;
    row-gap: 5px;
    margin-bottom: 5px;
    line-height: 1.3;
    color: #000;
}

.addit-info-wrapper {
    text-align: right;
}

.addit-info-wrapper .p-code span {
    font-weight: 400 !important;
}

.addit-info a {
    color: #000;
}

.buy-box:not(.special) .addit-info-wrapper {
    display: flex;
    flex-direction: column;
    column-gap: 20px;
    width: 100%;
}

.buy-box.special {
    align-items: stretch;
    gap: 0 20px;
}

.buy-box.special .add-to-cart-wrapper {
    margin-top: 20px;
}

.buy-box.special .addit-info-wrapper {
    margin-top: auto;
}

.buy-box:not(.special) .addit-info-wrapper /*.addit-info*/ {
    margin-left: auto;
}

.bomb {
    display: flex;
    flex-direction: column;

    width: fit-content;
}

.bomb-title {
    padding: 8px 15px;

    border-radius: 4px 4px 0 0;
    background-color: #CB0200;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.bomb .price-final-holder {
    padding: 8px 20px;

    border-radius: 0 0 4px 4px;
    background-color: #FFC107;
    font-size: 30px;
    color: #272727;
    text-align: center;
    line-height: 1.33;
}

.price-additional, .price-measure {
    color: #4F4F4F;
}

.social-buttons-wrapper {
    margin-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}

.social-buttons-wrapper .link-icons {
    display: flex;
    gap: 10px 40px;
    margin-bottom: 20px;
}

.link-icon {
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
    margin: 0;

    color: #1E1E1E;
    font-size: 16px;
    font-weight: 700;
}

.link-icon::before {
    display: inline-block;

    content: "" !important;
    position: relative;
    margin: 0;
    width: 20px;
    height: 20px;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.link-icon.chat::before {
    background-image: url("/user/documents/upload/kodovani/ask.svg");
}

.link-icon.watchdog::before {
    background-image: url("/user/documents/upload/kodovani/paw.svg");
}

.link-icon.share, .link-icon.print {
    display: none;
}

#p-detail-tabs {
    flex-wrap: wrap;
    gap: 15px;

    background-color: transparent;
    border: none;
}

.shp-tabs-holder {
    background-color: transparent;
    border: none;
}

.shp-tabs-holder ul.shp-tabs li.active a {
    box-shadow: inset 0 0 0 2px var(--color-primary);
    font-weight: 700;
}

.shp-tabs-holder ul.shp-tabs li {
    flex: unset;
}

.shp-tabs-holder ul.shp-tabs li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;
    padding: 8px 30px;

    background-color: transparent;
    border: none;
    box-shadow: inset 0 0 0 1px #D5D5D5;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}

.basic-description.not-all {
    height: 500px;
    overflow: hidden;
    position: relative;
}

.mobile .basic-description.not-all {
    height: 100px;
}

.basic-description.not-all::after {
    display: inline-block;

    position: absolute;
    content: "";
    width: 100%;
    height: 160px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%);
}

.mobile .basic-description.not-all::after {
    height: 60px;
}

.basic-description.not-all .show-all {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;

    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;

    color: var(--color-primary);;
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    user-select: none;
}

.mobile .basic-description.not-all .show-all {
    font-size: 14px;
}

.basic-description.not-all .show-all:hover {
    text-decoration: none;
}

.basic-description.not-all .show-all::after {
    display: inline-block;

    content: "";
    position: relative;
    width: 9px;
    height: 16px;

    mask-image: url("/user/documents/upload/kodovani/chevron-left.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-left.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-primary);
    transform: rotate(-90deg);
}

.extended-description a, .extended-description {
    color: #4F4F4F;
}

.products-additional .product {
    border-top: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
}

.related-yes #productsAlternative {
    padding-top: 0;
    border-top: none;
}

.quantity {
    padding-inline: 36px !important;
    width: 112px !important;
    margin: 0;

    border-radius: 6px;
}

.quantity input {
    width: 40px !important;

    text-align: center;
}

.quantity .increase, .quantity .decrease {
    width: 36px;
    height: 100%;
    top: 0;
    bottom: 0;

    border: none !important;
    background-color: transparent;
}

.quantity .decrease {
    left: 0;
    right: auto;
}

.quantity .increase::before, .quantity .decrease::before {
    line-height: 54px;
    border: none;
    color: #000000;
    font-weight: 700;
}

/*KOŠÍK*/

.id--16 .cart-inner, .id--17 .cart-inner {
    max-width: 1200px;
    margin-inline: auto;
}

ol.cart-header::before {
    content: none;
}

ol.cart-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 60px;

    width: 100%;
    padding-top: 35px;
    margin-bottom: 30px;

    background-color: transparent;
}

ol.cart-header li {
    width: auto;
    top: auto;
    padding: 0;
}

ol.cart-header li a, ol.cart-header li strong {
    padding: 0
}

ol.cart-header li.active a::before, ol.cart-header li.active strong::before, ol.cart-header li::after {
    content: none;
}

ol.cart-header li a span::before, ol.cart-header li strong span::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;
    margin-right: 10px;

    border-radius: 50%;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    color: #272727;
    background-color: #E8E8E8;
    border: none;
}

ol.cart-header li.active strong span::before {
    background-color: var(--color-primary);
    font-weight: 700;
    color: #fff;
}

ol.cart-header li a, ol.cart-header li strong {
    color: #242424;
    font-weight: 400;
}

#cart-wrapper > .cart-inner > .cart-row {
    display: flex;
    flex-direction: column;
}

#cart-wrapper > .cart-inner > .cart-row > div {
    padding: 0;
    width: 100%;
}

.cart-inner {
    margin-bottom: 40px;
}

.cart-table .p-name .show-related {
    display: none;
}

.cart-table .p-availability {
    display: none;
}

.cart-table .cart-p-image {
    width: 112px;

    border-width: 1px 0 1px 1px !important;
    border-radius: 6px 0 0 6px;
}

.cart-table {
    border-collapse: separate;
    border-spacing: 0 15px;
}

.cart-table tr td {
    border-width: 1px 0 1px 0 !important;
    border-color: #DCDCDC !important;
    border-style: solid !important;
}

.cart-table tr td:last-child {
    border-right-width: 1px !important;
    border-radius: 0 6px 6px 0;
}

.cart-table tr td.p-name .availability-label {
    display: block;
}

.cart-table .p-price .price-final, .cart-table .unit-value {
    font-size: 16px;
    color: #838383;
}

.cart-table .main-link {
    font-size: 16px;
}

.cart-table .p-total .price-final {
    font-size: 18px;
}

.remove-item::before {
    color: #000;
}

.sidebar-in-cart > .checkout-box-wrapper > .box:has(>.contact-box) {
    display: none;
}

.cart-content.checkout-box-wrapper, .cart-content.summary-wrapper, .checkout-box {
    padding: 0;

    background-color: transparent;
    border: none;
}

.id--9 .summary-wrapper {
    display: flex;
    gap: 20px 40px;
}

.id--9 .summary-wrapper .extras-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.id--9 .delivery-time {
    order: -1;

    margin-bottom: 50px;

    font-size: 16px;
}

.id--9 .delivery-time strong {
    font-weight: 400;
    text-decoration: underline;
}

.id--9 .extra.delivery, .id--9 .delivery-time, .id--9 .extra.gift {
    justify-content: flex-start;

    margin-left: 0;
    max-width: 570px;

    text-align: left;
}

.id--9 .extra.delivery {
    font-size: 16px;
}

.id--9 .extra.delivery > span::before {
    content: "";

    width: 21px;
    height: 15px;
    margin-right: 5px;

    background-image: url("/user/documents/upload/kodovani/van.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.id--9 .price-range {
    height: 8px;

    background-color: #EBEBEB;
}

.id--9 .price-range>div {
    background-color: var(--color-primary);
}

.id--9 .extra.delivery > span {
    margin-left: 0;
    width: 100%;
}

.summary-wrapper > .box:has(>.price-wrapper) {
    max-width: 100%;
    width: 425px;
}

.ordering-steps {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.ordering-steps .next-step {
    flex-grow: 1;
}

.id--9 .cart-row > div.col-md-4 .next-step-back {
    margin: 0;

    font-weight: 400;
    font-size: 16px;
}

.next-step-back::before {
    content: none;
}

.ordering-process .next-step-forward {
    font-size: 16px;
    background-color: #087720 !important;
    border-color: #087720 !important;
    color: #fff;
    font-weight: 400;
    text-align: center;
}

.ordering-process .next-step-forward:hover {
    background-color: #0a9b27 !important;
    border-color: #0a9b27 !important;
}

.ordering-process .next-step-forward::after {
    content: none;
}

.discount-coupon input {
    border-radius: 6px;
}

.price-wrapper .price-label {
    font-size: 15px;
}

/* DOPRAVA A PLATBA */

.ordering-process .co-box {
    margin-bottom: 30px;

    background-color: #F1F1F1;
    border-radius: 6px;
    border: none;
}

.co-box {
    padding: 25px 30px;
}

.zeme-ano .co-box.co-delivery-method h4::before, .zeme-ano .co-box.co-payment-method h4::before {
    content: none;
}

.id--16 .co-box.co-basic-information h4 {
    display: none;
}

#checkoutSidebar .order-summary .checkout-box {
    display: none;
}

#checkoutSidebar {
    width: 460px;
    padding: 0;
}

#checkoutContent {
    flex-grow: 1;

    width: calc(100% - 540px);
}

.id--16 .cart-inner > .row, .id--17 #order-form > .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0 60px;
    justify-content: center;
    align-items: flex-start;
}

#checkoutSidebar .order-summary-inner {
    border-color: #DCDCDC;
    border-radius: 6px 6px 0 0;
    box-shadow: 0px 0px 14px 0px #E6E6E6;
}

#checkoutSidebar .next-step {
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 0px 14px 0px #E6E6E6;
    background-color: #fff;
}

.order-summary-item.price {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.id--16 label[for="deliveryCountryId"] {
    padding: 0;
    margin: 0 0 8px;

    color: #484848;
    font-weight: 400;
    font-size: 16px;
}

.id--16 select[name="deliveryCountryId"] {
    max-width: 270px;
    background-color: #fff;
    border-radius: 6px;
    border-color: #D4D4D4;
    color: #000;
}

.radio-wrapper {
    padding-inline: 0;

    border-left: none;
    border-right: none;
    border-bottom: none;
    border-color: #D9D9D9;
}

.co-box h4 {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 400;
    color: #1E1E1E;
}

.radio-wrapper.active, .radio-wrapper:hover {
    border-color: #D4D4D4;
}

.radio-wrapper::after {
    content: none !important;
}

.radio-wrapper input[type="checkbox"] + label::before, .radio-wrapper input[type="radio"]+label::before {
    border-color: #656565;
}

.radio-wrapper input[type="checkbox"]:checked + label::before, .radio-wrapper input[type="radio"]:checked+label::before {
    border-color: #000;
}

.radio-wrapper input[type="checkbox"]:checked + label::after, .radio-wrapper input[type="radio"]:checked+label::after {
    width: 20px;
    height: 20px;
    left: 1px;
    border-width: 4px;
    border-color: #F1F1F1;
    background-color: #000;
}

.payment-logo {
    width: 70px;
    height: 40px;
    padding: 0;

    background-color: #F1F1F1;
    border: none;
}

.payment-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.payment-info b {
    font-weight: 400;
}

.payment-info a {
    color: #484848;
    font-size: 14px;
}

/*INFORAMCE O VÁS*/

.co-box.co-contact-information h4::before, .co-box.co-billing-address h4::before, .co-box.co-shipping-address h4::before {
    content: none;
}

.co-contact-information h4:has(.ucet) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.ucet::before {
    content: none;
}

.ucet {
    margin: 0;
    padding: 0;

    background-color: transparent;
    border: none;
}

.ucet a {
    display: block;

    padding: 14px 25px;

    line-height: 1.9;
    font-size: 15px;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    text-decoration: underline;
    border-radius: 6px;

}

.id--17 .co-box {
    padding: 45px 50px;
}

.co-box.co-contact-information .form-group {
    display: flex;
    flex-direction: column;
}

.id--17 .form-group label:not(.whole-width):not(.select-label) {
    margin: 0 0 7px;
    padding: 0;
    width: 100%;
    float: none;

    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 1.75;
}

.co-box.co-contact-information .form-group input {
    width: 100%;
}

.co-box.co-contact-information .phone-combined-input {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    max-width: 100%;
}

.co-box.co-contact-information .phone-combined-input input {
    border-radius: 0 6px 6px 0;
    border-left: none;
}

.co-box.co-contact-information .phone-combined-input input.js-error-field {
    border-radius: 0 6px 0 0;
}

.co-box.co-contact-information .phone-combined-input:has(.form-control.js-error-field) .country-flags {
    border-color: #C5173D;
    border-radius: 6px 0 0;
}

.co-box.co-contact-information .phone-combined-input .country-flags {
    height: inherit;

    background-color: #fff;
    border: 1px solid #D4D4D4;
    border-right: none;
    border-radius: 6px 0 0 6px;
}

.form-control, select {
    min-height: 64px;

    border: 1px solid #D4D4D4;
    border-radius: 6px;
    color: #000;
}

.ordering-process .form-control.error-field {
    border-radius: 6px 6px 0 0;
    border-color: #C5173D;
}

.ordering-process .validator-msg.msg-error, .ordering-process .validator-msg.msg-warning, .ordering-process .js-validator-msg.msg-error, .ordering-process .validator-msg.msg-info {
    position: relative;
    left: auto;
    top: auto;
    margin: -1px 0 0;
    width: 100%;
    padding: 5px 20px;

    color: #fff;
    background-color: #C5173D;
    border-radius: 0 0 6px 6px;
    font-weight: 500;
}

.id--17 .co-billing-address fieldset, .id--17 .co-shipping-address .form-option-block {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.co-billing-address h4, .co-billing-address .form-group.company-shopping {
    width: 100%;
}

.co-billing-address #company-info {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.co-billing-address .form-group:has(input[type="text"]), .co-shipping-address .form-group:has(input[type="text"]) {
    flex-grow: 1;
    width: calc(50% - 10px);
    min-width: unset;
    margin-bottom: 25px;
}

.co-billing-address .form-group input, .co-shipping-address .form-group input {
    max-width: 100%;
    width: 100% !important;
}

.co-billing-address > .form-group {
    margin: 25px 0 0;
}

.ordering-process #checkoutContent .form-group label.whole-width {
    color: #000;
    font-size: 16px;
}

.ordering-process #checkoutContent input[type="checkbox"]+label::before {
    width: 30px;
    height: 30px;

    border: 1px solid #D4D4D4;
    border-radius: 6px;
}

.ordering-process #checkoutContent input[type="checkbox"]:checked+label::before {
    border-color: var(--color-primary);
}

.ordering-process #checkoutContent input[type="checkbox"]:checked+label::after {
    content: "";
    left: 6px;
    width: 18px;
    height: 18px;

    border-radius: 5px;
}

.ordering-process #checkoutContent label.whole-width {
    padding-left: 45px !important;
}

#checkoutSidebar .form-group.consents {
    padding-block: 15px;
}

#checkoutSidebar .consents input[type="checkbox"]+label::before {
    border-color: #D4D4D4;
    border-radius: 6px;
}

#checkoutSidebar .consents input[type="checkbox"]:checked+label::before {
    border-color: var(--color-primary);
}

#checkoutSidebar .consents input[type="checkbox"]:checked+label::after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 5px;
    left: 4px;
}

#checkoutSidebar .form-group label.whole-width {
    color: #000;
}

#submit-order {
    margin-top: 15px;

    font-size: 16px;
    background-color: #087720 !important;
    border-color: #087720 !important;
    color: #fff;
    font-weight: 400;
    text-align: center;
}

#submit-order:hover {
    background-color: #0a9b27 !important;
    border-color: #0a9b27 !important;
}

/*DRBKY*/

.homepage-box.welcome-wrapper {
    margin-bottom: 0;
}

.sidebar {
    width: 300px;
    padding-right: 30px;
}

/*RESPO*/

@media (max-width: 1474px) {
    .products-block.slick-slider {
        max-width: 100%;
    }

    .products-block.slick-slider .slick-prev {
        left: auto !important;
        right: 60px !important;
    }

    .products-block.slick-slider .slick-next {
        right: 0 !important;
    }
}

@media (max-width: 1439px) {
    .welcome div {
        padding: 0;
    }

    .custom-footer__newsletter .newsletter-header {
        text-align: center;
    }

    .custom-footer__newsletter h4 {
        margin: 0 auto 20px;
    }

    .custom-footer__newsletter {
        justify-content: center;
    }

    .custom-footer__newsletter form .form-group label.whole-width {
        width: 100%;
        text-align: center;
    }

    .custom-footer__newsletter .consents-first {
        width: 100%;
    }

    .custom-footer__newsletter fieldset > div:has(>.consents-first) {
        width: 100%;
    }
}

@media (max-width: 1439px) and (min-width: 768px) {
    .top-navigation-bar .top-navigation-contact a > span.hours {
        display: none;
    }
}

@media (max-width: 1199px) {
    .benefitBanner.position--benefitHomepage .benefitBanner__item {
        margin-bottom: 0;
    }

    .benefitBanner__link, .benefitBanner__item {
        flex-direction: column;
        row-gap: 10px;

        text-align: center;
    }

    .benefitBanner__picture {
        margin: 0;
    }

    .benefitBanner__img {
        object-position: center bottom;
    }

    .multiple-columns-body .welcome div, .multiple-columns-body .welcome h1 {
        max-width: 100%;
    }

    .multiple-columns-body .welcome div, .multiple-columns-body .welcome h1 {
        padding-inline: 0;
    }

    .multiple-columns-body .welcome h1 {
        padding: 20px 40px 0;
    }

    .newsletter form {
        width: 100%;
    }

    .hp-blog-news .news-item .text .description {
        display: none;
    }

    #footer .custom-footer > div h4 {
        font-size: 20px;
    }

    #footer ul {
        column-gap: 40px;
    }

    #footer .custom-footer {
        column-gap: 30px;
    }

    .products-block>div {
        width: calc(50% - 10px);
    }

    .multiple-columns-body .shp-tabs-holder ul.shp-tabs li {
        width: auto;
    }

    #checkoutSidebar {
        width: 330px;
    }

    .id--16 .cart-inner > .row {
        gap: 0 25px
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .top-navigation-bar .top-navigation-contact a > span {
        display: none;
    }

    .top-navigation-contact a.project-phone::before {
        margin-right: 0;
    }

    .top-navigation-bar-menu li {
        margin-right: 15px;
    }
}


@media (max-width: 991px) {
    .products-block.slick-slider .slick-prev, .products-block.slick-slider .slick-next {
        display: none !important;
    }

    h4.homepage-group-title, .h4.homepage-group-title, .dkLabVisitedProductsBox h2 {
        padding: 0;
        margin-block: 30px 20px;

        text-align: center !important;
    }

    .products-related-header, #productsAlternative::before {
        padding: 0;

        text-align: center;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__item {
        padding: 15px;
    }

    .multiple-columns-body .welcome h1 {
        padding: 30px 30px 0;

        text-align: center;
        font-size: 24px;
    }

    .welcome .also {
        padding: 10px 30px 30px;
        margin-bottom: 30px;

        text-align: center;
    }

    .category__secondDescription {
        padding: 30px;

        text-align: center;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 70px !important;
    }

    .welcome h2 {
        margin-block: 30px 10px;

        font-size: 24px !important;
    }

    .welcome div ul:last-child {
        margin-bottom: 0;
    }

    .custom-footer__newsletter {
        padding: 30px;
    }

    .custom-footer__newsletter input[type="email"] {
        width: 100%;
    }

    .custom-footer__newsletter div:has(>input[type="email"]) {
        flex-grow: 1;
    }

    .custom-footer__newsletter fieldset .btn {
        width: 100%;
        margin-top: 15px;
    }

    .hp-blog-news .news-item .image {
        margin-bottom: 15px;
    }

    h2, .h2, h4.homepage-group-title, .h4.homepage-group-title, body .content-wrapper h2, .products-related-header, #productsAlternative::before {
        font-size: 24px;
    }

    #footer ul {
        columns: 1;
    }

    .category-header form {
        height: 52px;
        max-width: 270px;

        border: none;
    }

    .category-header form fieldset label {
        border: none;
    }

    .category-header form.otevreno fieldset label {
        border: 1px solid #D4D4D4;
        border-width: 0 1px 1px 1px;
    }

    .razeni-klik {
        height: 52px;
    }
    .category-header form fieldset label {
        height: 52px;

        line-height: 42px;
    }

    .category-header label:first-child {
        background-color: transparent;
        border-radius: 6px;

        border: 1px solid #D4D4D4 !important;
    }

    .category-header .otevreno label:first-child {
        border-radius: 6px 6px 0 0;
    }

    .category-header .otevreno label:nth-child(2) {
        border-top: none;
    }

    .razeni-klik::after, .filtrovat::after {
        top: 0;
        right: 0;
        height: 52px;
        width: 45px;

        text-align: center;
        line-height: 52px;
        border-left: 1px solid #D4D4D4;
    }

    .otevreno .razeni-klik::after, .otevreno .filtrovat::after {
        top: 0;
        border-left: none;
        border-right: 1px solid #D4D4D4;
    }

    .id--16 .cart-inner > .row {
        flex-direction: column;
    }

    #checkoutSidebar, #checkoutContent {
        width: 100%;
    }

    .order-summary-inner h4 {
        color: #000;
        font-size: 16px;
    }
    .co-box h4 {
        font-size: 24px;
    }

    .id--17 .co-box {
        padding: 25px 30px;
    }

    .newsletter .newsletter-header {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .top-navigation-bar .container>div.additional-info {
        display: none;
    }
}

@media (max-width: 767px) {
    .benefitBanner.position--benefitHomepage, .benefitBanner.position--benefitProduct {
        max-width: calc(100% + 24px);
        width: calc(100% + 24px);
        margin-block: 10px 20px;
    }

    h1 {
        font-size: 22px;
    }

    h2, .h2, body .content-wrapper h2, .products-related-header, #productsAlternative::before {
        font-size: 20px;
    }

    h4.homepage-group-title, .h4.homepage-group-title {
        margin-block: 20px 15px;

        font-size: 20px;
        line-height: 1.75;
    }

    .welcome h2 {
        margin-block: 10px;
        font-size: 20px !important;
    }

    .multiple-columns-body .welcome h1 {
        font-size: 20px;
    }

    .custom-footer__newsletter form .form-group label.whole-width, .custom-footer__newsletter form .form-group label.whole-width a {
        font-size: 13px;
    }

    #footer .custom-footer > div.click-able:not(.contact) h4::after {
        content: none;
    }

    .custom-footer > div:not(.contact) ul, .custom-footer > div .news-item-widget {
        display: block;
    }

    #footer .custom-footer > div:not(.contact) {
        border: none;
    }

    #signature {
        margin-inline: auto;
    }

    #footer .custom-footer {
        padding-block: 20px;
    }

    .buy-box.special .add-to-cart-wrapper {
        width: 100%;
    }

    .buy-box.special .addit-info-wrapper {
        display: flex;
        column-gap: 20px;
        justify-content: flex-start;
    }

    .tab-mobil {
        margin-inline: -12px;
        padding-left: 10px;
        border-width: 1px 0 0 0;
        background-color: transparent;
    }

    #relatedFiles {
        margin-bottom: 0;
    }

    .otevreno .tab-mobil {
        color: #1E1E1E;
    }

    .tab-content .fade.otevreno {
        margin-bottom: 20px;
    }

    .tab-content .fade {
        margin-bottom: 0;
    }

    .popis-nadpis, .extended-description h3 {
        font-size: 18px;
    }

    .id--9 .summary-wrapper {
        flex-direction: column;
    }

    .summary-wrapper > .box:has(>.price-wrapper) {
        width: 100%;
    }

    .id--9 .extra.delivery, .id--9 .delivery-time, .id--9 .extra.gift {
        max-width: 100%;
    }

    .id--9 .delivery-time {
        margin-bottom: 20px;
    }

    .cart-table tr td,.cart-table .cart-p-image {
        border-width: 0px !important;
    }

    .cart-table tr>td.cart-p-image {
        flex: 0 0 100px;
    }

    .cart-table tr>td.p-name {
        flex: 1 1 calc(100% - 100px);
    }

    .cart-table .p-quantity {
        position: absolute;
        left: 12px;
        bottom: 16px;
        width: 120px;
    }

    .cart-table .p-price {
        width: 100%;
        margin-top: 15px;

        text-align: right !important;
    }

    .cart-table tr > td.p-total {
        margin-top: 5px;
    }

    .cart-table .p-price, .cart-table tr > td.p-total {
        padding-left: 130px;
    }

    .cart-table tr td.p-price {
        border-style: none;
    }

    .cart-summary {
        padding: 0;
    }

    .payment-logo {
        width: 60px;
        height: 30px;
    }

    .ucet {
        width: auto;
    }

    .filtrovat {
        height: 52px;
        line-height: 40px;
    }

    .custom-footer__newsletter h4 {
        font-size: 25px;
    }

    .responsive-tools > a[data-target="login"]::before {
        content: "";
        height: 24px;
        width: 24px;
        margin: 0 auto;

        mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        background-color: #000;
    }

    #header .container {
        z-index: 1;
    }

    #header .cart-count {
        top: -43px !important;
    }

    .btn.cart-count::before, a.btn.cart-count::before {
        content: "";
        height: 32px;
        width: 32px;
        margin: 0 auto;

        mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        background-color: #000;
    }

    .top-navigation-bar .project-phone {
        display: none;
    }

    .navigation-buttons > a[data-target="cart"] i {
        top: 18px;
    }

    .responsive-tools > a[data-target="login"] {
        top: 14px;
    }

    .responsive-tools>a[data-target="navigation"]::before, .navigation-close::before, .responsive-tools>a[data-target="navigation"]::after, .navigation-close::after {
        color: #000;
    }

    .search-form.compact-form .btn {
        border-radius: 4px;
    }

    .cart-table {
        padding-top: 0;
    }
}

@media (max-width: 521px) {
    .addit-info {
        flex-direction: column;
        align-items: flex-end;
        margin-bottom: 8px;
        row-gap: 8px;
    }
    .multiple-columns-body .buy-box .p-final-price-wrapper {
        height: auto;
        align-items: center; 
    }
    .multiple-columns-body .buy-box .p-final-price-wrapper .price-final {
        padding-top: 20px;
    }
}

@media (max-width: 499px) {
    .benefitBanner.position--benefitHomepage, .benefitBanner.position--benefitProduct {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .benefitBanner__link, .benefitBanner__item {
        flex-direction: row;
    }

    .benefitBanner__img {
        object-position: center;
    }

    .benefitBanner__picture {
        margin-right: 15px;
        width: 25px;
        height: 25px;
    }

    .benefitBanner__title {
        max-width: 100%;
    }

    .benefitBanner__title {
        font-size: 13px;
    }

    .products-block.products .p .price strong, .products-block.products .p .price span {
        font-size: 18px;
    }

    .products-block .p-bottom .p-tools {
        margin: 0;
    }

    .product .p-tools .btn-primary {
        display: none;
    }

    .products-block.slick-slider {
        margin-inline: -12px;
        max-width: calc(100% + 24px);
    }

    .welcome-wrapper > .welcome {
        padding-inline: 0;
    }

    .custom-footer__newsletter {
        margin: 30px -12px 0;

        border-radius: 4px;
    }

    .custom-footer__newsletter input[type="email"] {
        padding-left: 38px !important;
    }

    .hp-blog-news {
        justify-content: flex-start;
        flex-wrap: nowrap;

        overflow: auto;
        scrollbar-width: none;
    }

    .homepage-blog-wrapper .news-item {
        flex-grow: 0;

        max-width: 80%;
        width: 200px;
    }

    .homepage-blog-wrapper .news-item::-webkit-scrollbar {
        display: none;
    }

    #footer.newsletter-active {
        margin-top: 0px !important;
    }

    .contact-info {
        column-gap: 25px;
    }

    .contact-info__inner br {
        display: block;
    }

    body:not(.type-index) .products-block {
        gap: 0;
    }

    body:not(.type-index) .products-block > div {
        border-radius: 0;
    }

    .addit-info {
        margin-top: 0;
    }

    .p-detail .add-to-cart .quantity {
        position: relative;
        bottom: auto;
        right: auto;
    }

    .buy-box .add-to-cart-button {
        margin-top: 0 !important;
    }

    .bomb {
        width: 100%;
    }

    .p-info-wrapper .price-additional {
        margin-top: 10px;
    }

    .id--9 .delivery-time {
        padding-left: 0;
    }

    .id--9 .extra.delivery > span, .id--9 .extras-wrap .extra.discount {
        padding-left: 0;
    }

    .id--9 .extra.delivery > span::before, .id--9 .extras-wrap .extra.discount::before {
        position: relative;
        top: auto;
        left: auto;
    }

    ol.cart-header {
        flex-direction: column;
        align-items: flex-start;

        margin-bottom: 10px;
    }

    .radio-wrapper input[type="checkbox"]:checked + label::after, .radio-wrapper input[type="radio"]:checked+label::after {
        top: 17px;
    }

    .co-billing-address .form-group:has(input[type="text"]), .co-shipping-address .form-group:has(input[type="text"]) {
        width: 100%;
    }

    .co-contact-information h4:has(.ucet) {
        flex-wrap: wrap;
    }

    .ucet a {
        padding: 5px 10px;
    }
}