/*
Theme Name: pirati
Description: pirati custom theme
Author: Contentano.eu, Robert Michálek
Version: 1.0.0
Text Domain: pirati
*/



/*font-family: "Roboto Condensed", sans-serif;
 font-family: "Roboto", sans-serif;
 font-family: "Bebas Neue", sans-serif;*/

html,
body{
    width:100%;
    color: var(--Neutral-900, #212529);

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
body{
    overflow-x: hidden;
}

h1, .h1{
    color: var(--Neutral-900, #212529);
    font-family: "Bebas Neue";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
h2, .h2{
    color: var(--Neutral-900, #212529);
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    margin:0px;
}
p{
    /*color: var(--Neutral-900, #212529);*/

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    margin:0px;
}
p.mini{
    font-size: 12px;
}
.category{
    color: var(--Neutral-900, #212529);
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.textButton,
.textButton a.elementor-button{
    color: var(--Neutral-900, #212529);

    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;

    background-color:transparent;

    text-decoration:underline;
}
.textButton:hover,
.textButton a.elementor-button:hover{
    text-decoration:none;
}

.button-primary,
.button-secondary,
a.zas-tlac{
    display: inline-flex;
    height: max-content;
    min-height: 48px;
    padding: 5px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border:0px;

}
.button-primary{
    background: #FFF;
    color: #000;
}
.button-primary:hover,
.button-primary:active,
.button-primary:focus{
    background: var(--Light-Gray, #F9F9F9);
    text-decoration:none;
}
.button-secondary,
a.zas-tlac{
    background: #000;
    color: #FFF;
}
.button-secondary:hover,
.button-secondary:active,
.button-secondary:focus,
.a.zas-tlac:hover,
.a.zas-tlac:active,
.a.zas-tlac:focus{
    background: var(--Dark-Gray, #ADADAD);
    text-decoration:none;
}

/* -------------------------------- HEADER ------------------------------ */
p.woocommerce-store-notice{
    display: block;
    position: relative;
    background: var(--Yellow, #FDC815);
    color: #000;
    padding: 1em;
}
p.woocommerce-store-notice a{
    color: #000;
}


.topHlavicka{
    background: var(--Black, #000);
}
.topHlavicka .topLinka{
    display: flex;
    padding: 4px 24px;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.topHlavicka .topLinka span,
.topHlavicka .topLinka a{
    color: var(--White, #FFF);

    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 18.6px */
}
.topHlavicka .topLinka ul{
    margin:0;
    padding:0;
    list-style: none;
    display:flex;
    gap:24px;
    flex-direction: row;
}
.topHlavicka .prostredni{
    display: flex;
    padding: 8px 24px 0px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.topHlavicka .prostredni .hledani form,
.mobileMenu .hledani form{
    background: var(--Light-Gray, #F9F9F9);
    display: flex;
    align-items: center;
}
.topHlavicka .prostredni .hledani form input,
.mobileMenu .hledani form input{
    padding:16px;
    background: var(--Light-Gray, #F9F9F9);
    color: var(--Dark-Gray, #ADADAD);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    height: 48px;
    min-width: 350px;
    max-width:100%;
    border:0px;
}
.topHlavicka .prostredni .hledani form button,
.mobileMenu .hledani form button{
    background: var(--Middle-Gray, #E0E0E0);
    border:0px;
    height:48px;
    width:48px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.topHlavicka .prostredni .eshop{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
}
.topHlavicka .prostredni .eshop a{
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.topHlavicka .prostredni .eshop .cart a,
.mobileMenu .cart a{
    position:relative;
}
.topHlavicka .prostredni .eshop .cart a span,
.mobileMenu .cart a span{
    position:absolute;
    right:-10px;
    top:-10px;
    background: var(--Yellow, #FDC815);
    border-radius:50px;
    width:16px;
    height:16px;
    display:flex;
    justify-content: center;
    align-items: center;
    color: var(--Black, #000);
    font-family: "Libre Franklin";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.topHlavicka .headerMenu{
    display: flex;
    padding: 8px 112px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
}
.topHlavicka .headerMenu ul{
    margin:0;
    padding:0;
    list-style: none;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.topHlavicka .headerMenu ul li a{
    padding: 8px 24px;
    color: var(--White, #FFF);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}

nav.navbar{
    background: var(--Yellow, #FDC815);
    padding:0px !important;
}
nav.navbar .container{
    display: flex;
    padding: 0px 112px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
}
nav.navbar ul{
    margin:0;
    padding:0;
    list-style: none;
}
nav.navbar ul li a.nav-link{
    padding: 8px 32px !important;
    color: var(--Black, #000);
    font-family: "Bebas Neue", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
nav.navbar ul li a.nav-link:hover,
nav.navbar ul li.hovered a.nav-link,
nav.navbar ul .subMenuCustom ul li a:hover{
    text-decoration:none;
    background: var(--Yellow-Hover, #DBB500);
}
nav.navbar ul li a.nav-link:active,
nav.navbar ul .subMenuCustom ul li a:active,
nav.navbar .dropdown-item.active, nav.navbar .dropdown-item:active{
    text-decoration:none;
    background: #fff;
}
.subMenuCustom {
    display: none; /* Výchozí stav submenu - skrytý */
}

.menu-item-has-children.hovered > .subMenuCustom,
.menu-item-has-children.hovered > .subMenuCustom .dropdown-menu {
    display: block;
}
nav.navbar ul .subMenuCustom ul{
    width:100%;
    background: var(--Yellow, #FDC815);
    border:0px;
    border-radius:0px;
    padding:0px;
    margin:0px !important;
}
nav.navbar ul .subMenuCustom ul li a{
    padding: 8px 32px;
    text-align: center;
    color: var(--Black, #000);
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* MAIN */
.pageLayout{
    padding:64px 112px;
}
.blackBackground{
    background: var(--Black, #000);
}
.blackBackground h2,
.blackBackground h1{
    color:#fff;
}

.toast{
    border-radius: 8px;
    padding:24px;
    display:flex;
    justify-content: space-between;
    position: absolute;
    right: 0;
    z-index:9999;
}
.toast.success{
    background: var(--Green-Tints-Fresh-Green, #99E9A5);
}
.toast.failed{
    background: var(--Semantics-Red-50, #FF98A4);
}
.toast.info{
    background: var(--Charcoal, #32495B);
}
.toast .text svg{
    display:none;
}
.toast.success .text svg:first-child,
.toast.info .text svg:first-child,
.toast.failed .text svg:last-child{
    display:block;
}
.toast.info .text svg path{
    fill:#32495B;
}

.toast .text{
    display:flex;
    gap:16px;
    align-items: center;
    text-align:left;
}
.toast .text span{
    color: var(--Very-dark-blue, #0E2843);
    font-family: Fieldwork;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
}
.toast.info .text span{
    color:#fff;
}
.toast .close{
    cursor:pointer;
}
.toast.info .close svg path{
    fill:#fff;
}
.toast .close:hover{
    opacity:0.8;
}
.bookmark{
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bookmark button{
    background: transparent;
    border: 0;
    display:none;
}
.bookmark .add-to-favorites:hover svg path{
    fill:var(--Black, #000);
}
.bookmark.favorite-1 button.remove-from-favorites,
.bookmark.favorite- button.add-to-favorites{
    display:block;
}
.bookmarkedItems{
    margin:54px 0px;
}
.bookmarkedItems tr{
    background: var(--Light-Gray, #F9F9F9);
    margin-bottom:16px;
}
.bookmarkedItems td{
    vertical-align: middle;
    border-bottom:16px solid #fff;
    margin-bottom:5px;
}
.bookmarkedItems td .img-thumbnail{
    width:100px;
    height:100px;
    border:0;
}
.bookmarkedItems td.remove button{
    background:none;
    border:0;
}
.bookmarkedItems td.remove button:hover{
    opacity:0.5;
}






/* Woocommerce general */
.woocommerce-info{
    border-top-color: #000;
}
.woocommerce-info::before{
    color:  #000;
}

/* Woocommerce account */
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2{
    text-align:center;
}
.woocommerce-account  form.login,
.woocommerce-account form.register{
    margin:54px 0px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce-account form.login .form-row label,
.woocommerce-account form.register .form-row label{
    color: var(--White, #FFF) !important;
}
.woocommerce-account form .form-row input.input-text{
    padding: 0px 16px;
    background: var(--Light-Gray, #F9F9F9);
    height: 48px;

    color: var(--Black, #000);

    /* Text */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-privacy-policy-text,
.woocommerce-account wc-order-attribution-inputs{
    display:none !important;
}
.woocommerce-account p.woocommerce-LostPassword a{
    color: var(--White, #FFF);

    /* Text */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    text-decoration: underline;
}
.woocommerce-account p.woocommerce-LostPassword a:hover{
    text-decoration:none;
}
.woocommerce-account form .form-row{
    padding:0px;
    margin:0px;
}
.woocommerce-account form.register p{
    color: var(--White, #FFF);

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.woocommerce-account form .form-row .required{
    color:#fff;
}

/* -------------------Woocommerce taxonomy -----------------------*/
.tax-product_cat header.woocommerce-products-header{
    padding:0px;
}
.tax-product_cat #subcategory-filter,
.post-type-archive-product #subcategory-filter{
    margin:54px 0px 32px 0px;
    padding:0;
}
.tax-product_cat #subcategory-filter ul,
.post-type-archive-product #subcategory-filter ul{
    display: flex;
    list-style: none;
    padding: 0;
    gap:16px;
}
.tax-product_cat #subcategory-filter ul li,
.post-type-archive-product #subcategory-filter ul li{
    cursor: pointer;
    border: 1px solid var(--Dark-Gray, #ADADAD);
    background: var(--Black, #000);
    color:#fff;
    padding:8px 24px;
}
.post-type-archive-product #subcategory-filter ul li.selected,
.tax-product_cat #subcategory-filter ul li.selected{
    background: var(--White, #FFF);
    color:#000;
}
.tax-product_cat #subcategory-filter ul li:hover,
.post-type-archive-product #subcategory-filter ul li:hover{
    background: var(--Dark-Gray, #ADADAD);
    color:#fff;
}
.tax-product_cat .sort,
.post-type-archive-product .sort{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px;
    margin:0px 0px 32px 0px;
}
.tax-product_cat .sort .woocommerce-notices-wrapper,
.post-type-archive-product .sort .woocommerce-notices-wrapper{
    display:none;
}
.tax-product_cat .woocommerce-result-count,
.post-type-archive-product .woocommerce-result-count{
    color: var(--White, #FFF);

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    padding:0px;
    margin:0px;
}
.tax-product_cat .woocommerce-ordering,
.post-type-archive-product .woocommerce-ordering{
    padding:0px;
    margin:0px;
}
.post-type-archive-product ul.products li.product a:hover h2,
.tax-product_cat ul.products li.product a:hover h2,
.post-type-archive-product ul.products li.product a:hover .price bdi,
.tax-product_cat ul.products li.product a:hover .price bdi{
    text-decoration:underline;
}
.tax-product_cat ul.products li.product a img,
.post-type-archive-product ul.products li.product a img{
    margin:0px 0px 8px 0px;
}
.tax-product_cat h2.woocommerce-loop-product__title,
.post-type-archive-product h2.woocommerce-loop-product__title{
    padding: 0 !important;
    margin: 0 !important;
    font-size: 24px !important;
}
.post-type-archive-product .price,
.tax-product_cat .price{
    margin:8px 0px 0px 0px;
}
.post-type-archive-product .price bdi,
.tax-product_cat .price bdi{
    color: var(--White, #FFF);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%; /* 24.8px */
}
.post-type-archive-product .add_to_cart_button,
.tax-product_cat .add_to_cart_button,
.post-type-archive-product a.button.product_type_variable,
.tax-product_cat a.button.product_type_variable{
    display:none !important;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first{
    clear:none;
}
.woocommerce .products ul, .woocommerce ul.products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: unset;
    margin-left: 0;
}
.woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before{
    display:none;
}
.post-type-archive-product select.orderby,
.tax-product_cat select.orderby{
    background: transparent;
    color: #fff;
    text-align: right;
    border: 0;
    color: var(--White, #FFF);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    cursor:pointer;
}
.post-type-archive-product select option,
.tax-product_cat select option{
    padding: 8px 24px;
    background: var(--Yellow, #FDC815);
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.tax-product_cat select option:checked,
.post-type-archive-product select option:checked,
.tax-product_cat select option:active,
.post-type-archive-product select option:active{
    background: var(--White, #FFF);
}
.post-type-archive-product select option:hover,
.tax-product_cat select option:hover,
.post-type-archive-product select option:focus,
.tax-product_cat select option:focus{
    background: var(--Yellow-Hover, #DBB500);
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
    background: #fff;
    color: #000;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
    color: #fff;
}

/* -------------------Woocommerce single product -----------------------*/
.single-product .pageLayout{
    padding:40px 112px 100px 112px;
}
.single-product .woocommerce-breadcrumb{
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    margin:0px 0px 40px 0px;
}
.single-product .woocommerce-breadcrumb a{
    color: var(--Black, #000);
    font-weight: 700;
}
.single-product .woocommerce-tabs{
    display:none;
}
.single-product .product_meta{
    margin-top:8px;
}
.single-product .singleProductCart{
    margin-top:40px;
}
.single-product .singleProductCart:before,
.single-product .singleProductCart:after{
    display:none !important;
}
.single-product .product_meta,
.single-product .stock-quantity,
.single-product .stock-quantity p{
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 18.6px */
}
.single-product .stock-quantity,
.single-product .stock-quantity p{
    color: var(--Black, #8ECF99);
}
a.button.product_type_variable{
    display:none !important;
}
.single-product .price del{
    display:none;
}
.single-product .price bdi{
    color: var(--Black, #000);

    font-family: "Bebas Neue";
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.single-product form.cart .variations{
    margin-bottom:40px !important;
    margin-top:40px;
}
.single-product form.cart .variations tr{
    display: flex;
    flex-direction: column;
    gap:8px;
}
.single-product form.cart .variations th.label label{
    color: var(--Black, #000);

    /* Text */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    text-transform: capitalize;
}
.single-product form.cart .variations a.reset_variations{
    display:none !important;
}
.woocommerce div.product form.cart .variations select{
    min-width: max-content;
    display: flex;
    padding: 8px 24px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #E0E0E0 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
    background-size: 16px;
    -webkit-background-size: 16px;
    background-position: calc(100% - 12px) 50%;
    -webkit-background-position: calc(100% - 12px) 50%;
    border:0px;
    margin:0px;

    color: var(--Black, #000);

    /* Text */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.woocommerce div.product form.cart .variations select option {
    background: #FDC815;
}
.single-product .woocommerce-variation-add-to-cart,
.single-product .singleProductCart{
    display:flex;
    align-items: center;
    flex-direction: row;
    gap:40px;
}
.single-product .quantity-buttons{
    display:flex;
    flex-direction:row;
    gap:0;
}
.single-product .quantity-buttons button{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 10px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--Light-Gray, #F9F9F9);
    color: var(--Dark-Gray, #ADADAD);
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border:0px;
}
.single-product .quantity-buttons button:hover{
    font-weight: 700;
    color: var(--Black, #000);
}
.single-product .quantity-buttons input{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 10px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--Light-Gray, #F9F9F9);
    background: var(--White, #FFF);
    color: var(--Black, #000);

    /* Button */
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.single-product .quantity-buttons input[type=number]::-webkit-inner-spin-button,
.single-product .quantity-buttons input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Skrytí šipek pro Firefox */
.single-product .quantity-buttons input[type=number] {
    -moz-appearance: textfield;
}
.single-product .single_add_to_cart_button{
    white-space: nowrap;
}
.single-product .single_add_to_cart_button svg{
    margin-left:10px;
}

.single-product .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Poloprůhledné pozadí */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.single-product .popup-content {
    background: white;
    padding: 40px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);

    width: 80%;
    max-width: 700px;
    text-align: center;
}

.single-product .close-popup {
    float: right;
    font-size: 24px;
    color: #000;
}

.single-product .popup-overlay h2{
    margin-bottom:40px;
}

.single-product .popup-overlay #popup-product-details{
    background: var(--Light-Gray, #F9F9F9);
    display: flex;
    padding-right: 24px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    margin-bottom:40px;
}
.single-product .popup-overlay #popup-product-details img{
    max-width: 100px;
    max-height: 100px;
}
.single-product .popup-overlay #popup-product-details div{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex: 1 0 0;
}

.single-product .popup-overlay .action-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 80px;
}


.single-product #recommended-products {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}
.single-product .floatFix{
    content: "";
    display: table;
    clear: both;
}
.single-product ul.products li a.add_to_cart_button{
    display:none !important;
}

/* -------------------Vypis produktu -----------------------*/
.nejpopularnejsi-produkty{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}
.nejpopularnejsi-produkty a.produkt-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 200px;
}
.nejpopularnejsi-produkty a.produkt-box:hover h3,
.nejpopularnejsi-produkty a.produkt-box:hover .produkt-cena{
    text-decoration:underline;
}
.nejpopularnejsi-produkty .produkt-obsah{
    width:100%;
}

.nejpopularnejsi-produkty a.produkt-box .produkt-obrazek{
    position:relative;
}
.nejpopularnejsi-produkty a.produkt-box .produkt-obrazek .produkt-tagy,
.woocommerce span.onsale{
    position:absolute;
    left:0px !important;
    top:25px !important;
    margin:0 !important;
    right:unset !important;
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--Yellow, #FDC815);
    border-radius:0px;

    color: #000;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.nejpopularnejsi-produkty a.produkt-box .produkt-obrazek .bookmark{
    position:absolute;
    right:20px;
    top:20px;
}
.nejpopularnejsi-produkty a.produkt-box h3{
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */

    margin-bottom:4px;
}
.nejpopularnejsi-produkty.tmavy a.produkt-box h3{
    color: var(--White, #FFF);
}
.nejpopularnejsi-produkty a.produkt-box .produkt-cena{
    color: var(--Black, #000);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%; /* 18.6px */
}
.nejpopularnejsi-produkty.tmavy a.produkt-box .produkt-cena{
    color: var(--White, #FFF);
}

/* ------------------- Košík -----------------------*/
.breadcrumbMenu{
    display: flex;
    align-items: center;
    gap: 80px;
    margin:0 auto 80px auto;
    justify-content: center;
}
.breadcrumbMenu .item{
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    background: var(--Light-Gray, #F9F9F9);
    color: var(--Dark-Gray, #ADADAD);

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.breadcrumbMenu .item.active{
    background: var(--Yellow, #FDC815);
    color: #000;
}
.woocommerce-cart h1{
    margin-bottom:80px;
}
.woocommerce-cart .quantity-buttons{
    display:flex;
    flex-direction:row;
    gap:0;
}
.woocommerce-cart .quantity-buttons button{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 10px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--Middle-Gray, #E0E0E0);
    color: var(--Black, #000);
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border:0px;
}
.woocommerce-cart .quantity-buttons button:hover{
    opacity:0.5;
}
.woocommerce-cart .quantity-buttons input{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 10px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--Light-Gray, #F9F9F9);
    background: var(--White, #FFF);
    color: var(--Black, #000);

    /* Button */
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.woocommerce-cart .quantity-buttons input[type=number]::-webkit-inner-spin-button,
.woocommerce-cart .quantity-buttons input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Skrytí šipek pro Firefox */
.woocommerce-cart .quantity-buttons input[type=number] {
    -moz-appearance: textfield;
}
.woocommerce-cart table.shop_table{
    border:0px;
    margin:0px;
}
.woocommerce-cart table.shop_table th{
    font-weight: 400;
    text-align: center;
}
.woocommerce-cart table.shop_table th.product-thumbnail{
    text-align:left;
}
.woocommerce-cart table.shop_table tr.cart_item{
    margin-top:24px;
    background: var(--Light-Gray, #F9F9F9);
}
.woocommerce-cart table.shop_table td{
    border:0px;
}
.woocommerce-cart table.shop_table td.product-name{
    width:40%;
}
.woocommerce-cart table.shop_table td.product-availability,
.woocommerce-cart table.shop_table td.product-quantity,
.woocommerce-cart table.shop_table td.product-subtotal,
.woocommerce-cart table.shop_table td.product-remove{
    text-align:center;
}
.woocommerce-cart table.shop_table td.product-quantity .quantity-buttons{
    justify-content:center;
}
.woocommerce-cart table.shop_table td.product-remove a.remove:hover{
    background:none;
    opacity:0.5;
}
.woocommerce-cart .summaryLine{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
    margin-top:40px;
    margin-bottom:40px;
}
.woocommerce-cart .summaryLine .coupons .heading{
    color: var(--Black, #000);
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 32.4px */

    margin-bottom:16px;
    display:block;
}
.woocommerce-cart .summaryLine .coupons .coupon input{
    display: inline-flex;
    height: 48px;
    padding: 0px 16px;
    align-items: center;
    flex: 1 0 0;
    border: 1px solid var(--Middle-Gray, #E0E0E0);

    color: var(--Dark-Gray, #ADADAD);

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.woocommerce-cart .summaryLine .coupons .coupon button{
    display: inline-flex;
    height: 48px;
    padding: 0px 32px;
    justify-content: center;
    align-items: center;
    background: var(--Yellow, #FDC815);
    color: #000;
    border:0px;

    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.woocommerce-cart .summaryLine .coupons .coupon button:hover{
    background: #DBB500;
}
.woocommerce-cart .summaryLine .cena{
    min-width: 200px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.woocommerce-cart .summaryLine .cena div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap:20px;
}
.woocommerce-cart .summaryLine .cena div.small span,
.sidebar .small span{
    color: var(--Black, #000);

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.woocommerce-cart .summaryLine .cena div.big span,
.woocommerce-cart .summaryLine .cena div.big bdi,
.woocommerce-cart .summaryLine .cena div.big strong,
.sidebar .big,
.sidebar .big bdi,
.sidebar .big strong{
    color: var(--Black, #000);

    font-family: "Bebas Neue";
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.woocommerce .actionButtons,
.osobniUdaje .actionButtons,
.dorucovaciUdaje .actionButtons{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    align-self: stretch;
    margin-top:40px;
}
.woocommerce .actionButtons > div,
.woocommerce .actionButtons > a{
    display: flex;
    gap: 8px;
}
.zasady{
    margin-top:80px;
    display: flex;
    align-items: flex-start;
    gap: 80px;
    align-self: stretch;
}
.zasady .item{
    display: flex;
    align-items: center;
    flex: 1 0 0;
}
.zasady .item .icon{
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border: 2px solid var(--Light-Gray, #F9F9F9);
    background: var(--White, #FFF);
}
.zasady .item .text{
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Light-Gray, #F9F9F9);
}
.zasady .item .text h2{
    margin:0px;
}
.osobniUdaje h1{
    margin-bottom:40px;
}
.osobniUdaje .content,
.dorucovaciUdaje .content{
    margin-bottom: 40px;
}
.osobniUdaje .content .submenu{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    margin-bottom:24px;
}
.osobniUdaje .content .submenu a{
    display: flex;
    padding: 8px 32px;
    align-items: center;
    gap: 8px;
    cursor:pointer;
    color: var(--Dark-Gray, #ADADAD);

    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.osobniUdaje .content .submenu a:hover{
    background: #F9F9F9;
    color: #000;
    text-decoration:none;
}
.osobniUdaje .content .submenu a.active{
    background: var(--Yellow, #FDC815);
    color: var(--Black, #000);
}
.osobniUdaje .content .bezRegistrace,
.osobniUdaje .content .prihlasitSe,
.dorucovaciUdaje .content{
    /*display: flex;*/
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    background: var(--Light-Gray, #F9F9F9);
    display:none;
}
.dorucovaciUdaje .content{
    align-items: start;
}
.osobniUdaje .content .bezRegistrace.active,
.osobniUdaje .content .prihlasitSe.active,
.dorucovaciUdaje .content{
    display:flex;
}
.osobniUdaje .content .bezRegistrace form,
.osobniUdaje .content .prihlasitSe form,
.dorucovaciUdaje .content form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    max-width: 500px;
    margin: 0 auto;
}
.osobniUdaje .content .bezRegistrace form .radek,
.osobniUdaje .content .prihlasitSe form .radek,
.dorucovaciUdaje .content form p.form-row{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px 0px;
    width: 100%;
    align-items: center;
}
.osobniUdaje .content .bezRegistrace form .radek > label,
.osobniUdaje .content .prihlasitSe form .radek > label{
    width:70px;
}
.dorucovaciUdaje .content form p.form-row > label{
    width:120px;
}
.osobniUdaje .content .bezRegistrace form .radek .input.radio{
    display: flex;
    align-items: center;
    gap: 32px;
}
.osobniUdaje .content .bezRegistrace form .radek input:not(.radio),
.osobniUdaje .content .prihlasitSe form .radek input:not(.radio),
.dorucovaciUdaje .content form p.form-row input:not(.input-checkbox){
    display: flex;
    width: 396px;
    max-width: 100%;
    height: 48px;
    padding: 0px 16px;
    align-items: center;
    gap: 8px;
    background: var(--White, #FFF);
    border:0px;
}
.osobniUdaje .content .bezRegistrace hr{
    margin:20px 0px;
    width:100%;
    border-top: 1px solid #E0E0E0;
    opacity:1;
}
.osobniUdaje .content .bezRegistrace span.volitelne{
    color: var(--Dark-Gray, #ADADAD);

    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 32.4px */
}
.dorucovaciUdaje .content{
    gap:40px;
}
.osobniUdaje .error-message,
.dorucovaciUdaje .error-message{
    margin-bottom: 40px;
    color:var(--Red, #DF3535);
}
.dorucovaciUdaje abbr.required{
    color: var(--Red, #DF3535);
    text-decoration: none;
}
.dorucovaciUdaje .optional{
    display:none;
}
.dorucovaciUdaje .content form p.form-row#billing_country_field select#billing_country{
    width: 396px;
    max-width: 100%;
    height: 48px;
    padding: 0px 16px;
    border:0px;
}

#ico_fields{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    max-width: 500px;
    margin: 0 auto;
}
.checkout .content{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}
.checkout .content .doprava,
.checkout .content .platba{
    background: var(--Light-Gray, #F9F9F9);
    padding: 32px;
    width: 100%;
}
.checkout .content .doprava,
.checkout .content .platba{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.checkout .content .doprava .metody_dopravy,
.checkout .content .platba ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.checkout .content .doprava ul li,
.checkout .content .platba ul li{
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    cursor:pointer;
}
.checkout .content .doprava .metody_dopravy .radio.checked,
.checkout .content .platba ul li{
    background: #FFF;
}
.checkout .content .doprava .leve,
.checkout .content .platba ul li .leve{
    display: flex;
    gap: 32px;
    align-items: center;
}

.checkout .content .platba #payment{
    background:transparent;
    border-radius:0px;
    padding:0;
    margin:0;
    width:100%;
}
.checkout .content .platba #payment ul{
    padding:0;
    margin:0;
    border-bottom:0px;
    gap:0;
}
.checkout .content .platba ul li label{
    flex-wrap: nowrap;
    display: flex;
    white-space: nowrap;
    align-items:center;
}
.checkout .content .platba ul li .payment_box{
    background:transparent !important;
    padding:0 !important;
    margin:0 !important;
    text-align: right;
    font-size:inherit !important;
    color: inherit !important;
    width:auto !important;
}
.checkout .content .platba ul li::before,
.checkout .content .platba ul li::after,
.checkout .content .platba ul li .payment_box::before{
    display:none !important;
}

.checkout .paymentFree,
.checkout .deliveryFree{
    color: var(--Green, #33A340);
}
.checkout .content .platba #payment .place-order{
    display:none;
}
.checkout .content .platba #payment div.payment_box{
    display:block !important;
}
.checkout .content .platba ul li .leve label[for="payment_method_gopay-inline"] img{
    max-height: 20px;
}
.checkout .place-order{
    display: flex;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}
.checkout .place-order p{
    max-width: 311px;
    text-align:right;
}
.checkout .place-order p a{
    text-decoration:underline;
    color:#212529;
}

.wrapper{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    width:100%;
}
.sidebar{
    border: 1px solid var(--Middle-Gray, #E0E0E0);
    background: #FFF;
    padding: 24px;
    width: calc(41.6666667% - 45px);
}
.sidebar .items{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin-bottom:32px;
}
.sidebar .items .item{
    padding: 24px 24px 24px 24px;
    background: var(--Light-Gray, #F9F9F9);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    width:100%;
}
.sidebar .items .item .leve{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    color: var(--Black, #000);

    /* Category */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.sidebar .subtotal,
.sidebar .coupon,
.sidebar .dopravne,
.sidebar .order-total{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    width:100%;
    margin-bottom:8px;
}
.sidebar #payment.default{
    display:none;
}
.sidebar .coupon a.remove{
    color:var(--Red, #DF3535) !important;
    display:inline-block;
    font-size: initial;
    width:auto;
    height:auto;
    font-weight: 400;
}
.sidebar .coupon a.remove:hover{
    color:var(--Red, #DF3535) !important;
    background:none !important;
}
.sidebar #order_review #payment{
    display:none;
}
/* Woocommerce thank you */
.thankYouNote h1,
.thankYouNote p{
    margin-bottom:80px;
    text-align: center;
}
.woocommerce-order-received .woocommerce-order{
    width: 1024px;
    margin: 0 auto;
}
.woocommerce-order-received .woocommerce-order-details{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 24px;
}
.woocommerce-order-received .orderFailed{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin-bottom: 48px;
}
.woocommerce-order-received .woocommerce-order-details .shrnuti,
.woocommerce-order-received .woocommerce-order-details .adresa{
    width:100%;
}
.woocommerce-order-received .woocommerce-order-details h2{
    color: #000;

    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.woocommerce-order-received .woocommerce-order-details .shrnuti .polozky,
.woocommerce-order-received .woocommerce-order-details .adresa .polozky,
.woocommerce-view-order .polozky{
    display: grid;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    background: var(--Light-Gray, #F9F9F9);
}
.woocommerce-order-received .woocommerce-order-details .shrnuti .polozky,
.woocommerce-view-order .polozky{
    grid-template-columns:1fr 1fr;
}
.woocommerce-order-received .woocommerce-order-details .adresa .polozky,
.woocommerce-view-order .adresa .polozky{
    grid-template-columns:1fr;
}
.woocommerce-order-received .woocommerce-order-details .shrnuti .polozky :nth-of-type(2n) {
    text-align:right;
}
.woocommerce-order-received .order-items,
.woocommerce-view-order .order-items{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width:100%;
}
.woocommerce-order-received .order-items .order-item,
.woocommerce-view-order .order-items .order-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    background: var(--Light-Gray, #F9F9F9);
    width:100%;
    padding-right:24px;
}
.woocommerce-order-received .order-items .order-item .leve,
.woocommerce-view-order .order-items .order-item .leve{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.woocommerce-order-received .order-items .order-item .leve img,
.woocommerce-view-order .order-items .order-item .leve img{
    width:100px;
    height:100px;
}
.woocommerce-order-received .order-items .order-item .leve h2,
.woocommerce-view-order .order-items .order-item .leve h2{
    font-size: 24px;
}
.woocommerce-order-received .backToHome{
    margin: 80px auto 40px auto;
    width: auto;
}
/* My account */
nav.woocommerce-MyAccount-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}
nav.woocommerce-MyAccount-navigation ul li a{
    padding: 16px 32px 16px 24px;
    background: var(--White, #FFF);
    display:block;
    color: var(--Black, #000);

    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
    background: var(--Middle-Gray, #E0E0E0);
    text-decoration:none;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a{
    background: var(--Light-Gray, #F9F9F9);
}
.woocommerce-account .woocommerce-MyAccount-content{
    float:left;
    padding: 40px;
    background: var(--Light-Gray, #F9F9F9);
}
.woocommerce-account .woocommerce-MyAccount-content a{
    color:#000;
    text-decoration:underline;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover{
    text-decoration:none;
}
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-edit-address .woocommerce-address-fields__field-wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    margin-top:24px;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row,
.woocommerce-edit-address .woocommerce-address-fields .form-row{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    width:100%;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row label,
.woocommerce-edit-address .woocommerce-address-fields .form-row label{
    width:150px;
}
.woocommerce-account form .form-row label{
    color: var(--Black, #000);

    /* Text */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
.woocommerce-account form .form-row input.input-text{
    background: var(--White, #FFF) !important;
    border:0;
    display: flex;
    align-items: center;
    gap: 8px;
    width:100%;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row input,
.woocommerce-edit-address .woocommerce-address-fields .form-row input{
    flex: 1 0 0;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row span:has(em),
.woocommerce-account .woocommerce-EditAccountForm .clear{
    display:none;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend{
    color: var(--Black, #000);

    /* H2 */
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 32.4px */
    margin:24px 0px 0px 0px;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset .woocommerce-form-row input{
    flex:auto;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset p label{
    width:50% !important;
}
.woocommerce form:not(.login) .password-input, .woocommerce-page form:not(.login) .password-input{
    width:50%;
}
.woocommerce-edit-address .woocommerce-MyAccount-content .gap{
    margin-bottom:24px;
}
.woocommerce-edit-address .addresses .title .edit{
    float:unset;
}
.woocommerce-edit-address .addresses .title {
    margin-bottom:24px;
}

.woocommerce-edit-address #billing_address_2,
.woocommerce-edit-address #shipping_address_2,
.woocommerce-edit-address #billing_address_2_field,
.woocommerce-edit-address #shipping_address_2_field{
    display:none !important;
}
.woocommerce-edit-address .woocommerce-input-wrapper{
    width:100%;
    display:flex;
}
.woocommerce-edit-address .button-secondary{
    margin-top:24px;
}

.woocommerce-orders h2{
    margin-bottom:24px;
}
.woocommerce-orders .button-secondary{
    color:#fff !important;
    text-decoration:none !important;
}
.woocommerce-view-order .button-secondary{
    display:none;
}
.woocommerce-view-order h2,
.woocommerce-view-order .woocommerce-customer-details{
    margin-top:24px;
}
.woocommerce-view-order .woocommerce-customer-details address{
    border:0px;
    padding: 16px;
    border-radius:0px;
}


.ecomailForm .ec-v-form-holder,
.ecomailFormFooter .ec-v-form-holder{
    margin:0px !important;
}
.ecomailForm input[type=email],
.ecomailFormFooter input[type=email]{
    display: flex !important;
    max-width: 366px !important;
    width:100% !important;
    height: 48px !important;
    padding: 0px 16px !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--Dark-Gray, #ADADAD) !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 155% !important;
    border: 0 !important;
    box-shadow: none !important;
}
.ecomailForm .ec-forms-chck-lbl-text{
    color: var(--Black, #000) !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 155% !important;
}
.ecomailForm .ec-v-form-input input[type=checkbox]:checked+label:before{
    border: #FDC815 !important;
    background: #FDC815 !important;
}

.ecomailForm button[type=submit]{
    display: inline-flex !important;
    height: 48px !important;
    padding: 5px 32px !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 40px !important;
    font-family: "Roboto Condensed" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    border:0px !important;
}
.ecomailForm button[type=submit]{
    background: #000 !important;
    color: #FFF !important;
}
.ecomailForm button[type=submit]:hover,
.ecomailForm button[type=submit]:active,
.ecomailForm button[type=submit]:focus,
.ecomailFormFooter button[type=submit]:hover,
.ecomailFormFooter button[type=submit]:active,
.ecomailFormFooter button[type=submit]:focus{
    background: var(--Dark-Gray, #ADADAD) !important;
    text-decoration:none !important;
}

.ecomailFormFooter .ec-v-form-holder form,
.ecomailFormFooter .ec-v-form-step{
    min-height: fit-content !important;
    height:fit-content !important;
}
.ecomailFormFooter .ec-v-form-column{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-width: 90% !important;
}
.ecomailFormFooter .ec-v-form-column input[type=email]{
    border-radius: 0 !important;
    width: auto !important;
}
.ecomailFormFooter .ec-v-form-column .ec-v-forms-label{
    display:none !important;
}
.ecomailFormFooter .ec-v-form-submit{
    flex-shrink: 0 !important;
}
.ecomailFormFooter button[type=submit]{
    display: flex !important;
    width: 109px !important;
    height: 48px !important;
    padding: 5px 32px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid var(--White, #FFF) !important;
    background: var(--Black, #000) !important;
    color: var(--White, #FFF) !important;
    font-family: "Roboto Condensed" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}





footer{
    padding: 64px 112px;
    border-top: 1px solid var(--Dark-Gray, #ADADAD);
    background: var(--Black, #000);
}
footer .details{
    margin:24px 0px;
}
footer .details p,
footer .details a{
    color:#fff;
}
footer .details a{
    text-decoration:underline;
}
footer .details a:hover{
    text-decoration:none;
}
footer .socials{
    display: flex;
    align-items: center;
    gap: 32px;
}
footer .socials a:hover svg path:first-child,
footer .socials a.ig:hover svg path{
    fill:var(--Yellow, #FDC815);
}
footer h3.category{
    color: var(--White, #FFF);
    margin-bottom: 24px;
}
footer ul{
    padding:0px;
    margin:0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
footer ul li a{
    color: var(--Dark-Gray, #ADADAD);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
}
footer ul li a:hover{
    color: var(--Yellow, #FDC815);
}
footer .newsletter .zasady{
    color: var(--Dark-Gray, #ADADAD);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    margin-top:16px;
}


.mobileMenu{
    display:none;

    background: #000;
    padding: 12px 24px 12px 16px;
    justify-content: space-between;
    align-items: center;
}
.mobileMenu .line{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.mobileMenu .line .icons{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
}
.mobileMenu nav{
    position: fixed;
    left: 0;
    width: 100vw;
    top: 50px;
    z-index: 99;
}
.mobileMenu button.navbarTogglerMobile{
    background:none;
    border:0;
}
.mobileMenu button svg.close{
    display:none;
}
.mobileMenu button:not(.collapsed) svg.burger{
    display:none;
}
.mobileMenu button:not(.collapsed) svg.close{
    display:inline;
}
.mobileMenu ul li a.nav-link{
    text-align:center;
    font-size: 18px;
    padding:6px 0px !important;
}
.mobileMenu li.dropdown a.show{
    text-decoration:underline;

}
.mobileMenu li.dropdown .subMenuCustom ul{
    padding-bottom:24px;
}
.mobileMenu .hledani{
    margin:16px;
    text-align: center;
    width: calc(100% - 48px);
}
.mobileMenu .hledani input{
    width: 100%;
}
.mobileMenu .social{
    padding:24px 16px 16px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
/* --------------------------------------------------------------------------------------RESPONSIVE -------------------------------------------*/
@media (max-width: 1399px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*Medium devices (tablets, more than 992px)*/
@media (max-width: 991.98px) {

}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .standardMenu{
        display:none;
    }
    .mobileMenu,
    .subMenuCustom{
        display:flex;
    }

    .mobileMenu .navbar-brand svg{
        max-height: 40px;
        width: auto;
    }

    .nejpopularnejsi-produkty{
        justify-content: center;
    }
    .nejpopularnejsi-produkty a.produkt-box{
        max-width: 300px;
    }
    .elementor-element.button-primary,
    .elementor-element.button-secondary{
        align-items:center !important;
    }

    .single-product .pageLayout,
    .pageLayout{
        padding:32px 16px;
    }
    .single-product .floatFix{
        display:inline;
    }
    .single-product .woocommerce-variation-add-to-cart, .single-product .singleProductCart{
        display:block;
        text-align: center;
    }
    .single-product .quantity-buttons{
        justify-content: center;
        margin:10px 0px;
    }
    .bookmark{
        margin: 10px auto 0 auto;
    }
    .tax-product_cat .woocommerce-result-count, .post-type-archive-product .woocommerce-result-count{
        white-space: nowrap;
    }

    .single-product .popup-overlay .action-buttons{
        flex-direction: column;
        gap: 24px;
    }
    .single-product .popup-overlay .doporuceneProdukty{
        display:none;
    }
    .single-product .popup-overlay #popup-product-details{
        flex-direction: column;
        padding-right: 0;
    }
    .single-product .popup-overlay #popup-product-details img{
        width: 50px;
        height: 50px;
    }
    .breadcrumbMenu{
        gap: 10px;
        margin: 0 auto 40px auto;
    }
    .breadcrumbMenu .item{
        font-size: 14px;
        padding:4px 8px;
    }
    .woocommerce-cart h1 {
        margin-bottom: 0px;
    }
    .woocommerce-cart .shop_table tr:nth-child(odd) {
        display:none;
    }
    .woocommerce-cart .product-thumbnail{
        display:inline !important;
        width:20% !important;
    }
    .woocommerce-cart .product-thumbnail::before,
    .woocommerce-cart .product-name::before,
    .woocommerce-cart .product-availability::before,
    .woocommerce-cart .product-subtotal::before,
    .woocommerce-cart .product-quantity::before{
        display:none;
    }
    .woocommerce-cart td.product-name,
    .woocommerce table.shop_table_responsive tr td.product-name, .woocommerce-page table.shop_table_responsive tr td.product-name{
        display:inline-block !important;
        width:79% !important;
        text-align:left !important;
    }
    .woocommerce-cart table.shop_table td.product-quantity,
    .woocommerce-cart table.shop_table td.product-subtotal,
    .woocommerce-cart table.shop_table td.product-remove,
    .woocommerce-cart table.shop_table td.product-availability{
        text-align: center !important;
    }
    .woocommerce-cart a.remove{
        margin:0 auto;
    }
    .woocommerce-cart .summaryLine .coupons .heading,
    .woocommerce-cart .summaryLine .coupons .coupon{
        text-align:center;
    }
    .woocommerce-cart .summaryLine{
        flex-direction: column;
    }
    .woocommerce-cart .summaryLine .cena{
        margin: 0 auto;
        margin-top: 36px;
    }
    .woocommerce .actionButtons, .osobniUdaje .actionButtons, .dorucovaciUdaje .actionButtons{
        flex-direction: column;
        gap: 16px;
        align-items: normal;
    }
    .zasady{
        flex-direction: column;
        gap: 16px;
    }
    .osobniUdaje .content .submenu{
        gap:0px;
        justify-content: space-between;
    }
    .osobniUdaje .content, .dorucovaciUdaje .content{
        padding:0px;
    }
    .osobniUdaje .content .bezRegistrace form, .osobniUdaje .content .prihlasitSe form, .dorucovaciUdaje .content form{
        max-width: 100%;
    }
    .osobniUdaje .content .bezRegistrace form .radek > label, .osobniUdaje .content .prihlasitSe form .radek > label,
    .dorucovaciUdaje .content form p.form-row > label{
        width: auto;
        margin-right: 10px;
    }
    .osobniUdaje .content .bezRegistrace span.volitelne{
        font-size: 16px;
    }
    .sidebar{
        width:100%;
    }
    .osobniUdaje .error-message,
    .dorucovaciUdaje .error-message{
        margin-bottom: 16px;
    }
    .dorucovaciUdaje .content{
        padding:16px;
    }
    .dorucovaciUdaje .wrapper.row{
        padding: 0;
        margin: 0;
    }
    .osobniUdaje .content .bezRegistrace form .radek input:not(.radio), .osobniUdaje .content .prihlasitSe form .radek input:not(.radio), .dorucovaciUdaje .content form p.form-row input{
        max-width: 100%;
        width:100%;
    }
    .dorucovaciUdaje .woocommerce-input-wrapper{
        width:100%;
    }
    .dorucovaciUdaje .content form p.form-row#billing_email_field > label{
        white-space: nowrap;
    }
    .osobniUdaje .content .bezRegistrace form .radek,
    .osobniUdaje .content .prihlasitSe form .radek,
    .dorucovaciUdaje .content form p.form-row:not(#add_ico_checkbox_field){
        gap: 8px;
        flex-wrap: wrap;
    }
    .dorucovaciUdaje .content #ico_checkbox_field label.checkbox{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .dorucovaciUdaje .content #ico_checkbox_field label.checkbox input{
        margin-right: 10px;
    }
    .checkout .content .doprava .metody_dopravy .radio, .checkout .content .platba ul li{
        flex-direction: column;
        align-items: baseline;
    }
    .checkout .paymentFree, .checkout .deliveryFree, .checkout .radio > .price,
    .woocommerce-checkout #payment div.payment_box{
        margin: 0 0 0 auto !important;
    }
    .checkout .place-order{
        flex-direction: column;
        margin-top: 40px;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .checkout .place-order p{
        text-align:center;
    }
    .sidebar .woocommerce-Price-amount{
        white-space: nowrap;
    }
    .sidebar .items .item{
        padding:8px;
    }
    .woocommerce-order-received .woocommerce-order{
        max-width:100%;
        width:100%;
    }
    .thankYouNote h1, .thankYouNote p{
        margin-bottom:32px;
    }
    .woocommerce-order-received .woocommerce-order-details{
        flex-direction: column;
    }
    .bookmarkedItems td a{
        white-space:nowrap;
    }
    .woocommerce-account .woocommerce-orders-table tr{
        margin-top:40px;
    }
    .woocommerce-view-order .order-items .order-item{
        flex-direction: column;
        padding:0px;
    }
    .woocommerce-view-order .order-items .order-item > p{
        margin: 0 0 0 auto;
    }
    .woocommerce-account .woocommerce-MyAccount-content{
        padding:16px;
    }
    .woocommerce-edit-address .woocommerce-address-fields .form-row{
        gap:0px;
    }
    .woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row label{
        width:auto;
    }
    .single-product .popup-overlay #popup-product-details div{
        flex-direction: column;
        align-items: center;
    }
    .ec-v-form-text, .ec-v-form-input, .ec-v-form-submit {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }




    footer{
        padding:40px 16px;
    }
    footer .logo{
        margin-bottom:24px;
        text-align: center;
    }
    footer .logo svg{
        height:20px;
        justify-content: center;
    }
    footer .details{
        display:none;
    }
    footer .socials{
        margin-bottom:24px;
        justify-content:center;
    }
    footer .menu{
        margin-bottom:24px;
        text-align: center;
    }
    footer h3.category{
        margin-bottom:16px;
        text-align: center;
    }
    footer .newsletter{
        margin-bottom:24px;
        color:#fff;
        text-align:center;
    }
    footer .newsletter .zasady{
        display:none;
    }
    footer .contactsMobile a,
    footer .contactsMobile{
        color: #FFF;
        text-align: center;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%; /* 21.7px */
        display:flex;
        flex-direction: column;
        gap:4px;
    }
}

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

}