/*
Theme Name: Alkac
Description: HyggeStyl custom theme
Author: All-Computer.cz, Ing. Robert Michálek
Version: 1.0.0
Text Domain: Alkac
*/

:root{
    --font-family-heading: "Familjen Grotesk", serif;
    --font-family-text: "Familjen Grotesk", serif;

    --Primary: #032122;
    --Primary-Orange: #CB7626;

    --Dark-Dark-Text: #032122;
    --white: #fff;
    --black: #000;
    --gray:#6E6D7A;
    --midgray: #6E6D79;
    --lighgray: #E3E3E9;
}

html,
body{
    font-family: var(--font-family-text);
    color: var(--Dark-Dark-Text, #032122);
    width:100%;
    height:max-content;
    background:var(--white);
    font-weight: 400;
    line-height: 20.8px;
    font-size: 16px;
}

html{
    overflow: auto;
    scroll-behavior: smooth;
}
body{
    overflow-x: hidden;
}

h1, h2, h3,h4,h5{
    font-family: var(--font-family-heading);
    color: var(--Dark-Dark-Text, #032122);
    margin:0px;
}
h1,
.h1{
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 70.4px;
    /*margin-bottom:20px;*/
}
h2,
.h2{
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 62.4px;
    /*margin-bottom:10px;*/
}
h3,
.h3{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38.4px;
    /*margin-bottom:20px;*/
}
h4,
.h4 h3{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
    /*margin-bottom:20px;*/
}
h5,
.h5{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    /*margin-bottom:20px;*/
}

/*a, p, li{
    font-family: var(--font-family-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    color: var(--black);
    margin-bottom: 0px;
}*/

a{
    color: var(--Primary-Orange);
    transition-timing-function: ease-in;
    transition: 150ms;
    text-decoration: none;
}
a:hover{
    text-decoration:none;
    color: var(--Dark-Dark-Text, #032122);
    --bs-link-color-rgb: var(--Dark-Dark-Text, #032122);
}
p{
    font-family: var(--font-family-text);
}
a.button-primary,
.button-primary,
.button-primary a,
a.button-secondary,
.button-secondary a,
.woocommerce #review_form #respond .form-submit input,
button.button-primary,
#cc-main .cm__btn,
#cc-main .pm__btn,
button.button-secondary,
input[type=submit].button-primary,
input[type=submit].button-secondary,
.single-product button.single_add_to_cart_button,
.woocommerce-EditAccountForm button[type=submit],
.woocommerce .woocommerce-info .woocommerce-Button,
.woocommerce button.button,
.myorderspage .row .action a.woocommerce-button,
.woocommerce ul.products li.product .button,
.woocommerce p.return-to-shop a.button,
.woocommerce a.button,
.woocommerce-notices-wrapper .woocommerce-message a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,
.cart .souhrn .cart_totals .wc-proceed-to-checkout a.checkout-button{
    padding: 15px 32px;
    font-family: var(--font-family-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 21.6px;
    border:0px;

    background:transparent;
    border-radius: 4px;
    text-decoration:none;

    display: flex;
    justify-content: center;
    gap: 8px;
}
a.button-primary,
.button-primary,
button.button-primary,
.button-primary a,
#cc-main .cm__btn,
#cc-main .pm__btn,
input[type=submit].button-primary,
input[type=submit].button-secondary,
.single-product button.single_add_to_cart_button,
.woocommerce-EditAccountForm button[type=submit],
.woocommerce .woocommerce-info .woocommerce-Button,
.woocommerce button.button,
.woocommerce p.return-to-shop a.button,
.woocommerce ul.products li.product .button,
.woocommerce-notices-wrapper .woocommerce-message a.button{
    background:var(--Primary-Orange) !important;
    color: var(--white) !important;
}
a.button-primary:hover,
.button-primary:hover,
button.button-primary:hover,
.button-primary a:hover,
#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover,
input[type=submit].button-primary:hover,
input[type=submit].button-secondary:hover,
.single-product button.single_add_to_cart_button:hover,
.woocommerce-EditAccountForm button[type=submit]:hover,
.woocommerce .woocommerce-info .woocommerce-Button:hover,
.woocommerce-notices-wrapper .woocommerce-message a.button:hover,
.woocommerce .button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce p.return-to-shop a.button:hover,
.newsletter .formMailchimp input[type='submit']:hover{
    background:#A25E1E !important;
    color: var(--white) !important;
}
a.button-secondary,
.button-secondary a,
#cc-main .cm__btn.cm__btn--secondary,
#cc-main .pm__btn.pm__btn--secondary,
button.button-secondary,
.woocommerce #review_form #respond .form-submit input,
.myorderspage .row .action a.woocommerce-button{
    background:rgba(233, 109, 0, 0.15) !important;
    color: var(--Primary-Orange) !important;
}
a.button-secondary:hover,
.button-secondary a:hover,
button.button-secondary:hover,
#cc-main .cm__btn.cm__btn--secondary:hover,
#cc-main .pm__btn.pm__btn--secondary:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.myorderspage .row .action a.woocommerce-button:hover{
    background:rgba(233, 109, 0, 0.3) !important;
    color: var(--Primary-Orange) !important;
    text-decoration:none;
}

strong{
    font-weight: 700;
}
.col{
    flex: 1 0 0%;
}
.orange{
    color:var(--Primary-Orange);
}

/* FORMS */
input,
div.wpforms-container-full input[type=text]{
    border-radius: 4px !important;
    border: 1px solid var(--Gray-Border, #E3E3E9) !important;
    background: var(--White-Pure-White, #FFF);
    padding: 16px !important;
    color: var(--Dark-Dark-Text, #032122) !important;
    width:100%;
}
input::placeholder,
div.wpforms-container-full input[type=text]::placeholder{
    color: var(--Gray-Placeholder-Input, rgba(110, 109, 121, 0.40)) !important;
}
input:focus,
input:focus-visible,
input:active,
div.wpforms-container-full input[type=text]:focus,
div.wpforms-container-full input[type=text]:focus-visible,
div.wpforms-container-full input[type=text]:active{
    border: 1px solid var(--Primary-Orange, #CB7626) !important;
}
textarea,
div.wpforms-container-full .wpforms-form textarea{
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    background: var(--White-Pure-White, #FFF);
    padding: 16px !important;
    color: var(--Dark-Dark-Text, #032122);
    width:100%;
}
textarea::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder{
    color: var(--Gray-Placeholder-Input, rgba(110, 109, 121, 0.40));
}
textarea:focus,
textarea:focus-visible,
textarea:active
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form textarea:focus-visible,
div.wpforms-container-full .wpforms-form textarea:active{
    border: 1px solid var(--Primary-Orange, #CB7626);
}
p.form-row label:not(.woocommerce-form__label-for-checkbox),
.inputWrapper label:not(.woocommerce-form__label-for-checkbox),
p.woocommerce-form-row label:not(.woocommerce-form__label-for-checkbox),
.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-checkbox) .wpforms-field-label{
    margin: 0 0 0 8px;
    color: var(--Dark-Dark-Text, #032122);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    z-index: 100;
    background: #fff;
    padding:0 5px;
    width: fit-content;
}
p.form-row input:not(.woocommerce-form__input-checkbox),
.inputWrapper input,
p.woocommerce-form-row input:not(.woocommerce-form__input-checkbox),
.wpforms-container .wpforms-field:not(.wpforms-field-checkbox) input,
div.wpforms-container-full .wpforms-form textarea{
    margin-top: -11px !important;
}
.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox,
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li{
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
}
div.wpforms-container-full:not(:empty){
    margin:0px !important;
}
.wpforms-container .wpforms-field{
    padding:0px 0px 24px 0px !important;
}
div.wpforms-container-full input[type=checkbox]{
    width: 20px;
    height: 20px;
    border: 0px !important;
    margin: 0;
    padding: 0 !important;
}
div.wpforms-container-full button[type=submit]{
    padding: 15px 32px !important;
    font-family: var(--font-family-text) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 21.6px !important;
    border: 0px !important;
    background: transparent !important
        border-radius: 4px !important;
    text-decoration: none !important;
    height:auto !important;
}

/* HEADER */
body > header{
    background:var(--Primary);
    position: relative;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
header .topBar{
    padding:12px 0px;
    transition: transform 0.3s ease;
}
header .topBar.hidden{
    display: none;
}
header .topBar .menu ul{
    display:inline-flex;
    list-style:none;
    gap:24px;
    padding:0px;
    margin:0px;
}
header .topBar .menu li a{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
    color:#fff;
}
header .topBar .menu li:first-child a{
    color: var(--Primary-Orange, #CB7626);
}
header .topBar .menu li a:hover{
    color:var(--Primary-Orange);
}

header .topBar .rightSide{
    display:flex;
    gap:12px;
}
header .topBar .indikator{
    display:flex;
    gap:8px;
    color: #FFF;
    align-items: center;
}
header .topBar .telefon{
    color: #FFF;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: #CB7226;

    text-decoration-thickness: auto;
    text-underline-offset: auto;
}
header .topBar .telefon:hover{
    color: var(--Primary-Orange, #CB7626);
}
header .topBar .kdyVolat{
    color: #FFF;
}
header .topBar .vety-o-nas{
    display:inline-flex;
    gap:24px;
    padding-left:12px;
}
header .topBar .vety-o-nas span{
    font-weight: 700;
    color: var(--Primary-Orange, #CB7626);
    display:flex;
    gap:8px;
}

header .headerSection{
    padding:24px 0px;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
header .headerSection > .row{
    gap:128px;
}
header .headerSection .logo img{
    width:175px;
}

header .headerSection .wooMenu ul{
    list-style: none;
    margin:0;
    text-align: right;
    display:flex;
    gap:12px;
}

header .headerSection .hledat form,
.topNavMobile .search .searchForm form{
    position:relative;
}
.topNavMobile .search .searchForm form{
    position: relative;
    display: flex;
    flex-direction: column;
    gap:24px;
    width:100%
}
header .headerSection .hledat form > div:first-child,
.topNavMobile .search .searchForm form > div:first-child{
    display:flex;
    background-color:#F2F2F2;
    padding:0px 0px 0px 16px;
    border-radius:4px;
}
header .headerSection .hledat input[type=text],
.topNavMobile .search .searchForm input[type=text]{
    width:100%;
    display:inline-block;
    padding:15px 16px 15px 16px;
    border:0px;
    border-radius: 4px;
    background:transparent;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
    color:rgba(110, 109, 121, 0.5);
}
header .headerSection .hledat input[type=text]::placeholder,
.topNavMobile .search .searchForm input[type=text]::placeholder {
    color:rgba(110, 109, 121, 0.5);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
}
header .headerSection .hledat button,
.topNavMobile .search .searchForm button{
    border:0;
    background:transparent;
}
.topNavMobile .search .searchForm .close{
    position:absolute;
    top:28px;
    right:20px;
}

.topNavMobile #search-resultsMobile{
    display:none;
    flex-direction: column;
    gap:24px;
}
.topNavMobile #search-resultsMobile > div:not(.nav){
    display:none;
}
.topNavMobile #search-resultsMobile > div.active{
    display:flex;
}
.topNavMobile .nav{
    width:100%;
    border-bottom: 1px solid var(--Gray-Border, #E3E3E9);
    display:none;
}
.topNavMobile .nav ul{
    list-style: none;
    margin:0;
    padding:0;
    display:flex;
    gap:24px;
}
.topNavMobile .nav ul li button{
    padding:16px 0px;
    background:transparent;
    border:0;
    border-bottom: 2px solid transparent;

    color: var(--Primary-Orange, #CB7626);
    font-size: 14px;
    font-weight: 400;
}
.topNavMobile .nav ul li button.active,
.topNavMobile .nav ul li button:hover{
    border-bottom: 2px solid var(--Dark-Dark-Text, #032122);
    color: var(--Dark-Dark-Text, #032122);
    font-weight: 700;
}
.topNavMobile .search-results > div{
    display:flex;
    flex-direction: column;
    gap:16px;
}
.topNavMobile #search-resultsMobile > div:not(search-productMobile) {
    padding-bottom: 24px;
}


header#mainHeader{
    transition: transform 0.3s ease;
}
header .headerSection .wooMenu{
    display:flex;
    align-items: center;
}
header .headerSection .wooMenu ul li{
    position:relative;
}
header .headerSection .wooMenu ul li a,
header .topNavMobile .userAccount a{
    display:flex;
    gap:8px;
    align-items: center;
    border-radius:4px;
    border:1px solid rgba(255,255,255,0.12);
    padding:15px 16px;
    color:#fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.6px;
    position:relative;
    height: 52px;
}
header .headerSection .wooMenu ul li a:hover,
header .topNavMobile .userAccount a:hover{
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.10);
}
header .headerSection .wooMenu ul li a.userAccount > span,
header .topNavMobile .userAccount a > span{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
header .headerSection .wooMenu ul li a.userAccount span.body,
header .topNavMobile .userAccount span.body{
    color: #DDCB7D;
    font-size: 12px;
    font-weight: 500;
    line-height: 135%; /* 16.2px */
}
header .headerSection .wooMenu ul li a.headerCart{
    padding-right: 60px;
}
header .headerSection .wooMenu ul li a.headerCart .icon{
    width:44px;
    height:44px;
    position:absolute;
    right:4px;
    display:flex;
    align-items: center;
    justify-content: center;
    background: var(--Primary-Orange);
    border-radius:2px;
}

header .headerSection .wooMenu ul li ul.subAccountMenu{
    display:none;
    text-align: left;
    position: absolute;
    top: 50px;
    margin: 0;
    padding: 12px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.16);
    z-index: 9999;
    width: max-content;
}
header .headerSection .wooMenu ul li ul.subAccountMenu li{
    display:block;
    text-align:left;
}
header .headerSection .wooMenu ul li ul.subAccountMenu li a{
    padding:15px 16px;
    display:flex;
    gap:8px;
    white-space: nowrap;
    color: var(--Dark-Dark-Text, #032122);
}
header .headerSection .wooMenu ul li ul.subAccountMenu li.logout a{
    color: var(--Gray-Gray-Text, #6E6D79);
}
header .headerSection .wooMenu ul li ul.subAccountMenu li a:hover{
    background: #F4F4F4;
}



header .mainMenu{
    padding:0px;
}
header .mainMenu ul{
    list-style: none;
    display: block;
    margin:0;
    padding:0;
}
header .mainMenu ul li{
    display:inline-block;
    position:relative;
}
header .mainMenu ul li a{
    padding:12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
    color:#fff;
    text-transform: uppercase;
    display:block;
}
header .mainMenu ul li:first-child a{
    padding-left:0px;
    color: var(--Primary-Orange, #CB7626);
    font-weight: 700;
}
header .mainMenu ul li a:hover{
    color:var(--Primary-Orange);
}
header .mainMenu ul ul.sub-menu{
    display:none;
    position: absolute;
    z-index: 9999;
    background: #fff;
    padding: 12px 24px;
}
header .mainMenu ul ul.sub-menu li{
    display:block;
}
header .mainMenu ul ul.sub-menu li a{
    color: #CB7626;
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    padding: 6px 0px;
    display: block;
}
header .mainMenu ul ul.sub-menu li a:hover{
    color:var(--Gray-Gray-Text, #6E6D79);
}


/* ------------------------------------- General  -------------------------------------- */
main{
    padding-top:56px;
}
/* ------------------------------------- HOME  -------------------------------------- */
.infinite-carousels {
    display:flex;
    flex-direction: column;
    gap:16px;
}
.infinite-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.reference .infinite-carousel{
    max-height: 800px;
    flex-direction: row;
    display:flex;
    gap:16px;
    position: relative;
}
.reference .infinite-carousel:before,
.reference .infinite-carousel:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100px; /* Výška gradientu nahoře/dole */
    z-index: 1;
    pointer-events: none; /* Aby nebyly pseudo-elementy interaktivní */
}

.reference .infinite-carousel:before {
    top: 0;
    background: linear-gradient(180deg, #032122 0%, rgba(3, 33, 34, 0) 100%);
}

.reference .infinite-carousel:after {
    bottom: 0;
    background: linear-gradient(0deg, #032122 0%, rgba(3, 33, 34, 0) 100%);
}

.infinite-carousel .carousel-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 400px;
    width:max-content;
    gap: 16px;
    will-change: transform;
}
.infinite-carousel .carousel-track.Yreversed{
    display:flex;
    flex-direction: column;
    height:max-content;
}
.infinite-carousel .carousel-track.scrollToLeft {
    animation: scrollToLeft 60s linear infinite;
}
@keyframes scrollToLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% / 2));
    }
}
.infinite-carousel .carousel-track.scrollToRight {
    animation: scrollToRight 60s linear infinite;
}
@keyframes scrollToRight {
    from {
        transform: translateX(calc(-100% / 2));
    }
    to {
        transform: translateX(0);
    }
}
.infinite-carousel .carousel-track.scrollToBottom {
    animation: scrollToBottom 60s linear infinite;
}
@keyframes scrollToBottom {
    from {
        transform: translateY(calc(-100% / 2));
    }
    to {
        transform: translateY(0);
    }
}
.infinite-carousel .carousel-track.scrollToTop {
    animation: scrollToTop 60s linear infinite;
}
@keyframes scrollToTop {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(calc(-100% / 2));
    }
}

.infinite-carousel a.category-box {
    flex-shrink: 0;
    display: flex;
    text-decoration: none;
    width: 400px; /* Nastavte šířku boxu dle potřeby */
    background: var(--White-Pure-White, #FFF);
    padding:24px;
    gap:48px;
    justify-content:center;
}
.infinite-carousel a.category-box:hover{
    opacity:0.8;
}

.infinite-carousel .category-box div{
    color: var(--Dark-Dark-Text, #032122);
    text-align: center;
    font-family: "Familjen Grotesk";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 35.2px */
    align-items: center;
    display: flex;
}

.infinite-carousel .category-box div img {
    max-width: 100%;
    height: auto;
}

/* Zajistěte hladký přechod při opakování animace */
/*.infinite-carousel .carousel-track:hover {
    animation-play-state: paused;
}*/

.reference .infinite-carousel .reference-box{
    background: #063637;
    padding: 32px;
    width:350px;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.reference .infinite-carousel .reference-box .stars{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.reference .infinite-carousel .reference-box .text{
    color: var(--White-Pure-White, #FFF);
}
.reference .infinite-carousel .reference-box .person{
    margin-top:12px;
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.reference .infinite-carousel .reference-box .person img{
    width: 56px;
    height: 56px;
    border-radius: 56px;
}
.reference .infinite-carousel .reference-box .person .personDetails{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}
.reference .infinite-carousel .reference-box .person .personDetails .name{
    color: var(--White-Pure-White, #FFF);
}
.reference .infinite-carousel .reference-box .person .personDetails .title{
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.znacky.infinite-carousels .carousel-track{
    display:flex;
    gap:48px;
}
.znacky.infinite-carousels .carousel-track img{
    max-height: 100px;
}
.znacky.infinite-carousels .carousel-track a:hover img{
    transform: scale(1.1);
}

.znacky.infinite-carousels .carousel-track.scrollToLeftZnacky {
    animation: scrollToLeftZnacky 800s linear infinite;
}
@keyframes scrollToLeftZnacky {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% / 2));
    }
}


/* ------------------------------------- COMPONENTS -------------------------------------- */
#search-results{
    border-radius: 4px;
    background: var(--background, #FFF);
    box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
    position: absolute;
    width: calc(100% + 300px);
    left: -150px;
    top: 60px;
    display: none;
    z-index: 1000;
    padding: 48px;
    align-items: flex-start;
    gap: 48px;
}
@media (max-width:1400px){
    #search-results{
        width: calc(100% + 500px);
        left: -250px;
    }
}
@media (max-width:992px){
    #search-results{
        width: calc(100% + 300px);
        left: -150px;
    }
}
#search-results .left,
#search-results .right{
    display:flex;
}
#search-results .left > div{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}
#search-results .left{
    width:100%;
}
#search-results .left ul,
#search-resultsMobile ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#search-results .left ul li,
#search-resultsMobile #search-productsMobile ul li{
    display: flex;
    gap: 24px;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px dashed var(--Gray-Border, #E3E3E9);
    margin-bottom: 16px;
    align-items: center;
}
#search-results .left ul li:last-child,
#search-resultsMobile #search-productsMobile ul li:last-child{
    padding:0;
    border:0;
}
#search-results .left ul li > a:not(.add_to_cart_button){
    align-self: center;
    width: 80px;
    height: 100px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    display: flex;
}
#search-resultsMobile #search-productsMobile ul li > a:not(.add_to_cart_button){
    align-self: center;
    width: 56px;
    height: 70px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    display: flex;
}
#search-resultsMobile #search-productsMobile ul li > a:not(.add_to_cart_button) img{
    max-width: 100%;
    max-height: 100%;
}
#search-results .left ul li .product-info,
#search-resultsMobile #search-productsMobile ul li .product-info{
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-grow: 1;
    width: 100%;
}
#search-results .left ul li .product-info .price,
#search-resultsMobile #search-productsMobile ul li .product-info .price{
    display: flex;
    gap: 12px;
}
#search-results .left ul li .product-info .price,
#search-resultsMobile #search-productsMobile ul li .product-info .price,
#search-results .left ul li .product-info .price ins,
#search-resultsMobile #search-productsMobile ul li .product-info .price ins{
    font-size: 16px;
    font-weight: 700;
}
#search-results .left ul li .product-info .price del,
#search-resultsMobile #search-productsMobile ul li .product-info .price del{
    color: var(--Gray-Gray-Text, #6E6D79);
}
#search-results .left ul li a.add_to_cart_button,
#search-resultsMobile #search-productsMobile ul li a.add_to_cart_button{
    border-radius: 4px;
    background: rgba(203, 118, 38, 0.15);
    display: flex;
    width: 48px;
    height: 48px;
    padding: 15px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

#search-results .right{
    border-left: 1px dashed var(--Gray-Border, #E3E3E9);
    padding-left:48px;
    flex-direction: column;
    gap:16px;
    width: 248px;
}
#search-results .right > div{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#search-results strong,
#search-resultsMobile strong{
    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
}
#search-results .right ul{
    list-style: none;
    margin:0;
    padding: 0 0 0 28px;
    display:flex;
    gap:8px;
    flex-direction: column;
}
@media (max-width:768px){
    #search-results{

    }
}



.popup{
    display: none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.30);
    z-index:999999999;
    justify-content: center;
    align-items: center;
}
.popup .popup-content{
    display: flex;
    max-width: 100%;
    width: 700px;
    padding: 24px;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    background: #FFF;
    flex-direction: column;
    position:relative;
}
.popup .popup-content #close-popup{
    position:absolute;
    top:48px;
    right:48px;
    border:0;
    background:transparent;
}
.popup .popup-content #close-popup:hover svg path{
    stroke:#000;
}
/*.popup#addtocart-popup .popup-content .message{
    display: flex;
    padding: 16px 0px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
    background: rgba(81, 150, 71, 0.15);
}
.popup#addtocart-popup .popup-content .message h3{
    color: #519647;
}
.popup#addtocart-popup .popup-content .product{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.popup#addtocart-popup .popup-content .product img{
    max-width: 80px;
    max-height: 100px;
    border-radius: 4px;
}
.popup#addtocart-popup .popup-content .product .details{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}
.popup#addtocart-popup .popup-content .product .details .product-price{
    font-weight: 700;
}
.popup#addtocart-popup .popup-content .buttons{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 12px;

    padding-top:24px;
    border-top:1px dashed var(--Gray-Border, #E3E3E9);
    width: 100%;
}*/

#addtocart-notice {
    position: fixed;
    right: -300px; /* začátek mimo obrazovku */
    top: 250px;
    background: var(--Primary);
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 9999;
    transition: right 0.5s ease-in-out;
}

#addtocart-notice.active {
    right: 0px; /* pozice po vyjetí */
}

#addtocart-notice .message {
    display: flex;
    align-items: center;
    gap: 8px;
}


/* ------------------------------------- Archive blog -------------------------------------- */
.archiveBlog{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    align-self: stretch;
    padding-top: 56px;
}
.archiveBlog .clanek{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.archiveBlog .triClanky{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}
.archiveBlog .triClanky .clanek.thumbnail,
.shortcodeBlog .clanek.thumbnail{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-direction: row;
    gap: 32px;
    flex: 1 0 0;
}
.archiveBlog .clanek img,
.shortcodeBlog .clanek img{
    max-width: 100%;
}
.archiveBlog .clanek .detaily .meta,
.shortcodeBlog .clanek .detaily .meta{
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.archiveBlog .clanek .detaily .meta span,
.shortcodeBlog .clanek .detaily .meta span{
    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 14px;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
}
.archiveBlog .clanek .detaily .meta span.category,
.shortcodeBlog .clanek .detaily .meta span.category{
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(81, 150, 71, 0.15);
    color: var(--Primary-Orange, #CB7626);
}
.archiveBlog .clanek .detaily p,
.shortcodeBlog .clanek .detaily p{
    margin:0;
    color: var(--Gray-Gray-Text, #6E6D79);
}
.archiveBlog .clanek a.readMore,
.shortcodeBlog .clanek a.readMore{
    font-weight: 500;
}
.archiveBlog .clanek.thumbnail a.readMore,
.shortcodeBlog .clanek.thumbnail a.readMore{
    margin-top:20px;
    display:block;
}
#allArticles .clanek{
    margin-bottom: 64px;
}
.archiveBlog #allArticles .loadMoreArticles{
    margin-bottom: 56px;
    justify-content: center;
    display: flex;
}

/*shortcode blog*/
.shortcodeBlog{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 sloupce */
    gap: 48px; /* mezery mezi položkami */
    align-items: flex-start; /* zarovnání položek na začátek */
    align-self: stretch; /* roztáhne grid na celý dostupný prostor */
}

.singleBlog{
    gap: 48px;
    display: flex;
    flex-direction: column;
    padding-top: 56px;
}
.singleBlog .row{
    justify-content: center;
}
.singleBlog .header{
    width: 85%;
    flex: none;
    align-self: center;
}
.singleBlog .meta{
    margin-top:24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.singleBlog .publikace{
    display: flex;
    align-items: center;
    gap: 8px;

    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 18px;
    line-height: 130%; /* 23.4px */
}
.singleBlog .socials{
    display: flex;
    align-items: center;
    gap: 12px;

    color: var(--Dark-Dark-Text, #032122);
    font-size: 18px;
    line-height: 130%; /* 23.4px */
}
.singleBlog .socials a,
.singleBlog .socials button{
    display: flex;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: rgba(203, 118, 38, 0.15);
    border:0px;
}
.singleBlog .socials a:hover,
.singleBlog .socials button:hover {
    position: relative;
}
.singleBlog .socials a:hover::before,
.singleBlog .socials button:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.singleBlog .imagePreview img{
    max-width: 100%;
}
.singleBlog .content > .elementor{
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.singleBlog .content img{
    border-radius: 4px;
    max-width: 100%;
}
.singleBlog .row.produkty{
    padding:56px 0px 112px;
}
.singleBlog.podobneClanky{
    padding:64px 0 112px 0;
    background: #F9F9F9;
    margin-bottom: 112px;
}
.singleBlog.podobneClanky .obsah{
    flex-direction: column;
    align-items: center;
    gap: 56px;
    display:flex;
}
.singleBlog.podobneClanky .obsah .header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:0;
    width:100%;
}
.singleBlog.podobneClanky .meta{
    align-items: center;
    justify-content: start;
}
.singleBlog.podobneClanky .clanek{
    border-radius: 4px;
    background: var(--White-Pure-White, #FFF);
}

/* ------------------------------------- Woocommerce -------------------------------------- */
/* ---------------- Archive ---------------- */
.woocommerce .woocommerce-breadcrumb,
.breadcrumb{
    color: var(--Dark-Dark-Text, #032122);
    text-align: center;

    font-family: "Familjen Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */

    margin: 0 0 12px 0;
    text-align:left;
}
.woocommerce .woocommerce-breadcrumb span,
.breadcrumb span{
    padding: 0 8px;
    color:rgba(227, 227, 233, 1);
}
.woocommerce .woocommerce-breadcrumb a,
.breadcrumb a{
    color: var(--Primary-Orange, #CB7626);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
}
.woocommerce header.woocommerce-products-header{
    display:flex;
    flex-direction: column;
    gap:24px;
}
.woocommerce header.woocommerce-products-header .title{
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}
.woocommerce header.woocommerce-products-header .title span{
    color: var(--Gray-Gray-Text, #6E6D79);
}
.woocommerce header.woocommerce-products-header .catDesc{
    display:flex;
    justify-content: space-between;
}
.woocommerce header.woocommerce-products-header .catDesc .term-description{
    max-width: 70%;
    color: var(--Gray-Gray-Text, #6E6D79);
}
.woocommerce header.woocommerce-products-header .catDesc a{
    display: flex;
    align-items: center;
    gap: 12px;

    color: var(--Primary-Orange, #CB7626);
}
.woocommerce .podkategorie{
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}
.woocommerce .podkategorie a{
    max-width:25%;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    display: flex;
    padding: 15px 16px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    margin:48px 0px;

    color: var(--Dark-Dark-Text, #032122);

    font-size: 14px;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
}
.woocommerce .podkategorie a:hover{
    background: rgba(203, 118, 38, 0.05);
    color: var(--Primary-Orange, #CB7626);
}
.woocommerce .podkategorie a:hover svg path{
    fill:rgba(203, 118, 38, 1);
}
.woocommerce .podkategorie a span{
    color: var(--Gray-Gray-Text, #6E6D79);
}

.woocommerce .categoryFullDesc{
    border-top: 1px dashed #E3E3E9;
}

.woocommerce .categoryFullDesc > .container{
    padding:112px 20px;
    display: flex;
    align-items: flex-start;
    gap: 80px;
    align-self: stretch;
}

.woocommerce .categoryFullDesc .text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.woocommerce .categoryFullDesc .editor,
.woocommerce .categoryFullDesc .editor p{
    color: var(--Gray-Gray-Text, #6E6D79);
}
.woocommerce .categoryFullDesc .editor h2,
.woocommerce .categoryFullDesc .editor h3,
.woocommerce .categoryFullDesc .editor h4{
    color: var(--Dark-Dark-Text, #032122);
    font-size: 24px;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    border-left:4px solid #603913;
    padding-left:16px;
    margin-bottom:12px;
    margin-top:24px;
}
.woocommerce .products-filters{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Gray-Border, #E3E3E9);
    /*margin-bottom:56px;*/
}
.woocommerce .products-filters .products-sorting button.dropdown-toggle{
    display:none;
}
.woocommerce .products-filters .products-sorting ul{
    list-style:none;
    margin:0;
    padding:0;
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.woocommerce .products-filters .products-sorting ul li a{
    display:block;
    padding: 16px 0px;
    border-bottom:2px solid transparent;

    color: var(--Primary-Orange, #CB7626);

    font-size: 16px;
    font-weight: 400;
    line-height: 130%;

    cursor:pointer;
}
.woocommerce .products-filters .products-sorting ul li a.active,
.woocommerce .products-filters .products-sorting ul li a:hover{
    border-bottom: 2px solid var(--Dark-Dark-Text, #032122);
    color: var(--Dark-Dark-Text, #032122);
    font-weight: 700;
}
.woocommerce .products-filters .products-filter-right{
    display: flex;
    align-items: center;
    gap: 12px;
}
.woocommerce .products-filters .products-filter-right button.openProductFilter{
    display: flex;
    height: 40px;
    padding: 15px 16px;
    align-items: center;
    gap: 8px;
}
.woocommerce .products-filters .products-pagination{
    display: flex;
    align-items: center;
    gap: 12px;
}
.woocommerce .products-filters .products-pagination label{
    color: var(--Dark-Dark-Text, #032122);
}
.woocommerce .products-filters .products-pagination select{
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    color: var(--Dark-Dark-Text, #032122);

    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;

    cursor:pointer;
}
.woocommerce #product-filter{
    display:none;
    margin-top:24px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 4px;
    background: #F4F4F4;
}
.woocommerce #product-filter ul.filter-tabs{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    gap:24px;
    border-bottom: 1px solid var(--Gray-Border, #E3E3E9);
}
.woocommerce #product-filter ul.filter-tabs button{
    background:transparent;
    border:0;
    padding:16px 0px;
    border-bottom:2px solid transparent;
}
.woocommerce #product-filter ul.filter-tabs button.active,
.woocommerce #product-filter ul.filter-tabs button:hover{
    border-bottom: 2px solid #000;
}
.woocommerce #product-filter .tabs{
    width:100%;
}
.woocommerce #product-filter .tabs .tab{
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    width:100%;
}
.woocommerce #product-filter .tabs .tab:not(.active){
    display:none;
}
.woocommerce #product-filter .tabs .tab.active{
    display: flex;
}
.woocommerce #product-filter .tab .letters{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}
.woocommerce #product-filter .tab .letters button{
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);

    color: var(--Dark-Dark-Text, #032122);
}
.woocommerce #product-filter .tab .letters button:hover,
.woocommerce #product-filter .tab .letters button.active,
.woocommerce #product-filter .tab .letters button:focus{
    border: 1px solid var(--Primary-Orange, #CB7626);
    color: var(--Primary-Orange, #CB7626);
}
.woocommerce #product-filter .tab .checkboxes {
    width: 100%;
}
.woocommerce #product-filter .tab .checkboxes:not(.groupInner),
.woocommerce #product-filter .tab .checkboxes .group {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    flex-wrap: wrap;

}
.woocommerce #product-filter .tab .checkboxes:not(.groupInner) > div,
.woocommerce #product-filter .tab .checkboxes .group > div{
    display: flex;
    height: 52px;
    padding: 15px 16px;
    justify-content: start;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    flex-basis: 24%;
    cursor:pointer;
}
.woocommerce #product-filter .tab .checkboxes img{
    max-height: 15px;
    width:auto;
}
.woocommerce #product-filter .tab .checkboxes:not(.groupInner) > div.active,
.woocommerce #product-filter .tab .checkboxes .group > div.active{
    border: 1px solid var(--Primary-Orange, #CB7626);
    background: rgba(203, 118, 38, 0.15);
}
.woocommerce #product-filter .tab .checkboxes:not(.groupInner) > div input,
.woocommerce #product-filter .tab .checkboxes .group > div input{
    width:max-content;
}
.woocommerce #product-filter .buttons{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}





/* Styl pro cena-filter */
.ranger {
    width:50%;
    position: relative;
    margin-bottom: 50px;
}
.ranger .containerRanger {
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.ranger input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
    border:0px !important;
    padding:0px !important;
}
.ranger .slider-track {
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
}
.ranger input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}
.ranger input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
}
.ranger input[type="range"]::-ms-track {
    appearance: none;
    height: 5px;
}
.ranger input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    background-color: #CB7626;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
}
.ranger input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #CB7626;
    pointer-events: auto;
    border: none;
}
.ranger input[type="range"]::-ms-thumb {
    appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #CB7626;
    pointer-events: auto;
}
.ranger input[type="range"]:active::-webkit-slider-thumb {
    background-color: #ffffff;
    border: 1px solid #CB7626;
}
.ranger .values {
    background-color: rgba(233, 109, 0, 0.15);
    width: 32%;
    position: relative;
    margin: auto;
    padding: 10px 0;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 25px;
    color: #CB7626;
}
.ranger .values:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 15px solid rgba(233, 109, 0, 0.15);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    margin: auto;
    bottom: -14px;
    left: 0;
    right: 0;
}







.woocommerce #product-list{
    margin:56px 0 112px 0;
    display:flex;
    flex-direction: column;
    gap:56px;
}
.woocommerce ul.products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 56px 32px;
    margin:0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{
    display:none;
}
.woocommerce ul.products li.product{
    margin:0;
    width:100%;
    float:none;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    justify-content:space-between;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width:100%;
}
.woocommerce ul.products li.product a .image-wrapper {
    width: 100%;
    height: 350px; /* Výška kontejneru */
    display: flex;
    justify-content: center; /* Horizontální zarovnání obrázku */
    align-items: center; /* Vertikální zarovnání obrázku */
    overflow: hidden; /* Skrytí přetékající části obrázku */
}
.woocommerce ul.products li.product a .stock{
    color: var(--Primary-Orange, #CB7626);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 18.2px */
}
.woocommerce ul.products li.product a .stock.instock{
    color:green;
}
.woocommerce ul.products li.product a .stock.nostock{
    color:#DC5C5C;
}

.woocommerce .flashes{
    left: 0;
    top:0;
    right: auto;
    position:absolute;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.woocommerce .flashes > span,
.woocommerce span.onsale,
.cart td.product-name .produkt .attributes span.vernostni-system{
    padding: 4px 8px;
    border-radius: 2px;
    color: var(--White-Pure-White, #FFF);
    font-family: Roboto;
    font-size: 10px;
    font-weight: 600;
    min-height: unset;
    line-height: 150%;
    min-width: unset;
    position:relative;
    left: unset !important;
    right: unset !important;
    text-transform: uppercase;
    display:block;
    height:23px;
}
.woocommerce .flashes span.novinka{
    background: #5C8DDC;
}
.woocommerce .flashes span.onsale,
.woocommerce span.onsale{
    background: #DC5C5C;
}
span.vernostni-system,
.woocommerce .flashes span.vernostni-system{
    background: #7738AA;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.woocommerce .flashes span.vernostni-system:hover {
    position: relative;
}
.woocommerce .flashes span.vernostni-system:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3); /* Černý průhledný překryv */
    z-index: 1;
}
.openPopUpVernostneBody {
    pointer-events: auto;
}
#vernostne-body-popup .popup-content{
    align-items: start;
}
#vernostne-body-popup p{
    color: var(--Dark-Dark-Text, #032122);
}
.cart td.product-name .produkt .attributes span.vernostni-system{
    color:#fff;
}


.woocommerce ul.products li.product a img {
    width: 100%; /* Obrázek vyplní celou šířku kontejneru */
    height: 100%; /* Obrázek vyplní celou výšku kontejneru */
    object-fit: contain; /* Zachová poměr stran a obrázek bude vyplňovat kontejner */
    display: block; /* Odstraní mezery kolem obrázku */
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    padding:0px;
    font-size: initial;
    color: var(--Dark-Dark-Text, #032122);
    font-size: 18px;
    font-weight: 700;
    line-height: 150%; /* 27px */
}
.woocommerce ul.products li.product .star-rating{
    display:none;
}
.woocommerce ul.products li.product .price{
    color: var(--Dark-Dark-Text, #032122);
    font-size: 18px;
    font-weight: 700;
    line-height: 150%; /* 27px */
    margin:0;
}
.woocommerce ul.products li.product .price del{
    opacity:1;
}
.woocommerce ul.products li.product .price del .amount{
    color: var(--Dark-Dark-Text, #032122);
    font-weight: 400;
    opacity: 1;
}
.woocommerce ul.products li.product .price ins{
    text-decoration:none;
}
.woocommerce ul.products li.product .price ins .amount{
    color: #DC5C5C;
}
.woocommerce ul.products li.product .body{
    display:none;
    color: var(--Dark-Dark-Text, #032122);
}
.term-za-body ul.products li.product .body{
    display:block;
}
.woocommerce ul.products li.product .button{
    margin:0px;
    width: 100%;
}
.woocommerce ul.products li.product .added_to_cart{
    display:none;
}

.woocommerce #pagination{
    margin-bottom: 64px;
}
.woocommerce #product-list .pagination{
    justify-content: center;
    gap: 12px;
}
.woocommerce #pagination ul{
    display: flex;
    gap: 12px;
    justify-content: center;
    border: 0;
    clear: unset;
    margin: unset;
}
.woocommerce #pagination li{
    border:0;
    float:none;
}
.woocommerce #product-list .pagination span,
.woocommerce #product-list .pagination a,
.woocommerce #pagination li a,
.woocommerce #pagination li span{
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    padding: 15px 23px;
    color: var(--Dark-Dark-Text, #032122);
    font-size: 16px;
    font-weight: 500;
    line-height: 135%; /* 21.6px */
}
.woocommerce #product-list .pagination span.current,
.woocommerce #product-list .pagination a:hover,
.woocommerce #pagination li span.current,
.woocommerce #pagination li a:hover{
    border: 1px solid var(--Primary-Orange, #CB7626);
    color: var(--Primary-Orange, #CB7626);
    background:transparent;
}
.woocommerce #product-list .pagination span.dots,
.woocommerce #pagination li span.dots{
    border:1px solid transparent;
}
.woocommerce #product-list .pagination .prev,
.woocommerce #product-list .pagination .next{
    padding: 15px 17px;
}
.woocommerce #product-list .pagination .prev:hover svg path,
.woocommerce #product-list .pagination .next:hover svg path{
    stroke:#032122;
}
/* ---------------- Single product ---------------- */
.single-product .woocommerce-breadcrumb{
    margin:0 0 24px 0;
}
.single-product .product-inner{
    display: flex;
    gap: 80px;
}
.woocommerce div.product div.images img{
    margin:0px;
    max-height: 640px;
    width: auto;
    margin: 0 auto;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
    margin:0;
    float:none;
}
.woocommerce div.product div.summary{
    display:flex;
    flex-direction:column;
    gap:24px;
}
.woocommerce div.product .woocommerce-product-rating,
.woocommerce div.product .woocommerce-product-rating .star-rating{
    margin:0px;
}
.woocommerce div.product .woocommerce-product-rating{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom:8px;
}
.woocommerce div.product .woocommerce-product-rating:before{
    display:none;
}
.woocommerce div.product .woocommerce-product-rating .details{
    display: flex;
    align-items: center;
    gap: 4px;
}
.woocommerce div.product .woocommerce-product-rating .details .average,
.woocommerce div.product .woocommerce-product-rating .details .separator,
.woocommerce div.product .woocommerce-product-rating .details .count{
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
.woocommerce div.product .woocommerce-product-rating .details .average{
    color: var(--Dark-Dark-Text, #032122);
}
.woocommerce div.product .woocommerce-product-rating .details .separator{
    color: var(--Gray-Border, #E3E3E9);
}
.woocommerce div.product .woocommerce-product-rating .details .count{
    color: var(--Primary-Orange, #CB7626);
}
.woocommerce div.product .star-rating::before{
    color:#DDCB7D;
}
.woocommerce div.product .star-rating span{
    color:#DDCB7D;
}
.woocommerce div.product .product_title{
    color: var(--Dark-Dark-Text, #032122);

    font-size: 48px;
    font-weight: 700;
    line-height: 130%; /* 62.4px */
}
.woocommerce div.product .priceContainer{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.woocommerce div.product p.price,
.woocommerce div.product .woocommerce-variation-price .price{
    color: var(--Dark-Dark-Text, #032122);

    font-size: 32px;
    font-weight: 700;
    line-height: 120%; /* 38.4px */

    margin:0;
}
.woocommerce div.product p.price del,
.woocommerce div.product .woocommerce-variation-price .price del {
    opacity:1;
}
.woocommerce div.product p.price del .amount,
.woocommerce div.product .woocommerce-variation-price .price del .amount{
    color: var(--Dark-Dark-Text, #032122);
    opacity: 1;
    font-weight: 400;
}
.woocommerce div.product p.price ins,
.woocommerce div.product .woocommerce-variation-price .price ins{
    text-decoration:none;
}
.woocommerce div.product p.price ins .amount,
.woocommerce div.product .woocommerce-variation-price .price ins .amount{
    color: #DC5C5C;
}

.woocommerce div.product p.price span.dph,
.woocommerce div.product .woocommerce-variation-price span.dph{
    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 24px;
}
.woocommerce div.product .single_variation_wrap .vernostniSystem{
    margin-bottom: 24px;
    margin-top: 8px;
}
.woocommerce div.product .single_variation_wrap .vernostniSystem,
.woocommerce div.product .summary .vernostniSystem{
    color: var(--GrayText, #6E6D7A);
}
.woocommerce div.product .summary .vernostniSystem a,
.woocommerce div.product .single_variation_wrap .vernostniSystem a{
    font-weight: 700;
}
.woocommerce div.product .single_variation_wrap .vernostniSystem strong{
    display:inline-block;
}
.woocommerce div.product form.cart:not(.variations_form),
.woocommerce div.product form.variations_form .variations_button{
    margin:0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.single-product.woocommerce div.product form.variations_form.cart{
    margin:0px;
}
.woocommerce div.product form.cart:before,
.woocommerce div.product form.cart:after{
    display:none;
}
.woocommerce div.product form.cart .quantity-buttons,
.cart .quantity-wrapper{
    display: flex;
    align-items: center;
    gap: 12px;
}
.woocommerce div.product form.cart .quantity-buttons button,
.cart .quantity-wrapper button{
    display: flex;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: rgba(203, 118, 38, 0.15);
    border:0px;
}
.woocommerce div.product form.cart .quantity-buttons input,
.cart .quantity-wrapper input{
    display: flex;
    height: 52px;
    min-width:70px;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Dark-Text, #032122);
}
.woocommerce div.product form.cart .single_add_to_cart_button{
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}
.woocommerce div.product form.cart .single_add_to_cart_button svg{
    flex-shrink: 0;
}
select#pa_balenie {
    display: none !important;
}

.woocommerce div.product .nadpisVariant {
    color: var(--Dark-Dark-Text, #032122);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    padding-bottom: 6px;
    display: block;
}
.woocommerce div.product .nadpisVariant span{
    color: var(--Gray-Gray-Text, #6E6D79);
}
.woocommerce div.product .custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border: 1px solid #ccc;
}

.woocommerce div.product .custom-select .selected-option,
.woocommerce div.product .custom-select .selected-text {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    width: 100%;
}

.woocommerce div.product .custom-select .selected-option .arrow-down {
    border: solid transparent;
    border-width: 5px 5px 0;
    border-top-color: #CB7626;
}

.woocommerce div.product .custom-select .selected-option .arrow-down.open {
    border-top-color: transparent;
    border-bottom-color: #CB7626;
}

.woocommerce div.product .custom-select .variation-options {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    display: none;
    z-index: 9999;
}

.woocommerce div.product .custom-select .option {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce div.product .custom-select .option.selected {
    background-color: #f0f0f0;
}

.woocommerce div.product .custom-select .option:hover {
    background-color: #f9f9f9;
}

.woocommerce div.product .custom-select .option.default {
    display: none;
}
.woocommerce div.product .custom-select .option .stock,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock{
    color: var(--Primary-Orange, #CB7626);
    font-size: 14px;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
}
.woocommerce div.product .custom-select .option .stock span,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock span{
    color: var(--GrayText, #6E6D7A);
}

.woocommerce div.product .single_variation_wrap .priceContainer,
.woocommerce div.product .single_variation_wrap .doruceni{
    display:none;
}
.woocommerce div.product .doruceni{
    color:green;
}
.woocommerce div.product .product-codes{
    padding-top:24px;
    border-top:1px dashed var(--Gray-Border, #E3E3E9);
    display: flex;
    align-items: center;
    gap: 12px;

    color: var(--Gray-Gray-Text, #6E6D79);
}
.woocommerce div.product .product-codes span.separator{
    color: var(--Gray-Border, #E3E3E9);
}
.woocommerce div.product .productTagArchives{
    padding-top:24px;
    border-top:1px dashed var(--Gray-Border, #E3E3E9);
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.woocommerce div.product .productTagArchives a{
    color: var(--Primary-Orange, #CB7626);
    text-decoration:underline;
}
.woocommerce div.product .productTagArchives a:hover{
    text-decoration: none;
    color: var(--Dark-Dark-Text, #032122);
}
.woocommerce div.product .woocommerce-product-details__short-description{
    padding-top:32px;
    border-top:1px dashed var(--Gray-Border, #E3E3E9);
}
.woocommerce div.product .woocommerce-product-details__short-description p{
    margin-bottom:6px;
    color: var(--Gray-Gray-Text, #6E6D79);
}
.woocommerce div.product .woocommerce-product-details__short-description .readMore{
    display: flex;
    align-items: center;
    gap: 12px;

    color: var(--Primary-Orange, #CB7626);
    font-weight: 500;
}
.woocommerce div.product .product-details{
    display: flex;
    align-items: flex-start;
    gap: 48px;
    align-self: stretch;
    margin:112px 0;
}
.woocommerce div.product .product-details .leve{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 48px;
    flex: 1 0 0;
    width:100%;
}
.woocommerce div.product .product-details .leve .popis{
    display: flex;
    align-items: flex-start;
    gap: 48px;
    align-self: stretch;
}
.woocommerce div.product .product-details .leve .popis .text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}
.woocommerce div.product .product-details .leve img.obrazekZnacky{
    max-width: 200px;
    max-height: 200px;
    float:right;
}
.woocommerce div.product .product-details .leve .hodnoceni{
    padding-top:48px;
    border-top:1px dashed var(--Gray-Border, #E3E3E9);
    width:100%;
}
.woocommerce div.product .product-details .prave{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 48px;

    padding-left:48px;
    border-left:1px dashed var(--Gray-Border, #E3E3E9);
}
.woocommerce div.product .product-details .prave .atributy{
    display: flex;
    width: 421px;
    max-width: 100%;
    padding: 24px;
    flex-direction: column;
    align-items: start;
    gap: 24px;

    border-radius: 4px;
    background: #F4F4F4;
}
.woocommerce table.shop_attributes{
    border-top:0px;
    margin:0px;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{
    border-bottom:1px dashed var(--Gray-Border, #E3E3E9);
    padding:12px;
    font-style:unset;

    color: var(--Dark-Dark-Text, #032122);
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
.woocommerce table.shop_attributes th{
    font-weight: 700;
}
.woocommerce table.shop_attributes tr:last-child th,
.woocommerce table.shop_attributes tr:last-child td{
    border-bottom:0px;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th{
    background:none;
}
.woocommerce div.product .product-details .prave .video{
    padding-top:48px;
    border-top:1px dashed #E3E3E9;
    width:100%;
}
.woocommerce div.product .product-details .prave .video iframe{
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.woocommerce .product-reviews-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}
.woocommerce .product-reviews-section > .heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.woocommerce .product-reviews-section .addReview{
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 4px;
    background: rgba(203, 118, 38, 0.15);
}
.woocommerce .product-reviews-section .addReview .heading{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}

#review-popup .review-popup-content form{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    width: 100%;
}
#review-popup .review-popup-content form > .stars{
    border-radius: 4px;
    background: rgba(203, 118, 38, 0.15);
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    flex-direction: column;
}
#review-popup .review-popup-content form > .stars > p.stars{
    display:none;
}
#review-popup .review-popup-content form > .stars > .stars-container,
.woocommerce .product-reviews-section .addReview .heading .stars{
    display: flex;
    align-items: center;
    gap: 12px;
}
#review-popup .review-popup-content form > .stars > .stars-container .star svg path{
    transition: all 0.2s ease;
}

#review-popup .review-popup-content form > .stars > .stars-container .star.active svg path,
.woocommerce .product-reviews-section .addReview .heading .stars .star.active svg path,
#review-popup .review-popup-content form > .stars > .stars-container .star.hovered svg path,
.woocommerce .product-reviews-section .addReview .heading .stars .star.hovered svg path{
    fill: #DDCB7D;
    stroke: #DDCB7D;
}
#review-popup .review-popup-content form > .recenze{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: -14px;
    align-self: stretch;
}
#review-popup .review-popup-content form > .recenze label{
    display: flex;
    padding: 0px 4px 0px 0px;
    margin-left: 12px;
    align-items: flex-start;
    gap: 10px;
    color: var(--Dark-Dark-Text, #032122);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    z-index: 100;
    background: #fff;
}
#review-popup .review-popup-content form > .recenze textarea{
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    margin-top: -10px;
    padding:16px;

    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    background: var(--White-Pure-White, #FFF);
    width:100%;

    color: var(--Gray-Placeholder-Input, rgba(110, 109, 121, 0.40));
}
.woocommerce div.product .reviews{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}
.woocommerce div.product .product-review{
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;

    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    background: var(--White-Pure-White, #FFF);
}
.woocommerce div.product .product-review .name{
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}
.woocommerce div.product .product-review div.rating{
    margin:0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.woocommerce div.product .product-review p{
    margin:0;
}




.related.products{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    align-self: stretch;
    padding:0 20px;
}
.woocommerce div.product .related.products{
    border-top: 1px dashed var(--Gray-Border, #E3E3E9);
    padding:112px 0px;
}



.related.products .header{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
}
.related.products .header span.label,
.singleBlog.podobneClanky .obsah .header span.label{
    color: var(--Primary-Orange, #CB7626);
    text-transform: uppercase;
    font-weight: 600;
}
.related.products p{
    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 18px;
    margin:0px;
}

/* ---------------- Checkout header  ---------------- */
.headerCheckout{
    display:none !important;
}
.woocommerce-cart .topBar,
.woocommerce-checkout .topBar,
.woocommerce-cart .headerSection,
.woocommerce-checkout .headerSection,
.woocommerce-cart .mainMenu,
.woocommerce-checkout .mainMenu{
    display:none !important;
}
.woocommerce-cart .headerCheckout,
.woocommerce-checkout .headerCheckout{
    display:block !important;
    height: 100px;
}
.headerCheckout .row{
    align-items: center;
    justify-content: space-between;
    height:100%;
    position: relative;
}
.woocommerce-order-received .headerCheckout .backToShop{
    display:none;
}
.headerCheckout .backToShop{
    flex: 0 0 auto;
}
.headerCheckout .backToShop a{
    display: inline-flex;
    align-items: center;
    gap: 12px;

    color: var(--Primary-Orange, #CB7626);
    font-size: 18px;
    font-weight: 700;
    line-height: 150%; /* 27px */
}
.headerCheckout .backToShop a:hover{
    color: #B76A22;
}
.headerCheckout span.h3{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--White-Pure-White, #FFF);
    text-align: center;
    white-space: nowrap;
    top: 50%;
}
.headerCheckout .kontakty{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.headerCheckout .kontakty > span,
.headerCheckout .kontakty .kdyVolat{
    color: var(--White-Pure-White, #FFF);
}
.headerCheckout .kontakty > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.headerCheckout .kontakty a.telefon:hover{

}

/* ---------------- CART ---------------- */
.container.cart{
    padding: 56px 0px 0px 0px;
    width:100%;
}
.container.cart .return-to-shop{
    text-align:center;
}
.container.cart .return-to-shop a{
    display:inline-block !important;
}
.cart .nadpis{
    margin-bottom:48px;
    display:flex;
    justify-content: center;
}
.cart .woocommerce-cart-form{
    width:100%;
}
.cart table.shop_table{
    border:0px;
    margin:0px;
    border:0;
    border-spacing: 0 12px;
    border-collapse: separate;
}

.cart thead tr{
    border-radius: 4px;
    background: #F4F4F4;
}
.cart table.shop_table thead tr th{
    padding: 12px 24px;
    font-weight: 400;
}
.cart table.shop_table tbody td.product-name {
    padding: 24px;
    border-radius: 4px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: var(--Gray-Border, #E3E3E9);
}


.cart table.shop_table tbody td.product-stav,
.cart table.shop_table tbody td.product-quantity,
.cart table.shop_table tbody td.product-subtotal{
    padding: 24px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: var(--Gray-Border, #E3E3E9);
}
.cart table.shop_table tbody td.product-remove{
    padding: 24px;
    border-radius: 4px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: var(--Gray-Border, #E3E3E9);
}
.cart td.product-name{
    display: flex;
    align-items: center;
    gap: 24px;
}
.cart td.product-name a.img{
    width:80px;
    height:100px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
}
.cart td.product-name a img{
    max-height:100%;
    max-width:100%;
    height:fit-content;
    width:fit-content;
}
.cart td.product-name .produkt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}
.cart td.product-name .produkt a{
    color: var(--Dark-Dark-Text, #032122);

    font-size: 16px;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}
.cart td.product-name .produkt .attributes{
    display: flex;
    align-items: center;
    gap: 12px;
}
.cart td.product-name .produkt .attributes span{
    color: var(--Gray-Gray-Text, #6E6D79);

    font-size: 16px;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}
.cart td.product-name .produkt .attributes span.separator{
    color: var(--Gray-Border, #E3E3E9);
}
.cart td.product-stav span.green{
    color: #008000;
    font-weight: 700;
}
.cart td.product-stav span.red{
    color: red;
    font-weight: 700;
}
.cart td.product-subtotal > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
}
.cart td.product-subtotal > div .amount{
    font-weight: 700;
    line-height: 20.8px;
}
.cart td.product-subtotal > div span,
.cart td.product-subtotal > div span .amount{
    font-size: 14px;
    color: var(--Dark-Dark-Text, #032122);
    font-weight: 400;
    line-height: 18.2px;
}
.cart td.product-remove a{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 15px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--Border, #E7E7E9);
}
.cart td.product-remove a:hover{
    background: #D0D0D2;
}
.cart .woocommerce-cart-form .dopravaZdarmaBar{
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 48px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
}
.cart .woocommerce-cart-form .dopravaZdarmaBar .leva{
    display: flex;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}
.cart .woocommerce-cart-form .dopravaZdarmaBar .leva .text{
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 0 0;
}
.cart .woocommerce-cart-form .dopravaZdarmaBar .leva .text span.h4{
    margin:0px;
}
.cart .woocommerce-cart-form .dopravaZdarmaBar .leva .text .progress{
    background-color:var(--input, #F4F5FB);
}
.cart .woocommerce-cart-form .dopravaZdarmaBar .leva .text .progress-bar{
    background-color: var(--success-foreground, #1DAD49);
}
.cart .woocommerce-cart-form .vernostniSystem{
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
    border-left: 5px solid #E96D00;
    background: rgba(203, 118, 38, 0.15);
    margin-top: 48px;
}
.cart .woocommerce-cart-form .vernostniSystem strong{
    color: var(--Primary-Orange, #CB7626);
    font-size: 32px;
}
.cart .souhrn{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 48px;
}
.cart .souhrn .cart_totals{
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border-radius: 4px;
    background: #F4F4F4;
    max-width: 600px;
}
.cart .souhrn .cart_totals #shipping_method{
    display:none;
}
.cart .souhrn .cart_totals table{
    margin:0;
    border-spacing: 0;
}

.cart .souhrn .cart_totals tbody tr th,
.cart .souhrn .cart_totals tbody tr td{
    padding: 0;
    color: var(--Gray-Gray-Text, #6E6D79);
    border:0;
    width:50%;
    font-weight: 400;
}
.cart .souhrn .cart_totals tbody tr td{
    text-align:right;
    font-weight: 700;
}
.cart .souhrn .cart_totals .wc-proceed-to-checkout{
    padding:0;
    width:100%;
}
.cart .souhrn .cart_totals .wc-proceed-to-checkout a{
    margin:0;
    width:100%;
}
.cart .souhrn .cenaCelkem{
    display: flex;
    gap: 24px;
    width:100%;
    justify-content: space-between;
    align-items: center;

    border-top:1px dashed var(--Gray-Border, #E3E3E9);
    padding-top: 24px;
}
.cart .souhrn .cenaCelkem .amount{
    font-size: 24px;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
}
.cart #couponBox{
    display:none;
}
.cart .cart-discount span.showCustomCouponBox{
    color: var(--Primary-Orange, #CB7626);
    font-weight: 700;
    line-height: 130%; /* 20.8px */
    text-decoration:underline;
    cursor:pointer;
}
.cart .cart-discount span.showCustomCouponBox:hover{
    color: var(--Primary-Orange, #CB7626);
    font-weight: 700;
    line-height: 130%; /* 20.8px */
    text-decoration:none;
    background:none;
}
.cart .cart-discount .custom-coupon{
    display:none;
    gap:8px;
}
/* ---------- Checkout ---------------*/
.customCheckout{
    padding-top:56px;
}
.customCheckout h1{
    text-align: center;
    margin-bottom: 48px;
}
.customCheckout .hideSection{
    display:none;
}
.customCheckout .showSection{
    display:block;
}
.customCheckout .login_form.showSection{
    display:flex;
    margin-left: 0;
    margin-right: 0;
}
.customCheckout .login_form form.woocommerce-form-login div:last-of-type{
    display:none;
}
.customCheckout .login_form .loginForm{
    gap: 24px;
    display: flex;
    flex-direction: column;
}


.customCheckout .kontaktneUdajeFields{
    margin-bottom:48px;
}

.customCheckout .login_form{
    margin-bottom:24px;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    padding:24px;
}
.customCheckout .login_form .loginForm p{
    margin:0;
}
.customCheckout .login_form .loginForm .woocommerce-notices-wrapper{
    display:none;
}
.customCheckout .loginForm .woocommerce-form-login{
    border:0px;
    padding:0px;
    margin:0px;
    border-radius:0px;
}
.customCheckout .loginForm form p.form-row.submit{
    display:flex;
    justify-content: end;
    gap:0px;
    padding: 0;
    margin: 24px 0 0 0;
}
.customCheckout .loginForm form p.form-row.submit .button{
    float:none;
    margin:0;
}
.customCheckout .login_form .woocommerce-form-login__rememberme,
.customCheckout .login_form .lost_password,
.customCheckout .login_form .loginForm .nsl-container{
    display:none;
}
.customCheckout .woocommerce-billing-fields,
.customCheckout .woocommerce-shipping-fields,
.customCheckout .woocommerce-additional-fields{
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;

    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    margin-bottom: 24px;
}
.customCheckout .woocommerce-billing-fields h3,
.customCheckout .woocommerce-shipping-fields h3,
.customCheckout .woocommerce-additional-fields h3{
    margin:0px;
}
.customCheckout .woocommerce-billing-fields p.titleDescription,
.customCheckout .woocommerce-shipping-fields p.titleDescription{
    color: var(--Gray-Gray-Text, #6E6D79);
    margin:0px;
}
.customCheckout .woocommerce-billing-fields:before,
.customCheckout .woocommerce-shipping-fields:before,
.customCheckout .woocommerce-additional-fields:before,
.customCheckout .woocommerce-billing-fields:after,
.customCheckout .woocommerce-shipping-fields:after,
.customCheckout .woocommerce-additional-fields:after{
    display:none;
}

.customCheckout .woocommerce-billing-fields .udajeFields,
.customCheckout .woocommerce-shipping-fields .shipping_address,
.customCheckout .woocommerce-additional-fields__field-wrapper{
    width:100%;
}
.customCheckout .woocommerce-billing-fields .form-row,
.customCheckout .woocommerce-shipping-fields .form-row{
    padding: 0;
    margin: 0 0 24px 0;
}
.customCheckout .woocommerce-billing-fields #billing_email_field{
    width: 47%;
    clear: unset;
    float: left;
}
.customCheckout .woocommerce-billing-fields #billing_phone_field{
    width: 47%;
    clear: unset;
    float: right;
}
.customCheckout .woocommerce-billing-fields #billing_address_2_field,
.customCheckout .woocommerce-shipping-fields #shipping_address_2_field{
    display:none !important;
}
.customCheckout .woocommerce-billing-fields #billing_postcode_field,
.customCheckout .woocommerce-shipping-fields #shipping_postcode_field{
    width: 20%;
    clear: unset;
    float: left;
}
.customCheckout .woocommerce-billing-fields #billing_city_field,
.customCheckout .woocommerce-shipping-fields #shipping_city_field{
    width: 75%;
    clear: unset;
    float: right;
}

.customCheckout .woocommerce-billing-fields .checkboxNaFirmu,
.customCheckout .woocommerce-shipping-fields .checkboxShipping,
.customCheckout .summarySidebar #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    align-items: center;
}
.customCheckout .woocommerce-billing-fields .checkboxNaFirmu input,
.customCheckout .woocommerce-shipping-fields .checkboxShipping input,
.customCheckout .summarySidebar #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox input,
.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox input{
    width:24px;
    height:24px;
}
.customCheckout .naFirmuFields{
    display:none;
}
.customCheckout .naFirmuFields .trippleFlex{
    display:flex;
    gap:20px;
}
.customCheckout .woocommerce-billing-fields p.form-row.tripple{
    /*width: calc(33% - 11px);*/
    /*margin-left: 20px;*/
    display: inline-flex;
    flex-direction: column;
    /*margin-bottom: 0px;*/
}
.customCheckout p.tripple#ic_field{
    margin-left:0px;
}

.customCheckout .woocommerce-additional-fields #order_comments_field label{
    display:none;
}

.customCheckout .backToCart,
.customCheckout .zpetKontrolaObjednavky{
    margin-top: 48px;
}
.customCheckout .backToCart a,
.customCheckout .zpetKontrolaObjednavky{
    display:inline-block;
}
.customCheckout .woocommerce-invalid{
    border:1px solid #DC5C5C;
}




.customCheckout .woocommerce-checkout-review-order{
    width: 100%;
}
.customCheckout div.woocommerce-checkout-review-order-table{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    padding-bottom: 24px;
    border-bottom: 1px dashed var(--Gray-Border, #E3E3E9);
    justify-content: space-between;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek .product-image{
    width:80px;
    height:100px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek .product-image img{
    max-height:100%;
    max-width:100%;
    height:fit-content;
    width:fit-content;
}

.customCheckout div.woocommerce-checkout-review-order-table .radek .product-name{
    flex-grow:1;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek .product-total{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek .product-total .amount{
    font-weight: 700;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek.vypocty{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek.vypocty > div{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    justify-content: space-between;
    width: 100%;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek.vypocty > div > span:first-child{
    color: var(--Gray-Gray-Text, #6E6D79);
}
.customCheckout div.woocommerce-checkout-review-order-table .radek.vypocty > div > span:last-child{
    color: var(--Gray-Gray-Text, #6E6D79);
    font-weight: 700;
}
.customCheckout div.woocommerce-checkout-review-order-table .radek.order-total{
    border:0px;
    padding:0px;
    /*margin-bottom: 24px;*/
}
#takeSecondPage{
    width: 100%;
    cursor:pointer;
}


.customCheckout .summarySidebar{
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border-radius: 4px;
    background: #F4F4F4;
}
.customCheckout .summarySidebar h2{
    margin:0;
}
.customCheckout .summarySidebar #payment{
    background:transparent;
}
.customCheckout .summarySidebar #payment .form-row.place-order{
    padding:0px;
    margin:0px;
}
.customCheckout .summarySidebar #payment #place_order{
    float:none;
}
.customCheckout .summarySidebar #payment .wc_payment_methods,
.customCheckout .secondPage #payment .woocommerce-terms-and-conditions-wrapper,
.customCheckout .summarySidebar:not(.second) #payment .woocommerce-terms-and-conditions-wrapper,
/*.customCheckout .summarySidebar #payment .mailchimp-newsletter,*/
.customCheckout .secondPage #payment #place_order,
.customCheckout .secondPage .shop_table.woocommerce-checkout-review-order-table
{
    display:none;
}
.customCheckout .summarySidebar #payment #place_order{
    display:none;
}
.customCheckout .summarySidebar.second #payment #place_order{
    display:block !important;
}

.customCheckout .summarySidebar table.shop_table{
    margin-bottom:0px;
}

.customCheckout .metody{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 24px;
    width:100%;
}
.customCheckout .doprava,
.customCheckout .platba{
    width:100%;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
    background: var(--White-Pure-White, #FFF);

    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}

.customCheckout .doprava .heading,
.customCheckout .platba .heading{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.customCheckout #shipping_method .row,
.customCheckout #payment .row{
    border-radius: 4px;
    border: 1px solid transparent;
    background: var(--white);
    padding:16px;
    align-items: center;
    position:relative;
}
.customCheckout #shipping_method .row.active,
.customCheckout #payment .row.active{
    border: 1px solid var(--Primary-Orange, #CB7626);
}
.customCheckout #shipping_method .row .col,
.customCheckout #payment .row .col{
    flex: 1 0 0%;
}
.customCheckout #shipping_method .row .col-auto,
.customCheckout #payment .row .col-auto{
    flex: 0 0 auto
}
.customCheckout #shipping_method .image img{
    max-width: 54px;
}
.customCheckout #shipping_method .row .price,
.customCheckout #payment .row .price{
    font-weight: 700;
    width:90px;
}
.customCheckout #shipping_method .row span.free,
.customCheckout #payment .row span.free{
    font-weight: 700;
    color: var(--Primary-Orange, #CB7626);
    text-align: right;
}
.customCheckout #shipping_method .row.Packeta.Home .packetery-widget-button-wrapper{
    display:none !important;
}
.customCheckout #shipping_method .row.Packety .packetery-widget-button-wrapper .packeta-widget.after-rate .packeta-widget-button{
    display: flex;
    gap: 8px;
}
.customCheckout #shipping_method .row.Packety .packetery-widget-button-wrapper .packeta-widget.after-rate .packeta-widget-button button{
    min-width: max-content;
}

.customCheckout #payment{
    background:transparent;
}
.customCheckout #payment .image{
    width:75px;
    text-align:center;
}
.customCheckout .summarySidebar #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox span{
    line-height: 130%;
}
.customCheckout .summarySidebar #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox a{
    color: var(--Primary-Orange, #CB7626);
    font-weight: 700;
}
.customCheckout .summarySidebar.second #payment #place_order{
    width: 100%;
}
.customCheckout .summarySidebar.second #payment .woocommerce-terms-and-conditions-wrapper{
    margin-top:24px;
    border-top:1px dashed var(--Gray-Border, #E3E3E9);
    padding-top: 24px;
}
.customCheckout .summarySidebar #payment .woocommerce-terms-and-conditions-wrapper > p{
    padding:0px;
    margin:0 0 24px 0;
}

.thankYouPage{
    display:flex;
    justify-content: center;
    margin-top: 56px;
}
.thankYouPage .woocommerce-order{
    display: flex;
    width: 600px;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

/* ---------- Popup login ---------------*/
#authorizePopup{
    display:none;

    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index: 999999999;
}
#authorizePopup .content{
    width:800px;
    max-width: 90%;
    min-height:500px;
    border-radius: 4px;
    background: #fff;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    position: relative;
    padding:48px;
    display: flex;
    align-items: center;
}
#authorizePopup .closeForm,
#vernostne-body-popup .closeForm{
    position:absolute;
    top:48px;
    right:48px;
    cursor:pointer;
    padding:0px;
}

#authorizePopup .content .levaStrana,
#authorizePopup .content .pravaStrana{
    width: 49%;
    display:inline-block;
    text-align:center;
}
#authorizePopup .content .levaStrana{
    padding-right:48px;
    border-right:1px dashed var(--Gray-Border, #E3E3E9);
    ;
}
#authorizePopup .content .levaStrana .nsl-container{
    display:none !important;
}
#authorizePopup .content .pravaStrana{
    padding-left:48px;
}
#authorizePopup .prihlaseni,
#authorizePopup .registrace{
    display:none;
}
#authorizePopup .show{
    display:block;
}

#authorizePopup h2{
    margin-bottom:12px;
}
#authorizePopup p{
    margin-bottom:24px;
}
#authorizePopup .prihlaseni form.login,
#authorizePopup .registrace form.register{
    border: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
#authorizePopup .woocommerce-form-row,
#authorizePopup .form-row{
    /*margin-bottom:12px;*/
}
#authorizePopup p.buttonSubmit{
    padding:12px 0px 12px 0px;
    display: flex;
    justify-content: center;
}
#authorizePopup p.woocommerce-LostPassword{
    padding:0px;
    margin:0px;
}
#authorizePopup a{
    text-decoration:underline;
    font-weight: 700;
}
.woocommerce-account #customer_login{
    padding-top: 56px;
}

/* MY ACCOUNT */
.lostPassword{
    padding:64px 64px 0 64px;
    display:flex;
    justify-content: center;
    flex-direction: column;
    gap:24px;
}
.woocommerce-account footer{
    padding-top:56px;
}
.woocommerce-account footer .dotaz{
    display:none;
}
.woocommerce-account .woocommerce{
    display: flex;
    gap: 48px;
}
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after{
    display:none;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation{
    padding-right: 48px;
    border-right:1px dashed var(--Gray-Border, #E3E3E9);
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul{
    list-style: none;
    margin:0;
    padding:0;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a{
    display: flex;
    padding: 15px 24px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
    color: var(--Dark-Dark-Text, #032122);
    font-weight: 500;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a{
    background: rgba(203, 118, 38, 0.15);
    color: var(--Primary-Orange, #CB7626);
}

.woocommerce-account .woocommerce-MyAccount-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}
.woocommerce-account .woocommerce-MyAccount-content .header{
    padding-bottom: 24px;
    border-bottom:1px dashed var(--Gray-Border, #E3E3E9);
    width:100%;
}
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2{
    margin:0;
}
.woocommerce-account .vernostnyProgramUser{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self:stretch;
}
.woocommerce-account .vernostniBody{
    display: flex;
    padding: 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border-left: 5px solid #E96D00;
    background: rgba(203, 118, 38, 0.15);
    gap:16px;
}
.woocommerce-account .vernostniBody .text{
    display:inline-block;
    margin-bottom: 0px;
}
.woocommerce-account .vernostniBody .text strong{
    color: var(--Primary-Orange, #CB7626);
    font-size: 32px;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
}
.woocommerce-account .vernostnyProgramUser .vernostniButtony{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.woocommerce-account .vernostnyProgramUser .vernostniButtony a{
    display: flex;
    padding: 24px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
}
.woocommerce-account .vernostnyProgramUser .vernostniButtony a span{
    color: var(--Primary-Orange, #CB7626);
    font-weight: 500;
}
.woocommerce-account .vernostnyProgramUser .vernostniButtony a:hover{
    background: rgba(203, 118, 38, 0.05);
}
.woocommerce-account .vernostnyProgramUser .existujiciKupony{
    display: flex;
    padding: 24px;
    flex-direction:column;
    align-items: start;
    align-self:stretch;
    flex: 1 0 0;
    gap: 24px;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
}
.woocommerce-account .vernostnyProgramUser .existujiciKupony table{
    width:100%;
}
.woocommerce-account .vernostnyProgramUser .existujiciKupony table form button{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 15px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--Border, #E7E7E9);
    border:0;
}
.woocommerce-account .vernostnyProgramUser .existujiciKupony table form button:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #E7E7E9;
}
.woocommerce-account .vernostnyProgramUser #createNewCouponSection{
    display:none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;

    padding: 24px;
    border-radius: 4px;
    border: 1px solid var(--Gray-Border, #E3E3E9);
}
.woocommerce-account .vernostnyProgramUser #createNewCouponSection p{
    color: var(--Gray-Gray-Text, #6E6D79);
}
.woocommerce-account .vernostnyProgramUser #createNewCouponSection form{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.woocommerce-account .vernostnyProgramUser #createNewCouponSection form label{
    color: var(--Dark-Dark-Text, #032122);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}
.woocommerce-account .woocommerce form:not(.woocommerce-form-login):not(.woocommerce-form-register){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    width:100%;
}
.woocommerce-account .woocommerce-EditAccountForm div{
    width:100%;
}
.woocommerce-account .woocommerce-EditAccountForm .sectionSeparator,
.woocommerce-view-order .woocommerce-customer-details .sectionSeparator{
    border-bottom:1px dashed var(--Gray-Border, #E3E3E9);
    margin:24px 0px;
}
.woocommerce-account .woocommerce-Addresses{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    flex: 1 0 0;
    width:100%;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address{
    width:100%;
}
.woocommerce-account .woocommerce-Address-title{
    display:flex;
    gap:48px;
    align-items: center;
}
.woocommerce-account .woocommerce-Address-title::before,
.woocommerce-account .woocommerce-Address-title::after{
    display:none !important;
}
.woocommerce-account .woocommerce-Address:first-child{
    border-bottom:1px dashed var(--Gray-Border, #E3E3E9);
    padding-bottom: 48px;
}
.woocommerce-account .address{
    margin-bottom: 0px;
}
.woocommerce-account .woocommerce-address-fields p button{
    margin-top: 24px;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_address_2_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_address_2_field{
    display:none !important;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_company_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_company_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_country_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_country_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_address_1_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_address_1_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_postcode_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_postcode_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_city_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_city_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_phone_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_phone_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#billing_email_field,
.woocommerce-account .woocommerce-address-fields__field-wrapper p#shipping_email_field{
    padding:24px 0 0 0;
}
.woocommerce-account table.woocommerce-orders-table{
    font-size: initial;
    border:0px;
    margin:0px;
    border-collapse: separate;
    border-radius: 0px;
    border-spacing: 0 12px;
}
.woocommerce-account .woocommerce-orders-table thead tr th,
.woocommerce-account .woocommerce-order-details thead tr th{
    background: #F4F4F4;
    padding:12px;
}
.woocommerce-account .woocommerce-orders-table thead tr th:first-child,
.woocommerce-account .woocommerce-order-details table thead tr:first-child{
    padding-left: 24px;
    border-radius: 4px 0 0 4px;
}
.woocommerce-account .woocommerce-orders-table thead tr th:last-child,
.woocommerce-account .woocommerce-order-details table thead tr:last-child{
    padding-right: 24px;
    border-radius: 0 4px 4px 0;
}
.woocommerce-account .woocommerce-orders-table tbody tr th,
.woocommerce-account .woocommerce-orders-table tbody tr td{
    padding:16px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: var(--Gray-Border, #E3E3E9);
}
.woocommerce-account .woocommerce-orders-table tbody tr th:first-child{
    padding-left: 24px;
    border-radius: 4px 0 0 4px;
    border-left-width: 1px;
}
.woocommerce-account .woocommerce-orders-table tbody tr td:last-child{
    padding-right: 24px;
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status span,
.woocommerce-account mark.order-status span{
    display: inline-flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 2px;
    color: var(--White-Pure-White, #FFF);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%; /* 15px */
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status span.cancelled,
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status span.failed,
.woocommerce-account mark.order-status span.cancelled,
.woocommerce-account mark.order-status span.failed {
    background: #DC5C5C;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status span.processing,
.woocommerce-account mark.order-status span.processing {
    background: var(--Primary-Orange, #CB7626);
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status span.on-hold,
.woocommerce-account mark.order-status span.on-hold {
    background: #5C8DDC;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status span.completed,
.woocommerce-account mark.order-status span.completed {
    background: #008000;
}
.woocommerce-account .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover svg path:first-child{
    fill:#B76A22;
}
.woocommerce-account .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover svg path:not(:first-child){
    stroke:#B76A22;
}

.woocommerce-view-order .woocommerce-order-details,
.woocommerce-view-order .woocommerce-customer-details{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin:0px;
    width:100%;
}
.woocommerce-view-order .woocommerce-order-details table{
    border-collapse: collapse;
}
.woocommerce-view-order table td.product-name ul{
    padding: 0;
}
.woocommerce-view-order .woocommerce-customer-details .addresses{
    margin:0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce-view-order .woocommerce-customer-details .addresses > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce-view-order .woocommerce-customer-details .addresses address{
    border:0px;
    padding:0px;
}


.template404 {
    display:flex;
    flex-direction: column;
    gap:24px;
    align-items: baseline;
}


/* FOOTER */
footer{
    padding: 112px 0px 56px 0px;
}

footer .newsletter{
    align-items: center;
    margin-bottom: 56px;
}
footer .newsletter > div{
    gap: 24px;
    display: flex;
    flex-direction: column;
}
footer .newsletter .textSection p{
    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 18px;
    line-height: 130%; /* 23.4px */
}

footer .dotaz{
    border-radius: 4px;
    border-left: 5px solid #CB7626;
    background: rgba(203, 118, 38, 0.15);
    padding: 48px;
    align-items: center;
}
footer .dotaz > div{
    gap: 12px;
    display: flex;
    flex-direction: column;
}
footer .dotaz .leve p{
    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 32px;
    line-height: 120%; /* 38.4px */
}
footer .dotaz .prave a{
    color: var(--Primary-Orange, #CB7626);
    font-size: 32px;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
}
footer .dotaz .prave a:hover{
    color:var(--Primary);
}

footer .row.menu{
    border-top: 1px dashed var(--Gray-Border, #E3E3E9);
    border-bottom: 1px dashed var(--Gray-Border, #E3E3E9);
    padding:56px 0px;
    margin-top: 56px;
}
footer .row.menu > div{
    display:flex;
    flex-direction: column;
    gap:16px;
}
footer h3.h5{
    text-transform:uppercase;
}

footer .menu ul{
    list-style:none;
    margin:0;
    padding:0;
}
footer .menu ul li a{
    padding: 8px 0px;
    display:block;
    font-size: 18px;
    color: var(--Gray-Gray-Text, #6E6D79);
}
footer .menu ul li a:hover{
    color:var(--Primary-Orange);
}
footer .kontakt .kdyVolat{
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: var(--Gray-Gray-Text, #6E6D79);
}
footer .kontakt a{
    display:block;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #603913;
}
footer .kontakt a:hover{
    color:var(--Primary-Orange);
}


.copyright{
    padding:32px 0 0 0;
    color: var(--Gray-Gray-Text, #6E6D79);
    font-size: 14px;
    line-height: 150%;
}

#cc-main .cm__btn,
#cc-main .pm__btn{
    border:0px !important;
    min-height: unset !important;
    padding: 15px 32px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
}

@media (max-width: 1400px){
    header .topBar .vety-o-nas{
        display:none;
    }
}
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    header .headerSection > .row{
        gap:32px;
    }
    .woocommerce .categoryFullDesc img{
        max-width: 400px;
    }
    .woocommerce ul.products li.product a .image-wrapper{
        height:250px;
    }
    .infinite-carousel .carousel-track{
        grid-auto-columns: 300px;
    }
    .infinite-carousel a.category-box{
        width: 300px;
    }
}

/*Medium devices (tablets, more than 992px)*/
@media (max-width: 991.98px) {
    header .topBar .indikator{
        display:none;
    }
    header .headerSection .logo img{
        width:100px;
    }
    header .headerSection > .row{
        gap:16px;
        align-items: center;
    }
    .woocommerce .categoryFullDesc img{
        max-width: 250px;
    }
    .woocommerce ul.products li.product a .image-wrapper{
        height:150px;
    }
    .infinite-carousel .carousel-track{
        grid-auto-columns: 250px;
    }
    .infinite-carousel a.category-box{
        width: 250px;
    }
    .infinite-carousel .category-box div img{
        max-width: 50px;
    }
    .shortcodeBlog{
        grid-template-columns: repeat(1, 1fr);
    }
    .woocommerce div.product form.cart:not(.variations_form), .woocommerce div.product form.variations_form .variations_button{
        flex-direction: column;
    }
    .woocommerce div.product div.images img{
        max-height: 300px;
    }
    .single-product .product-inner{
        gap:30px;
    }
    /* ------------------ BLOG -------------------- -*/
    .archiveBlog{
        gap:32px;
        padding-top:24px;
    }
    .archiveBlog .triClanky .clanek.thumbnail{
        flex-direction: column;
    }
    .archiveBlog .clanek,
    .archiveBlog .triClanky .clanek.thumbnail{
        gap:12px;
        padding-bottom:32px;
        align-items: baseline;
    }
    .archiveBlog #allArticles .clanek{
        margin-bottom:0px;
    }
    .archiveBlog #allArticles .loadMoreArticles{
        margin-bottom:32px;
    }
    .archiveBlog #allArticles .loadMoreArticles button{
        width:100%;
    }

    .singleBlog{
        padding-top: 24px;
        gap:32px;
    }
    .singleBlog .header{
        width: 100%;
    }
    .singleBlog .meta{
        margin-top:12px;
    }
    .singleBlog .socials{
        display:none;
    }
    .singleBlog .publikace{
        font-size: 14px;
    }
    .singleBlog .row.produkty{
        padding-bottom: 64px;
    }
    .singleBlog .woocommerce ul.products,
    .singleBlog .shortcodeBlog{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap:24px;
        justify-content: flex-start;
        max-width: 100%;
        padding: 10px 0px;
    }
    .singleBlog .woocommerce ul.products li.product,
    .singleBlog .shortcodeBlog .clanek.thumbnail{
        flex: 0 0 50%;
        margin: 0 auto;
        max-width: 50%;
    }
    .singleBlog.podobneClanky .obsah{
        gap:32px;
    }
    .singleBlog.podobneClanky .obsah .box{
        max-width: 100%;
    }
    .singleBlog .shortcodeBlog .clanek .detaily .meta{
        margin-top:0px;
    }
    .singleBlog .obsah .button{
        width:100%;
    }
    .singleBlog .obsah .button a{
        width:100%;
        text-align:center;
    }

    .singleBlog.podobneClanky{
        margin-bottom:0px;
        padding:64px 0;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    h1,
    .h1{
        font-size: 32px;
        line-height: 130%;
        margin-bottom: 0px;
    }
    h2,
    .h2{
        font-size: 32px;
        line-height: 130%;
        margin-bottom: 0px;
    }
    h3,
    .h3{
        font-size: 32px;
        line-height: 130%;
        margin-bottom: 0px;
    }
    h4,
    .h4{
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 0px;
    }
    h5,
    .h5{
        font-size: 14px;
        line-height: 150%; /* 21px */
        margin-bottom: 0px;
    }

    .popup .popup-content .button-primary,
    #authorizePopup .button-primary{
        width:100%;
    }
    /* --------------- HEADER ------------------ */
    .topNavMobile > .row{
        display: flex;
        height: 56px;
        padding: 12px 20px;
        justify-content: space-between;
        align-items: center;
        background: var(--Primary, #032122);
        flex-direction: row;
        flex-shrink: 1;
    }
    .topNavMobile .row .leve,
    .topNavMobile .row .prave,
    .topNavMobile .row > a{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        flex-shrink: 1;
        width:unset;
        max-width:unset;
        padding:0;
        margin:0;
    }
    .topNavMobile button{
        border:0;
        background:transparent;
        box-shadow: none;
        padding:0;
        margin:0;
    }
    .topNavMobile button svg.closeMenuSvg,
    .topNavMobile button.openMenu.opened svg.openMenuSvg{
        display:none;
    }
    .topNavMobile button.openMenu.opened svg.closeMenuSvg{
        display:inline;
    }
    .topNavMobile .row .prave a.headerCount{
        position:relative;
    }
    .topNavMobile .row .prave a.headerCart span.countCart{
        border-radius: 50px;
        background: var(--Primary-Orange, #CB7626);
        position: absolute;
        top: 14px;
        right: 14px;
        display: flex;
        width: 16px;
        height: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: var(--White-Pure-White, #FFF);
        text-align: center;
        font-size: 10px;
        font-weight: 400;
        line-height: 130%;
    }
    .topNavMobile .menu,
    .topNavMobile .search{
        display: none;
        position: absolute;
        height: 100vh;
        width:100vw;
        left: 0;
    }
    .topNavMobile .menu .overlay,
    .topNavMobile .search .overlay{
        position: absolute;
        left: 0;
        right: 0;
        top: -1px;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.30);
        z-index: -1;
    }
    .topNavMobile .menu .inner{
        gap: 24px;
        flex-direction: column;
        align-items: flex-start;
        display:flex;
        width: 80vw;
        max-width: 80%;
        margin: 0;
        padding: 24px 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        background: var(--Primary, #032122);
        height: 100vh;
        overflow-y: auto;
        position:relative;
    }
    .topNavMobile .menu .menu-hlavni-menu-container,
    .topNavMobile .menu .menu-top-linka-container{
        width:100%;
        padding-bottom: 24px;
        border-bottom:1px dashed rgba(227, 227, 233, 0.15);
    }
    .topNavMobile .menu .menu-hlavni-menu-container a{
        padding: 8px 0px;
        color: var(--White-Pure-White, #FFF);
        font-size: 16px;
        font-weight: 400;
        line-height: 130%; /* 20.8px */
        text-transform: uppercase;
        display: block;
    }
    .topNavMobile .menu .menu-hlavni-menu-container a:hover,
    .topNavMobile .menu .menu-hlavni-menu-container > ul > li:first-child a{
        color: var(--Primary-Orange, #CB7626);
        font-weight: 700;
    }
    .topNavMobile .menu .menu-hlavni-menu-container > ul > li.menu-item-has-children > a::after {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2.5 8.5H13.5" stroke="%23CB7626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 4L13.5 8.5L9 13" stroke="%23CB7626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        margin-left: 8px;
        vertical-align: middle;
        position: absolute;
        right: 24px;
    }
    .topNavMobile .menu .menu-hlavni-menu-container li.menu-item-has-children .sub-menu{
        display:none;
    }
    .topNavMobile .menu .menu-hlavni-menu-container li.back-to-categories a{
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--Primary-Orange, #CB7626);
        font-size: 14px;
        font-weight: 700;
        line-height: 150%; /* 21px */
        text-transform:none;
    }
    .topNavMobile .menu .menu-hlavni-menu-container .sub-menu a{
        text-transform:none;
    }

    .topNavMobile .menu .menu-top-linka-container ul{
        margin: 0;
        padding:0;
        list-style: none;
    }
    .topNavMobile .menu .menu-top-linka-container ul a{
        color: var(--White-Pure-White, #FFF);
        font-family: "Familjen Grotesk";
        font-size: 16px;
        font-weight: 400;
        line-height: 130%; /* 20.8px */
        padding:6px 0px;
        display:block;
    }
    .topNavMobile .menu .menu-top-linka-container ul a:hover{
        color: var(--Primary-Orange, #CB7626);
    }
    .topNavMobile .menu .contactDetails{
        display: flex;
        align-items: center;
        gap: 8px;
        align-self: stretch;

        color: var(--White-Pure-White, #FFF);
        font-size: 14px;
        font-weight: 400;
        line-height: 130%; /* 18.2px */

        margin-bottom: 100px;
    }
    .topNavMobile .menu .contactDetails a{
        font-weight: 700;
        color: var(--White-Pure-White, #FFF);
        display:block;
        text-decoration:underline;
    }
    .topNavMobile .menu .contactDetails a:hover{
        color: var(--Primary-Orange, #CB7626);
    }
    .topNavMobile .menu .contactDetails .kdyVolat{
        padding-top: 16px;
    }


    .topNavMobile .search .inner{
        gap: 0;
        flex-direction: column;
        align-items: flex-start;
        display: flex;
        width: 100vw;
        max-width: 100vw;
        margin: 0;
        padding:0;
        background: #fff;
        height: fit-content;
        position: relative;
    }
    .topNavMobile .search .searchForm{
        padding: 12px 20px;
        display: flex;
        align-items: center;
        gap: 16px;
        width: 100%;
    }
    .topNavMobile .search .searchForm form > div:first-child{
        border: 1px solid var(--Gray-Border, #E3E3E9) !important;
        background: transparent;
        flex:1;
        margin-right: 40px;
    }
    .topNavMobile .search .searchForm input{
        border:0px !important;
    }
    .topNavMobile .search .searchResults{
        display: flex;
        width: 100%;
        padding: 24px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        background: var(--background, #FFF);

        /* Card Shadows */
        box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
    }



    /* ------------------ HOME ----------------------- */
    .infinite-carousel .carousel-track{
        grid-auto-columns: 200px;
    }
    .infinite-carousel a.category-box{
        width:200px;
        gap:24px;
        padding:12px;
    }
    .infinite-carousel .category-box div img{
        max-height: 150px;
    }
    .infinite-carousel .category-box div{
        font-size: 18px;
    }
    .znacky.infinite-carousels .carousel-track{
        gap:24px;
    }
    .reference .infinite-carousel{
        max-height: 900px;
    }
    .reference .infinite-carousel > div:first-child{
        display:none;
    }
    .reference .infinite-carousel .reference-box{
        width:100%;
        padding:16px;
    }
    .shortcodeBlog{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 10px 0;
        gap:16px;
        justify-content: flex-start;
    }
    .shortcodeBlog .clanek.thumbnail {
        flex: 0 0 90%; /* Každý článek bude mít 90% šířky */
        margin: 0 auto; /* Centrování článků v rámci flexboxu */
        max-width: 90%; /* Omezení maximální šířky článku */
        flex-direction: column;
        gap:24px;
        background:#fff;
    }
    .shortcodeBlog .clanek.thumbnail img {
        width: 100%;
        height: auto;
    }
    .shortcodeBlog .clanek.thumbnail .detaily{
        padding:0 24px 24px 24px;
    }
    .shortcodeBlog .clanek.thumbnail .detaily h2.h4{
        font-size: 18px;
        line-height: 150%;
        margin-bottom:8px;
    }
    .archiveBlog .clanek.thumbnail a.readMore, .shortcodeBlog .clanek.thumbnail a.readMore{
        margin-top:24px;
    }


    /* ------------------ GENERAL ----------------------- */
    main{
        padding-top: 24px;
    }
    .popup .popup-content{
        max-width: 90%;
        padding: 24px;
    }
    .popup .popup-content #close-popup{
        top:24px;
        right:24px;
    }
    #authorizePopup .content{
        padding:24px;
        flex-direction: column;
        gap:24px;
    }
    #authorizePopup .content .levaStrana, #authorizePopup .content .pravaStrana{
        width:100%;
    }
    #authorizePopup .content .levaStrana{
        padding-right: 0px;
        border-right: 0px;
        padding-bottom: 24px;
        border-bottom: 1px dashed var(--Gray-Border, #E3E3E9);
    }
    #authorizePopup .closeForm, #vernostne-body-popup .closeForm{
        top:24px;
        right:24px;
    }
    #authorizePopup p.buttonSubmit{
        padding:0px;
    }
    #authorizePopup .content .pravaStrana{
        padding-left:0px;
    }
    #authorizePopup p{
        margin-bottom: 20px;
    }
    .popup#addtocart-popup .popup-content .message h3{
        font-size: 18px;
    }
    .popup#addtocart-popup .popup-content .buttons{
        flex-direction: column;
        align-items: start;
    }
    .popup#addtocart-popup .popup-content .buttons button,
    .popup#addtocart-popup .popup-content .buttons a{
        width:100%;
    }


    /* ------------------ Woo sections -------------------- -*/
    .woocommerce header.woocommerce-products-header .catDesc .term-description{
        max-width:100%;
        margin-bottom: 0px;
    }
    .woocommerce header.woocommerce-products-header .catDesc{
        flex-direction: column;
        gap:0;
    }
    .woocommerce .podkategorie{
        margin:32px 0px;
    }
    .woocommerce .podkategorie a{
        max-width: fit-content;
        white-space: nowrap;
        margin:0;
        padding:8px;
    }
    .woocommerce .podkategorie svg{
        display:none;
    }

    .woocommerce .podkategorie{
        overflow-x: auto;
        flex-wrap: nowrap;
    }


    .woocommerce .products-filters .products-sorting button.dropdown-toggle{
        display:block;
    }
    .woocommerce .products-filters .products-pagination{
        display:none;
    }
    .woocommerce #product-filter ul.filter-tabs{
        overflow-x: auto;
        flex-wrap: nowrap;
        max-width: 100%;
        padding-bottom:5px;
        width:100%;
    }
    .woocommerce #product-filter ul.filter-tabs li{
        white-space: nowrap;
    }
    .woocommerce #product-filter .tab .checkboxes:not(.groupInner) > div, .woocommerce #product-filter .tab .checkboxes .group > div{
        padding:8px;
        height:40px;
        font-size:14px;
        line-height: 130%;
    }
    .woocommerce #product-filter .tab.znacka-filter .checkboxes .group > div,
    .woocommerce #product-filter .tab.krajina-filter .checkboxes .group > div,
    .woocommerce #product-filter .tab.baleni-filter .checkboxes > div{
        flex-basis: 100%;
    }
    .woocommerce #product-filter .tab.chut-filter .checkboxes > div,
    .woocommerce #product-filter .tab.objem-filter .checkboxes > div,
    .woocommerce #product-filter .tab.alk-filter .checkboxes > div{
        flex-basis: 47%;
    }
    .woocommerce #product-filter .ranger{
        width:100%;
    }


    .products-sorting .dropdown {
        position: relative;
        display: inline-block;
    }

    .products-sorting .dropdown-toggle {
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid var(--Gray-Border, #E3E3E9);
        background: var(--White-Pure-White, #FFF);
        padding: 15px 16px;
        color: var(--Dark-Dark-Text, #032122);
        font-size: 14px;
        font-weight: 500;
        line-height: 135%; /* 18.9px */
    }

    .products-sorting .dropdown-toggle:hover {
        border-color: var(--Primary-Orange, #CB7626);
        ;
    }

    .woocommerce .products-filters .products-sorting ul.dropdown-menu-archive {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        margin: 0;
        list-style: none;
        z-index: 10;
        border: 1px solid #ccc;
        padding:0 20px;
    }
    .woocommerce .products-filters .products-sorting ul li a.active, .woocommerce .products-filters .products-sorting ul li a:hover{
        border: 0;
        background: none;
    }

    .woocommerce .products-filters{
        border:0px;
    }
    .woocommerce #product-list{
        margin:32px 0 32px 0;
        gap:0;
    }
    .woocommerce ul.products{
        grid-template-columns:1fr 1fr;
        gap:32px 9px;
    }
    .woocommerce ul.products li.product,
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width:100%;
        margin:0;
        float:none;
    }
    .woocommerce ul.products li.product a .image-wrapper{
        height:200px;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product .price{
        font-size: 16px;
    }

    .woocommerce .categoryFullDesc > .container{
        padding: 64px 20px 32px 20px;
        flex-direction: column;
        gap:32px;
    }
    .woocommerce .categoryFullDesc .editor h2, .woocommerce .categoryFullDesc .editor h3, .woocommerce .categoryFullDesc .editor h4{
        font-size: 18px;
    }
    .woocommerce #product-list .pagination span, .woocommerce #product-list .pagination a, .woocommerce #pagination li a, .woocommerce #pagination li span{
        padding: 2px;
    }

    /* Single product */
    .single-product .woocommerce-breadcrumb{
        margin: 0 0 12px 0;
    }
    .single-product .product-inner{
        flex-direction: column;
        gap: 32px;
    }
    .single-product .product-inner > span{
        display:none;
    }
    .woocommerce div.product .product_title{
        font-size: 32px;
        line-height: 120%;
    }
    .woocommerce div.product form.cart:not(.variations_form), .woocommerce div.product form.variations_form .variations_button{
        flex-direction: column;
    }
    .woocommerce div.product form.cart .quantity-buttons, .cart .quantity-wrapper{
        width: 100%;
        justify-content: center;
    }
    .woocommerce div.product form.cart div.quantity{
        float: none;
        flex: 1;
    }
    .woocommerce div.product form.cart .quantity-buttons input,
    .cart .quantity-wrapper input,
    .woocommerce div.product form.cart .single_add_to_cart_button{
        width: 100%;
    }
    .woocommerce div.product .woocommerce-product-details__short-description{
        display:none;
    }
    .woocommerce div.product .product-details{
        flex-direction: column;
        gap:32px;
        margin:32px 0px 64px 0px;
    }
    .woocommerce div.product .product-details .leve{
        gap:32px;
    }
    .woocommerce div.product .product-details .leve .popis .text{
        gap:16px;
    }
    .woocommerce div.product .product-details h3{
        font-size: 24px;
        line-height: 120%;
    }
    .woocommerce div.product .product-details .leve img.obrazekZnacky{
        float:none;
    }
    .woocommerce div.product .product-details .leve .hodnoceni{
        padding-top:32px;
    }
    .woocommerce .product-reviews-section .addReview{
        flex-direction: column;
        gap:16px;
        align-items:start;
    }
    .woocommerce .product-reviews-section .addReview .heading{
        gap:16px;
    }
    .woocommerce div.product .product-review{
        padding:16px;
        gap:8px;
    }
    .woocommerce div.product .product-details .prave{
        padding-top: 32px;
        padding-left:0;
        border-top:1px dashed var(--Gray-Border, #E3E3E9);
        border-left:0;
        gap:32px;
        max-width: 100%;
    }
    .woocommerce div.product .product-details .prave .atributy{
        padding:16px;
        gap:16px;
    }
    .woocommerce div.product .product-details .prave .video{
        padding-top:32px;
    }
    .woocommerce div.product .related.products{
        padding:64px 0px;
        gap:32px;
    }
    .related.products{
        gap:32px;
    }
    .woocommerce .related.products ul.products{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap:24px;
        justify-content: flex-start;
        max-width: 100%;
        padding: 10px 0px;
    }
    .woocommerce .related.products ul.products li.product{
        flex: 0 0 90%;
        margin: 0 auto;
        max-width: 90%;
    }
    /* ------------------ CART -------------------- -*/
    .woocommerce-cart .wc-empty-cart-message{
        margin: 32px 16px;
    }
    .woocommerce-cart .headerCheckout,
    .woocommerce-checkout .headerCheckout{
        display: none !important;
    }
    .container.cart{
        padding:24px 0 0 0;
    }
    .cart .nadpis{
        margin-bottom: 16px;
    }
    .cart table.shop_table{
        border-spacing:0;
    }
    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{
        padding:24px 16px;
        border-bottom:1px solid var(--Gray-Border, #E3E3E9);
    }
    .cart table.shop_table tbody td.product-name{
        display:flex;
        gap:16px;
    }
    .cart td.product-name a.img{
        flex-shrink: 0;
        position: absolute;
    }
    .cart td.product-name a.remove{

    }
    .cart table.shop_table tbody td.product-name::before,
    .cart table.shop_table tbody td.product-quantity::before,
    .cart table.shop_table tbody td.product-stav::before,
    .cart table.shop_table tbody td.product-subtotal::before{
        display:none;
    }
    .cart table.shop_table tbody td.product-name,
    .cart table.shop_table tbody td.product-stav, .cart table.shop_table tbody td.product-quantity, .cart table.shop_table tbody td.product-subtotal{
        padding:0px;
        border:0px;
        text-align: left !important;
        background-color:transparent;
        align-items: self-start;
    }
    .cart td.product-name .produkt a{
        text-align:left;
    }
    .cart table.shop_table tbody td.product-name .produkt,
    .cart table.shop_table tbody td.product-stav,
    .cart table.shop_table tbody td.product-quantity,
    .cart table.shop_table tbody td.product-subtotal{
        padding-left:100px;
    }
    .woocommerce div.product form.cart .quantity-buttons,
    .cart .quantity-wrapper{
        justify-content:start;
    }
    .cart .quantity-wrapper{
        margin:12px 0px;
    }
    .woocommerce div.product form.cart .quantity-buttons button, .cart .quantity-wrapper button{
        width: 32px;
        height: 32px;
    }
    .woocommerce div.product form.cart .quantity-buttons input, .cart .quantity-wrapper input{
        height: 32px;
    }
    .cart td.product-stav span{
        font-size: 14px;
        padding-top:12px;
        display:block;
    }
    .cart table.shop_table tbody td.product-subtotal > div{
        display: flex;
        flex-direction: row;
        justify-content: start;
        gap: 12px;
        align-items: center;
    }
    .cart table.shop_table tbody td.product-subtotal > div span:last-child{
        order:0;
    }
    .cart table.shop_table tbody td.product-subtotal > div span:first-child{
        order:1;
        font-size: 16px;
    }
    .cart table.shop_table tbody td.product-remove{
        display:none;
    }
    .cart .woocommerce-cart-form .dopravaZdarmaBar{
        border-width: 0 0 1px 0;
        padding:24px 16px;
        flex-direction: column;
        gap:24px;
    }
    .cart .woocommerce-cart-form .vernostniSystem{
        margin:32px 20px;
        padding:16px;
        display: inline-block;
        font-size: 16px;
    }
    .cart .woocommerce-cart-form .vernostniSystem strong{
        font-size: 16px;
    }
    .cart .souhrn{
        margin:0px;
        flex-direction: column;
        gap:32px;
    }
    .cart .souhrn > a{
        order:1;
        margin: 0 20px;
        width: calc(100% - 40px);
    }
    .cart .souhrn > div{
        order:0 ;
        padding:32px 16px;
    }
    .cart .souhrn table.shop_table_responsive tr{
        padding:4px;
        display:flex;
        border:0px;
    }
    .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th{
        display:block;
    }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
        display:none;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
        background-color:transparent;
    }
    .cart .souhrn .custom-coupon input,
    .cart .souhrn .custom-coupon button{
        padding:8px !important;
        align-self: center;
    }
    .cart .souhrn .cenaCelkem span.h4,
    .cart .souhrn .cenaCelkem .amount{
        font-size: 20px;
    }
    /* ------------------ CHECKOUT -------------------- -*/
    .customCheckout{
        padding: 24px 0 0 0;
    }
    .customCheckout h1{
        margin-bottom:24px;
        padding:0 20px;
    }
    .customCheckout .login_form .loginForm{
        gap:16px;
    }
    .customCheckout .login_form.showSection{
        gap: 32px;
    }
    .customCheckout .login_form h2.h4{
        font-size: 24px;
    }

    .customCheckout .woocommerce-billing-fields, .customCheckout .woocommerce-shipping-fields, .customCheckout .woocommerce-additional-fields{
        padding:16px 16px 32px 16px;
        gap:16px;
        margin-bottom: 0px;
        border-width:0 0 1px 0;
    }
    .customCheckout .woocommerce-billing-fields h3, .customCheckout .woocommerce-shipping-fields h3, .customCheckout .woocommerce-additional-fields h3{
        font-size:24px;
    }
    .woocommerce form .form-row-first, .woocommerce-page form .form-row-first,
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last,
    .customCheckout .woocommerce-billing-fields #billing_email_field,
    .customCheckout .woocommerce-billing-fields #billing_phone_field{
        float:none;
        width:100%;
    }
    .customCheckout .woocommerce-billing-fields .form-row, .customCheckout .woocommerce-shipping-fields .form-row{
        margin-bottom:16px;
    }
    .customCheckout .woocommerce-billing-fields #billing_postcode_field, .customCheckout .woocommerce-shipping-fields #shipping_postcode_field{
        width:40%;
    }
    .customCheckout .woocommerce-billing-fields #billing_city_field, .customCheckout .woocommerce-shipping-fields #shipping_city_field{
        width: 55%;
    }
    .customCheckout .summarySidebar{
        padding:32px 16px;
    }
    .customCheckout .summarySidebar h2,
    .customCheckout div.woocommerce-checkout-review-order-table .radek .product-image{
        display:none;
    }
    .customCheckout .backToCart,
    .customCheckout .zpetKontrolaObjednavky{
        margin:32px 20px;
        width:calc(100% - 40px);
        display:none;
    }
    .customCheckout .backToCart.active,
    .customCheckout .zpetKontrolaObjednavky.active{
        display:block !important;
    }
    .customCheckout .backToCart a,
    .customCheckout .zpetKontrolaObjednavky{
        width:100%;
        text-align:center;
    }
    .customCheckout .zpetKontrolaObjednavky{
        width:calc(100% - 40px);
    }

    .customCheckout .doprava, .customCheckout .platba{
        border-width: 0 0 1px 0;
        padding:32px 16px;
        gap:24px;
    }
    .customCheckout .doprava .heading h3,
    .customCheckout .platba .heading h3{
        font-size:18px;
    }
    .customCheckout #shipping_method .row,
    .customCheckout #payment .row{
        padding:12px;
    }
    .customCheckout #shipping_method .row .radio,
    .customCheckout #payment .row .radio{
        padding:0;
    }
    .customCheckout .secondPage #payment .place-order{
        display:none;
    }

    .thankYouPage{
        margin:0;
        padding:64px 16px;
    }
    .thankYouPage p,
    .thankYouPage h1.h3{
        text-align:center;
    }

    /* ------------------ USER ACCOUNT -------------------- -*/
    .woocommerce-account .woocommerce{
        flex-direction: column;
        gap:0px;
    }
    .woocommerce-account nav.woocommerce-MyAccount-navigation{
        padding: 0 0 32px 0;
        border: 0;
        border-bottom: 1px dashed var(--Gray-Border, #E3E3E9);
    }
    .woocommerce-account nav.woocommerce-MyAccount-navigation ul{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap:8px;
        justify-content: flex-start;
        max-width: 100%;
        padding: 0 0 10px 0;
    }
    .woocommerce-account nav.woocommerce-MyAccount-navigation ul li a{
        white-space: nowrap;
        padding:8px;
        gap:8px;
    }
    .woocommerce-account .woocommerce form:not(.woocommerce-form-login):not(.woocommerce-form-register){
        gap:16px;
    }
    .woocommerce-account .woocommerce-MyAccount-content p, .woocommerce-account .woocommerce-MyAccount-content h1, .woocommerce-account .woocommerce-MyAccount-content h2{
        width:100%;
    }
    .woocommerce-account .woocommerce-MyAccount-content p button{
        width:100%;
    }
    .woocommerce-account .vernostniBody{
        flex-direction: column;
        gap:16px;
        align-items: baseline;
    }
    .woocommerce-account .vernostniBody .text,
    .woocommerce-account .vernostniBody .text strong{
        font-size: 20px;
    }
    .woocommerce-account .vernostnyProgramUser .vernostniButtony{
        flex-direction: column;
        gap:16px;
    }
    .woocommerce-account .vernostnyProgramUser .vernostniButtony a{
        width:100%;
    }
    .woocommerce-account .woocommerce table.shop_table_responsive tr,
    .woocommerce-account .woocommerce-page table.shop_table_responsive tr{
        padding:16px;
        border-radius: 4px;
        border: 1px solid var(--Gray-Border, #E3E3E9);
        margin-bottom:12px;
    }

    .woocommerce-account .woocommerce-orders-table tbody tr th,
    .woocommerce-account .woocommerce-orders-table tbody tr td{
        width: 49%;
        display: inline-block;
        border:0px;
        padding: 0 0 16px 0 !important;
    }
    .woocommerce-account .woocommerce-orders-table tbody tr td:last-child{
        padding:0px;
        width:100%;
    }
    .woocommerce-account .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-status{
        text-align:left !important;
    }
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields{
        width:100%;
    }


    /* ------------------ BLOG -------------------- -*/
    .singleBlog .row.produkty{
        padding-bottom: 64px;
    }
    .singleBlog .woocommerce ul.products,
    .singleBlog .shortcodeBlog{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap:24px;
        justify-content: flex-start;
        max-width: 100%;
        padding: 10px 0px;
    }
    .singleBlog .woocommerce ul.products li.product,
    .singleBlog .shortcodeBlog .clanek.thumbnail{
        flex: 0 0 90%;
        margin: 0 auto;
        max-width: 90%;
    }


    /* ------------------ FOOTER -------------------- -*/
    footer{
        padding:32px 0 56px 0px;
    }
    footer .dotaz{
        margin:32px 20px 64px 20px;
        padding:24px;
    }
    footer .dotaz > div{
        text-align:left !important;
    }
    footer .dotaz .leve p{
        font-size: 18px;
        line-height: 130%;
    }
    footer .dotaz .prave a{
        font-size: 24px;
    }
    footer .row.menu{
        margin-top: 0px;
        gap:24px;
        padding:64px 20px 32px 20px;
    }



    footer .row.menu > div{
        gap:12px;
    }
    footer .menu h3.h5,
    footer .doprava h3.h5{
        font-size: 18px;
        position:relative;
        margin-bottom: 0px;
    }
    footer .menu h3 img.arrowdown,
    footer .doprava h3 img.arrowdown{
        position: absolute;
        right: 15px;
        top: 5px;
    }
    footer .menu > div > div{
        display:none;
    }
    .copyright {
        gap:24px;
        padding:32px 20px;
    }
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

@media (max-width: 540px) {

}

@media (max-width: 450.98px) {

}